koha-tmpl/opac-tmpl/prog/fr/includes/opac.css

   1 /* color scheme :
   2 - #384b73 : light blue, for menus, text enhancement, footer & header
   3 - #eeeeee : light grey, for background color
   4 - #CCCCCC : for table backgrounds
   5 - #EEC95A : orange for action buttons & hyperlinks
   6 */
   7
   8 /* attribute for standard html tags */
   9
  10 body {
  11     font-family : Verdana, Geneva, Arial, sans-serif;
  12     font-size : 1em;
  13     background-color : #eeeeee;
  14     text-align: left;
  15     margin-bottom:0px;
  16 }
  17
  18 h1 {
  19     padding-top:25px;
  20     color: #384b73;
  21     font-size:1.5em;
  22     text-align:left;
  23 }
  24
  25 p {
  26     margin:0px;
  27     padding:0px;
  28     clear:left;
  29 }
  30
  31 label {
  32     font-style:italic;
  33     vertical-align:top;
  34     display:block;
  35     float:left;
  36     width:10em;
  37     margin-right:0.2em;
  38 }
  39
  40 a:link, a:visited, a:active {
  41     text-decoration : none;
  42     color :#384b73;
  43 }
  44
  45 a:hover {
  46     text-decoration : none;
  47     background-color : #EEC95A;
  48 }
  49
  50 fieldset {
  51     display:inline;
  52     border: 1px solid #384b73;
  53 }
  54
  55 table {
  56     border-collapse : collapse;
  57     border : 1px solid #CCCCCC;
  58     margin : 1em 0;
  59 }
  60
  61 caption {
  62     font-size : 140%;
  63     text-align : left;
  64     font-weight : bold;
  65 }
  66
  67 td,th {
  68     border : 1px solid #CCCCCC;
  69     border-bottom : 1px solid #CCCCCC;
  70     padding : 5px;
  71 }
  72
  73 th {
  74     background-color: #384b73;
  75     color:white;
  76     border : 1px solid #CCCCCC;
  77     border-right: 1px solid #CCCCCC;
  78 }
  79
  80 th[scope=row] {
  81     text-align : right;
  82 }
  83
  84 input[type=submit], input[type=button], input[type=reset] {
  85     background-color : #EEC95A;
  86     color : #FFFFFF;
  87     font-size : 1em;
  88     font-weight : bold;
  89 }
  90
  91 li {
  92     list-style-type:square;
  93 }
  94
  95 ul {
  96     margin:0px;
  97 }
  98
  99 /* attributes for search result list */
 100 .searchresults td, .searchresults th, .searchresults table {
 101     border: 0;
 102 }
 103 .searchresults tr {
 104     border-bottom : 1px solid #CCCCCC;
 105 }
 106 .searchresults table {
 107     border-top : 0px solid #CCCCCC;
 108     border: 1px solid #CCCCCC;
 109 }
 110 p.searchresults {
 111     background-color : #EFF1DC;
 112 }
 113 .searchresults a.reserve {
 114     background-color : transparent;
 115     color : #006699;
 116 }
 117 .searchresults table tr:hover {
 118     background-color: #CCFFFF;
 119 }
 120 tr.highlight td, tr.highlight th {
 121     background-color : #EEEEEE;
 122     border: 1px solid #DDDDDD;
 123     border-right: 1px solid #DDDDDD;
 124 }
 125
 126 /* the top part of the opac : (the LibraryName) */
 127 #masthead {
 128     color:#384b73;
 129     margin-left:15%;
 130     text-align:left;
 131     font-size:150%;
 132     font-weight:bold;
 133     margin-bottom:25px;
 134 }
 135
 136 /* The image on the top-left (the logo) */
 137 #masthead-image {
 138     position:fixed;
 139     padding-left:30px;
 140     padding-top:0px;
 141 }
 142 #masthead-image img {
 143 }
 144
 145 /* the itemtype list in advanced search */
 146 #advsearch-itemtype table {
 147     border-collapse: separate;
 148     border-spacing: 3px;
 149 }
 150 #advsearch-itemtype table tr td {
 151     background-color:#CCCCCC;
 152     width:100%;
 153 }
 154 #advsearch-itemtype table tr td p {
 155     font-size:0.8em;
 156 }
 157
 158 /* the content part of every page */
 159 #main {
 160     margin-left:25%;
 161     margin-bottom:0px;
 162 }
 163
 164 /* the main menu (home, adv search, login...) */
 165 #menu {
 166     position:fixed;
 167     margin-top:100px;
 168     border-right:1px solid black;
 169     padding:0px;
 170     font-size:0.8em;
 171     color:#384b73;
 172 }
 173 #menu ul a {
 174     display:block;
 175     margin:5px 5px 0px 5px;
 176     padding :5px 5px 0px 5px;
 177     text-decoration:none;
 178     color:#384b73;
 179     white-space: nowrap;
 180 }
 181 #menu ul a:hover {
 182     display:block;
 183     margin:5px 5px 0px 5px;
 184     padding :5px 5px 0px 5px;
 185     text-decoration:none;
 186     background-color:#384b73;
 187     color:white;
 188     white-space: nowrap;
 189 }
 190 #menu ul {
 191     padding-left:0px;
 192     margin-bottom:0px;
 193     margin-top:0px;
 194 }
 195 #menu li {
 196     list-style-type:none;
 197 }
 198 #menu label {
 199     font-style:italic;
 200     display:block;
 201     float:left;
 202     width:5em;
 203 }
 204
 205 /* the user menu, for user option (and biblio detail view) */
 206 #usermenu {
 207     float:right;
 208 }
 209 #usermenu a {
 210     background-color : #EEC95A;
 211     color : #FFFFFF;
 212     font-size : 1em;
 213     border: 2px outset;
 214     font-weight : bold;
 215     margin:0px 5px 0px 0px;
 216     padding:2px 5px 2px 5px;
 217     text-decoration:none;
 218     display: block;
 219     white-space: nowrap;
 220 }
 221 #usermenu a:hover {
 222     border: 2px inset;
 223     background-color:#384b73;
 224 }
 225
 226 /* the opac-news */
 227 #news {
 228     width:20%;
 229     float:right;
 230     font-size:11px;
 231 }
 232 #news th {
 233 background-color:white;
 234 color:#384b73;
 235 }
 236
 237 /* "problem" enhancement */
 238 .problem {
 239 color: white;
 240 background-color:red;
 241 }
 242
 243 /* action buttons */
 244 #action a {
 245     background-color : #EEC95A;
 246     color : #FFFFFF;
 247     font-size : 1em;
 248     border: 2px outset;
 249     font-weight : bold;
 250     margin:0px 5px 0px 0px;
 251     padding-right:5px;
 252     padding-left:5px;
 253     text-decoration:none;
 254     display: inline;
 255 }
 256 #action a:hover {
 257     border: 2px inset;
 258     background-color:#CCCCCC;
 259 }
 260
 261 #auth {
 262     float:left;
 263 }
 264
 265 /* facets bloc */
 266 #facets {
 267     position:absolute;
 268     right:1em;
 269     font-size:0.8em;
 270     margin:0px;
 271     background-color:#eeeeee;
 272     border:1px solid #CCCCCC;
 273 }
 274
 275 #facets dl {
 276     margin:0px;
 277 }
 278 #facets dd {
 279     margin:0px;
 280 }
 281 #facets dt {
 282     font-weight:bold;
 283     background-color:#EEC95A;
 284     border:0px;
 285 }
 286
 287 #facets li {
 288     list-style-type: none;
 289     margin-left:0px;
 290 }
 291
 292 #facets ul {
 293     list-style-type: none;
 294     padding-left:10px;
 295     margin-bottom:0px;
 296     margin-top:0px;
 297 }
 298
 299 /* the USER information block */
 300 #librarian_information {
 301 float:right;
 302 font-size:10pt;
 303 }
 304
 305 /* the footer */
 306 #footer {
 307     margin-top:30px;
 308     margin-left:30%;
 309     margin-right:20%;
 310     border-top:1px solid #384b73;
 311     color: #384b73;
 312     font-size:1em;
 313     text-align:center;
 314 }
 315
 316
 317 legend {
 318 font-weight:bold;
 319 color:#384b73;
 320 }
 321
 322
 323 /* css styles for reserves color alerts */
 324 .onloan {
 325     background-color: #FFED3D;
 326 }
 327
 328 .reserved {
 329     background-color: #8EBAFF;
 330 }
 331
 332 .transfered {
 333     background-color: #F9FF9A;
 334 }
 335
 336 .inwait {
 337     background-color: #33CC99;
 338 }
 339
 340 .other {
 341     background-color: #FF0000;
 342 }
 343
 344 .available {
 345     background-color: white;
 346 }
 347
 348 .unavailable {
 349     background-color: #FFED3D;
 350 }
 351
 352 /* style for search terms in catalogsearch */
 353 .term {
 354 background-color:lightyellow;
 355 }
 356
 357 #opac-main-search form {
 358     display:inline;
 359 }