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

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