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

   1 @import url("../../../lib/yui/reset-fonts-grids.css");
   2 @import url("../../../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 p {
 201         margin: .7em 0;
 202 }
 203
 204 strong {
 205     font-weight : bold;
 206 }
 207
 208 em {
 209     font-style : italic;
 210 }
 211 #borrowerdetails {
 212       margin-top : 1em;
 213 }
 214 #barcode,
 215 #patronid {
 216       font-size : 125%;
 217       padding-bottom : 3px;
 218 }
 219 input.focus {
 220   background-color : #FFC;
 221        border : 2px inset #336699;
 222 }
 223 #checkouthelp {
 224   background : #FFF url("../../famfamfam/silk/help.png") no-repeat 4px center;
 225    padding : 3px 3px 3px 26px;
 226     position : absolute;
 227    top : 0;
 228        right : 0;
 229 }
 230 div.button {
 231       float : left;
 232   margin-top : 2em;
 233       padding : .4em 0;
 234 }
 235 div.button a:link,
 236 div.button a:visited,
 237 div.button a:hover,
 238 div.button a:active {
 239         background : #FFF url(../../famfamfam/silk/book_previous.png) no-repeat 4px center;
 240     border : 1px outset #666;
 241       color : #000;
 242   padding : .4em .4em .4em 25px;
 243  text-decoration : none;
 244 }
 245 div.button a:active {
 246         border : 1px inset #666;
 247 }
 248
 249 div.koha_url {
 250     border-top: none !important;
 251 }
 252 span.koha_url {
 253     position: absolute;
 254     right: 0;
 255 }
 256 a.koha_url {
 257     text-decoration: none;
 258     color: #666666;
 259 }
 260
 261 div#changelanguage{
 262     background-color: #fff;
 263     border-top: 1px solid #CCC;
 264     color : #666;
 265     font-size : 85%;
 266     padding : 1em;
 267     margin-top : 2em;
 268  }
 269
 270 div#changelanguage a {
 271     font-weight : normal;
 272     padding : .5em 0;
 273 }
 274
 275 div#changelanguage li.yuimenuitem {
 276     font-size: 120%;
 277     font-weight: normal;
 278     margin: 0;
 279     padding: 0 1em;
 280 }
 281 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
 282     padding: 0;
 283 }
 284
 285 ul#i18nMenu {
 286     margin : 0;
 287     padding : .2em 0;
 288  }
 289
 290 ul#i18nMenu li {
 291     border-left : 1px solid #CCC;
 292     display : inline;
 293     list-style : none;
 294     padding : 0 .4em;
 295  }
 296
 297 ul#i18nMenu li:first-child {
 298     border-left : 0;
 299  }
 300
 301 ul#i18nMenu li ul li {
 302     border : 0;
 303     display : block;
 304     padding : 0;
 305  }
 306
 307
 308 ul#i18nMenu li.more a {
 309     background-image : url("../../images/sprite.png");
 310     background-position : 37px -940px;
 311     background-repeat:no-repeat;
 312     padding-right: 1.3em;
 313 }
 314
 315 ul#i18nMenu li.more ul li a {
 316     background-image : none;
 317     padding: 0 1.3em;
 318 }
 319
 320 span.lang{
 321     float:left;
 322     border-right : 1px solid black;
 323     padding : 0 .5em;
 324 }
 325
 326 div.ft {
 327  clear : both;
 328 }
 329
 330 .sorting_asc {
 331     padding-right: 19px;
 332     background: url("../../images/asc.gif") no-repeat scroll right center #EEEEEE;
 333 }
 334 .sorting_desc {
 335     padding-right: 19px;
 336     background: url("../../images/desc.gif") no-repeat scroll right center #EEEEEE;
 337 }
 338 .sorting {
 339     padding-right: 19px;
 340     background: url("../../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
 341 }
 342 .nosort,
 343 .nosort.sorting_asc,
 344 .nosort.sorting_desc,
 345 .nosort.sorting {
 346     padding-right: 19px;
 347     background: #EEEEEE none;
 348 }