Codes Kyth

Page |< << 1 2 3 4 5 6 7 >> >|

Css Au Pays du Trash

le 27/04/2007 à 18h27

/* Mise en page

Quelques informations sur les balises :
- a : lien
- a:hover : lien survolé
- img : image
- p : paragraphe
- h1 : titre (ici, sections du menu)
- h3 : titre (ici, affichage de la catégorie visitée)
- ul : menu (contient des listes)
- li : listes (à l'intérieur d'un ul)


/* Propriétés générales de la page */
body {
margin:0;
padding:0;
background-image:url(http://img155.imageshack.us/img155/3329/fondhpt2ev8.jpg);
scrollbar-arrow-color :#4AA26F;
scrollbar-3dlight-color:#4AA26F;
scrollbar-highlight-color:#8BCCAA;
scrollbar-face-color:#8BCCAA;
scrollbar-shadow-color :#4AA26F;
scrollbar-darkshadow-color:#CEE6F0;
scrollbar-track-color:#CEE6F0;
}


/* HAUT DE PAGE */

/* Bannière */
div#top {
margin:0;
padding:0;
background-image:url(http://img176.imageshack.us/img176/5144/hptdq3cu4.jpg);
position:center;
width:800px;
height:600px;
margin-left:100px;
border-left:2px solid #4AA36D;
border-right:2px solid #4AA36D;
border-bottom:2px solid #4AA36D;
}

/* Logo */
div#logo {
margin:0;
padding:0;
position:hidden;
font-family:Arial;
font-size:30px;
left:0px;
top:0px;
}
div#logo a {
text-decoration:none;
color:#871739;
visibility:hidden;
}}

/* Pub */
div#pub {
margin:0;
padding:0;
position:absolute;
left:100px;
top:0%;
}
div#pub img {
border:none;
}

/* Nom du blog */
p.name {
margin:0;
padding:0;
position:absolute;
font-family:comic sans ms;
font-style:bold;
font-size:27px;
color:#4AA36D;
left:100px;
top:0px;
visibility:hidden;
}
p.name a {
text-decoration:none;
color:#4AA36D;
}
p.name a:hover {
text-decoration:none;
}
}

}
/* Formulaire de Newsletter */
div#newsletter {
margin:0px;
padding:0;
margin-top:60%;
left:100%;
bottom:-30px;
color:#4FA372;
background-attachment:fixed;
}
input.champnl, input.subnl, form.newsletter p {
margin:0;
padding:0;
background-color:#CEE6F0;
border:2px solid #4FA372;
color:#4FA372;
}

/*CONTENEUR DU BLOG*/

#conteneur {
width:800px;
background-color:#D1E9F3;
background-attachment:fixed;
text-align:right;
margin-left:100px;
border-left:2px solid #4AA36D;
border-right:2px solid #4AA36D;
}

 

/*MENU DE DROITE*/


#menu {
width:180px;
float:left;
margin-lef:0px;
margin-top:0px;
font-size:13px;
color:#4FA371;
text-align:left;
background-color:none;
font-family:Comic Sans MS;
}

#menu p {
}

#menu a {
color:#4FA371;
text-decoration:none;
}

#menu a:hover {
text-decoration:none;
font-weight:bold;
}

#menu h3 {
font-size: 0px;
font-weight:bold;
height:40px;
margin:0px 0 0px 0;
}
div#pubsky {
width:180px;
text-align:left;
padding-top:0px;
}
a.prevent {
text-decoration:none;
padding-left:0px;
color:#4FA371;
font-weight:bold;
}
div#menu img {
border:none;
}

/* ****** TITRES PERSOS *******/

#menu h3.aboutme {
background:url(http://img258.imageshack.us/img258/1228/moihpthv7.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}


#menu h3.madescription {
background:url(http://img358.imageshack.us/img358/4771/bloghptdd9.jpg) no-repeat;
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.rubriqueh3 {
background:url(http://img266.imageshack.us/img266/7959/catgorieshptrn8.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.albumsh3 {
background:url(http://img358.imageshack.us/img358/3475/photoshptzf9.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.tagsh3 {
background:url(http://img404.imageshack.us/img404/8201/tagshptmj1.jpg);
font-size:0px !important;
color:#4FA371;
}
#menu h3.titreplayer {
background:url(http://img152.imageshack.us/img152/5055/zikhptob8.jpg);
no-repeat; font-size:0px !important;
color:#4FA371;
}

#menu h3.favorish3 {
background:url(http://img73.imageshack.us/img73/1214/favorishptzy0.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.cpth3 {
background:url(http://img259.imageshack.us/img259/6938/compteurshptdx6.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.pubh3 {
background:url(http://img186.imageshack.us/img186/9669/pubhptfl8.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}

#menu h3.rssh3 {
background:url(http://img47.imageshack.us/img47/9594/suivrehptiq7.jpg);
font-size:0px !important;
width:180px;
color:#4FA371;
}


/* ****** TAGS ****** */

ul.taglist {
text-align:left;
font-size:13px !important;
}

ul.taglist li {
display:inline;
}

ul.taglist li a {
margin:3px;
font-size:13px !important;
}

 

p.taglisthoriz {
}


/* ******** COMPTEURS ******** */

#menu ul {
list-style-type:none;}

 

/* ****** LISTE DES RUBRIQUES ******** */

#menu ul.rubliste li {
height:18px;
margin:4px 0;
}


/* ****** CONTENEUR DES ARTICLES ****** */

 

#conteneur h1.titrerub {
color:#4AA36D;

font-size:15px;
text-align:center;
}

#conteneur p.description{
color:#4AA36D;
font-size:13px;
text-align:center;
margin:15px;
}

#contenu {
width:500px;
margin-left:2%;
float:right;
margin-right:20px;
background-color:none;
}

.menupage {
background-clor:none;
height:30px;
background-repeat:no-repeat;
color:#4AA36D;
font-family:comic sans ms;
font-size:12px;
text-align:center;
}

.menupage a {
color:#4AA36D;
font-family:comic sans ms;
text-decoration:#4AA36D;
font-weight:bold;
}

.menupage strong {
font-size:12px;
}

/* ****** BLOC D'ARTICLE ****** */

.article {
background-color:none;
width:500px;
margin-top:2%;
margin-left:0%;
}

/* ****** TITRE ****** */

.article .title {
background-image:url(http://img260.imageshack.us/img260/2097/titrehptev5.jpg);
color:#4AA36D;
font-family:comic sans ms;
height:150px;
text-align:center;
}

h1.titrerub, h1.titrealb {
margin:0;
padding:0;
font-family:comic sans ms;
font-size:16px;
color:#4AA36D;
text-align:center;
}


.title h2, .title h1 {
display:inline;
position:relative;
font-size:12px;
top:110px;
left:0px;
text-align:center;
}

.title .date {
position:relative;
top:110px;
left:0px;
font-family:comic sans ms;
font-size:12px;
text-align:center;
}

.title h2 a, .title h1 a {
text-decoration:none;
font-size:14px;
color:#4AA36D;
text-align:center;
}
/* ******* CONTENU DE L'ARTICLE ******** */

.article .content {
font-size:13px;
background-color:none;
font-family:Comic Sans MS;
color:#4AA36D;
padding:10px;
}

div.content a {
color:#4AA36D;
}
div.content a:hover {
color:#4AA36D;
text-decoration:underline;
font-weight:bold;
}
div#contenu img {
border:none;
}
.article .content ul, .article .content ol {
margin-left:40px;
margin-bottom:20px;
}

.article .content em {
font-size:10px;
}

.article .content h3 {
font-family: comic sans ms;
font-size:13px;
text-align:center;
margin: 20px 0px;
text-align:center;
}

.article .content p {
margin-bottom:20px;
}
p.taglisthoriz {
text-align:left;
}

p.taglisthoriz a {
font-weight:bold;
}

span.tagsticker {
font-weight:bold;
}
/* ******* ALIGNEMENT DES IMAGES ******* */

.imgleft img {
float:left;
margin-bottom:7px;
margin-right:7px;
}

.imgright img {
float:right;
margin-bottom:7px;
margin-left:7px;
}

div.imgcenter {
text-align:center;
}

div.spacer {
clear:both;
}

/* ******* FOOTER ********  */

.footer {
width:500px;
background-image:url(http://img384.imageshack.us/img384/7801/footerhptdc5.jpg);
color:#4AA36D;
font-family:comic sans ms;
height:150px;
text-align:center;
}

.footer p {
position:relative;
top:110px;
right:0px;
font-size:14px;
}

.footer a {
color:#4AA36D;
text-decoration:none;
font-size:14px;
}

.footer a:hover {
color:#4AA36D;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

.imgleft img {
float:right;
margin-bottom:7px;
margin-right:7px;
}

/*   ********** SEPARATEUR **********  */

.inter {
height:100px;
width:100%;
background:url(http://img400.imageshack.us/img400/7347/interhptek7.jpg) no-repeat center;
}

.cboth {clear:both;}

/* *******  ALBUM PHOTO ******** */

table.album {
width:520px;
text-align:center;
}
table.album td {
padding:10px;
width:250px;
border:1px solid #4AA36D;
background-color:none;
text-align:center;
}
table.album img {
border:none;
opacity:0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
table.album a:hover img {
opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

ul.detailsimg {
padding:0;
margin:0;
color:#4AA36D;
font:12px comic sans ms;
}
ul.detailsimg li {
list-style-type:none;
}
ul.detailsimg .titre {
font-weight:bold;
color:#4AA36D;
font:16px comic sans ms;
}
ul.detailsimg .poids {
font-size:10px;
font-style:;
color:#4AA36D;
display:inline;
}
ul.detailsimg .dimensions {
font-size:10px;
font-style:;
color:#4AA36D;
display:inline;
}
ul.detailsimg .dimensions:before {
content: "- ";
}

/* ******************* PIED DE PAGE *************** */


#vide1 {
width:800px;
height:300px;
margin:auto;
margin-left:100px;
border-left:2px solid #4EA76F;
border-right:2px solid #4EA76F;
border-bottom:2px solid #4EA76F;
background:url(http://img262.imageshack.us/img262/1139/pieddepagesa4.jpg);
}

#pieddepage {
width:800px;
color:#D1E9F3;
font-size:13px;
margin:auto;
margin-top:0px;
text-align:center;
}

#pieddepage a {
color:#D1E9F3;
text-decoration:none;
}

/* Avatar non membres */

td.firstd {
background-image:url();
background-repeat:no-repeat;
width:80px;
min-height:80px;
}

/* les commentaires */

table.tablosigna {
width:97%;
border-collapse:collapse;
font-size:13px;
border-bottom: solid 1px #4AA36D;
}

table.tablosigna td {
border-bottom: solid 1px #4AA36D;
padding:7px;
}
td.firstd {
width:68px;
}
table.tablosigna a {
color:#4AA36D;
}
table.tablosigna a:hover {
text-decoration:none;
font-size:12px;
}
table.tablocomments {
width:97%;
border-collapse:collapse;
margin-right:-20px;
font-size:13px;
}
table.tablocomments td {
border-bottom: solid 1px #4AA36D;
padding:7px;
font-size:12px;
}
table.tablocomments a {
color:#4AA36D;
text-decoration:underline;
font-size:12px;
text-decoration:underline;
}
table.tablocomments a:hover {
text-decoration:none;
font-size:12px;
}

td.firstd {
background:url(
no-repeat center ;
width:80px;
}

tr.itsamember td.firstd {
background:none !important;
}

tr.commentbyowner .comtitle { no-repeat right;
margin-right:4px;
height:40px;
}

.commentaire {
min-height:70px;
}

tr.itsamember td.firstd {
background:none !important;
}

h1.titrerub, h1.titrealb {
font-size:14px;
margin:0;
padding:0;
}

#divcomments label {
color:#4AA471;
font-size:13px;
margin-bottom:10px;
position:relative;
top:-10px;
}
#divcomments label.facultatif {
top:-5px !important;
}

#divcomments label input , #divcomments textarea {
border:1px solid #4AA36D;
background-image:url(http://img67.imageshack.us/img67/9766/vnhbar0.jpg);
color: #D1E9F3;
padding:2px 3px;
font-size:13px;
}

#divcomments p input.ibtn {
margin-top:10px;
text-align:center;
border:1px solid #4AA36D;
background-image:url(http://img67.imageshack.us/img67/9766/vnhbar0.jpg;)
color: #D1E9F3;
margin-left:140px;
font-size:12px;
}


#divcomments .footer {
font-size:13px;
text-align:right;
}
        div#pub {
        display: block !important;
        div#pub {
        display: block !important;
        }
        div#pubsky {
        display: block !important;
        }
        a.prevent {
        display: block !important;
        }

Page |< << 1 2 3 4 5 6 7 >> >|

©2006 - Bloxode.com est un service gratuit de Lexode.com - Prévenir d'un abus - Conditions d'utilisation