input/local.css

   1
   2 /*
   3 *
   4 *       - Nom: Theme Wiki NanoBlogger Francophone Gris Clair
   5 *       - Description : Une page avec un bandeau superieur pour le titre, un bandeau inferieur pour les informations
   6 *       et la modification de la page.
   7 *       Contenu interieur auto adaptable.
   8 *       - Auteur : Blankoworld
   9 *
  10 */
  11
  12 body, html {
  13         height: 100%;
  14         width: 100%;
  15         margin: 0;
  16         padding: 0;
  17         background-color: white;
  18         color: black;
  19         font-family: Verdana, Arial, Helvetica, sans-serif;
  20         font-size:12px;
  21 }
  22
  23 h1 {
  24         width: 95%;
  25         margin-left: 1%;
  26         padding: 0 0 0 1%;
  27         border-bottom: medium solid #BF1238;
  28         font-size: 160%;
  29 }
  30
  31 h2 {
  32         width: 90%;
  33         margin-left: 2%;
  34         padding: 0 0 0 1%;
  35         border-bottom: medium solid #BF1238;
  36         border-left: medium solid #BF1238;
  37         font-size: 150%;
  38 }
  39
  40 h3 {
  41         width: 85%;
  42         margin-left: 3%;
  43         padding: 0 0 0 1%;
  44         border-bottom: medium solid #BF1238;
  45         border-left: medium solid #BF1238;
  46         font-size: 140%;
  47 }
  48
  49 h4 {
  50         width: 80%;
  51         margin-left: 4%;
  52         padding: 0 0 0 1%;
  53         border-bottom: medium solid #BF1238;
  54         border-left: medium solid #BF1238;
  55         font-size: 130%;
  56 }
  57
  58 h5 {
  59         width: 75%;
  60         margin-left: 5%;
  61         padding: 0 0 0 1%;
  62         border-bottom: medium solid #BF1238;
  63         border-left: medium solid #BF1238;
  64         font-size: 120%;
  65 }
  66
  67 h6 {
  68         width: 70%;
  69         margin-left: 6%;
  70         padding: 0 0 0 1%;
  71         border-bottom: medium solid #BF1238;
  72         border-left: medium solid #BF1238;
  73         font-size: 110%;
  74 }
  75
  76 pre {
  77         width: 90%;
  78         margin-left: auto;
  79         margin-right: auto;
  80         overflow: auto;
  81         color: black;
  82         font-weight: normal;
  83         background-color:#eeeeee;
  84         padding:2mm;
  85         border:2px solid #999999;
  86         border-right:1px solid #cccccc;
  87         border-bottom:1px solid #cccccc;
  88 }
  89
  90 code {
  91 }
  92
  93 a {
  94         color: black;
  95         text-decoration: underline;
  96 }
  97
  98 a:active {
  99         color: black;
 100         border: thin inset gray;
 101 }
 102
 103 a:visited {
 104         color: black;
 105         text-decoration: underline;
 106 }
 107
 108 a:hover {
 109         text-decoration: underline;
 110 }
 111
 112 div#pageheader {
 113         height: 60px;
 114         width: 100%;
 115 }
 116
 117 div#pageheader span {
 118         position: relative;
 119         left: 26px;
 120         color: black;
 121         font-weight: bold;
 122         font-size: 200%;
 123 }
 124
 125 div#pageheader form {
 126         position: absolute;
 127         margin: 0;
 128         padding: 0;
 129         top: 1%;
 130         right: 1%;
 131 }
 132
 133 div#pageheader form input {
 134         border: medium solid black;
 135         background-color: white;
 136         color: black;
 137         font-weight: bold;
 138         text-align: left;
 139         background-image: url(/demo/ikiwiki/contraste/htdocs/wikiicons/search-bg.gif);
 140         background-repeat: no-repeat;
 141         background-position: top right;
 142 }
 143
 144 div.header {
 145         position: absolute;
 146         height: 20px;
 147         width: 100%;
 148         padding: 0;
 149         top: 60px;
 150         left: 0;
 151         line-height: 20px;
 152         font-size: 14px;
 153 }
 154
 155 div.header span {
 156         position: relative;
 157         top: 10px;
 158         left: 35px;
 159         color: black;
 160 }
 161
 162 div.header a {
 163         color: black;
 164         text-decoration: none;
 165 }
 166
 167 div.header a:hover {
 168         text-decoration: underline;
 169 }
 170
 171 div#sidebar {
 172         position: absolute;
 173         height: 28px;
 174         width: 100%;
 175         top: 80px;
 176         left: 0;
 177         padding: 0;
 178         margin: 0;
 179         background-color: #999999;
 180         color: white;
 181         border-top: 1px solid black;
 182         border-bottom: 1px solid black;
 183 }
 184
 185 div#sidebar ul {
 186         height: 28px;
 187         margin: 0;
 188         padding: 0;
 189         list-style-type: none;
 190         text-align: left;
 191         color: white;
 192 }
 193
 194 div#sidebar ul li {
 195         padding: 0;
 196         float: left;
 197         margin: 0;
 198 }
 199
 200 div#sidebar ul li:hover {
 201 }
 202
 203 div#sidebar ul li a {
 204         display: block;
 205         height: 28px;
 206         padding: 0 5px 0 5px;
 207         margin: 0;
 208         color: white;
 209         font-weight: bold;
 210         text-decoration: none;
 211         border: none;
 212         line-height: 28px;
 213 }
 214
 215 div#sidebar ul li a:links {
 216 }
 217
 218 div#sidebar ul li a:active {
 219 }
 220
 221 div#sidebar ul li a:visited {
 222 }
 223
 224 div#sidebar ul li a:hover {
 225         border: none;
 226         background-color: black;
 227 }
 228
 229 div#content {
 230         position: relative;
 231         height: auto;
 232         width: 98%;
 233         top: 50px;
 234         left: 1%;
 235         background-color: white;
 236         color: black;
 237         overflow: auto;
 238 }
 239
 240 div#content p {
 241         margin: 10px 15px 0 15px ;
 242 }
 243
 244 div#content div.toc {
 245         width: 85%;
 246         margin: 15px auto 15px auto;
 247         padding: 5px;
 248         background-color: #eeeeee;
 249         border: thin dashed black;
 250 }
 251
 252 div#content div.toc a {
 253         color: black;
 254         text-decoration: none;
 255 }
 256
 257 div#content div.toc a:hover {
 258         text-decoration: underline;
 259 }
 260
 261 div#content div.map {
 262         width: 85%;
 263         margin: 15px auto 15px auto;
 264         padding: 5px;
 265         border: thin solid black;
 266 }
 267
 268 div#content div.map a {
 269         color: darkblue;
 270         text-decoration: none;
 271 }
 272
 273 div#content div.map a:hover {
 274         text-decoration: underline;
 275 }
 276
 277 div#content div.inlinepage {
 278         width: 90%;
 279         margin-left: auto;
 280         margin-right: auto;
 281         background-color: white;
 282         color: black;
 283 }
 284
 285 div#content div.inlinepage span.header a {
 286         color: #BF1238;
 287         font-size: 14px;
 288         text-align: right;
 289 }
 290 div#content div.inlinepage span.header a:visited {
 291         color: #BF1238;
 292         font-size: 14px;
 293         text-align: right;
 294 }
 295 div#content div.inlinepage span.header a:hover {
 296         color: #BF1238;
 297         font-size: 14px;
 298         text-align: right;
 299 }
 300
 301 div#content div.inlinepage span.pagedate {
 302 }
 303
 304 div#content fieldset {
 305         width: 90%;
 306         margin-left: auto;
 307         margin-right: auto;
 308 }
 309
 310 div#content div#feedlink {
 311         margin: 5px;
 312         text-align: right;
 313 }
 314
 315 div#content form {
 316         width: 95%;
 317         margin-left: auto;
 318         margin-right: auto;
 319 }
 320
 321 div#content form input#_submit, * {
 322         margin-right: 5px;
 323 }
 324
 325 div#content form.fb_form {
 326         margin: 5px;
 327 }
 328
 329 div#content form.fb_form input.fb_button {
 330         margin: 0 5px 0 0;
 331         color: black;
 332         background-color: #eeeeee;
 333         border: thin solid black;
 334         font-weight: bold;
 335 }
 336
 337 div#content form.fb_form input.fb_button:hover {
 338         color: #eeeeee;
 339         background-color: black;
 340         border-color: #eeeeee;
 341 }
 342
 343 div#content form.fb_form input.fb_button:active {
 344         color: #eeeeee;
 345         background-color: black;
 346         border: thin inset #eeeeee;
 347 }
 348
 349 div#content div.header {
 350         height: 30px;
 351         width: 20%;
 352         min-width: 160px;
 353         top: 0;
 354         left: 0;
 355         line-height: 30px;
 356         padding-left: 15px;
 357         margin-right: auto;
 358         margin-left: auto;
 359 }
 360
 361 div.actions {
 362         position: relative;
 363         height: auto;
 364         width: 100%;
 365         top: 50px;
 366         left: 0;
 367         padding: 0;
 368         margin: 0;
 369         background-color: #eeeeee;
 370         border-top: thin solid black;
 371         border-bottom: thin solid black;
 372 }
 373
 374 div.actions ul {
 375         margin: 0;
 376         border: none;
 377 }
 378
 379 div.actions ul li {
 380 }
 381
 382 div.actions ul li a {
 383         color: black;
 384         text-decoration: none;
 385         border: none;
 386 }
 387
 388 div.actions ul li a:links {
 389 }
 390
 391 div.actions ul li a:active {
 392 }
 393
 394 div.actions ul li a:visited {
 395 }
 396
 397 div.actions ul li a:hover {
 398         border-bottom: medium solid black;
 399 }
 400
 401 div#footer {
 402         position: relative;
 403         width: 100%;
 404         height: auto;
 405         margin: 0;
 406         padding: 0;
 407         top: 50px;
 408         left: 0;
 409 }
 410
 411 div#footer div#pageinfo {
 412         margin: 0;
 413         padding: 0;
 414         border: none;
 415 }
 416
 417
 418 div#footer div#pageinfo div#backlinks {
 419         width: auto;
 420         margin: 0;
 421         padding: 0 0 0 5px;
 422         background-color: #eeeeee;
 423 }
 424
 425 div#footer div#pageinfo div.tags {
 426         width: auto;
 427         margin: 0;
 428         padding: 0 0 0 5px;
 429         background-color: #eeeeee;
 430 }
 431
 432 div#footer div#pageinfo div.pagelicense {
 433         width: 100%;
 434         margin: 0;
 435         padding-top: 2px;
 436         text-align: right;
 437         float: right;
 438 }
 439
 440 div#footer div#pageinfo div.pagedate {
 441         width: 100%;
 442         margin: 0;
 443         text-align: center;
 444         font-weight: bold;
 445 }
 446
 447