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     font-size:0.75em;
 171 }
 172
 173 .unavailable {
 174     background-color: #FFED3D;
 175     font-size:0.75em;
 176 }
 177
 178 .hasexpirated {
 179     text-decoration: line-through;
 180 }
 181
 182 /* style for search terms in catalogsearch */
 183 .term {
 184     background-color:yellow;
 185 }
 186
 187 /* end of css styles for reserves color alerts */
 188
 189 /* the Koha logo (top left) */
 190 #kohalogo {
 191     position:fixed;
 192     left:20px;
 193     top:20px;
 194 }
 195 /* MAIN MENU STYLES */
 196 #mainmenu {
 197     display:block;
 198     position:fixed;
 199     font-weight : normal;
 200     margin-top:20px;
 201     margin-right: 5px;
 202     padding-right: 5px;
 203     font-size:0.9em;
 204 }
 205
 206 #mainmenu a {
 207     display:block;
 208     margin-bottom:0px;
 209     padding-left :5px;
 210     text-decoration:none;
 211     font-weight:bold;
 212     color:#027ac6;
 213 }
 214
 215
 216 #mainmenu a:hover {
 217     display:block;
 218     margin-bottom:0px;
 219     padding-left :5px;
 220     text-decoration:none;
 221     font-weight:bold;
 222     background-color:#027ac6;
 223     color:white;
 224 }
 225
 226 #mainmenu ul a {
 227     display:block;
 228     margin-bottom:5px;
 229     padding-left :5px;
 230     text-decoration:none;
 231     font-weight:normal;
 232     color:#027ac6;
 233 }
 234
 235 #mainmenu ul a:hover {
 236     display:block;
 237     margin-bottom:5px;
 238     padding-left :5px;
 239     text-decoration:none;
 240     font-weight:normal;
 241     background-color:#027ac6;
 242     color:white;
 243 }
 244
 245 #mainmenu ul {
 246     list-style-type: none;
 247     padding-left:20px;
 248     margin-bottom:0px;
 249     margin-top:0px;
 250     color:#027ac6;
 251 }
 252
 253 #mainmenu li {
 254     list-style-type: none;
 255     padding-left:0px;
 256     margin-left:0px;
 257     margin-bottom:0px;
 258     margin-top:0px;
 259     color:#027ac6;
 260 }
 261
 262 #mainmenu label {
 263     width:4em;
 264 }
 265
 266 #mainmenu h3 {
 267     color:white;
 268     font-size:1.2em;
 269     margin:10px 0px 10px 0px ;
 270 }
 271
 272 #mainmenu input {
 273     border:0px;
 274     border-bottom:1px solid #027ac6;
 275 }
 276 #mainmenu input[type=submit], input[type=button], input[type=reset] {
 277     margin-left:0px;
 278     border-bottom:0px;
 279 }
 280
 281
 282 /* submenus styles */
 283 #submenu {
 284     position:absolute;
 285     top:10px;
 286     left:220px;
 287 }
 288
 289 #submenu a {
 290     margin:5px;
 291     text-decoration:none;
 292     color:white;
 293 }
 294
 295 #submenu a:hover {
 296     margin:5px;
 297     background-color:white;
 298     color:#027ac6;
 299 }
 300
 301 /*Action button*/
 302 #action {
 303     float:right;
 304 }
 305
 306 #action a {
 307     color: #0072b9;
 308     font-weight:bold;
 309     background: url( /intranet-tmpl/prog/images/bg-tab.png );
 310     font-size : 0.8em;
 311     padding:3px;
 312     margin-bottom:2px;
 313     text-decoration:none;
 314     display:block;
 315 }
 316
 317 /*edit action*/
 318 #action .edit {
 319     display:inline;
 320     margin-bottom:10px;
 321 }
 322
 323 #action .edit a {
 324     background:none;
 325     background-color : #0072b9;
 326     color : white;
 327 }
 328
 329 #action .edit a:hover {
 330     cursor:pointer;
 331 }
 332
 333 #action .view {
 334         display:inline;
 335         margin-bottom:5px;
 336 }
 337
 338 #action .view a {
 339     background:none;
 340     background-color : #5ab5ee;
 341     color : white;
 342     margin-top: 1px;
 343 }
 344
 345 #action .view a:hover {
 346     cursor:pointer;
 347 }
 348
 349 #action .others {
 350     display:inline;
 351     margin-bottom:5px;
 352 }
 353
 354 #action .others a {
 355     background:none;
 356     background-color : #2385C2;
 357     color : white;
 358     margin-top: 1px;
 359 }
 360
 361 #action .others a:hover {
 362     cursor:pointer;
 363 }
 364
 365 /* Main body style */
 366 #main {
 367     margin-left:220px;
 368     margin-top:75px;
 369     padding:5px;
 370     padding-bottom:100px;
 371     background-color:white;
 372     border:1px solid #bbb;
 373 }
 374
 375 /* facets bloc */
 376 #facets {
 377     position:absolute;
 378     right:1em;
 379 }
 380
 381 #facets dl {
 382     background-color:white;
 383     margin:0px;
 384 }
 385
 386 #facets dt {
 387     text-align:right;
 388     font-weight:bold;
 389 }
 390
 391 #facets dd {
 392     border:1px solid #CCCCCC;
 393 }
 394
 395 /* the USER information block */
 396 #librarian_information {
 397 /*     position:absolute; */
 398     float:right;
 399     font-size:10pt;
 400 }
 401
 402 /* css style for reregistration alert */
 403
 404 .reregistrinfo {
 405     color: #6699cc;
 406     font-weight : bold;
 407     background-color : #eeeeee;
 408 }
 409 /* MARC editor */
 410
 411 /* styles for the 11 buttons that the user can click on */
 412 /* the design of the active tab button (only 1 at a given time)*/
 413 .tab_active {
 414     color: #6699CC;
 415     background-color : #CCCCCC;
 416     font-size : 1em;
 417     border: 2px inset;
 418     font-weight : bold;
 419     text-decoration:none;
 420     display: inline;
 421     text-decoration:none;
 422     margin-left:10px;
 423 }
 424
 425
 426 /* the online help button */
 427 #onlinehelp {
 428     position:absolute;
 429     top:0px;
 430     right:0px;
 431 }
 432 #onlinehelp a {
 433         color:white;
 434 }
 435
 436 /* the login box */
 437 #login {
 438     font-size:0.7em;
 439 }
 440
 441 /* the design of the INactives tab buttons (all other tabs) */
 442 .tab_inactive {
 443     background-color : #6699CC;
 444     color : #FFFFFF;
 445     font-size : 1em;
 446     font-weight : bold;
 447     display:inline;
 448     border: 2px outset;
 449     text-decoration:none;
 450     margin-left:10px;
 451 }
 452
 453 /* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
 454 #tabs a {
 455     color:white;
 456     text-decoration:none;
 457     padding-right:10px;
 458     padding-left:10px;
 459 }
 460
 461 /* specify that we to do when the mouse is on 1 button */
 462 #tabs a:hover {
 463     border: 2px inset;
 464 }
 465
 466 #tabs {
 467     margin-top:45px;
 468     margin-bottom:5px;
 469 }
 470
 471 /* styles for the 11 content blocks */
 472 /* the property for hidden tabs */
 473 .content_hidden {
 474     visibility:hidden; /* you propably don't need to change this one */
 475     display:none;
 476 }
 477
 478 /* the property for the displayed tab */
 479 .content_visible {
 480     visibility:visible; /* you propably don't need to change this one */
 481     display:block;
 482 }
 483
 484 /* the style of tag description */
 485 p.tag {
 486     font-weight:bold;
 487 }
 488 /* the style of subfield paragraph */
 489 p.subfield {
 490
 491 }
 492
 493
 494
 495 .lineSelected {
 496     background-color:yellow;
 497 }
 498
 499
 500 /* display more informations with css layer */
 501 a.info {
 502     position: relative;
 503     text-decoration: none;
 504     color: black;
 505     border-bottom: 1px gray dotted;
 506 }
 507
 508 a.info span {
 509     display: none;
 510     width:300px;
 511 }
 512
 513 a.info:hover {
 514     background: none; /* correcting IE bug*/
 515     z-index: 500;
 516 }
 517 a.info:hover span {
 518     display: inline;
 519     position: absolute;
 520     top: 2em;
 521     right: 1em;
 522     background: orange;
 523     text-align: center;
 524     color: white;
 525     padding: 2px;
 526 }
 527
 528 /* the itemtype list (in adv search) */
 529 #itemtypelist {
 530     width:700px;
 531 }
 532 #itemtypelist td {
 533     border : 0px;
 534     margin : 0px;
 535     padding: 5px;
 536     border-collapse:collapse;
 537     border: 1px solid white;
 538     background-color:#CCCCCC;
 539     vertical-align:top;
 540 }
 541
 542 #itemtypelist p {
 543     margin:0px;
 544 }