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

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