LE BLOG DU YIN-YIN || dKret : ma feuille de style active

Vu 113 fois

Vous pouvez trouvez ci dessous ma feuille de style.

Elle correspond exactement à la version active actuellement sur mon blog.

Je vous la propose ainsi (et non en téléchargement) afin que vous puissiez trouver ce que vous rechercher d’un coup d’œil rapide et pour que cela titille votre inspiration .

Bien sur son contenu (class, id, etc…) est adapté à mon blog uniquement, en particulier pour les éléments concernant des plugins que j’utilise.

Je reste à votre disposition pour toute question, et n’hésitez pas à visiter Le blog de Lise qui contient aussi beaucoup d’informations.

/*
Theme Name: dkret3

Userstyle: Fluidelity
Description: Modèle personnalisé pour le thème dKret.
Version: 1.3 du 15/08/2008
Source: dKret, Yin-Yin et Lise.
*/

/*
GENERAL
*/
html, body {color: #303030;
background: url(images/fond-blog.gif);
background-attachment:fixed;}
body {margin: 10px 0 10px 0;}
div#wrapper {width: 1024px;}
#wrapper {border: 2px solid #444444;}
#container {background:transparent url(images/ombre.gif) repeat-x scroll 0 0;}
div#access {height: 19px;
padding: 3px 10px 3px 5px;
text-transform: uppercase;}
#access {background: transparent url(images/nav.gif) repeat-x;
border-bottom: none;
font-size: 1.2em;}

/*
PETITE POLICE
*/
body {font-size: 0.8em;}
#header {font-size: 1.1em;}
.sidebar.column {font-size: 1em;}

/*
TITRE ETSOUS-TITRE
*/
#blog-title a:hover {text-decoration: none;}
#blog-description {font-size: 1.5em;
padding-left:300px;}
#header h1 a {color:#109DD0;
font-size: 1.5em;}

/*
MENU
*/
#menu a {color:#109DD0;}
#menu a:hover {color:#109DD0;
text-decoration: underline;}
#menu li ul {background:transparent url(images/stri.gif) repeat scroll left top;}
#menu li li ul {background:transparent url(images/stri.gif) repeat scroll left top;}
#menu li li li ul {background:transparent url(images/stri.gif) repeat scroll left top;}

/*
RSS
*/

/*
PUCES
*/
.sidebar .linkcat ul li {background:transparent url(images/puce_blogoliste.png) no-repeat scroll 0 0;
padding:0 0 0 20px;} /*Blogoliste*/
.sidebar li.wp-download {background:transparent url(images/puce_download.png) no-repeat scroll 0 0;
padding:0 0 0 20px;
border:none;} /*Download*/

/*
LIENS DES ARTICLES
*/
.entry-content a {
text-decoration: none;}

/*
LIENS
*/
a {color: #49AB0D;}
a:hover {color:#109DD0;
text-decoration:underline;}

/*
TITRES
*/
h2, #content h2 {    font-size: 1.6em;}
h3, #content h3 {    font-size: 1.4em;}
h4, #content h4 {    font-size: 1.2em;}
h5, #content h5 {    font-size: 1em;}
h6, #content h6 {    font-size: 0.8em;}
h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover, h5, h5 a, h5 a:hover, h6,  h6 a, h6 a:hover {color: #109DD0;
font-weight:normal;
margin:20px 0pt 10px;
background-color: #fff;}
#content h2 a:hover, #content h3 a:hover,  #content h4 a:hover {color: #109DD0;}

/*
SOULIGNEMENT ET LIGNE HORIZONTALE
*/
.underline {    border-bottom: 1px dotted #109DD0;}
.border {border-bottom: 1.5px solid #BBBBBB;}

/*
CITATIONS
*/
/* Articles et les pages */
blockquote {background:#FBFBFB url(images/guillemet.gif) no-repeat scroll left top;
border: 1px solid #EBEBEB;
display:block;
font-size:0.9em;
margin: 5px 15px;
padding: 5px 20px;}

/*  Commentaires et adaptation au plugin "Ajax edit comment" */
#comments blockquote, #live-preview blockquote {background:#FBFBFB url(images/guillemet.gif) no-repeat scroll left top;
border:1px solid #EBEBEB;
display:block;
font-size:0.9em;
margin:5px 30px 10px 0pt;
padding:5px 10px 5px 17px;}

/*
COMMENTAIRES
*/
#comments li.bypostauthor {background:transparent url(images/bypostauthor.jpg) repeat scroll left top;}
.comment .comment-author, .comment .comment-author  a {color:#474747;
text-transform:uppercase;}
.comment-author  a:hover {text-decoration:underline;}

/*
CODE ET PRE
*/
code, pre {display: block;
overflow: auto;
margin: 10px 0px 10px 30px;}

/*
SIDEBAR
*/
.sidebar h2, .bottombar-column h3, .sidebar h3, .widget_title, #wp-calendar caption {background:transparent url(images/widget_title.gif) repeat scroll left top;
border-top: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
color: #109DD0;
margin: 15px 0 5px;
padding:6px 0pt 6px 2px;
text-transform:uppercase;
text-align:center;
font-size: 1em;}

/*
IMAGES
*/
img, .entry-content img, img.alignleft, img.alignright, img.aligncenter, .entry-gallery-image img {border:1px solid #BBBBBB;
padding: 1px;
margin: 0px 3px;}

/*
SMILIES
*/
.wp-smiley {vertical-align:middle;
border: none;}

/*
FOOTER
*/
div#bottombars {background:transparent;
border-top:1px dotted #CCCCCC;}
div#footer {text-align:center;}
#footer {background: url(images/nav.gif) repeat-x;}
#footer a {color: #109DD0;}
#footer a:hover {color:#109DD0;
text-decoration:underline;}
#copyright {    color: #EEEEEE;}

/*
DE OPENBOOK V2
*/
#content h2.ligne, #content h3.ligne, #content h4.ligne, #content h5.ligne, #content h6.ligne {background: transparent url(images/ligne.gif) repeat-x left;}
h2 span, h3 span, h4 span, h5 span, h6 span {background-color: #fff;
padding-right:3px;
color:#109DD0;}

/*
NICEWEB2DKRET
*/
.note {border-top: 2px solid #B5D4FE;
border-bottom: 2px solid #B5D4FE;
padding: 5px 20px 5px 45px;
background: #F8FAFC url(images/note.gif) no-repeat scroll 15px 50%;
color: #5E6273;
text-align: left;}
.warning {border-top: 2px solid #FEABB9;
border-bottom: 2px solid #FEABB9;
padding: 5px 20px 5px 45px;
background: #FBEEF1 url(images/warning.gif) no-repeat scroll 15px 50%;
text-align: left;
color: #8E6A64;}

/*
ZONE META
*/
.entry-meta, #now-reading-statistic {background:transparent url(images/entry-meta.gif) repeat scroll left top;
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;}

/*
WP-DOWNLOAD
*/
.wp-download img{border:none;}
.wp-download {border: #CCC 1px solid;
padding:5px 10px;}

/*
WP-VIEWS
*/
.vues {background: transparent url(images/iconset.gif) no-repeat scroll 2px -1531px;
color: #49AB0D;
padding: 0 0 0 22px;}
.vues em {color: #49AB0D;}

/*
WP-SYNTAX
*/
.wp_syntax {color: #100;background-color: #FFFFFF;
border: 0px solid #FFFFFF;
margin: 0 0 1.5em 0;
overflow: auto;}
.wp_syntax pre {overflow: auto;}

/*
SYNTAXHIGHLIGHTER
*/
.dp-highlighter {border: 1px solid #BBBBBB;
margin-left: auto;
margin-right: auto;}

/*
FIRESTATS
*/
img.fs_flagicon, img.fs_browsericon, .fs_powered_by img {border:none;
vertical-align:middle;} /* Enleve les bordures + Alignement vertical au milieu */

/*
LAST MODIFIED
*/
#content .modif {color:red;
text-align:right;
padding:5px;
font-size:0.8em;
font-style:italic;
text-decoration:underline;}

/*
RECENT COMMENTS
*/

.widget_rrm_recent_comments img.avatar {height:32px;
width:32px;
vertical-align:middle;
border:1px solid #BBBBBB;}

a img.avatar {border:1px solid #BBBBBB;}

a:hover img.avatar {text-decoration:none;}

.widget_active_commenters ul li (background:none;}