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

   1 body {
   2     background-color: #EAEAE6;
   3 }
   4
   5 a, a:visited,
   6 .ui-widget-content a,
   7 .ui-widget-content a:visited {
   8     color: #0076B2;
   9 }
  10
  11 a.title {
  12     font-weight: bold;
  13 }
  14
  15 h1 {
  16     font-size : 140%;
  17     line-height: 150%;
  18 }
  19 h2 {
  20
  21     font-size : 130%;
  22     line-height: 150%;
  23 }
  24 h3 {
  25
  26     font-size : 120%;
  27     line-height: 150%;
  28 }
  29 h4 {
  30
  31     font-size : 110%;
  32 }
  33 h5 {
  34
  35     font-size : 100%;
  36 }
  37 caption {
  38     font-size: 120%;
  39     font-weight: bold;
  40     margin : .5em 0;
  41     text-align: left;
  42 }
  43
  44 input,
  45 textarea {
  46     width: auto;
  47 }
  48
  49 legend {
  50     font-size: 110%;
  51     font-weight: bold;
  52 }
  53 th {
  54     background-color: #ECEDE6;
  55 }
  56 .main {
  57     background-color: #FFF;
  58     border: 1px solid #D2D2CF;
  59     border-radius: 8px 8px 8px 8px;
  60     margin: 0.5em 20px;
  61     padding: 0.8em 0;
  62     -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
  63     box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
  64 }
  65 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
  66     color: #9FE1FF;
  67     font-weight: bold;
  68 }
  69
  70 .table-striped tbody > tr:nth-child(odd) > td,
  71 .table-striped tbody > tr:nth-child(odd) > th {
  72   background-color: #F4F4F4;
  73 }
  74 /* Redefine a new style for Bootstrap's class "close" since we use that already */
  75 /* Use <a class="closebtn" href="#">&times;</a> */
  76 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
  77 .modal-header .closebtn{margin-top:2px;}
  78 .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);}
  79 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
  80 .btn-group label,
  81 .btn-group select {
  82     font-size: 13px;
  83 }
  84
  85 /* Override Bootstrap alert */
  86 .alert {
  87     background: #fffbe5; /* Old browsers */
  88     background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
  89     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+ */
  90     background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
  91     background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
  92     background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
  93     background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
  94     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
  95     border-color : #D6C43B;
  96     color: #333;
  97 }
  98
  99 /* Override Bootstrap alert.alert-info */
 100 .alert-info {
 101     background: #f4f6fa; /* Old browsers */
 102     background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
 103     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+ */
 104     background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
 105     background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
 106     background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
 107     background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
 108     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
 109     border-color : #C5D1E5;
 110     color: #333;
 111 }
 112
 113 /* Override Bootstrap alert.alert-success */
 114 .alert-success {
 115     background: #f8ffe8; /* Old browsers */
 116     background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
 117     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+ */
 118     background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
 119     background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
 120     background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
 121     background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
 122     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
 123     border-color : #9FBA35;
 124     color: #333;
 125 }
 126 #members p {
 127     color : #EEE;
 128 }
 129
 130 #members a {
 131     color: #A6D8ED;
 132     font-weight: bold;
 133 }
 134
 135 #members a.logout {
 136     color : #E8583C;
 137     padding : 0 .3em 0 .3em;
 138 }
 139
 140 .inline {
 141     display: inline;
 142 }
 143
 144 i.icon {
 145     background-repeat: no-repeat;
 146     display: inline-block;
 147     height: 16px;
 148     line-height: 16px;
 149     margin-right: 3px;
 150     vertical-align: text-top;
 151     width: 16px;
 152 }
 153
 154 i.back {
 155     background : transparent url("../lib/famfamfam/silk/arrow_left.png") no-repeat 0 0;
 156 }
 157
 158 i.return {
 159     background : transparent url("../lib/famfamfam/silk/book_previous.png") no-repeat 0 0;
 160 }
 161
 162 i.renew {
 163     background : transparent url("../lib/famfamfam/silk/arrow_refresh.png") no-repeat 0 0;
 164 }
 165
 166 i.cancel {
 167     background : transparent url("../lib/famfamfam/silk/cancel.png") no-repeat 0 0;
 168 }
 169
 170 i.finish {
 171     background : transparent url("../lib/famfamfam/silk/stop.png") no-repeat 0 0;
 172 }
 173
 174 i.help {
 175     background : transparent url("../lib/famfamfam/silk/help.png") no-repeat 0 0;
 176 }
 177
 178 .table .sorting_asc {
 179     padding-right: 19px;
 180     background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
 181 }
 182 .table .sorting_desc {
 183     padding-right: 19px;
 184     background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
 185 }
 186 .table .sorting {
 187     padding-right: 19px;
 188     background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
 189 }
 190 .table .nosort,
 191 .table .nosort.sorting_asc,
 192 .table .nosort.sorting_desc,
 193 .table .nosort.sorting {
 194     padding-right: 19px;
 195     background: #EEEEEE none;
 196 }
 197
 198 #sci_logout {
 199     color: #E8583C;
 200 }
 201
 202 #sci_checkin_button, #sci_refresh_button, #sci_append_button {
 203     margin-bottom: 10px;
 204 }
 205
 206 #sci_refresh_button {
 207     color: rgb(51, 51, 51);
 208 }