koha-tmpl/opac-tmpl/bootstrap/css/sci.css

   1 body {
   2     background-color: #fcf9fc;
   3 }
   4
   5 #wrap {
   6     padding-right: 40px;
   7     padding-left: 40px;
   8 }
   9
  10 a, a:visited,
  11 .ui-widget-content a,
  12 .ui-widget-content a:visited {
  13     color: #0076B2;
  14 }
  15
  16 a.title {
  17     font-weight: bold;
  18 }
  19
  20 h1 {
  21     color: #727272;
  22     font-size : 140%;
  23     line-height: 150%;
  24 }
  25 h2 {
  26     color: #727272;
  27     font-size : 130%;
  28     line-height: 150%;
  29 }
  30 h3 {
  31     color: #727272;
  32     font-size : 120%;
  33     line-height: 150%;
  34 }
  35 h4 {
  36     color: #727272;
  37     font-size : 110%;
  38 }
  39 h5 {
  40     color: #727272;
  41     font-size : 100%;
  42 }
  43 caption {
  44     color: #727272;
  45     font-size: 120%;
  46     font-weight: bold;
  47     margin : .5em 0;
  48     text-align: left;
  49 }
  50
  51 input,
  52 textarea {
  53     width: auto;
  54 }
  55
  56 /*Search bar border glow*/
  57 input[type="text"]:focus {
  58    border-color: #85ca11;
  59    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
  60 }
  61
  62 input[type="password"]:focus {
  63    border-color: #85ca11;
  64    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
  65 }
  66
  67 legend {
  68     color: #727272;
  69     font-size: 110%;
  70     font-weight: bold;
  71 }
  72
  73 th {
  74     background-color: #e2e8e8;
  75 }
  76
  77 .main {
  78     background-color: #FFF;
  79     border-color: #f0f3f3;
  80     margin: 0.5em 20px;
  81     padding: 0.8em 0;
  82 }
  83
  84 .navbar-inverse .navbar-inner {
  85     background: #fcf9fc none;
  86     border-color: #fcf9fc;
  87     box-shadow: none;
  88 }
  89
  90 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
  91     color: #727272;
  92     font-weight: bold;
  93 }
  94
  95 /*Dropdown menus in Header*/
  96 .dropdown-menu {
  97    border-radius: 0px;
  98 }
  99
 100 .dropdown-menu > li > a:hover {
 101    background: #85ca11 none;
 102    color: #FFFFFF;
 103 }
 104
 105 .dropdown-menu > li > a:focus {
 106    background: #85ca11 none;
 107    color: #FFFFFF;
 108 }
 109
 110 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
 111    border-top-color: #85ca11;
 112    border-bottom-color: #85ca11;
 113 }
 114
 115 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
 116    border-top-color: #85ca11;
 117    border-bottom-color: #85ca11;
 118 }
 119
 120 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
 121    background-color: transparent;
 122    color: #85ca11;
 123 }
 124
 125 .navbar-inverse .nav li.dropdown > a:hover .caret {
 126    border-top-color: #85ca11;
 127    border-bottom-color: #85ca11;
 128 }
 129
 130 .navbar .nav li.dropdown > a:focus .caret {
 131    border-top-color: #85ca11;
 132    border-bottom-color: #85ca11;
 133 }
 134
 135 .navbar-inverse .nav li.dropdown > a:focus .caret {
 136    border-top-color: #85ca11;
 137    border-bottom-color: #85ca11;
 138 }
 139
 140 .navbar .nav li.dropdown > a:hover .caret {
 141    border-top-color: #85ca11;
 142    border-bottom-color: #85ca11;
 143 }
 144
 145 .navbar-inverse .nav > li > a {
 146    color: #727272;
 147 }
 148
 149 .navbar-inverse .nav > li > a:hover {
 150    color: #85ca11;
 151 }
 152
 153 .navbar-inverse .nav > li > a:focus {
 154    color: #85ca11;
 155 }
 156
 157 .table-striped tbody > tr:nth-child(odd) > td,
 158 .table-striped tbody > tr:nth-child(odd) > th {
 159   background-color: #f0f3f3;
 160 }
 161 /* Redefine a new style for Bootstrap's class "close" since we use that already */
 162 /* Use <a class="closebtn" href="#">&times;</a> */
 163 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
 164 .modal-header .closebtn{margin-top:2px;}
 165 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
 166 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
 167 .btn-group label,
 168 .btn-group select {
 169     font-size: 13px;
 170 }
 171
 172 /* Override Bootstrap alert */
 173 .alert {
 174     background: #fffbe5; /* Old browsers */
 175     background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
 176     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
 177     background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
 178     background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
 179     background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
 180     background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
 181     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
 182     border-color : #D6C43B;
 183     color: #333;
 184 }
 185
 186 /* Override Bootstrap alert.alert-info */
 187 .alert-info {
 188     background: #f4f6fa; /* Old browsers */
 189     background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
 190     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
 191     background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
 192     background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
 193     background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
 194     background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
 195     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
 196     border-color : #C5D1E5;
 197     color: #333;
 198 }
 199
 200 /* Override Bootstrap alert.alert-success */
 201 .alert-success {
 202     background: #f8ffe8; /* Old browsers */
 203     background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
 204     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
 205     background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
 206     background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
 207     background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
 208     background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
 209     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
 210     border-color : #9FBA35;
 211     color: #333;
 212 }
 213
 214
 215 #members a.logout {
 216     color : #E8583C;
 217     padding : 0 .3em 0 .3em;
 218 }
 219
 220 .inline {
 221     display: inline;
 222 }
 223
 224 i.icon {
 225     background-repeat: no-repeat;
 226     display: inline-block;
 227     height: 16px;
 228     line-height: 16px;
 229     margin-right: 3px;
 230     vertical-align: text-top;
 231     width: 16px;
 232 }
 233
 234 i.back {
 235     background : transparent url("../lib/famfamfam/arrow_left.png") no-repeat 0 0;
 236 }
 237
 238 i.return {
 239     background : transparent url("../lib/famfamfam/book_previous.png") no-repeat 0 0;
 240 }
 241
 242 i.renew {
 243     background : transparent url("../lib/famfamfam/arrow_refresh.png") no-repeat 0 0;
 244 }
 245
 246 i.cancel {
 247     background : transparent url("../lib/famfamfam/cancel.png") no-repeat 0 0;
 248 }
 249
 250 i.finish {
 251     background : transparent url("../lib/famfamfam/stop.png") no-repeat 0 0;
 252 }
 253
 254 i.help {
 255     background : transparent url("../lib/famfamfam/help.png") no-repeat 0 0;
 256 }
 257
 258 .table .sorting_asc {
 259     padding-right: 19px;
 260     background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
 261 }
 262 .table .sorting_desc {
 263     padding-right: 19px;
 264     background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
 265 }
 266 .table .sorting {
 267     padding-right: 19px;
 268     background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
 269 }
 270 .table .nosort,
 271 .table .nosort.sorting_asc,
 272 .table .nosort.sorting_desc,
 273 .table .nosort.sorting {
 274     padding-right: 19px;
 275     background: #e2e8e8 none;
 276 }
 277
 278 .table-bordered {
 279     border-radius: 0px;
 280 }
 281
 282 .table-bordered thead:first-child tr:first-child > th:last-child {
 283    border-radius: 0px;
 284 }
 285
 286 .table-bordered tbody:last-child tr:last-child > td:last-child {
 287    border-radius: 0px;
 288 }
 289
 290 .table-bordered tbody:last-child tr:last-child > td:first-child {
 291    border-radius: 0px;
 292 }
 293
 294 .table-bordered thead:first-child tr:first-child > th:first-child {
 295    border-radius: 0px;
 296 }
 297
 298 #sci_logout {
 299     color: #E8583C;
 300 }
 301
 302 #sci_checkin_button, #sci_refresh_button, #sci_append_button {
 303     margin-bottom: 10px;
 304 }
 305
 306 #sci_refresh_button {
 307     color: rgb(51, 51, 51);
 308 }