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 {
 286         display: none;
 287 }
 288
 289 div#content div.inlinepage span.pagedate {
 290 }
 291
 292 div#content fieldset {
 293         width: 90%;
 294         margin-left: auto;
 295         margin-right: auto;
 296 }
 297
 298 div#content div#feedlink {
 299         margin: 5px;
 300         text-align: right;
 301 }
 302
 303 div#content form {
 304         width: 95%;
 305         margin-left: auto;
 306         margin-right: auto;
 307 }
 308
 309 div#content form input#_submit, * {
 310         margin-right: 5px;
 311 }
 312
 313 div#content form.fb_form {
 314         margin: 5px;
 315 }
 316
 317 div#content form.fb_form input.fb_button {
 318         margin: 0 5px 0 0;
 319         color: black;
 320         background-color: #eeeeee;
 321         border: thin solid black;
 322         font-weight: bold;
 323 }
 324
 325 div#content form.fb_form input.fb_button:hover {
 326         color: #eeeeee;
 327         background-color: black;
 328         border-color: #eeeeee;
 329 }
 330
 331 div#content form.fb_form input.fb_button:active {
 332         color: #eeeeee;
 333         background-color: black;
 334         border: thin inset #eeeeee;
 335 }
 336
 337 div#content div.header {
 338         height: 30px;
 339         width: 20%;
 340         min-width: 160px;
 341         top: 0;
 342         left: 0;
 343         line-height: 30px;
 344         padding-left: 15px;
 345         margin-right: auto;
 346         margin-left: auto;
 347 }
 348
 349 div.actions {
 350         position: relative;
 351         height: auto;
 352         width: 100%;
 353         top: 50px;
 354         left: 0;
 355         padding: 0;
 356         margin: 0;
 357         background-color: #eeeeee;
 358         border-top: thin solid black;
 359         border-bottom: thin solid black;
 360 }
 361
 362 div.actions ul {
 363         margin: 0;
 364         border: none;
 365 }
 366
 367 div.actions ul li {
 368 }
 369
 370 div.actions ul li a {
 371         color: black;
 372         text-decoration: none;
 373         border: none;
 374 }
 375
 376 div.actions ul li a:links {
 377 }
 378
 379 div.actions ul li a:active {
 380 }
 381
 382 div.actions ul li a:visited {
 383 }
 384
 385 div.actions ul li a:hover {
 386         border-bottom: medium solid black;
 387 }
 388
 389 div#footer {
 390         position: relative;
 391         width: 100%;
 392         height: auto;
 393         margin: 0;
 394         padding: 0;
 395         top: 50px;
 396         left: 0;
 397 }
 398
 399 div#footer div#pageinfo {
 400         margin: 0;
 401         padding: 0;
 402         border: none;
 403 }
 404
 405
 406 div#footer div#pageinfo div#backlinks {
 407         width: auto;
 408         margin: 0;
 409         padding: 0 0 0 5px;
 410         background-color: #eeeeee;
 411 }
 412
 413 div#footer div#pageinfo div.tags {
 414         width: auto;
 415         margin: 0;
 416         padding: 0 0 0 5px;
 417         background-color: #eeeeee;
 418 }
 419
 420 div#footer div#pageinfo div.pagelicense {
 421         width: 100%;
 422         margin: 0;
 423         padding-top: 2px;
 424         text-align: right;
 425         float: right;
 426 }
 427
 428 div#footer div#pageinfo div.pagedate {
 429         width: 100%;
 430         margin: 0;
 431         text-align: center;
 432         font-weight: bold;
 433 }
 434
 435