blog/wp-content/themes/vvd/style.css

   1 /*
   2 Theme Name: vvd
   3 Theme URI: http://wpitchoune.net/
   4 Description: The ESM VDD Theme.
   5 Version: 1.0
   6 Author: Jean-Philippe Orsini.
   7 Author URI: http://wpitchoune.net/
   8 Tags: blue, custom header, fixed width, two columns, widgets
   9 */
  10
  11 body {
  12         font-family: Ubuntu, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  13         background: #1c331e;
  14         color: #333;
  15         text-align: center;
  16         margin-left: 10%;
  17         }
  18
  19 #page {
  20         background: #b9c0b9 url('images/fond.jpg') repeat-y;
  21         border: 0px 0px 0px 0px;
  22         text-align: left;
  23         width:801px;
  24         }
  25 #sidebar {
  26         height: 100px;
  27         background: red;
  28         margin: 0px 0px 0px 0px;
  29 }
  30
  31 #sidebar {
  32         height: 100%;
  33 }
  34
  35 #sidebar ul {
  36         padding-left: 0px;
  37         margin-left: 8px;
  38 }
  39 #content p {
  40         margin-left: 20px;
  41         margin-right: 20px;
  42 }
  43
  44 #content h1, #content h2, #content h3, #content h4 {
  45         margin-left: 12px;
  46 }
  47
  48 #content ul {
  49         margin-left: 28px;
  50         margin-right: 20px;
  51 }
  52
  53 #content table {
  54         margin-left: 20px;
  55         margin-right: 20px;
  56 }
  57
  58 #content-left {
  59         font-size: 0.8em;
  60         float:left;
  61         min-height: 373px;
  62         width:564px;
  63         margin-left: -1px;
  64         padding: 8px 8px 8px 8px;
  65         background: #b9c0b9 url('images/main.gif') no-repeat;
  66 }
  67
  68 #content-right {
  69         background: #1c331e url(images/col2.gif) no-repeat;
  70         min-height:373px;
  71         width:38px;
  72         float:right;
  73 }
  74
  75 #header {
  76         background: #1c331e url('images/header-top.jpg');
  77         width:801px;
  78         }
  79
  80 #content {
  81         float: right;
  82         width: 618px;
  83         margin: 0px 0px 0px 0px;
  84         padding: 0px 0px 0px 0px;
  85         text-align: left;
  86         }
  87
  88 .narrowcolumn .postmetadata {
  89         text-align: center;
  90         }
  91
  92 .thread-alt {
  93         background-color: #f8f8f8;
  94 }
  95
  96 .thread-even {
  97         background-color: white;
  98 }
  99
 100 .depth-1 {
 101 border: 1px solid #ddd;
 102 }
 103
 104 .even, .alt {
 105
 106         border-left: 1px solid #ddd;
 107 }
 108
 109 #footer {
 110         background: #e7e7e7 url('images/footer.jpg') no-repeat top;
 111         border: none;
 112         padding: 0px 0px 0px 0px;
 113         margin: 0px 0px 0px 0px;
 114         min-height: 90px;
 115         }
 116
 117 small {
 118         font-family: Ubuntu, Arial, Helvetica, Sans-Serif;
 119         line-height: 1.5em;
 120         }
 121
 122 h1, h2, h3 {
 123         font-family: Ubuntu, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 124         font-weight: bold;
 125         }
 126
 127 h1 {
 128         font-size: 4em;
 129         text-align: center;
 130         }
 131
 132 #headerimg .description {
 133         text-align: center;
 134         }
 135
 136 h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
 137         text-decoration: none;
 138         color: white;
 139         }
 140
 141 h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
 142         color: #333;
 143         }
 144
 145 h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
 146         text-decoration: none;
 147         }
 148
 149 #sidebar h2, #sidebar a:visited, #sidebar a:hover, #sidebar a {
 150         color: red;
 151         font-family: Ubuntu, 'Lucida Grande', Verdana, Sans-Serif;
 152         font-weight: bold;
 153 }
 154
 155 .entry p a:visited {
 156         color: #b85b5a;
 157         }
 158
 159 .sticky {
 160         background: #f7f7f7;
 161         padding: 0 10px 10px;
 162         }
 163
 164 .sticky h2 {
 165         padding-top: 10px;
 166         }
 167
 168 .commentlist li, #commentform input, #commentform textarea {
 169         font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 170         }
 171
 172 .commentlist li ul li {
 173 }
 174
 175 .commentlist li {
 176         font-weight: bold;
 177 }
 178
 179 .commentlist li .avatar {
 180         float: right;
 181         border: 1px solid #eee;
 182         padding: 2px;
 183         background: #fff;
 184         }
 185
 186 .commentlist cite, .commentlist cite a {
 187         font-weight: bold;
 188         font-style: normal;
 189         font-size: 1.1em;
 190         }
 191
 192 .commentlist p {
 193         font-weight: normal;
 194         line-height: 1.5em;
 195         text-transform: none;
 196         }
 197
 198 #commentform p {
 199         font-family: Ubuntu, 'Lucida Grande', Verdana, Arial, Sans-Serif;
 200         }
 201
 202 .commentmetadata {
 203         font-weight: normal;
 204         }
 205
 206 #sidebar {
 207         font: 0.7em Ubuntu, 'Lucida Grande', Verdana, Arial, Sans-Serif;
 208         float:left;
 209         }
 210
 211 small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
 212         color: #777;
 213         }
 214
 215 code {
 216         font: 1.1em 'Courier New', Courier, Fixed;
 217         }
 218
 219 acronym, abbr, span.caps
 220 {
 221         font-size: 0.9em;
 222         letter-spacing: .07em;
 223         }
 224
 225 a, h2 a:hover, h3 a:hover {
 226         color: #06c;
 227         text-decoration: none;
 228         }
 229
 230 a:hover {
 231         color: #147;
 232         text-decoration: underline;
 233         }
 234
 235 #wp-calendar #prev a, #wp-calendar #next a {
 236         }
 237
 238 #wp-calendar a {
 239         text-decoration: none;
 240         }
 241
 242 #wp-calendar caption {
 243         text-align: center;
 244         }
 245
 246 #wp-calendar th {
 247         font-style: normal;
 248         text-transform: capitalize;
 249         }
 250
 251 #page {
 252         background-color: #1c331e;
 253         padding: 0;
 254         width: 801px;
 255         border: 0px 0px 0px 0px;
 256         }
 257
 258 #header {
 259         margin: 0 0 0 0px;
 260         padding: 0;
 261         height: 227px;
 262         width: 801px;
 263         }
 264
 265 #headerimg {
 266         margin: 0;
 267         height: 200px;
 268         width: 100%;
 269         }
 270
 271 .post {
 272         margin: 0 0 0px;
 273         text-align: justify;
 274         }
 275
 276 .post hr {
 277         display: block;
 278         }
 279
 280 .widecolumn .post {
 281         margin: 0;
 282         }
 283
 284 .narrowcolumn .postmetadata {
 285         padding-top: 5px;
 286         }
 287
 288 .widecolumn .postmetadata {
 289         margin: 0px 0;
 290         }
 291
 292 .widecolumn .smallattachment {
 293         margin: 0 0 0 0;/*5px 5px 5px 0px;*/
 294 }
 295
 296 .widecolumn .attachment {
 297         text-align: center;
 298         margin: 0px 0px;
 299 }
 300
 301 .postmetadata {
 302         clear: both;
 303 }
 304
 305 .clear {
 306         clear: both;
 307 }
 308
 309 #footer {
 310         margin: 0px 0px 0px 0px;
 311         padding: 0;
 312         width: 801px;
 313         clear: both;
 314         }
 315
 316 #footer p {
 317         margin: 0 0 0 0;
 318         padding: 0 0 0 0;
 319         text-align: center;
 320         }
 321
 322 h1 {
 323         margin: 0;
 324         }
 325
 326 h2.pagetitle {
 327         margin-top: 30px;
 328         text-align: center;
 329 }
 330
 331 #sidebar h2 {
 332         margin: 0px 0 0;
 333         padding: 0;
 334         }
 335
 336 h3 {
 337         padding: 0;
 338         }
 339
 340 h3.comments {
 341         padding: 0;
 342         margin: 40px auto 20px ;
 343         }
 344 /* End Headers */
 345
 346
 347
 348 /* Begin Images */
 349 p img {
 350         padding: 0;
 351         max-width: 100%;
 352         }
 353
 354 /*      Using 'class="alignright"' on an image will (who would've
 355         thought?!) align the image to the right. And using 'class="centered',
 356         will of course center the image. This is much better than using
 357         align="center", being much more futureproof (and valid) */
 358
 359 img.centered {
 360         display: block;
 361         margin-left: auto;
 362         margin-right: auto;
 363         }
 364
 365 img.alignright {
 366         padding: 4px;
 367         margin: 0 0 2px 7px;
 368         display: inline;
 369         }
 370
 371 img.alignleft {
 372         padding: 4px;
 373         margin: 0 7px 2px 0;
 374         display: inline;
 375         }
 376
 377 .alignright {
 378         float: right;
 379         }
 380
 381 .alignleft {
 382         float: left;
 383         }
 384 /* End Images */
 385
 386
 387
 388 /* Begin Lists
 389
 390         Special stylized non-IE bullets
 391         Do not work in Internet Explorer, which merely default to normal bullets. */
 392
 393 html>body .entry ul {
 394         margin-left: 0px;
 395         padding: 0 0 0 0px;
 396         list-style: none;
 397         padding-left: 0px;
 398         text-indent: -10px;
 399         }
 400
 401 html>body .entry li {
 402         margin: 7px 0 8px 10px;
 403         }
 404
 405 .entry ul li:before, #sidebar ul ul li:before {
 406         content: "\00BB \0020";
 407         }
 408
 409 .entry ol {
 410         padding: 0 0 0 35px;
 411         margin: 0;
 412         }
 413
 414 .entry ol li {
 415         margin: 0;
 416         padding: 0;
 417         }
 418
 419 .postmetadata ul, .postmetadata li {
 420         display: inline;
 421         list-style-type: none;
 422         list-style-image: none;
 423         }
 424
 425 #sidebar ul li {
 426         list-style-type: none;
 427         list-style-image: none;
 428         margin-bottom: 15px;
 429         }
 430
 431 #sidebar ul {
 432         color: red;
 433         }
 434
 435 ol li, #sidebar ul ol li {
 436         list-style: decimal outside;
 437         }
 438
 439 /* End Entry Lists */
 440
 441
 442
 443 /* Begin Form Elements */
 444 #searchform {
 445         margin: 10px auto;
 446         padding: 5px 3px;
 447         text-align: center;
 448         }
 449
 450 #searchform  {
 451         width: 100px;
 452         padding: 2px;
 453         }
 454
 455 #sidebar #searchsubmit {
 456         padding: 0px;
 457         }
 458
 459 .entry form { /* This is mainly for password protected posts, makes them look better. */
 460         text-align:center;
 461         }
 462
 463 select {
 464         width: 130px;
 465         }
 466
 467 #commentform input {
 468         width: 170px;
 469         padding: 2px;
 470         margin: 5px 5px 1px 0;
 471         }
 472
 473 #commentform {
 474         margin: 5px 10px 0 0;
 475         }
 476 #commentform textarea {
 477         width: 100%;
 478         padding: 2px;
 479         }
 480 #respond:after {
 481                 content: ".";
 482             display: block;
 483             height: 0;
 484             clear: both;
 485             visibility: hidden;
 486         }
 487 #commentform #submit {
 488         margin: 0 0 5px auto;
 489         float: right;
 490         }
 491 /* End Form Elements */
 492
 493
 494
 495 /* Begin Comments*/
 496 .alt {
 497         margin: 0;
 498         padding: 10px;
 499         }
 500
 501 .commentlist {
 502         padding: 0;
 503         text-align: justify;
 504         }
 505
 506 .commentlist li {
 507         margin: 15px 0 10px;
 508         padding: 5px 5px 10px 10px;
 509         list-style: none;
 510
 511         }
 512 .commentlist li ul li {
 513         margin-right: -5px;
 514         margin-left: 10px;
 515 }
 516
 517 .commentlist p {
 518         margin: 10px 5px 10px 0;
 519 }
 520 .children { padding: 0; }
 521
 522 #commentform p {
 523         margin: 5px 0;
 524         }
 525
 526 .nocomments {
 527         text-align: center;
 528         margin: 0;
 529         padding: 0;
 530
 531         }
 532
 533 .commentmetadata {
 534         margin: 0;
 535         display: block;
 536         }
 537 /* End Comments */
 538
 539
 540
 541 /* Begin Sidebar */
 542 #sidebar
 543 {
 544         padding: 0px 0 0px 0;
 545         background: #1c331e url('images/bg-left.gif') no-repeat;
 546         width: 182px;
 547         }
 548
 549 #sidebar form {
 550         margin: 0;
 551         }
 552 /* End Sidebar */
 553
 554
 555
 556 /* Begin Calendar */
 557 #wp-calendar {
 558         empty-cells: show;
 559         margin: 10px auto 0;
 560         width: 155px;
 561         }
 562
 563 #wp-calendar #next a {
 564         padding-right: 10px;
 565         text-align: right;
 566         }
 567
 568 #wp-calendar #prev a {
 569         padding-left: 10px;
 570         text-align: left;
 571         }
 572
 573 #wp-calendar a {
 574         display: block;
 575         }
 576
 577 #wp-calendar caption {
 578         text-align: center;
 579         width: 100%;
 580         }
 581
 582 #wp-calendar td {
 583         padding: 3px 0;
 584         text-align: center;
 585         }
 586
 587 #wp-calendar td.pad:hover { /* Doesn't work in IE */
 588         background-color: #fff; }
 589 /* End Calendar */
 590
 591
 592
 593 /* Begin Various Tags & Classes */
 594 acronym, abbr, span.caps {
 595         cursor: help;
 596         }
 597
 598 acronym, abbr {
 599         border-bottom: 1px dashed #999;
 600         }
 601
 602 blockquote {
 603         margin: 15px 30px 0 10px;
 604         padding-left: 20px;
 605         border-left: 5px solid #ddd;
 606         }
 607
 608 blockquote cite {
 609         margin: 5px 0 0;
 610         display: block;
 611         }
 612
 613 .center {
 614         text-align: center;
 615         }
 616
 617 .hidden {
 618         display: none;
 619         }
 620
 621 .screen-reader-text {
 622      position: absolute;
 623      left: -1000em;
 624 }
 625
 626 hr {
 627         display: none;
 628         }
 629
 630 a img {
 631         border: none;
 632         }
 633
 634 .navigation {
 635         display: block;
 636         text-align: center;
 637         margin-top: 10px;
 638         margin-bottom: 60px;
 639         }
 640 /* End Various Tags & Classes*/
 641
 642
 643 /* Captions */
 644 .aligncenter,
 645 div.aligncenter {
 646         display: block;
 647         margin-left: auto;
 648         margin-right: auto;
 649 }
 650
 651 .wp-caption {
 652         border: 1px solid #ddd;
 653         text-align: center;
 654         background-color: #f3f3f3;
 655         padding-top: 4px;
 656         margin: 10px;
 657         -moz-border-radius: 3px;
 658         -khtml-border-radius: 3px;
 659         -webkit-border-radius: 3px;
 660         border-radius: 3px;
 661 }
 662
 663 .wp-caption img {
 664         margin: 0;
 665         padding: 0;
 666         border: 0 none;
 667 }
 668
 669 .wp-caption p.wp-caption-text {
 670         line-height: 17px;
 671         padding: 0 4px 5px;
 672         margin: 0;
 673 }
 674 /* End captions */
 675
 676
 677 /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
 678         It won't be a stylish marriage, I can't afford a carriage.
 679         But you'll look sweet upon the seat of a bicycle built for two." */
 680