/* Theme Name: Wu Wei Theme URI: http://equivocality.com/wu-wei Description: A clean, minimalist, grid-based theme, with high contrast and multiple colour schemes Version: 1.2.4 Author: Jeff Ngan Author URI: http://equivocality.com/ Tags: black, white, fixed-width, two-columns, custom-colors, threaded-comments, sticky-post This theme was designed and built by Jeff Ngan, http://equivocality.com/ Dedicated to Michael Babin License: GNU General Public License (GPL) version 3 */ /*** Reset Styles ************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, acronym, abbr, blockquote, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1.5;} blockquote.spip, q {quotes: none;} blockquote.spip:before, blockquote.spip:after, q:before, q:after {content:''; content:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration: line-through;} table {border-collapse:collapse; border-spacing:0;} a img {border:none;} /*** General *****************************************************************/ body {background-color:#fff; color:#516064; margin:0; padding:0; text-align:center; font-size:75%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} p {font-size:1.167em; line-height:1.5em; margin:0 0 1.5em;} small,.small {font-size:0.75em;} a:link, a:visited {color:#ff8a00; text-decoration:none;} a:hover {color:#feb925;} .full-column {border-bottom:1px solid #d1d9dc;} .center-column {width:58.334em; margin:0px auto; text-align:left; clear:both;position:relative;} .spip_documents {margin:0 0 1.5em;} .spip_documents_left {margin-right:1.5em;float:left;} .spip_documents_right {margin-left:1.5em;float:right;} .spip_documents_center {display:block; margin-left:auto; margin-right:auto;} .spip_documents {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding:4px; margin:10px;} .spip_documents img {margin:0; padding:0; border:0 none;} .spip_documents .spip_doc_titre {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;} .documents_portfolio {margin-bottom:2em;} .documents_portfolio img {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding:4px; margin:10px;} .navigation {padding:0.333em 0; font-size:1.5em; border-top:1px solid #d1d9dc;} .pagetitle {padding:0.333em 0; font-size:1.5em; color:#959ea1; position:relative; border-top:1px solid #d1d9dc;} .pagetitle span {position:absolute; left:240px;} /*** Header ******************************************************************/ #nav .menu-liste {margin:0; padding:0;} #nav .menu-liste .menu-entree {font-size:0.916em; float:left; margin-right:1.819em; padding:0; display:block; list-style:none;} #nav .menu-liste .menu-entree a:link, #nav .menu-liste .menu-entree a:visited {display:block; padding:7px 0 10px; line-height:1em; width:9.08em; color:#6a797d; font-weight:bold; text-decoration:none; border-top:3px solid #fff; text-transform:lowercase;} #nav .menu-liste .menu-entree a:hover {border-top:3px solid #ff8a00;} #nav .menu-liste .menu-entree.on a {border-top:3px solid #ff8a00;} #nav .menu-liste .menu-entree a span {font-size:0.833em; color:#d1d9dc; text-transform:lowercase;} #nav .menu-liste .menu-entree a.selected {border-top:3px solid #6a797d;} #nav .menu-liste .last {margin-right:0;} #nav .menu-entree .menu-liste{ display:none; } #nom_site_spip {font-size:5em; font-weight:bold; line-height:1em;display:block;padding-right:30%;} #nom_site_spip a:link, #nom_site_spip a:visited {color:#d1d9dc; text-decoration:none;} #nom_site_spip a:hover {color:#ff8a00;} #header .accueil .spip_logos {display:none;} #slogan_site_spip {margin-top:0.5em; font-size:1.5em; color:#6a797d;} #descriptif_site_spip {margin:-1em 0 0.5em; font-size:1.5em; color:#6a797d;} #descriptif_site_spip p {font-size:1em;} #header {padding:2em 0;} #main {} /*** Posts and Pages *********************************************************/ * html .post, * html .page {height:1%;} /* Fix for IE6 */ .sticky {border-top:3px solid #d1d9dc;} h1,.h1,h2,.h2,h3,.h3 {color:#959ea1; font-weight:bold; line-height:1em; padding-bottom:0.6em;} h1,.h1 {font-size:2.5em;} h2,.h2 {font-size:2.0em;} h3,.h3 {font-size:1.5em;} h4,.h4 {font-size:1.167em; margin-bottom:0.867em;} .h1 a:link, .h1 a:visited {color:#959ea1; text-decoration:none;} .h1 a:hover {color:#ff8a00;} .h2 a:link, .h2 a:visited {color:#959ea1; text-decoration:none;} .h2 a:hover {color:#ff8a00;} .h3 a:link, .h3 a:visited {color:#959ea1; text-decoration:none;} .h3 a:hover {color:#ff8a00;} .h4 a:link, .h4 a:visited {color:#959ea1; text-decoration:none;} .h4 a:hover {color:#ff8a00;} #main h1,#main .h1,#main h2,#main .h2,#main h3,#main .h3 {text-transform:lowercase;} #main .articles .liste-items .item {border-top:1px solid #d1d9dc; padding-top:1.5em;} #main .articles .liste-items {border-top:2px solid #d1d9dc;} #main .liste-items .item .h3 {font-size:2.5em;} #main .articles .liste-items .item {padding-left:20em;} #main .articles .liste-items .item .cartouche {float:left;margin-left:-20em;width:18.333em;} #main .liste-items .item .info-publi {} #main .liste-items .item .spip_logos {display:none;} #main .liste-items .item .info-publi {color:#959EA1;font-size:1.5em;} #main .liste-items .item .info-publi .auteurs {display:block;} #main .liste-items .item .info-publi .published {border:none;} .h1+.info-publi {margin-top:-1em;} .liste-items {margin:1em 0;padding:0;list-style:none;} .liste-items .item {border-top:1px solid #d1d9dc;padding:0.2em 0;clear:both;overflow:hidden;} .liste-items .item:hover {background:#eee;} .liste-items + .pagination {margin-top:-1em;} .h2+.liste-items {margin-top:0;} .resultats .liste-items .item {padding-left:0;padding:0.2em 0;} .menu-liste {list-style:none;margin:0;} .menu-entree {list-style:none;padding:0.2em 0;} .menu-entree:hover {background:#eee;} .menu-entree .menu-liste {margin-left:10px;} ul.spip, ol.spip {padding-left:20px;} .spip_cadre {width:90%;padding:5px;} .formulaire_forum li:hover,.formulaire_forum li:hover fieldset legend {background-color:#eee;} .formulaire_spip input.text,.formulaire_spip input.password,.formulaire_spip textarea {padding:2px;} .formulaire_menu_lang {width:30%;position:absolute;top:0;right:0;} .timestamp {float:left; font-size:1.5em; color:#959ea1;} .comment-bubble {float:left; font-size:1.5em; margin-left:0.5em; text-align:center;} .comment-bubble a:link, .comment-bubble a:visited {color:#959ea1; text-decoration:none; display:block; width:27px; height:32px; background:url(img/comment-bubble.gif) no-repeat 0 2px;} .comment-bubble a:hover {color:#ff8a00;} .post-content {float:left; width:38.333em; overflow:visible;} .post-content h2 {font-size:2.0em; margin-bottom:0.75em;} .post-content h3 {font-size:1.5em; margin-bottom:1em;} .post-content h4 {font-size:1.167em; margin-bottom:0.867em;} blockquote.spip {background:#fff url(img/blockquote.gif) no-repeat top left; margin-left:7em; padding-left:3em; font-style:italic;} blockquote.spip_poesie {font-size:1.167em;} .pull-1 {margin-left:-8.571em; width:41.428em} .pull-2 {margin-left:-17.143em; width:50em;} * html .pull-1, * html .pull-2 {position:relative;} /* Fix for IE6 */ .post-content ul, .post-content ol {margin:0 0 1.5em; padding:0; font-size:1.167em;} .post-content ul li, .post-content ol li {margin-left:3em; padding-left:0em; line-height:1.5em;} .post-content ul li ul, .post-content ol li ol, .post-content ul li ol, .post-content ol li ul {font-size:1em;} pre {white-space:pre-wrap; word-wrap:break-word; margin:0 0 1.5em;} dl {margin:0 0 1.5em;} dt {font-weight:bold; font-size:1.167em;} dd {font-size:1.167em; margin-left:8.571em;} acronym, abbr {border-bottom:1px dotted #333;} hr {color:#d1d9dc; height:1px; background-color:#d1d9dc; border:0;} .meta-publi {display:block; margin-top:1.5em;} .post-meta-data {position:relative; margin:0 0 0 10em; height:100%; padding:0.333em 0; border-top:1px solid #d1d9dc;} .post-meta-data span {position:absolute; left:10em; top:0.333em;} .gallery {margin:0 0 1.5em 0; padding:0;} .gallery-item {float:left; margin:10px 0 0 0; text-align:left; padding:0;} .gallery img, .gallery a img {border:solid 1px #D9D9D9; background:#ffffff; padding:4px; margin:0;} .gallery a:hover img {border-color:#666666; background:#fff;} .gallery-caption {margin:0 0 1.5em 0; font-size:0.833em; line-height:1.167em; color:#666;} table.spip {margin:1.5em 0; padding:0; border-collapse:collapse;} table.spip th {padding:0.5em; border:1px solid #d1d9dc; background-color:#f8f8f8;} table.spip tr {margin:0; padding:0;} table.spip tr td {padding:0.5em; border:1px solid #d1d9dc;} /*** Comments ****************************************************************/ #comment-wrapper {padding-left:10em; border-top:1px solid #d1d9dc;} h3#comments {font-size:1.5em; position:relative; height:100%; padding:0.333em 0; color:#959ea1; font-weight:normal;} h3#comments span {position:absolute; left:6.667em; top:0.333em;} .repondre {text-align:right;} ul.forum {margin:0; padding:0;} ul.forum .forum-fil {list-style:none; position:relative; border-top:1px solid #d1d9dc; padding:0.333em 0 0;padding-left:10em;} ul.forum .forum-fil .forum-fil {padding-left:1em;} ul.forum .forum-message:hover .forum-chapo {background:#eee;} ul.forum li.bypostauthor {border-top:1px solid #6a797d;} ul.forum li.forum-fil-author-admin {border-top:1px solid #6a797d;} ul.forum li.forum-fil .forum-chapo {padding-top:1.0em; } ul.forum li.forum-fil .forum-chapo .forum-titre {font-size:1.167em;padding-right:100px;display:block;} ul.forum li.forum-fil .forum-chapo img.avatar {position:absolute; left:0em; padding-top:0.333em;} * html ul.forum li.forum-fil .forum-chapo img.avatar {left:-10em;} /* Fix for IE6 */ ul.forum li.forum-fil div.comment-meta {margin-bottom:1em;} ul.forum li.forum-fil .repondre {position:absolute; top:8px; right:3px;width:100px;font-size:0.9em;} /* #respond {position:relative; padding:0; border-top:1px solid #d1d9dc; margin-bottom:3em;} #respond h3 {font-size:1.5em; color:#959ea1; padding:0.333em 0; font-weight:normal;} .cancel-comment-reply {position:absolute; top:8px; right:3px;} #commentform {border-top:1px solid #d1d9dc; padding-top:1em;} .nocomments {border-top:1px solid #d1d9dc; padding:1em 0 0 8.571em;} .form-field {position:relative; margin-bottom:1em; height:100%;} .form-field span {position:absolute; left:8.571em;} .form-field #author, .form-field #email, .form-field #url {background-color:#fcfcfc; border:1px solid #333;} .form-field span textarea#comment {background-color:#fcfcfc; border:1px solid #333; width:32.857em; height:200px; font-size:1em; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;} .comment-box {margin-bottom:200px;} */ /*** Sidebar + Widgets *******************************************************/ .center-column-sidebar {width:58.334em; margin:0px auto; text-align:left; clear:both; overflow:hidden;position:relative;padding-top:7em;} #sidebar .menu,#sidebar .liste,#sidebar .formulaire_spip {float:left;clear:none;width:15.713em;} #sidebar .menu,#sidebar .liste {font-size:1.167em;} #sidebar .formulaire_spip {float:right;} #sidebar .menu .h2,#sidebar .liste .h2 {font-size:1.714em; color:#959ea1; padding:0.333em 0;} #sidebar {width:58.334em; border-top:1px solid #d1d9dc; margin:0 0 1em 0; padding:1em 0 0 0;} #sidebar .liste-item,#sidebar .menu-entree {list-style:none;margin:0;margin-right:1.429em;} #sidebar .formulaire_spip form {margin:0;margin-right:1.429em;} .formulaire_recherche {font-size:1.167em;} #sidebar .formulaire_recherche {position:absolute;top:0;left:0;} .formulaire_recherche label {color:#959ea1; font-weight:bold; line-height:1em; padding:0.333em 0;font-size:1.714em;} .formulaire_recherche input.text {padding-left:25px;} /*** Footer ******************************************************************/ #footer {margin:2em 0; padding:0.5em 0 0 0; border-top:3px solid #eee; font-size:0.916em; color:#d1d9dc; line-height:1em;} #footer a:link, #footer a:visited {margin:0; padding:0; color:#959ea1; font-weight:bold;} #footer a:hover {color:#ff8a00;} .credits {padding:5px 0;} /** specificites SPIP **/ .pagination {border-top:1px solid #d1d9dc;text-align:right;font-size:1em;}