koha-tmpl/intranet-tmpl/prog/en/css/intranet.css

   1 body {
   2     font-family : Verdana, Geneva, Arial, sans-serif;
   3     font-size : .9em;
   4     background-color:white;
   5 }
   6
   7 h2 {
   8     display:block;
   9     clear:left;
  10 /*     float:none; */
  11 }
  12 table {
  13     border-collapse : inherit;
  14     border : 1px solid #CCCCCC;
  15     margin : 1em 0;
  16     border-collapse:collapse;
  17 }
  18
  19 caption {
  20     font-size : 140%;
  21     text-align : left;
  22     font-weight : bold;
  23 }
  24
  25 td,th {
  26     /*border-left : 1px solid #CCCCCC;
  27     border-bottom : 1px solid #CCCCCC;*/
  28     border : 1px solid #CCCCCC;
  29     padding : 5px;
  30 }
  31
  32 th {
  33     background-color : #CCCCCC;
  34     border-left : 1px solid #999999;
  35     border-bottom : 1px solid #999999;
  36 }
  37
  38 th[scope=row] {
  39     background-color : #EEEEEE;
  40     text-align : right;
  41 }
  42
  43 p {
  44     margin:0px 0px 0px 0px;
  45 }
  46 input {
  47     font-size:0.9em;
  48 }
  49
  50 select {
  51     font-size:0.9em;
  52 }
  53
  54 input[type=submit], input[type=button], input[type=reset] {
  55     background: url( /intranet-tmpl/prog/img/fade-butt.png );
  56     border: 3px double #999;
  57     border-left-color: #ccc;
  58     border-top-color: #ccc;
  59     color: #333;
  60     padding: 0.25em;
  61 }
  62
  63 label {
  64     font-style:italic;
  65     vertical-align:top;
  66     display:block;
  67     float:left;
  68 /*     text-align:right; */
  69     width:10em;
  70     margin-right:0.2em;
  71 }
  72
  73 p {
  74 clear:left;
  75 }
  76 .searchresults table tr:hover{
  77     background-color: #CCFFFF;
  78 }
  79
  80 tr.highlight td, tr.highlight th {
  81     background-color : #EEEEEE;
  82 }
  83
  84 .here {
  85     color: black;
  86     text-decoration:none;
  87 }
  88
  89 #problem {
  90     color: red;
  91     background-color:white;
  92     font-weight : bold;
  93     margin:10px;
  94 }
  95
  96 #admin_stopwords_select UL {
  97    width: 600px;
  98 }
  99
 100 #admin_stopwords_select UL LI {
 101    white-space: nowrap;
 102 }
 103
 104 legend {
 105     font-size:120%;
 106     font-weight:bold;
 107 }
 108
 109 .problem {
 110     color: white;
 111     background-color:red;
 112     font-weight : bold;
 113     margin:10px;
 114 }
 115
 116 /* css styles for reserves color alerts */
 117 .onloan {
 118     background-color: #FFED3D;
 119 }
 120
 121 .reserved {
 122     background-color: #8EBAFF;
 123 }
 124
 125 .transfered {
 126     background-color: #F9FF9A;
 127 }
 128
 129 .inwait {
 130     background-color: #33CC99;
 131 }
 132
 133 .other {
 134     background-color: #FF0000;
 135 }
 136
 137 .available {
 138     background-color: white;
 139 }
 140
 141 .unavailable {
 142     background-color: #FFED3D;
 143 }
 144
 145 .hasexpirated {
 146     text-decoration: line-through;
 147 }
 148
 149 /* style for search terms in catalogsearch */
 150 .term {
 151     background-color:yellow;
 152 }
 153
 154 /* end of css styles for reserves color alerts */
 155
 156 /* the Koha logo (top left) */
 157 #kohalogo {
 158     position:absolute;
 159     left:20px;
 160     top:20px;
 161 }
 162
 163 /* MAIN MENU STYLES */
 164 #mainmenu {
 165     display:block;
 166     position:fixed;
 167 /*     float:left; */
 168     font-weight : normal;
 169     margin-right: 5px;
 170     padding-right: 5px;
 171     border-right:1px solid black;
 172     font-size:0.9em;
 173 }
 174
 175 #mainmenu a {
 176     display:block;
 177     margin-bottom:0px;
 178     padding-left :5px;
 179     text-decoration:none;
 180     font-weight:bold;
 181     color:black;
 182 }
 183
 184
 185 #mainmenu a:hover {
 186     display:block;
 187     margin-bottom:0px;
 188     padding-left :5px;
 189     text-decoration:none;
 190     font-weight:bold;
 191     background-color:#6699CC;
 192     color:white;
 193 }
 194
 195 #mainmenu ul a {
 196     display:block;
 197     margin-bottom:5px;
 198     padding-left :5px;
 199     text-decoration:none;
 200     font-weight:normal;
 201     color:black;
 202 }
 203
 204 #mainmenu ul a:hover {
 205     display:block;
 206     margin-bottom:5px;
 207     padding-left :5px;
 208     text-decoration:none;
 209     font-weight:normal;
 210     background-color:#6699CC;
 211     color:white;
 212 }
 213
 214 #mainmenu ul {
 215     list-style-type: none;
 216     padding-left:20px;
 217     margin-bottom:0px;
 218     margin-top:0px;
 219 }
 220
 221 #mainmenu li {
 222     list-style-type: none;
 223     padding-left:0px;
 224     margin-left:0px;
 225     margin-bottom:0px;
 226     margin-top:0px;
 227 }
 228
 229 #mainmenu label {
 230     width:4em;
 231 }
 232
 233 /* submenus styles */
 234 #submenu {
 235     margin-left:25%;
 236 }
 237
 238 #submenu a {
 239     margin:5px;
 240     text-decoration:none;
 241     color:#6699CC;
 242 }
 243
 244 #submenu a:hover {
 245     margin:5px;
 246     background-color:#6699CC;
 247     color:white;
 248 }
 249
 250 /*Action button*/
 251 #action {
 252     /*float:right;*/
 253 }
 254
 255 #action a {
 256     background-color: #6699CC;
 257     color:white;
 258     font-size : 0.8em;
 259     border: 2px outset;
 260     font-weight : bold;
 261     margin:5px 0px 0px 0px;
 262     padding:3px;
 263     text-decoration:none;
 264     display:inline;
 265 }
 266
 267 #action a:hover {
 268     border: 2px inset;
 269     color: #6699CC;
 270     background-color:white;
 271 }
 272
 273 /*edit action*/
 274 #action .edit {
 275         display:inline;
 276         margin-right:5px;
 277 }
 278
 279 #action .edit a {
 280     background-color : #6699CC;
 281     color : white;
 282     margin-top: 1px;
 283 }
 284
 285 #action .edit a:hover {
 286     border: 2px inset;
 287     color: #6699CC;
 288     background-color:white;
 289 }
 290
 291 #action .view {
 292         display:inline;
 293         margin-right:5px;
 294 }
 295
 296 #action .view a {
 297     background-color : #CECEFF;
 298     color : white;
 299     margin-top: 1px;
 300 }
 301
 302 #action .view a:hover {
 303     border: 2px inset;
 304     color: #CECEFF;
 305     background-color:white;
 306 }
 307
 308 #action .others {
 309         display:inline;
 310         margin-right:5px;
 311 }
 312
 313 #action .others a {
 314     background-color : #6699AA;
 315     color : white;
 316     margin-top: 1px;
 317 }
 318
 319 #action .others a:hover {
 320     border: 2px inset;
 321     color: #6699AA;
 322     background-color:white;
 323 }
 324
 325 /* Main body style */
 326 #main {
 327     margin-left:25%;
 328 }
 329
 330 /* facets bloc */
 331 #facets {
 332     position:absolute;
 333     right:1em;
 334 }
 335
 336 #facets dl {
 337     background-color:white;
 338     margin:0px;
 339 }
 340
 341 #facets dt {
 342     text-align:right;
 343     font-weight:bold;
 344 }
 345
 346 #facets dd {
 347     border:1px solid #CCCCCC;
 348 }
 349 /* bulkedit bloc */
 350 /*#bulkedit {
 351     margin-top: 15px;
 352     margin-left: 15px;
 353     border:1px solid #CCCCCC;
 354 }
 355
 356 #bulkedit h2 {
 357     background-color:#CCCCCC;
 358     margin:0px;
 359     padding:0px;
 360     font-size:1.1em;
 361 }*/
 362
 363 /* the USER information block */
 364 #librarian_information {
 365 /*     position:absolute; */
 366     float:right;
 367     font-size:10pt;
 368 }
 369
 370 /* css style for reregistration alert */
 371
 372 .reregistrinfo {
 373     color: #6699cc;
 374     font-weight : bold;
 375     background-color : #eeeeee;
 376 }
 377 /* MARC editor */
 378
 379 /* styles for the 11 buttons that the user can click on */
 380 /* the design of the active tab button (only 1 at a given time)*/
 381 .tab_active {
 382     color: #6699CC;
 383     background-color : #CCCCCC;
 384     font-size : 1em;
 385     border: 2px inset;
 386     font-weight : bold;
 387     text-decoration:none;
 388     display: inline;
 389     text-decoration:none;
 390     margin-left:10px;
 391 }
 392
 393 #onlinehelp {
 394     float:right;
 395 }
 396
 397 /* the design of the INactives tab buttons (all other tabs) */
 398 .tab_inactive {
 399     background-color : #6699CC;
 400     color : #FFFFFF;
 401     font-size : 1em;
 402     font-weight : bold;
 403     display:inline;
 404     border: 2px outset;
 405     text-decoration:none;
 406     margin-left:10px;
 407 }
 408
 409 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
 410 #tabs a {
 411     color:white;
 412     text-decoration:none;
 413     padding-right:10px;
 414     padding-left:10px;
 415 }
 416
 417 /* specify that we to do when the mouse is on 1 button */
 418 #tabs a:hover {
 419     border: 2px inset;
 420 }
 421
 422 #tabs {
 423     margin-top:45px;
 424     margin-bottom:5px;
 425 }
 426
 427 /* styles for the 11 content blocks */
 428 /* the property for hidden tabs */
 429 .content_hidden {
 430     height:0px; /* you propably don't need to change this one */
 431     visibility:hidden; /* you propably don't need to change this one */
 432     display:none;
 433 }
 434
 435 /* the property for the displayed tab */
 436 .content_visible {
 437     height:0px; /* you propably don't need to change this one */
 438     visibility:visible; /* you propably don't need to change this one */
 439     display:block;
 440 }
 441
 442 /* the style of tag description */
 443 p.tag {
 444     font-weight:bold;
 445 }
 446 /* the style of subfield paragraph */
 447 p.subfield {
 448
 449 }
 450
 451
 452
 453 .lineSelected {
 454     background-color:yellow;
 455 }
 456
 457
 458 /* display more informations with css layer */
 459 a.info {
 460     position: relative;
 461     text-decoration: none;
 462     color: black;
 463     border-bottom: 1px gray dotted;
 464 }
 465
 466 a.info span {
 467     display: none;
 468     width:300px;
 469 }
 470
 471 a.info:hover {
 472     background: none; /* correcting IE bug*/
 473     z-index: 500;
 474 }
 475 a.info:hover span {
 476     display: inline;
 477     position: absolute;
 478     top: 2em;
 479     right: 1em;
 480     background: orange;
 481     text-align: center;
 482     color: white;
 483     padding: 2px;
 484 }
 485
 486 fieldset {
 487         border : 1px solid #374b73;
 488         display: inline;
 489         float:left;
 490         vertical-align:top;
 491 }