CSS de base des forumactifs

Code:: body {
background-color: #b0e4ab;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/background.png");
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
font,th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a:link,a:active,a:visited {
color : #267d4e;
}
a:hover{
text-decoration: underline;
color : #dd6900;
}
hr{
height: 0px;
border: solid #c7ebd8 0px;
border-top-width: 1px;
}
.bodyline{
background-color: #;
border: 1px #7bd7a5 solid;
}
.forumline{
background-color: #ffffff;
border: 2px #42c67d solid;
}
td.row1{
background-color: #e1f4ea;
}
td.row2{
background-color: #d8f1e3;
}
td.row3{
background-color: #c7ebd8;
}
td.rowpic {
background-color: #c7ebd8;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/title_background.png");
}
th {
color: #c7ebd8;
font-size: 11px;
font-weight : bold;
background-color: #92deb4;
height: 25px;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/categorybackground.png");
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/title_background.png");
background-color:#c7ebd8;
border: #c7ebd8;
border-style: solid;
height: 28px;
}
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #effaf4;
border-style: solid;
height: 28px;
}
td.row3Right,td.spaceRow {
background-color: #c7ebd8;
border: #c7ebd8;
border-style: solid;
}
td.pourcentback {
background-color : #b0e4ab;
}
th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}
th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}
th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}
th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}
th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}
th.thTop {
border-width: 1px 0px 0px 0px;
}
th.thCornerL {
border-width: 1px 0px 0px 1px;
}
th.thCornerR {
border-width: 1px 1px 0px 0px;
}
.maintitle{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #1f653f;
}
.gen {
font-size : 12px;
}
.genmed {
font-size : 11px;
}
.gensmall {
font-size : 10px;
}
.gen,.genmed,.gensmall {
color : #1f653f;
}
a.gen,a.genmed,a.gensmall {
color: #267d4e;
text-decoration: none;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}
.mainmenu{
font-size : 11px;
color : #1f653f }
a.mainmenu{
text-decoration: none;
color : #267d4e;
}
a.mainmenu:hover{
text-decoration: underline;
color : #dd6900;
}
.cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #267d4e}
a.cattitle{
text-decoration: none;
color : #267d4e;
}
a.cattitle:hover{
text-decoration: underline;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #267d4e;
}
a.forumlink {
text-decoration: none;
color : #267d4e;
}
a.forumlink:hover{
text-decoration: underline;
color : #dd6900;
}
.nav{
font-weight: bold;
font-size: 11px;
color : #1f653f;
}
a.nav{
text-decoration: none;
color : #267d4e;
}
a.nav:hover{
text-decoration: underline;
}
.topictitle,h1,h2{
font-weight: bold;
font-size: 11px;
color : #1f653f;
}
a.topictitle:link{
text-decoration: none;
color : #267d4e;
}
a.topictitle:visited{
text-decoration: none;
color : #2d935a;
}
a.topictitle:hover{
text-decoration: underline;
color : #dd6900;
}
.name{
font-size : 11px;
color : #1f653f;
}
.postdetails{
font-size : 10px;
color : #1f653f;
}
.postbody{
font-size : 12px;
line-height: 18px}
a.postlink:link{
text-decoration: none;
color : #267d4e }
a.postlink:visited{
text-decoration: none;
color : #2d935a;
}
a.postlink:hover{
text-decoration: underline;
color : #dd6900}
.code{
font-family: Courier,'CourierNew',sans-serif;
font-size: 11px;
color: #0000f0;
background-color: #e8f7ef;
border: #c7ebd8;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #1a5333;
line-height: 125%;
background-color: #e8f7ef;
border: #c7ebd8;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #1a5333;
letter-spacing: -1px;
}
a.copyright{
color: #1a5333;
text-decoration: none;
}
a.copyright:hover {
color: #1f653f;
text-decoration: underline;
}
img{
border:0}
input,textarea, select {
color : #1f653f;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #1f653f;
}
input.post, textarea.post, select {
background-color : #effaf4;
}
input {
text-indent : 2px;
}
input.button {
background-color : #e1f4ea;
color : #1f653f;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
input.mainoption {
background-color : #e8f7ef;
font-weight : bold;
}
input.liteoption {
background-color : #e8f7ef;
font-weight : normal;
}
.helpline {
background-color: #d8f1e3;
border-style: none;
}
input {
background-color: #d8f1e3;
}
@import url("form_ie.css");

Code:: body {
background-color: #b0e4ab;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/background.png");

Arrière-plan

Code:: scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}

barre de défilement

Code:: font,th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a:link,a:active,a:visited {
color : #267d4e;
}
a:hover{
text-decoration: underline;
color : #dd6900;
}

Texte et liens

Code:: hr{
height: 0px;
border: solid #c7ebd8 0px;
border-top-width: 1px;
}

Dans les messages : Ligne en dessous du "Posté le..." et des boutons Citer, Éditer, ...
Lors de la saisie d'un message : Ligne en dessous de "M'avertir lorsqu'une réponse est postée"

Code:: .bodyline{
background-color: #;
border: 1px #7bd7a5 solid;
}

Cadre et intérieur du cadre

Code:: .forumline{
background-color: #ffffff;
border: 2px #42c67d solid;
}

Cadre des tables
border correspond à la bordure externe
background color correspond à la couleur des lignes séparatrices à l'intérieur

Code:: td.row1{
background-color: #e1f4ea;
}

Table Rangée 1

Code:: td.row2{
background-color: #d8f1e3;
}

Table Rangée 2

Code:: td.row3{
background-color: #c7ebd8;
}

Table Rangée 3

Code:: td.rowpic {
background-color: #c7ebd8;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/title_background.png");
}

Fond des catégories (couleur et image)

Code:: th {
color: #c7ebd8;
font-size: 11px;
font-weight : bold;
background-color: #92deb4;
height: 25px;
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/categorybackground.png");
}

Fond des titres
background color correspond à "Couleur Fond En-têtes"
color, font-size et font-weight correspondent à la Police En-tête

Code:: td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url("http://img.photobucket.com/albums/v381/ladykatt/test/title_background.png");
background-color:#c7ebd8;
border: #c7ebd8;
border-style: solid;
height: 28px;
}

Cadre et intérieur du cadre des catégories
-Page d'accueil : Message d'accueil et "Qui est en ligne"
-Page des topics : En bas du tableau
-Dans les messages : en haut et en bas du tableau
-Saisie d'un message : Barre où se trouve le bouton Envoyer, et le haut du cadre de la revue des messages

Code:: td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}

Hauteur et bordure des cadres des catégorie gauche dans l'index

Code:: th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold;
border: #effaf4;
border-style: solid;
height: 28px;
}

Il s'agit des fonds des titres se trouvant :
-en haut du cadre de la saisie des messages
-Dans la revue du sujet
-En haut du cadre des informations après l'envoi
La couleur de la bordure est celle de "Cadre, En-Têtes et menus"

Code:: td.row3Right,td.spaceRow {
background-color: #c7ebd8;
border: #c7ebd8;
border-style: solid;
}

-lignes de séparation en dessous du dernier forum/sous-forum de l'index, et au dessus d'une catégorie qui suit des sous-forums.
-Cellules de la dernière colonne, dans la page des topics
-Séparations entre deux messages à l'intérieur des topics et du cadre de revue du sujet

Code:: td.pourcentback {
background-color : #b0e4ab;
}

Couleur de fond de page

Code:: th.thHead,td.catHead {
font-size: 12px;
border-width: 1px 1px 0px 1px;
}

Code:: th.thSides,td.catSides,td.spaceRow {
border-width: 0px 1px 0px 1px;
}

Code:: th.thRight,td.catRight,td.row3Right {
border-width: 0px 1px 0px 0px;
}

Code:: th.thLeft,td.catLeft {
border-width: 0px 0px 0px 1px;
}

Code:: th.thBottom,td.catBottom {
border-width: 0px 1px 1px 1px;
}

Code:: th.thTop {
border-width: 1px 0px 0px 0px;
}

Code:: th.thCornerL {
border-width: 1px 0px 0px 1px;
}

Code:: th.thCornerR {
border-width: 1px 1px 0px 0px;
}

Code:: .maintitle{
font-weight: bold;
font-size: 22px;
font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
line-height : 120%;
color : #1f653f;
}

Titre du forum

Code:: .gen {
font-size : 12px;
}

TaillePolice Messages & Catégorie

Code:: .genmed {
font-size : 11px;
}

Taille Police Liens

Code:: .gensmall {
font-size : 10px;
}

Taille Police principale

Code:: .gen,.genmed,.gensmall {
color : #1f653f;
}

Couleur de la police des textes

Code:: a.gen,a.genmed,a.gensmall {
color: #267d4e;
text-decoration: none;
}

Liens (je suppose les titres des catégories et sous-forums)

Code:: a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #dd6900;
text-decoration: underline;
}

Liens survolés (titres des catégories et sous-forums)

Code:: .mainmenu{
font-size : 11px;
color : #1f653f }

Police Barre des liens

Code:: a.mainmenu{
text-decoration: none;
color : #267d4e;
}

Police Liens barre des liens

Code:: a.mainmenu:hover{
text-decoration: underline;
color : #dd6900;
}

Police Lien survolé, barre des liens

Code:: .cattitle{
font-weight: bold;
font-size: 12px ;
letter-spacing: 1px;
color : #267d4e}

Code:: a.cattitle{
text-decoration: none;
color : #267d4e;
}

Code:: a.cattitle:hover{
text-decoration: underline;
}

Code:: .forumlink{
font-weight: bold;
font-size: 12px;
color : #267d4e;
}

Code:: a.forumlink {
text-decoration: none;
color : #267d4e;
}

Code:: a.forumlink:hover{
text-decoration: underline;
color : #dd6900;
}

Code:: .nav{
font-weight: bold;
font-size: 11px;
color : #1f653f;
}

Police liens de l'arborescence à côté de Nouveau et Répondre

Code:: a.nav{
text-decoration: none;
color : #267d4e;
}

Liens à côté de Nouveau et Répondre

Code:: a.nav:hover{
text-decoration: underline;
}

Liens à côté de Nouveau et Répondre

Code:: .topictitle,h1,h2{
font-weight: bold;
font-size: 11px;

color : #1f653f;
}

Code:: a.topictitle:link{
text-decoration: none;
color : #267d4e;
}

Titre du topic - Lien

Code:: a.topictitle:visited{
text-decoration: none;
color : #2d935a;
}

Titre du topic - Lien visité

Code:: a.topictitle:hover{
text-decoration: underline;
color : #dd6900;
}

Titre du topic - Lien survolé

Code:: .name{
font-size : 11px;
color : #1f653f;
}

Nom du membre

Code:: .postdetails{
font-size : 10px;
color : #1f653f;
}

Détails sous l'avatar

Code:: .postbody{
font-size : 12px;
line-height: 18px}

Corps des messages

Code:: a.postlink:link{
text-decoration: none;
color : #267d4e }

Liens dans les messages

Code:: a.postlink:visited{
text-decoration: none;
color : #2d935a;
}

Liens visités dans les messages

Code:: a.postlink:hover{
text-decoration: underline;
color : #dd6900}

Liens survolés dans les messages

Code:: .code{
font-family: Courier,'CourierNew',sans-serif;
font-size: 11px;
color: #0000f0;
background-color: #e8f7ef;
border: #c7ebd8;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}

Codes dans les messages (cadre et texte), lorsqu'on utilise la balise code

Code:: .quote{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
color: #1a5333;
line-height: 125%;
background-color: #e8f7ef;
border: #c7ebd8;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.copyright{
font-size: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #1a5333;
letter-spacing: -1px;
}

Citation (cadre et texte)

Code:: a.copyright{
color: #1a5333;
text-decoration: none;
}

Code:: a.copyright:hover {
color: #1f653f;
text-decoration: underline;
}

Code:: img{
border:0}

Code:: input,textarea, select {
color : #1f653f;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
border-color : #1f653f;
}

Code:: input.post, textarea.post, select {
background-color : #effaf4;
}

Champs d'écriture des posts

Code:: input {
text-indent : 2px;
}

Code:: input.button {
background-color : #e1f4ea;
color : #1f653f;
font-size: 11px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

Code:: input.mainoption {
background-color : #e8f7ef;
font-weight : bold;
}

Boutons "Prévisualisation" et "Envoyer"

Code:: input.liteoption {
background-color : #e8f7ef;
font-weight : normal;
}

Bouton "Aller"

Code:: .helpline {
background-color: #d8f1e3;
border-style: none;
}

Code:: input {
background-color: #d8f1e3;
}

Code:: @import url("form_ie.css");

fin de la feuille de style

» fusion de 2 forumactifs - le point