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

   1 @import url("/opac-tmpl/lib/yui/reset-fonts-grids.css");
   2 @import url("/opac-tmpl/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(/opac-tmpl/lib/famfamfam/silk/arrow_left.png) no-repeat 4px center;
 144     border: 1px solid #BCBCBC;
 145         padding : .4em .4em .4em 25px;
 146  }
 147
 148 .dialog input.return {
 149     background : #FFF url(/opac-tmpl/lib/famfamfam/silk/book_previous.png) no-repeat 4px center;
 150         padding : .4em .4em .4em 25px;
 151  }
 152
 153 .dialog input.renew {
 154     background : #FFF url(/opac-tmpl/lib/famfamfam/silk/arrow_refresh.png) no-repeat 4px center;
 155         padding : .4em .4em .4em 25px;
 156  }
 157
 158 .dialog input.cancel {
 159     background : #FFF url(/opac-tmpl/lib/famfamfam/silk/cancel.png) no-repeat 4px center;
 160         padding : .4em .4em .4em 25px;
 161  }
 162
 163 input.finish {
 164     background : #dbe7ff url(/opac-tmpl/lib/famfamfam/silk/stop.png) no-repeat 4px center;
 165         border : 1px outset #666;
 166         padding : .2em .2em .2em 25px;
 167 }
 168
 169 table {
 170         background-color: #FFF;
 171         border-collapse : collapse;
 172         margin : 1em 0;
 173         border-right : 1px solid #dddddd;
 174         border-top : 1px solid #dddddd;
 175 }
 176
 177 td,th {
 178         background-color: #FFF;
 179         border-left : 1px solid #dddddd;
 180         border-bottom : 1px solid #dddddd;
 181         padding : 3px 3px;
 182 }
 183
 184 th {
 185         background-color:#EEE;
 186         font-weight : bold;
 187         padding : 2px 23px;
 188         text-align : center;
 189 }
 190
 191 tr.highlight td, tr.highlight th, tr.odd td {
 192         background-color : #F3F3F3;
 193    border-top : 1px solid #DDDDDD;
 194    border-bottom : 1px solid #DDDDDD;
 195 }
 196
 197 tr.even td, tr.even.highlight td {
 198         background-color: #FFF;
 199 }
 200
 201 .header {
 202     background-image:url("../../images/ascdesc.gif");
 203     background-position:right center;
 204     background-repeat:no-repeat;
 205     cursor:pointer;
 206 }
 207 .headerSortUp {
 208     background-image:url("../../images/asc.gif");
 209 }
 210 .headerSortDown {
 211     background-image:url("../../images/desc.gif");
 212 }
 213
 214 p {
 215         margin: .7em 0;
 216 }
 217
 218 strong {
 219         font-weight : bold;
 220 }
 221
 222 em {
 223         font-style : italic;
 224 }
 225 #borrowerdetails {
 226         margin-top : 1em;
 227 }
 228 #barcode,
 229 #patronid {
 230         font-size : 125%;
 231         padding-bottom : 3px;
 232 }
 233 input.focus {
 234         background-color : #FFC;
 235         border : 2px inset #336699;
 236 }
 237 #checkouthelp {
 238     background : #FFF url("/opac-tmpl/lib/famfamfam/silk/help.png") no-repeat 4px center;
 239         padding : 3px 3px 3px 26px;
 240         position : absolute;
 241         top : 0;
 242         right : 0;
 243 }
 244 div.button {
 245         float : left;
 246         margin-top : 2em;
 247         padding : .4em 0;
 248 }
 249 div.button a:link,
 250 div.button a:visited,
 251 div.button a:hover,
 252 div.button a:active {
 253     background : #FFF url(/opac-tmpl/lib/famfamfam/silk/book_previous.png) no-repeat 4px center;
 254         border : 1px outset #666;
 255         color : #000;
 256         padding : .4em .4em .4em 25px;
 257         text-decoration : none;
 258 }
 259 div.button a:active {
 260         border : 1px inset #666;
 261 }
 262
 263 div.koha_url {
 264     border-top: none !important;
 265 }
 266 span.koha_url {
 267     position: absolute;
 268     right: 0;
 269 }
 270 a.koha_url {
 271     text-decoration: none;
 272     color: #666666;
 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 0;
 287 }
 288
 289 div#changelanguage li.yuimenuitem {
 290     font-size: 120%;
 291     font-weight: normal;
 292     margin: 0;
 293     padding: 0 1em;
 294 }
 295 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
 296     padding: 0;
 297 }
 298
 299 ul#i18nMenu {
 300     margin : 0;
 301     padding : .2em 0;
 302  }
 303
 304 ul#i18nMenu li {
 305     border-left : 1px solid #CCC;
 306     display : inline;
 307     list-style : none;
 308     padding : 0 .4em;
 309  }
 310
 311 ul#i18nMenu li:first-child {
 312     border-left : 0;
 313  }
 314
 315 ul#i18nMenu li ul li {
 316     border : 0;
 317     display : block;
 318     padding : 0;
 319  }
 320
 321
 322 ul#i18nMenu li.more a {
 323     background-image : url("../../images/sprite.png");
 324     background-position : 37px -940px;
 325     background-repeat:no-repeat;
 326     padding-right: 1.3em;
 327 }
 328
 329 ul#i18nMenu li.more ul li a {
 330     background-image : none;
 331     padding: 0 1.3em;
 332 }
 333
 334 span.lang{
 335     float:left;
 336     border-right : 1px solid black;
 337     padding : 0 .5em;
 338 }
 339
 340 div.ft {
 341         clear : both;
 342 }
 343
 344 .inline {
 345     display: inline;
 346 }