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