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

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