341 lines
16 KiB
CSS
341 lines
16 KiB
CSS
|
/*
|
||
|
|
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 {text-align: center; 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 .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;}
|
||
|
|
|
||
|
|
|
||
|
|
/*** Dark Colours ********************************************************/
|
||
|
|
body {background:#494949; color:#fff;}
|
||
|
|
|
||
|
|
a:link, a:visited {color:#AFD7F5;}
|
||
|
|
a:hover {color:#597298;}
|
||
|
|
|
||
|
|
.pagetitle {color:#fff; border-top:1px solid #666;}
|
||
|
|
|
||
|
|
hr {color:#8F8F87; background-color:#8F8F87;}
|
||
|
|
|
||
|
|
.full-column {border-bottom:1px solid #666;}
|
||
|
|
|
||
|
|
#nav .menu-liste .menu-entree a:link,#nav .menu-liste .menu-entree a:visited {color:#fff; border-top:3px solid #494949;}
|
||
|
|
#nav .menu-liste .menu-entree a:hover {border-top:3px solid #F1EFEB;}
|
||
|
|
#nav .menu-liste .menu-entree a span {color:#999;}
|
||
|
|
#nav .menu-liste .menu-entree.on a {border-top:3px solid #AFD7F5;}
|
||
|
|
|
||
|
|
#nom_site_spip, #nom_site_spip a:link, #nom_site_spip a:visited {color:#fff;}
|
||
|
|
#nom_site_spip a:hover {color:#AFD7F5;}
|
||
|
|
|
||
|
|
#slogan_site_spip {color:#F1EFEB;}
|
||
|
|
#descriptif_site_spip {color:#F1EFEB;}
|
||
|
|
|
||
|
|
.menu-liste .menu-entree:hover, .liste-items .item:hover {background:#555;}
|
||
|
|
|
||
|
|
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {color:#fff;}
|
||
|
|
h1 a:link,.h1 a:link, h1 a:visited,.h1 a:visited {color:#fff;}
|
||
|
|
h1 a:hover, .h1 a:hover {color:#AFD7F5;}
|
||
|
|
h2 a:link,.h2 a:link, h2 a:visited,.h2 a:visited {color:#fff;}
|
||
|
|
h2 a:hover, .h2 a:hover {color:#AFD7F5;}
|
||
|
|
h3 a:link,.h3 a:link, h3 a:visited,.h3 a:visited {color:#fff;}
|
||
|
|
h3 a:hover, .h3 a:hover {color:#AFD7F5;}
|
||
|
|
|
||
|
|
#main {}
|
||
|
|
.info-publi {color:#959EA1;}
|
||
|
|
|
||
|
|
blockquote.spip {background:#494949 url('img/blockquote_dark.gif') no-repeat;}
|
||
|
|
.spip_code, .spip_cadre {color:#8184CF;}
|
||
|
|
.spip_cadre {background-color:#555;}
|
||
|
|
|
||
|
|
.formulaire_spip {color:#FFFFFF;}
|
||
|
|
.formulaire_spip .explication {color:#EEEEEE;}
|
||
|
|
.formulaire_spip fieldset legend {background-color:#494949;color:#959EA1;}
|
||
|
|
.formulaire_spip label {color:#FFFFFF;}
|
||
|
|
.formulaire_forum li:hover,.formulaire_forum li:hover fieldset legend {background-color:#555;}
|
||
|
|
|
||
|
|
.dark .comment-bubble a:link, .dark .comment-bubble a:visited {color:#fff; background:url('img/comment-bubble_dark.gif') no-repeat 0 2px;}
|
||
|
|
.dark .comment-bubble a:hover {color:#AFD7F5;}
|
||
|
|
|
||
|
|
/*.meta-publi {border-top:1px solid #666;}*/
|
||
|
|
|
||
|
|
#comment-wrapper {padding-left:120px; border-top:1px solid #666;}
|
||
|
|
|
||
|
|
ul.forum li.forum-fil {border-top:1px solid #666;}
|
||
|
|
ul.forum li.forum-fil .bypostauthor {border-top:1px solid #ccc;}
|
||
|
|
ul.forum li.forum-fil .comment-author-admin {border-top:1px solid #ccc;}
|
||
|
|
|
||
|
|
ul.forum .forum-message:hover .forum-chapo {background:#555;}
|
||
|
|
|
||
|
|
/*
|
||
|
|
#respond {border-top:1px solid #666;}
|
||
|
|
#respond h3 {color:#fff;}
|
||
|
|
|
||
|
|
#commentform {border-top:1px solid #666;}
|
||
|
|
*/
|
||
|
|
#sidebar {border-top:1px solid #666;}
|
||
|
|
#sidebar .menu .h2, #sidebar .liste .h2 {color:#fff;}
|
||
|
|
|
||
|
|
#footer {border-top:3px solid #666;}
|
||
|
|
#footer a:link, .dark #footer a:visited {color:#fff;}
|
||
|
|
#footer a:hover {color:#AFD7F5;}
|
||
|
|
|
||
|
|
table.spip tr.row_first,table.spip tr.row_first td,table.spip tr.row_first th {background-color:#777;}
|
||
|
|
table.spip tr.row_even,table.spip tr.row_even td,table.spip tr.row_even th {background-color:#555;}
|
||
|
|
table.spip tr.row_odd,table.spip tr.row_odd td,table.spip tr.row_odd th {background-color:#666;}
|
||
|
|
table.spip tr td,table.spip tr th {border:1px solid #707070}
|