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

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