restconf/sal-rest-docgen/src/main/resources/explorer/css/simplePagination.css

   1 /**
   2 * CSS themes for simplePagination.js
   3 * Author: Flavius Matis - http://flaviusmatis.github.com/
   4 * URL: https://github.com/flaviusmatis/simplePagination.js
   5 */
   6
   7 ul.simple-pagination {
   8         list-style: none;
   9 }
  10
  11 .simple-pagination {
  12         display: block;
  13         overflow: hidden;
  14         padding: 0 5px 5px 0;
  15         margin: 0;
  16 }
  17
  18 .simple-pagination ul {
  19         list-style: none;
  20         padding: 0;
  21         margin: 20px auto;
  22         display:table
  23 }
  24
  25 .simple-pagination li {
  26         list-style: none;
  27         padding: 0;
  28         margin: 0;
  29         float: left;
  30         display:table-cell
  31 }
  32 span.ellipse.clickable {
  33         cursor: pointer;
  34 }
  35
  36 .ellipse input {
  37         width: 3em;
  38 }
  39
  40 /*------------------------------------*\
  41         Compact Theme Styles
  42 \*------------------------------------*/
  43 .compact-theme span {
  44         cursor:pointer;
  45 }
  46
  47 .compact-theme a, .compact-theme span {
  48         float: left;
  49         color: #333;
  50         font-size:14px;
  51         line-height:24px;
  52         font-weight: normal;
  53         text-align: center;
  54         border: 1px solid #AAA;
  55         border-left: none;
  56         min-width: 14px;
  57         padding: 0 7px;
  58         box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
  59         background: #efefef; /* Old browsers */
  60         background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
  61         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  62         background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  63         background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
  64         background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
  65         background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
  66 }
  67
  68 .compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
  69         text-decoration: none;
  70         background: #efefef; /* Old browsers */
  71         background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
  72         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
  73         background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
  74         background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
  75         background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
  76         background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
  77 }
  78
  79 .compact-theme li:first-child a, .compact-theme li:first-child span {
  80         border-left: 1px solid #AAA;
  81         border-radius: 3px 0 0 3px;
  82 }
  83
  84 .compact-theme li:last-child a, .compact-theme li:last-child span {
  85         border-radius: 0 3px 3px 0;
  86 }
  87
  88 .compact-theme .current {
  89         background: #bbbbbb; /* Old browsers */
  90         background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */
  91         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  92         background: -webkit-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  93         background: -o-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* Opera11.10+ */
  94         background: -ms-linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* IE10+ */
  95         background: linear-gradient(top, #bbbbbb 0%,#efefef 100%); /* W3C */
  96         cursor: default;
  97 }
  98
  99 .compact-theme .ellipse {
 100         background: #EAEAEA;
 101         padding: 0 10px;
 102         cursor: default;
 103 }
 104
 105 /*------------------------------------*\
 106         Light Theme Styles
 107 \*------------------------------------*/
 108 .light-theme span {
 109         cursor:pointer;
 110 }
 111
 112 .light-theme a, .light-theme span {
 113         float: left;
 114         color: #666;
 115         font-size:14px;
 116         line-height:24px;
 117         font-weight: normal;
 118         text-align: center;
 119         border: 1px solid #BBB;
 120         min-width: 14px;
 121         padding: 0 7px;
 122         margin: 0 5px 0 0;
 123         border-radius: 3px;
 124         box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 125         background: #efefef; /* Old browsers */
 126         background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
 127         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
 128         background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
 129         background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
 130         background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
 131         background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
 132 }
 133
 134 .light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
 135         text-decoration: none;
 136         background: #FCFCFC;
 137 }
 138
 139 .light-theme .current {
 140         background: #666;
 141         color: #FFF;
 142         border-color: #444;
 143         box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
 144         cursor: default;
 145 }
 146
 147 .light-theme .ellipse {
 148         background: none;
 149         border: none;
 150         border-radius: 0;
 151         box-shadow: none;
 152         font-weight: bold;
 153         cursor: default;
 154 }
 155
 156 /*------------------------------------*\
 157         Dark Theme Styles
 158 \*------------------------------------*/
 159 .dark-theme span {
 160         cursor:pointer;
 161 }
 162
 163 .dark-theme a, .dark-theme span {
 164         float: left;
 165         color: #CCC;
 166         font-size:14px;
 167         line-height:24px;
 168         font-weight: normal;
 169         text-align: center;
 170         border: 1px solid #222;
 171         min-width: 14px;
 172         padding: 0 7px;
 173         margin: 0 5px 0 0;
 174         border-radius: 3px;
 175         box-shadow: 0 1px 2px rgba(0,0,0,0.2);
 176         background: #555; /* Old browsers */
 177         background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
 178         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
 179         background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
 180         background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
 181         background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
 182         background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
 183 }
 184
 185 .dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
 186         text-decoration: none;
 187         background: #444;
 188 }
 189
 190 .dark-theme .current {
 191         background: #222;
 192         color: #FFF;
 193         border-color: #000;
 194         box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
 195         cursor: default;
 196 }
 197
 198 .dark-theme .ellipse {
 199         background: none;
 200         border: none;
 201         border-radius: 0;
 202         box-shadow: none;
 203         font-weight: bold;
 204         cursor: default;
 205 }