koha-tmpl/opac-tmpl/prog/en/css/sco.css

   1 @import url("../../en/lib/yui/reset-fonts-grids.css");
   2 @import url("../../en/lib/yui/skin.css");
   3
   4 a {
   5         font-weight : bold;
   6 }
   7
   8 a, a:visited {
   9         color : #006699;
  10 }
  11
  12 a:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
  13         color : #990033;
  14 }
  15
  16 body {
  17         background-color : white;
  18         text-align : left;
  19         padding : 0 0 2.5em 0;
  20 }
  21
  22 caption {
  23         font-size : 110%;
  24         text-align : left;
  25         font-weight : bold;
  26 }
  27
  28 fieldset {
  29         background-color: #FFF;
  30         border : 2px solid #EEEEEE;
  31         margin : 1em 1em 1em 0;
  32         padding : 1em;
  33 }
  34
  35 h1,h2,h3,h4,h5,h6 {
  36         font-weight : bold;
  37         margin : .5em 0;
  38 }
  39
  40 h1 {
  41         font-size : 138.5%;
  42 }
  43
  44 h2 {
  45         font-size : 134%;
  46 }
  47
  48 h3 {
  49         font-size : 123.1%;
  50 }
  51
  52 h4 {
  53         font-size : 116%;
  54 }
  55
  56 h5 {
  57         font-size : 108%;
  58 }
  59
  60 h6 {
  61         font-size : 100%;
  62 }
  63
  64 input[type=submit],
  65 input[type=button],
  66 input[type=reset],
  67 fieldset.brief input[type=submit],
  68 fieldset.brief input[type=button],
  69 fieldset.brief input[type=reset]
  70 {
  71         background: #f4f9fc; /* Old browsers */
  72         background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
  73         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(4%,#dfeefa), color-stop(93%,#bfd5ea), color-stop(97%,#a1c4e2), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
  74         background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
  75         background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
  76         background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
  77         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */
  78         background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
  79         border-top: 1px solid #cccccc;
  80         border-left: 1px solid #cccccc;
  81         border-right: 1px solid #eeeeee;
  82         border-bottom: 1px solid #eeeeee;
  83         color : #333;
  84         font-size : 93%;
  85         font-weight : bold;
  86         padding : 4px;
  87 }
  88
  89 input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
  90         border: 1px inset #666666;
  91         float : none;
  92 }
  93 .dialog {
  94   border: 1px solid #bcbcbc;
  95         padding : .5em;
  96         margin : 1em auto;
  97   width: 65%;
  98   }
  99
 100 .dialog  h2, .dialog h3, .dialog h4 {
 101         margin : auto;
 102         text-align : center;
 103   }
 104
 105 div.alert {
 106         background: #fef8d3; /* Old browsers */
 107         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
 108         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
 109         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
 110         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
 111         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
 112         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
 113         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
 114         text-align : center;
 115 }
 116
 117 div.alert strong {
 118         color : #900;
 119 }
 120
 121 div.message {
 122         background: #ffffff; /* Old browsers */
 123         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
 124         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
 125         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
 126         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
 127         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
 128         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
 129         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
 130         border : 1px solid #bcbcbc;
 131         width : 55%;
 132 }
 133
 134 .dialog input {
 135         background : #FFF none;
 136         border : 1px solid #bcbcbc;
 137         margin : .4em;
 138         padding : .4em;
 139  }
 140
 141
 142 .dialog input.back {
 143         background : #FFF url(../../famfamfam/silk/arrow_left.png) no-repeat 4px center;
 144         padding : .4em .4em .4em 25px;
 145  }
 146
 147 .dialog input.return {
 148         background : #FFF url(../../famfamfam/silk/book_previous.png) no-repeat 4px center;
 149         padding : .4em .4em .4em 25px;
 150  }
 151
 152 .dialog input.renew {
 153         background : #FFF url(../../famfamfam/silk/arrow_refresh.png) no-repeat 4px center;
 154         padding : .4em .4em .4em 25px;
 155  }
 156
 157 .dialog input.cancel {
 158         background : #FFF url(../../famfamfam/silk/cancel.png) no-repeat 4px center;
 159         padding : .4em .4em .4em 25px;
 160  }
 161
 162 input.finish {
 163         background : #dbe7ff url(../../famfamfam/silk/stop.png) no-repeat 4px center;
 164         border : 1px outset #666;
 165         padding : .2em .2em .2em 25px;
 166 }
 167
 168 table {
 169         background-color: #FFF;
 170         border-collapse : collapse;
 171         margin : 1em 0;
 172         border-right : 1px solid #dddddd;
 173         border-top : 1px solid #dddddd;
 174 }
 175
 176 td,th {
 177         background-color: #FFF;
 178         border-left : 1px solid #dddddd;
 179         border-bottom : 1px solid #dddddd;
 180         padding : 3px 3px;
 181 }
 182
 183 th {
 184         background-color:#EEE;
 185         font-weight : bold;
 186         padding : 2px 23px;
 187         text-align : center;
 188 }
 189
 190 tr.highlight td, tr.highlight th, tr.odd td {
 191         background-color : #F3F3F3;
 192    border-top : 1px solid #DDDDDD;
 193    border-bottom : 1px solid #DDDDDD;
 194 }
 195
 196 tr.even td, tr.even.highlight td {
 197         background-color: #FFF;
 198 }
 199
 200 .header {
 201     background-image:url("../../images/ascdesc.gif");
 202     background-position:right center;
 203     background-repeat:no-repeat;
 204     cursor:pointer;
 205 }
 206 .headerSortUp {
 207     background-image:url("../../images/asc.gif");
 208 }
 209 .headerSortDown {
 210     background-image:url("../../images/desc.gif");
 211 }
 212
 213 p {
 214         margin: .7em 0;
 215 }
 216
 217 strong {
 218         font-weight : bold;
 219 }
 220
 221 em {
 222         font-style : italic;
 223 }
 224 #borrowerdetails {
 225         margin-top : 1em;
 226 }
 227 #barcode,
 228 #patronid {
 229         font-size : 125%;
 230         padding-bottom : 3px;
 231 }
 232 input.focus {
 233         background-color : #FFC;
 234         border : 2px inset #336699;
 235 }
 236 #checkouthelp {
 237         background : #FFF url("../../famfamfam/silk/help.png") no-repeat 4px center;
 238         padding : 3px 3px 3px 26px;
 239         position : absolute;
 240         top : 0;
 241         right : 0;
 242 }
 243 div.button {
 244         float : left;
 245         margin-top : 2em;
 246         padding : .4em 0;
 247 }
 248 div.button a:link,
 249 div.button a:visited,
 250 div.button a:hover,
 251 div.button a:active {
 252         background : #FFF url(../../famfamfam/silk/book_previous.png) no-repeat 4px center;
 253         border : 1px outset #666;
 254         color : #000;
 255         padding : .4em .4em .4em 25px;
 256         text-decoration : none;
 257 }
 258 div.button a:active {
 259         border : 1px inset #666;
 260 }
 261
 262 div.koha_url {
 263     border-top: none !important;
 264 }
 265 span.koha_url {
 266     position: absolute;
 267     right: 0;
 268 }
 269 a.koha_url {
 270     text-decoration: none;
 271     color: #666666;
 272 }
 273
 274
 275 div#changelanguage{
 276         background-color: #fff;
 277         border-top: 1px solid #CCC;
 278         color : #666;
 279         font-size : 85%;
 280         padding : 1em;
 281         margin-top : 2em;
 282  }
 283
 284 div#changelanguage a {
 285         font-weight : normal;
 286         padding : .5em;
 287 }
 288
 289 div#changelanguage a.more {
 290         background-image:url(../../images/more-up-arrow.gif);
 291         background-position:right center;
 292         background-repeat:no-repeat;
 293         padding-right:13px;
 294 }
 295
 296 div#changelanguage li.yuimenuitem {
 297         font-size : 120%;
 298         font-weight : normal;
 299         margin : 0;
 300         padding : 0 1em;
 301 }
 302
 303 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
 304         padding : 0;
 305 }
 306
 307 div.lang{
 308         float:left;
 309 }
 310
 311 div.ft {
 312         clear : both;
 313 }