koha-tmpl/intranet-tmpl/prog/en/includes/san-op.css

   1 body {
   2     font-family : Verdana, Geneva, Arial, sans-serif;
   3     font-size : 1.0em;
   4     background-color : #eeeeee;
   5         text-align: left;
   6 }
   7
   8 h1 {
   9         font-size: 1.9em;
  10         background-color : #384b73;
  11         color : white;
  12         text-align: center;
  13         padding-bottom : 6px;
  14         display:block;
  15 }
  16
  17 h2 {
  18         color : #384b73;
  19         text-align: left;
  20         padding-bottom : 6px;
  21         display:block;
  22         font-size:110%;
  23 }
  24 h3 {
  25         color : #384b73;
  26         text-align: left;
  27         padding-bottom : 6px;
  28         display:inline;
  29         font-size:100%;
  30         font-weight:normal;
  31 }
  32
  33 label {
  34     font-style:italic;
  35     vertical-align:top;
  36 /*    display:block;
  37     float:left;
  38     text-align:right;
  39     width:8em;
  40     margin-right:0.2em;*/
  41 }
  42
  43 p {
  44     margin-bottom:0px;
  45     margin-top:0px;
  46     margin-left:10px;
  47     margin-right:10px;
  48     padding:0px;
  49 }
  50
  51 /* Alternate css proposal : uncomment this (and comment #action a below), and action menu will appear on the right, vertically */
  52 /*
  53 #action {
  54 float:right;
  55 }
  56 #action a {
  57     background-color : #eec95a;
  58     color : #FFFFFF;
  59     font-size : 1em;
  60     border: 3px;
  61     font-weight : bold;
  62     margin-right:5px;
  63     margin-bottom:5px;
  64     text-decoration:none;
  65     display: block;
  66 }
  67 */
  68
  69 #action {
  70     margin-top:5px;
  71     margin-bottom:20px;
  72 }
  73 #action a {
  74     background-color : #eec95a;
  75     color : #FFFFFF;
  76     font-size : 1em;
  77     border: 2px outset;
  78     font-weight : bold;
  79     margin:0px 5px 0px 0px;
  80     padding-right:5px;
  81     padding-left:5px;
  82     text-decoration:none;
  83     display: inline;
  84 }
  85 #action a:hover {
  86     border: 2px inset;
  87     background-color:#384b73;
  88 }
  89
  90 a:link, a:visited, a:active {
  91         text-decoration : underline;
  92         color :navy;
  93 }
  94 a:hover {
  95         text-decoration : none;
  96         color : orange;
  97 }
  98
  99 table {
 100         border-collapse : collapse;
 101         border-top : 1px solid #CCCCCC;
 102         border-right : 1px solid #CCCCCC;
 103         margin : 1em 0;
 104 }
 105
 106 caption {
 107         font-size : 140%;
 108         text-align : left;
 109         font-weight : bold;
 110 }
 111
 112 td,th {
 113         border-left : 1px solid #CCCCCC;
 114         border-bottom : 1px solid #CCCCCC;
 115         padding : 5px;
 116 }
 117
 118 th {
 119     background-color : #384b73;
 120     color : white;
 121     border-left : 1px solid #999999;
 122     border-bottom : 1px solid #999999;
 123 }
 124
 125 th[scope=row] {
 126     background-color : #EEEEEE;
 127     color:black;
 128     text-align : right;
 129 }
 130
 131 input {
 132     font-size:0.8em;
 133 }
 134
 135 select {
 136     font-size:0.8em;
 137     border : 1px solid black;
 138     padding : 1px;
 139 }
 140
 141 li {
 142 margin : 0px 0px 0px 10px;
 143 }
 144
 145 input[type=submit], input[type=button], input[type=reset] {
 146     font-size:0.8em;
 147     background-color : #eec95a;
 148     color : #FFFFFF;
 149     font-size : 1em;
 150     border-width:2px;
 151     font-weight : bold;
 152 }
 153 input:hover[type=submit], input:hover[type=button], input:hover[type=reset] {
 154     border:2px inset;
 155 }
 156
 157 input[type=text] {
 158     font-size : 0.8em;
 159     font-weight : bold;
 160     border : 1px solid black;
 161     margin : 0px 2px 0px 0px;
 162     padding : 2px;
 163 }
 164
 165 tr.highlight td, tr.highlight th {
 166         background-color : #FFF;
 167 }
 168
 169 #problem {
 170         color: red;
 171         background-color: #eee;
 172         font-weight : bold;
 173 }
 174
 175 legend {
 176         font-size: 1.3em;
 177         font-weight:bold;
 178         background-color : #384b73;
 179         color : white;
 180         padding : 0px 5px 0px 5px;
 181 }
 182 fieldset {
 183         border : 1px solid #374b73;
 184         display: inline;
 185         vertical-align:top;
 186 }
 187
 188 .problem {
 189         color: white;
 190         background-color:red;
 191 }
 192
 193 /* css styles for reserves color alerts */
 194 .onloan {
 195         background-color: #FFED3D;
 196 }
 197
 198 .reserved {
 199         background-color: #8EBAFF;
 200 }
 201
 202 .transfered {
 203         background-color: #F9FF9A;
 204 }
 205
 206 .inwait {
 207         background-color: #33CC99;
 208 }
 209
 210 .other {
 211         background-color: #FF0000;
 212 }
 213
 214 /* end of css styles for reserves color alerts */
 215
 216 /* MAIN MENU STYLES */
 217 #mainmenu {
 218     display:block;
 219     float:left;
 220     font-weight : normal;
 221     background-color : #eee;
 222     margin-right: 5px;
 223     padding-right: 5px;
 224     border-right:1px solid black;
 225     font-size:0.8em;
 226 }
 227
 228 #mainmenu a {
 229     display:block;
 230     margin-bottom:0px;
 231     padding-left :5px;
 232     text-decoration:none;
 233     font-weight:bold;
 234     color:black;
 235 }
 236
 237
 238 #mainmenu a:hover {
 239     display:block;
 240     margin-bottom:0px;
 241     padding-left :5px;
 242     text-decoration:none;
 243     font-weight:bold;
 244     background-color:#6699cc;
 245     color:white;
 246 }
 247
 248 #mainmenu ul a {
 249     display:block;
 250     margin-bottom:5px;
 251     padding-left :5px;
 252     text-decoration:none;
 253     font-weight:normal;
 254     color:black;
 255 }
 256 #mainmenu ul a:hover {
 257     display:block;
 258     margin-bottom:5px;
 259     padding-left :5px;
 260     text-decoration:none;
 261     font-weight:normal;
 262     background-color:#6699cc;
 263     color:white;
 264 }
 265
 266 #mainmenu ul {
 267     list-style-type: none;
 268     padding-left:20px;
 269     margin-bottom:0px;
 270     margin-top:0px;
 271 }
 272
 273 #mainmenu li {
 274     list-style-type: none;
 275     padding-left:0px;
 276     margin-left:0px;
 277     margin-bottom:0px;
 278     margin-top:0px;
 279 }
 280
 281 #mainmenu label {
 282     width:4em;
 283 }
 284 /* submenus styles */
 285 #submenu {
 286     margin-left:0%;
 287     font-weight : normal;
 288     /*display:left;*/
 289 }
 290
 291 #submenu a {
 292     margin:5px;
 293     padding : 0px 0px 4px 0px;
 294     text-decoration:none;
 295     color:black;
 296     padding-right:15px;
 297     font-size:1em;
 298 }
 299
 300 #submenu a:hover {
 301     margin:5px;
 302     padding : 0px 0px 4px 0px;
 303     background-color:#6699cc;
 304     color:white;
 305     padding-right:15px;
 306     font-size:1em;
 307 }
 308
 309 /* Main body style */
 310 #main {
 311     margin-left:20%;
 312     margin-bottom:0px;
 313     padding-bottom:0px;
 314 }
 315
 316 /* facets bloc */
 317 #facets {
 318     float:left;
 319 /*     background-color:#CCCCCC; */
 320     margin-right:20px;
 321     border:1px solid black;
 322     font-size:75%;
 323 }
 324
 325 #facets ul {
 326     list-style-type: none;
 327     padding-left:0px;
 328     margin-bottom:0px;
 329     margin-top:0px;
 330 }
 331
 332 /* the USER information block */
 333 #librarian_information {
 334 /*     position:absolute; */
 335     float:right;
 336     font-size:10pt;
 337 }
 338 /* css style for reregistration alert */
 339
 340 .reregistrinfo {
 341         color: #6699cc;
 342         font-weight : bold;
 343         background-color : #eeeeee;
 344 }
 345
 346 /* MARC editor */
 347
 348 /* styles for the 11 buttons that the user can click on */
 349 /* the design of the active tab button (only 1 at a given time)*/
 350 .tab_active {
 351     background-color : #eec95a;
 352     font-size : 1em;
 353     border: 2px inset;
 354     font-weight : bold;
 355     text-decoration:none;
 356     display: inline;
 357     color:white;
 358     text-decoration:none;
 359     margin-left:10px;
 360 }
 361 /* the design of the INactives tab buttons (all other tabs) */
 362 .tab_inactive {
 363     background-color:#384b73;
 364     font-size : 1em;
 365     border: 2px outset;
 366     font-weight : bold;
 367     display: inline;
 368     color:white;
 369     text-decoration:none;
 370     margin-left:10px;
 371 }
 372
 373 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
 374 #tabs a {
 375     color:white;
 376     text-decoration:none;
 377     padding-right:10px;
 378     padding-left:10px;
 379 }
 380
 381 /* specify that we to do when the mouse is on 1 button */
 382 #tabs a:hover {
 383     border: 2px inset;
 384 }
 385
 386 #tabs {
 387     margin-top:45px;
 388     margin-bottom:5px;
 389 }
 390
 391 /* styles for the 11 content blocks */
 392 /* the property for hidden tabs */
 393 .content_hidden {
 394     height:0px; /* you propably don't need to change this one */
 395     visibility:hidden; /* you propably don't need to change this one */
 396 }
 397 /* the property for the displayed tab */
 398 .content_visible {
 399     height:0px; /* you propably don't need to change this one */
 400     visibility:visible; /* you propably don't need to change this one */
 401 }
 402
 403 #onlinehelp {
 404     float:right;
 405 }
 406
 407 .term {
 408     background-color:yellow;
 409 }
 410
 411 .searchresults table tr:hover{
 412     background-color:#ffffde
 413
 414 }