koha-tmpl/opac-tmpl/prog/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], input[type=button], input[type=reset] {
  65         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
  66         background-color : #b8d0e6;
  67         border-top: 1px solid #cccccc;
  68         border-left: 1px solid #cccccc;
  69         border-right: 1px solid #eeeeee;
  70         border-bottom: 1px solid #eeeeee;
  71         color : #333;
  72         font-size : 93%;
  73         font-weight : bold;
  74         padding : 4px;
  75 }
  76
  77 input[type=submit]:active, input[type=button], input[type=reset] {
  78         border: 1px inset #666666;
  79         float : none;
  80 }
  81 .dialog {
  82   border: 1px solid #bcbcbc;
  83         padding : .5em;
  84         margin : 1em auto;
  85   width: 65%;
  86   }
  87
  88 .dialog  h2, .dialog h3, .dialog h4 {
  89         margin : auto;
  90         text-align : center;
  91   }
  92
  93 div.alert {
  94   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
  95   text-align : center;
  96 }
  97
  98 div.alert strong {
  99         color : #900;
 100 }
 101
 102 .dialog input {
 103         background : #FFF none;
 104         border : 1px solid #bcbcbc;
 105         margin : .4em;
 106         padding : .4em;
 107  }
 108
 109
 110 .dialog input.back {
 111         background : #FFF url(../../famfamfam/silk/arrow_left.png) no-repeat 4px center;
 112         padding : .4em .4em .4em 25px;
 113  }
 114
 115 .dialog input.return {
 116         background : #FFF url(../../famfamfam/silk/book_previous.png) no-repeat 4px center;
 117         padding : .4em .4em .4em 25px;
 118  }
 119
 120 .dialog input.renew {
 121         background : #FFF url(../../famfamfam/silk/arrow_refresh.png) no-repeat 4px center;
 122         padding : .4em .4em .4em 25px;
 123  }
 124
 125 .dialog input.cancel {
 126         background : #FFF url(../../famfamfam/silk/cancel.png) no-repeat 4px center;
 127         padding : .4em .4em .4em 25px;
 128  }
 129
 130 input.finish {
 131         background : #dbe7ff url(../../famfamfam/silk/stop.png) no-repeat 4px center;
 132         border : 1px outset #666;
 133         padding : .2em .2em .2em 25px;
 134 }
 135
 136 table {
 137         background-color: #FFF;
 138         border-collapse : collapse;
 139         margin : 1em 0;
 140         border-right : 1px solid #dddddd;
 141         border-top : 1px solid #dddddd;
 142 }
 143
 144 td,th {
 145         background-color: #FFF;
 146         border-left : 1px solid #dddddd;
 147         border-bottom : 1px solid #dddddd;
 148         padding : 3px 3px;
 149 }
 150
 151 th {
 152         background-color:#EEE;
 153         font-weight : bold;
 154         padding : 2px 23px;
 155         text-align : center;
 156 }
 157
 158 tr.highlight td, tr.highlight th, tr.odd td {
 159         background-color : #F3F3F3;
 160    border-top : 1px solid #DDDDDD;
 161    border-bottom : 1px solid #DDDDDD;
 162 }
 163
 164 tr.even td, tr.even.highlight td {
 165         background-color: #FFF;
 166 }
 167
 168 .header {
 169     background-image:url("../../images/ascdesc.gif");
 170     background-position:right center;
 171     background-repeat:no-repeat;
 172     cursor:pointer;
 173 }
 174 .headerSortUp {
 175     background-image:url("../../images/asc.gif");
 176 }
 177 .headerSortDown {
 178     background-image:url("../../images/desc.gif");
 179 }
 180
 181 p {
 182         margin: .7em 0;
 183 }
 184
 185 strong {
 186         font-weight : bold;
 187 }
 188
 189 em {
 190         font-style : italic;
 191 }
 192 #borrowerdetails {
 193         margin-top : 1em;
 194 }
 195 #barcode,
 196 #patronid {
 197         font-size : 125%;
 198         padding-bottom : 3px;
 199 }
 200 input.focus {
 201         background-color : #FFC;
 202         border : 2px inset #336699;
 203 }
 204 #checkouthelp {
 205         background : #FFF url("../../famfamfam/silk/help.png") no-repeat 4px center;
 206         padding : 3px 3px 3px 26px;
 207         position : absolute;
 208         top : 0;
 209         right : 0;
 210 }
 211 div.button {
 212         float : left;
 213         margin-top : 2em;
 214         padding : .4em 0;
 215 }
 216 div.button a:link,
 217 div.button a:visited,
 218 div.button a:hover,
 219 div.button a:active {
 220         background : #FFF url(../../famfamfam/silk/book_previous.png) no-repeat 4px center;
 221         border : 1px outset #666;
 222         color : #000;
 223         padding : .4em .4em .4em 25px;
 224         text-decoration : none;
 225 }
 226 div.button a:active {
 227         border : 1px inset #666;
 228 }