koha-tmpl/opac-tmpl/ccsr/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 div#changelanguage{
 275     background-color: #fff;
 276     border-top: 1px solid #CCC;
 277     color : #666;
 278     font-size : 85%;
 279     padding : 1em;
 280     margin-top : 2em;
 281  }
 282
 283 div#changelanguage a {
 284     font-weight : normal;
 285     padding : .5em 0;
 286 }
 287
 288 div#changelanguage li.yuimenuitem {
 289     font-size: 120%;
 290     font-weight: normal;
 291     margin: 0;
 292     padding: 0 1em;
 293 }
 294 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
 295     padding: 0;
 296 }
 297
 298 ul#i18nMenu {
 299     margin : 0;
 300     padding : .2em 0;
 301  }
 302
 303 ul#i18nMenu li {
 304     border-left : 1px solid #CCC;
 305     display : inline;
 306     list-style : none;
 307     padding : 0 .4em;
 308  }
 309
 310 ul#i18nMenu li:first-child {
 311     border-left : 0;
 312  }
 313
 314 ul#i18nMenu li ul li {
 315     border : 0;
 316     display : block;
 317     padding : 0;
 318  }
 319
 320
 321 ul#i18nMenu li.more a {
 322     background-image : url("../../images/sprite.png");
 323     background-position : 37px -940px;
 324     background-repeat:no-repeat;
 325     padding-right: 1.3em;
 326 }
 327
 328 ul#i18nMenu li.more ul li a {
 329     background-image : none;
 330     padding: 0 1.3em;
 331 }
 332
 333 span.lang{
 334     float:left;
 335     border-right : 1px solid black;
 336     padding : 0 .5em;
 337 }
 338
 339 div.ft {
 340  clear : both;
 341 }