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         top: 16px;
 120         left: 26px;
 121         color: black;
 122         font-weight: bold;
 123         font-size: 200%;
 124 }
 125
 126 div#pageheader form {
 127         position: absolute;
 128         margin: 0;
 129         padding: 0;
 130         top: 1%;
 131         right: 1%;
 132 }
 133
 134 div#pageheader form input {
 135         border: medium solid black;
 136         background-color: white;
 137         color: black;
 138         font-weight: bold;
 139         text-align: left;
 140         background-image: url(/demo/ikiwiki/contraste/htdocs/wikiicons/search-bg.gif);
 141         background-repeat: no-repeat;
 142         background-position: top right;
 143 }
 144
 145 div.header {
 146         position: absolute;
 147         height: 20px;
 148         width: 100%;
 149         padding: 0;
 150         top: 60px;
 151         left: 0;
 152         line-height: 20px;
 153         font-size: 14px;
 154 }
 155
 156 div.header span {
 157         position: relative;
 158         top: 0;
 159         left: 5px;
 160         color: black;
 161 }
 162
 163 div.header a {
 164         color: black;
 165         text-decoration: none;
 166 }
 167
 168 div.header a:hover {
 169         text-decoration: underline;
 170 }
 171
 172 div#sidebar {
 173         position: absolute;
 174         height: 28px;
 175         width: 100%;
 176         top: 80px;
 177         left: 0;
 178         padding: 0;
 179         margin: 0;
 180         background-color: #999999;
 181         color: white;
 182         border-top: 1px solid black;
 183         border-bottom: 1px solid black;
 184 }
 185
 186 div#sidebar ul {
 187         height: 28px;
 188         margin: 0;
 189         padding: 0;
 190         list-style-type: none;
 191         text-align: left;
 192         color: white;
 193 }
 194
 195 div#sidebar ul li {
 196         padding: 0;
 197         float: left;
 198         margin: 0;
 199 }
 200
 201 div#sidebar ul li:hover {
 202 }
 203
 204 div#sidebar ul li a {
 205         display: block;
 206         height: 28px;
 207         padding: 0 5px 0 5px;
 208         margin: 0;
 209         color: white;
 210         font-weight: bold;
 211         text-decoration: none;
 212         border: none;
 213         line-height: 28px;
 214 }
 215
 216 div#sidebar ul li a:links {
 217 }
 218
 219 div#sidebar ul li a:active {
 220 }
 221
 222 div#sidebar ul li a:visited {
 223 }
 224
 225 div#sidebar ul li a:hover {
 226         border: none;
 227         background-color: black;
 228 }
 229
 230 div#content {
 231         position: relative;
 232         height: auto;
 233         width: 98%;
 234         top: 50px;
 235         left: 1%;
 236         background-color: white;
 237         color: black;
 238         overflow: auto;
 239 }
 240
 241 div#content p {
 242         margin: 10px 15px 0 15px ;
 243 }
 244
 245 div#content div.toc {
 246         width: 85%;
 247         margin: 15px auto 15px auto;
 248         padding: 5px;
 249         background-color: #eeeeee;
 250         border: thin dashed black;
 251 }
 252
 253 div#content div.toc a {
 254         color: black;
 255         text-decoration: none;
 256 }
 257
 258 div#content div.toc a:hover {
 259         text-decoration: underline;
 260 }
 261
 262 div#content div.map {
 263         width: 85%;
 264         margin: 15px auto 15px auto;
 265         padding: 5px;
 266         border: thin solid black;
 267 }
 268
 269 div#content div.map a {
 270         color: darkblue;
 271         text-decoration: none;
 272 }
 273
 274 div#content div.map a:hover {
 275         text-decoration: underline;
 276 }
 277
 278 div#content div.inlinepage {
 279         width: 90%;
 280         margin-left: auto;
 281         margin-right: auto;
 282         background-color: white;
 283         color: black;
 284 }
 285
 286 div#content div.inlinepage span.header {
 287         display: none;
 288 }
 289
 290 div#content div.inlinepage span.pagedate {
 291 }
 292
 293 div#content fieldset {
 294         width: 90%;
 295         margin-left: auto;
 296         margin-right: auto;
 297 }
 298
 299 div#content div#feedlink {
 300         margin: 5px;
 301         text-align: right;
 302 }
 303
 304 div#content form {
 305         width: 95%;
 306         margin-left: auto;
 307         margin-right: auto;
 308 }
 309
 310 div#content form input#_submit, * {
 311         margin-right: 5px;
 312 }
 313
 314 div#content form.fb_form {
 315         margin: 5px;
 316 }
 317
 318 div#content form.fb_form input.fb_button {
 319         margin: 0 5px 0 0;
 320         color: black;
 321         background-color: #eeeeee;
 322         border: thin solid black;
 323         font-weight: bold;
 324 }
 325
 326 div#content form.fb_form input.fb_button:hover {
 327         color: #eeeeee;
 328         background-color: black;
 329         border-color: #eeeeee;
 330 }
 331
 332 div#content form.fb_form input.fb_button:active {
 333         color: #eeeeee;
 334         background-color: black;
 335         border: thin inset #eeeeee;
 336 }
 337
 338 div#content div.header {
 339         height: 30px;
 340         width: 20%;
 341         min-width: 160px;
 342         top: 0;
 343         left: 0;
 344         line-height: 30px;
 345         padding-left: 15px;
 346         margin-right: auto;
 347         margin-left: auto;
 348 }
 349
 350 div.actions {
 351         position: relative;
 352         height: auto;
 353         width: 100%;
 354         top: 50px;
 355         left: 0;
 356         padding: 0;
 357         margin: 0;
 358         background-color: #eeeeee;
 359         border-top: thin solid black;
 360         border-bottom: thin solid black;
 361 }
 362
 363 div.actions ul {
 364         margin: 0;
 365         border: none;
 366 }
 367
 368 div.actions ul li {
 369 }
 370
 371 div.actions ul li a {
 372         color: black;
 373         text-decoration: none;
 374         border: none;
 375 }
 376
 377 div.actions ul li a:links {
 378 }
 379
 380 div.actions ul li a:active {
 381 }
 382
 383 div.actions ul li a:visited {
 384 }
 385
 386 div.actions ul li a:hover {
 387         border-bottom: medium solid black;
 388 }
 389
 390 div#footer {
 391         position: relative;
 392         width: 100%;
 393         height: auto;
 394         margin: 0;
 395         padding: 0;
 396         top: 50px;
 397         left: 0;
 398 }
 399
 400 div#footer div#pageinfo {
 401         margin: 0;
 402         padding: 0;
 403         border: none;
 404 }
 405
 406
 407 div#footer div#pageinfo div#backlinks {
 408         width: auto;
 409         margin: 0;
 410         padding: 0 0 0 5px;
 411         background-color: #eeeeee;
 412 }
 413
 414 div#footer div#pageinfo div.tags {
 415         width: auto;
 416         margin: 0;
 417         padding: 0 0 0 5px;
 418         background-color: #eeeeee;
 419 }
 420
 421 div#footer div#pageinfo div.pagelicense {
 422         width: 100%;
 423         margin: 0;
 424         padding-top: 2px;
 425         text-align: right;
 426         float: right;
 427 }
 428
 429 div#footer div#pageinfo div.pagedate {
 430         width: 100%;
 431         margin: 0;
 432         text-align: center;
 433         font-weight: bold;
 434 }
 435
 436