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:0px;
 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 #login {
 206     font-size:0.9em;
 207 }
 208 #login input {
 209     font-size:0.8em;
 210 }
 211 /* the user menu, for user option (and biblio detail view) */
 212 #usermenu {
 213     float:right;
 214 }
 215 #usermenu a {
 216     background-color : #EEC95A;
 217     color : #FFFFFF;
 218     font-size : 1em;
 219     border: 2px outset;
 220     font-weight : bold;
 221     margin:0px 5px 0px 0px;
 222     padding:2px 5px 2px 5px;
 223     text-decoration:none;
 224     display: block;
 225     white-space: nowrap;
 226 }
 227 #usermenu a:hover {
 228     border: 2px inset;
 229     background-color:#384b73;
 230 }
 231
 232 /* the opac-news */
 233 #news {
 234     width:20%;
 235     float:right;
 236     font-size:11px;
 237 }
 238 #news th {
 239 background-color:white;
 240 color:#384b73;
 241 }
 242
 243 /* "problem" enhancement */
 244 .problem {
 245 color: white;
 246 background-color:red;
 247 }
 248
 249 /* action buttons */
 250 #action a {
 251     background-color : #EEC95A;
 252     color : #FFFFFF;
 253     font-size : 1em;
 254     border: 2px outset;
 255     font-weight : bold;
 256     margin:0px 5px 0px 0px;
 257     padding-right:5px;
 258     padding-left:5px;
 259     text-decoration:none;
 260     display: inline;
 261 }
 262 #action a:hover {
 263     border: 2px inset;
 264     background-color:#CCCCCC;
 265 }
 266
 267 #auth {
 268     float:left;
 269 }
 270
 271 /* facets bloc */
 272 #facets {
 273     position:absolute;
 274     right:1em;
 275     font-size:0.8em;
 276     margin:0px;
 277     background-color:#eeeeee;
 278     border:1px solid #CCCCCC;
 279 }
 280
 281 #facets dl {
 282     margin:0px;
 283 }
 284 #facets dd {
 285     margin:0px;
 286 }
 287 #facets dt {
 288     font-weight:bold;
 289     background-color:#EEC95A;
 290     border:0px;
 291 }
 292
 293 #facets li {
 294     list-style-type: none;
 295     margin-left:0px;
 296 }
 297
 298 #facets ul {
 299     list-style-type: none;
 300     padding-left:10px;
 301     margin-bottom:0px;
 302     margin-top:0px;
 303 }
 304
 305 /* the USER information block */
 306 #librarian_information {
 307 float:right;
 308 font-size:10pt;
 309 }
 310
 311 /* the footer */
 312 #footer {
 313     margin-top:30px;
 314     margin-left:30%;
 315     margin-right:20%;
 316     border-top:1px solid #384b73;
 317     color: #384b73;
 318     font-size:1em;
 319     text-align:center;
 320 }
 321
 322
 323 legend {
 324 font-weight:bold;
 325 color:#384b73;
 326 }
 327
 328
 329 /* css styles for reserves color alerts */
 330 .onloan {
 331     background-color: #FFED3D;
 332 }
 333
 334 .reserved {
 335     background-color: #8EBAFF;
 336 }
 337
 338 .transfered {
 339     background-color: #F9FF9A;
 340 }
 341
 342 .inwait {
 343     background-color: #33CC99;
 344 }
 345
 346 .other {
 347     background-color: #FF0000;
 348 }
 349
 350 .available {
 351     background-color: white;
 352 }
 353
 354 .unavailable {
 355     background-color: #FFED3D;
 356 }
 357
 358 /* style for search terms in catalogsearch */
 359 .term {
 360 background-color:lightyellow;
 361 }
 362
 363 #opac-main-search form {
 364     display:inline;
 365 }