build_my_css_4_me.vbs

Transcription

build_my_css_4_me.vbs
une procédure de modification facile du thème phpBB3 Prosilver
1
1. Introduction
La procédure build_my_css_4_me.vbs est un script qui permet, à partir d'une feuille EXCEL déjà
construite avec les données de la feuille de style Colours.css du thème Prosilver de phpBB3 version
3.0.12, de générer une copie identique de cette feuille – appelée my_css.css – mais avec une règle
par ligne, permettant ainsi l'inclusion de textes en commentaires pour aider la customisation ou la
maintenance de forums construits avec ce thème.
Comme on le voit sur l'image en première page, la feuille de style générée est divisée en paragraphes
qui facilitent grandement le repérage des sélecteurs à modifier pour customiser un thème Prosilver.
Les données et outils nécessaires à l'utilisation de cette procédure sont les suivants :
le fichier Colours_CSS_db_Fr.xls
le script build_my_css_4_me.vbs
Ces deux éléments sont disponibles librement depuis l'adresse : http://www.didiermorandi.fr/css/
Le présent document décrit le mode opératoire pour générer la feuille de style my_css.css, puis les
opérations à exécuter pour l'intégrer dans un style phpBB3 Prosilver.
Les modifications ultérieures de cette feuille de style sont faites avec un simple éditeur.
Attention
Toute nouvelle utilisation de la procédure build_my_css_4_me.vbs générera une nouvelle feuille de
style et les modifications qui y auraient éventuellement été effectuées seront par conséquent perdues.
2
2. Mode opératoire
1. Télécharger et ouvrir le document Colours_CSS_db_Fr.xls
2. S'assurer que la feuille est triée sur la colonne D, "n° de règle"
3. Sélectionner les lignes 10 à 429 et les colonnes A à G.
4. Copier les cellules sélectionnées, ouvrir une nouvelle feuille EXCEL et y coller les cellules.
5. Enregistrer la nouvelle feuille au format CSV (comma-separated values) comme le montre
l'image page suivante.
3
6. Ouvrir ce document avec Notepad++1 (sur PC) ou TextWrangler2 (sur Mac).
1
2
http://download.tuxfamily.org/notepadplus/6.6/npp.6.6.Installer.exe
http://pine.barebones.com/freeware/TextWrangler_3.5.3.dmg
4
7. Ce document ayant été créé par EXCEL en codage ASCII au moment de la sauvegarde au
format CSV, il faut maintenant le convertir en UTF-8, sinon phpBB3 n'acceptera pas de charger
votre feuille de style CSS à cause des caractères accentués codés en ASCII. Pour cela, créer un
document vide avec l'encodage UTF-8 sans BOM comme indiqué ci-dessous (Notepad++):
8. Sélectionner puis copier/coller le premier document dans le deuxième pour le convertir en UTF8 sans BOM et enregistrer le nouveau document sous le nom Colours_CSS_db_Fr.csv.
5
9. Placer le fichier dans le même répertoire que celui où se trouve
build_my_css_4_me.vbs téléchargé, et exécuter le script avec la commande :
le
script
> cscript/nologo build_my_css_4_me.vbs *
Le fichier CSS résultant, my_css.css, sera créé dans le répertoire par défaut sauf si vous en décidez
autrement dans le source du script (ce qui a été le cas dans l'exemple ci-dessus).
Si le fichier CSV en entrée n'est pas trié par numéros de règles, condition nécessaire, le script s'arrête
avec un message d'information indiquant le numéro de la ligne où s'est produite l'erreur de traitement.
Le message d'information indiquant UTF-8 sans BOM est un rappel et n'a pas de rapport avec la raison
de l'arrêt du traitement (le script est documenté dans le source).
10. Si le traitement s'est déroulé normalement, un fichier my_css.css a été créé, avec une mise
en forme destinée à faciliter l'identification des règles à modifier pour changer le thème de votre
forum.
6
En effet, contrairement au classement plus ou moins hasardeux du fichier Colours.css, le fichier
my_css.css est divisé en paragraphes qui regroupent harmonieusement tous les sélecteurs d'un
thème phpBB3 de façon fonctionnelle et non conceptuelle.
Ces paragraphes sont :
? (inconnu, sélecteur inutilisé)
AIM
ANNONCE
BANDEAU EN-TETE
BLOC DE CODE
BOUTONS
CADRES
CATEGORIES
CELLULES DE TABLES
CITATIONS
CONNEXION
COPYRIGHT
COURRIER ELECTRONIQUE
EN-TETE
FAQ
FORUMS
FORUMS RTL (écriture Right To Left pour les sites en arabe ou en hébreu)
GALERIE D'AVATARS
ICONES
ICQ
INFOBULLES
JABBER
LIENS HTML
MESSAGE ERREUR
MESSAGERIE PERSONNELLE
MESSAGES
MODERATION
MSN
NAVIGATION
PAGES
PAGINATION
PANNEAU DE MODERATION
PANNEAU UTILISATEUR
PIECES JOINTES
POST-IT
PROFILS
RECHERCHE ACCUEIL
RECHERCHE FORUM
REGLES FORUMS
SEPARATEURS
SIGNATURES
SITES WEB
SONDAGES
SUJETS DANS UN FORUM
SYNTAXE
TEXTE
TITRES
YAHOO
Le fichier my_css.css résultant est présenté partiellement page suivante au format coloré de
Notepad++ et intégralement en annexe (en noir et blanc).
Il peut être téléchargé pour information depuis l'adresse :
http://www.didiermorandi.fr/css/my_css_template.css (son nom est my_css_template.css)
7
8
3. Implémentation feuille de style my_css.css
Le thème Prosilver contient huit feuilles de style, qui sont chargées au moment de l’affichage d’une
page HTML par votre navigateur.
Ce chargement est effectué via un script qui s’appelle style.php et qui lit séquentiellement le fichier
stylesheet.css présenté ci-dessous :
Ce fichier, que vous trouverez dans le dossier votre-site\styles\prosilver\theme\ doit être
complété d’une ligne qui permet au script en question de charger votre feuille CSS additionnelle, ce qui
donne ceci :
../..
Après, sauvegardez votre fichier stylesheet.css et copiez-le avec FTP à sa place sur votre serveur,
avec votre fichier my_css.css.
Les deux fichiers doivent être dans le répertoire votre-site\styles\prosilver\theme\
Une fois que tout cela est fait, il faut faire quelques manipulations supplémentaires pour que le thème
modifié soit pris en compte par phpBB. Ces opérations sont les suivantes :
s'assurer du masque de protection CHMOD 664 du fichier my_css.css sur le serveur
se connecter au panneau d'administration du forum sur votre site
dans l'onglet GENERAL, en bas à gauche, CONFIGURATION DU SERVEUR, cliquer "Paramètres
de charge", puis en bas, "Recompiler les différents éléments du style", cocher OUI
(voir image page suivante)
9
revenir à l'onglet GENERAL et cliquer (au milieu en bas) "Vider le cache: Exécuter maintenant"
(voir image page suivante).
10
dans l'onglet STYLES, à gauche "COMPOSANTS DES STYLES", cliquer "Thèmes" puis "Rafraîchir"
dans la ligne "prosilver" et la colonne "ACTIONS"
et puis c'est tout. Rechargez la page d'accueil de votre forum et contemplez !
FIN
11
Annexe : Document my_css.css
/* C:\wamp\www\phpBB3\styles\prosilver\theme\my_css.css built on 08/05/2014 17:07:29
for phpBB3 Prosilver forums. See Comments at the end of this file. */
/* === ? === */
.fieldsbg { background-color: #E7E8EA; } /* 1(92) *** inutilisé *** */
.sep { color: #1198D9; } /* 2(162) *** inutilisé *** */
.ucprowbg { background-color: #DCDEE2; } /* 3(87) *** inutilisé *** */
/* === AIM === */
.aim-icon { background-image: "url(""IMG_ICON_CONTACT_AIM_SRC"")"; } /* 4(701) image de fond icône AIM */
.aim-icon a { background-image: "url(""IMG_ICON_CONTACT_AIM_SRC"")"; } /* 5(701) image de fond icône AIM:
hyperlien */
/* === ANNONCE === */
/* .announce { background-color: 0; } /* 6(223) *** inutilisé *** (au choix de l'utilisateur) */
/* === BANDEAU EN-TêTE === */
.headerbar { background-image: "url(""T_THEME_PATH/images/bg_header.gif"")"; } /* 7(52) bandeau d'en-tête
(logo, nom, description, recherche) */
.headerbar { background-color: #12A3EB; } /* 8(51) fond bandeau d'en-tête si l’image manque */
.headerbar { color: #FFFFFF; } /* 9(53) texte description du forum dans le bandeau d'en-tête (le titre est du
H1) */
/* === BLOC DE CODE === */
dl.codebox { border-color: #C9D2D8; } /* 10(491) cadre bloc de code */
dl.codebox { background-color: #FFFFFF; } /* 11(490) fond cadre bloc de code */
.posthilit { background-color: #F3BFCC; } /* 12(451) fond cadre texte « CODE » inclus dans un tag <CODE> */
.posthilit { color: #BC2A4D; } /* 13(452) texte « CODE » inclus dans un tag <CODE> */
dl.codebox code { color: #2E8B57; } /* 14(499) texte dans cadre bloc de code */
dl.codebox dt { border-bottom-color: #CCCCCC; } /* 15(495) trait séparation sous le texte « Code: tout
sélectionner » */
/* === BOUTONS === */
a.button1 { border-color: #666666; } /* 16(994) cadre bouton 1 de formulaire */
a.button1:hover { border-color: #BC2A4D; } /* 17(1013) cadre bouton 1 de formulaire On Mouse Over */
input.button1 { border-color: #666666; } /* 18(994) cadre bouton 1 de validation de formulaire */
input.button1:hover { border-color: #BC2A4D; } /* 19(1013) cadre bouton 1 de validation de formulaire On
Mouse Over */
a.button2 { border-color: #666666; } /* 20(1003) cadre bouton 2 de formulaire */
a.button2:hover { border-color: #BC2A4D; } /* 21(1013) cadre bouton 2 de formulaire On Mouse Over */
input.button2 { border-color: #666666; } /* 22(1003) cadre bouton 2 de validation de formulaire */
Mouse Over */
input.button3 { border-color: #666666; } /* 24(1003) cadre bouton 3 de validation de formulaire (***
inutilisé ***) */
Mouse Over (*** inutilisé ***) */
a.button1 { background-color: #FAFAFA; } /* 26(989) fond bouton 1 de formulaire */
input.button1 { background-color: #FAFAFA; } /* 27(989) fond bouton 1 de validation de formulaire */
a.button2 { background-color: #FAFAFA; } /* 28(989) fond bouton 2 de formulaire */
input.button2 { background-color: #FAFAFA; } /* 29(989) fond bouton 2 de validation de formulaire */
input.button3 { background-color: #FAFAFA; } /* 30(989) fond bouton 3 de validation de formulaire (***
inutilisé ***) */
a.button1 { background-image: "url(""T_THEME_PATH/images/bg_button.gif"")"; } /* 31(990) icône bouton 1 de
formulaire */
input.button1 { background-image: "url(""T_THEME_PATH/images/bg_button.gif"")"; } /* 32(990) icône bouton 1
de validation de formulaire */
a.button2 { background-image: "url(""T_THEME_PATH/images/bg_button.gif"")"; } /* 33(990) icône bouton 2 de
formulaire */
de validation de formulaire */
input.button3 { background-image: none; } /* 35(998) icône bouton 3 de validation de formulaire (***
inutilisé ***) (duplicate with 36?) */
de validation de formulaire (*** inutilisé ***) (duplicate with 35?) */
a.button1 { color: #000000; } /* 37(1008) texte bouton 1 de formulaire: hyperlien (duplicate with 38?) */
a.button1:link { color: #000000; } /* 39(1008) texte bouton 1 de formulaire: hyperlien */
a.button1:visited { color: #000000; } /* 40(1008) texte bouton 1 de formulaire: hyperlien visité */
a.button1:hover { color: #BC2A4D; } /* 41(1014) texte bouton 1 de formulaire: hyperlien On Mouse Over */
a.button1:active { color: #000000; } /* 42(1008) texte bouton 1 de formulaire: hyperlien actif */
input.button1 { color: #000000; } /* 43(988) texte bouton 1 de validation de formulaire */
input.button1:hover { color: #BC2A4D; } /* 44(1014) texte bouton 1 de validation de formulaire On Mouse Over
*/
a.button2:link { color: #000000; } /* 47(1008) texte bouton 2 de formulaire: hyperlien */
a.button2:visited { color: #000000; } /* 48(1008) texte bouton 2 de formulaire: hyperlien visité */
a.button2:hover { color: #BC2A4D; } /* 49(1014) texte bouton 2 de formulaire: hyperlien On Mouse Over */
a.button2:active { color: #000000; } /* 50(1008) texte bouton 2 de formulaire: hyperlien actif */
input.button2 { color: #000000; } /* 51(988) texte bouton 2 de validation de formulaire */
12
*/
input.button3 { color: #000000; } /* 53(988) texte bouton 3 de validation de formulaire (*** inutilisé ***)
*/
(*** inutilisé ***) */
/* === CADRES === */
span.corners-bottom span { background-image: "url(""T_THEME_PATH/images/corners_right.png"")"; } /* 55(108)
cadre arrondi bas droite bandeau, navigation et catégories */
span.corners-bottom { background-image: "url(""T_THEME_PATH/images/corners_left.png"")"; } /* 56(104) cadre
arrondi bas gauche bandeau, navigation et catégories */
span.corners-top span { background-image: "url(""T_THEME_PATH/images/corners_right.png"")"; } /* 57(100)
cadre arrondi haut droite bandeau, navigation et catégories */
span.corners-top { background-image: "url(""T_THEME_PATH/images/corners_left.png"")"; } /* 58(92) cadre
arrondi haut gauche bandeau, navigation et catégories */
/* === CATéGORIES === */
.forabg { background-image: "url(""T_THEME_PATH/images/bg_list.gif"")"; } /* 59(62) cadre forums dans une
catégorie */
.forabg { background-color: #0076b1; } /* 60(61) fond cadre forums dans une catégorie si l'image manque */
a.forumtitle { color: #105289; } /* 61(266) titre forum dans une catégorie: hyperlien */
a.forumtitle:visited { color: #105289; } /* 62(269) titre forum dans une catégorie: hyperlien visité */
a.forumtitle:hover { color: #BC2A4D; } /* 63(272) titre forum dans une catégorie: hyperlien On Mouse Over */
a.forumtitle:active { color: #105289; } /* 64(276) titre forum dans une catégorie: hyperlien actif */
/* === CELLULES DE TABLE === */
table.table1 tbody tr { border-color: #BFC1CF; } /* 65(125) cadre cellules d’une table */
table.table1 tbody th { background-color: #FFFFFF; } /* 66(144) fond cellules d'une table */
table.table1 tbody tr.hover { background-color: #CFE1F6; } /* 67(129) fond cellules d'une table On Mouse Over
*/
table.table1 tbody tr:hover { background-color: #CFE1F6; } /* 68(129) fond cellules d'une table On Mouse Over
*/
table.table1 tbody th { color: #333333; } /* 69(143) texte cellules d'une table */
table.table1 td { color: #536482; } /* 70(134) texte cellules d'une table */
table.table1 tbody tr.hover { color: #000000; } /* 71(130) texte cellules d'une table On Mouse Over */
table.table1 tbody tr:hover { color: #000000; } /* 72(130) texte cellules d'une table On Mouse Over */
table.table1 thead th { color: #FFFFFF; } /* 73(121) texte en-tête colonnes des tables */
table.table1 tbody th { border-bottom-color: #000000; } /* 74(142) trait inférieur cadre des cellules d'une
table */
table.table1 tbody td { border-top-color: #FAFAFA; } /* 75(138) trait supérieur cadre des cellules d'une
table */
/* === CITATIONS === */
blockquote { border-color: #DBDBCE; } /* 76(471) cadre citations */
blockquote { background-color: #EBEADD; } /* 77(469) fond cadre citation */
blockquote blockquote { background-color: #EFEED9; } /* 78(480) fond cadre citation dans une citation */
blockquote blockquote blockquote { background-color: #EBEADD; } /* 79(485) fond cadre citation dans une
citation dans une citation */
.quote-icon { background-image: "url(""IMG_ICON_POST_QUOTE_SRC"")"; } /* 80(708) icône début citation */
.quote-icon a { background-image: "url(""IMG_ICON_POST_QUOTE_SRC"")"; } /* 81(708) icône début citation:
hyperlien */
blockquote { background-image: "url(""T_THEME_PATH/images/quote.gif"")"; } /* 82(470) image de fond du cadre
citation */
/* === CONNEXION === */
fieldset.quick-login input.inputbox { background-color: #F2F3F3; } /* 83(957) fond zone de connexion
(username/password) */
/* === COPYRIGHT === */
.copyright { color: #555555; } /* 84(209) texte « Powered by » (sans hyperliens) en bas de page */
/* === COURRIER éLECTRONIQUE === */
.email-icon { background-image: "url(""IMG_ICON_CONTACT_EMAIL_SRC"")"; } /* 85(700) icône envoi courrier
électronique */
.email-icon a { background-image: "url(""IMG_ICON_CONTACT_EMAIL_SRC"")"; } /* 86(700) icône envoi courrier
électronique: hyperlien */
/* === EN-TêTE === */
li.header dd { color: #FFFFFF; } /* 87(421) texte en-tête colonnes de droite liste des sujets dans un forum
(?) */
li.header dt { color: #FFFFFF; } /* 88(421) texte en-tête colonnes de gauche liste des sujets dans un forum
(?) */
/* === FAQ === */
dl.faq dt { color: #333333; } /* 89(447) texte titres de la FAQ */
/* === FORUMS === */
ul.topiclist dd.searchextra { color: #333333; } /* 90(426) *** inutilisé *** (Forum list column style?) */
.forumbg { background-image: "url(""T_THEME_PATH/images/bg_header.gif"")"; } /* 91(67) cadre sujets dans un
forum */
.forumbg { background-color: #12A3EB; } /* 92(66) fond cadre sujets dans un forum si l’image manque */
ul.forums { background-color: #eef5f9; } /* 93(373) fond cadre liste des forums */
li.row:hover { background-color: #F6F4D0; } /* 94(408) fond cadre texte descriptif d'un forum On Mouse Over
*/
13
ul.topiclist li.row dt a.subforum.read { background-image: "url(""IMG_SUBFORUM_READ_SRC"")"; } /* 95(391)
image de fond nom d'un sous-forum lu */
ul.topiclist li.row dt a.subforum.unread { background-image: "url(""IMG_SUBFORUM_UNREAD_SRC"")"; } /* 96(395)
image de fond nom d'un sous-forum non lu */
ul.forums { background-image: "url(""T_THEME_PATH/images/gradient.gif"")"; } /* 97(374) image dégradée fond
cadre liste des forums */
li.row strong { color: #000000; } /* 98(404) texte en gras « Sous-forums » dans cadre texte d'un forum */
ul.topiclist li { color: #4C5D77; } /* 99(378) texte dans cadre liste des forums (sauf titre forum = H3) */
a.topictitle { color: #105289; } /* 100(280) titre sujet dans un forum: hyperlien [7] */
a.topictitle:visited { color: #368AD2; } /* 101(283) titre sujet dans un forum: hyperlien visité [7] */
a.topictitle:hover { color: #BC2A4D; } /* 102(286) titre sujet dans un forum: hyperlien On Mouse Over [7] */
a.topictitle:active { color: #105289; } /* 103(290) titre sujet dans un forum: hyperlien actif [7] */
li.row { border-bottom-color: #00608F; } /* 104(400) trait inférieur cadre texte d’un forum */
li.row { border-top-color: #FFFFFF; } /* 105(399) trait supérieur cadre texte d’un forum */
li.row:hover dd { border-left-color: #CCCCCC; } /* 106(412) trait séparation vertical cadre texte descriptif
d’un forum On Mouse Over */
/* === FORUMS RTL === */
.rtl #navigation a background-position { background-position: 0 100%; } /* 107(805) coordonnées de l'image
bg_menu_rtl.gif (origine et largeur) pour forums RTL */
.rtl ul.topiclist dd { border-right-color: #FFFFFF; } /* 108(386) côté droit cadre texte d’un sujet dans un
forum RTL */
.rtl li.row:hover dd { border-right-color: #CCCCCC; } /* 109(416) côté droit cadre texte descriptif d’un
forum RTL */
.rtl ul.topiclist dd { border-left-color: transparent; } /* 110(387) côté gauche cadre texte d’un sujet dans
un forum RTL */
.rtl li.row:hover dd { border-left-color: transparent; } /* 111(417) côté gauche cadre texte descriptif d’un
forum RTL */
.rtl #navigation a { background-color: #aabac6; } /* 112(799) fond textes colonne de gauche On Mouse Over
pour forums RTL */
.rtl blockquote { background-image: "url(""T_THEME_PATH/images/quote_rtl.gif"")"; } /* 113(475) image de fond
du cadre citation pour forums RTL */
.rtl #navigation a { background-image: "url(""T_THEME_PATH/images/bg_menu_rtl.gif"")"; } /* 114(804) image de
fond textes colonne de gauche pour forums RTL */
.rtl .pollbar1 { border-right-color: transparent; } /* 115(576) séparateur vertical barre 1 pour forums RTL
*/
*/
*/
*/
*/
.rtl .pollbar1 { border-left-color: #74162C; } /* 120(586) trait de gauche nombre de votes dans barre 1 pour
forums RTL */
.rtl .pollbar2 { border-left-color: #8C1C38; } /* 121(596) trait de gauche nombre de votes dans barre 2 pour
forums RTL */
.rtl .pollbar3 { border-left-color: #AA2346; } /* 122(606) trait de gauche nombre de votes dans barre 3 pour
forums RTL */
.rtl .pollbar4 { border-left-color: #BE1E4A; } /* 123(616) trait de gauche nombre de votes dans barre 4 pour
forums RTL */
.rtl .pollbar5 { border-left-color: #D11A4E; } /* 124(626) trait de gauche nombre de votes dans barre 5 pour
forums RTL */
.rtl .postprofile { border-right-color: #FFFFFF; } /* 125(637) trait séparation droit avec avatar à côté d'un
message dans un forum RTL */
.rtl .pm .postprofile { border-right-color: #DDDDDD; } /* 126(646) trait séparation droit avec avatar à côté
d'un message personnel dans un forum RTL */
.rtl .pm .postprofile { border-left-color: transparent; } /* 127(647) trait séparation gauche avec avatar à
côté d’un message personnel dans un forum RTL */
.rtl .postprofile { border-left-color: transparent; } /* 128(638) trait séparation gauche avec avatar à côté
d'un message dans un forum RTL */
/* === GALERIE D'AVATARS === */
#gallery label { border-color: #CCCCCC; } /* 129(912) cadre fond avatar galerie */
#gallery label { background-color: #FFFFFF; } /* 130(911) fond avatar galerie */
#gallery label:hover { background-color: #EEEEEE; } /* 131(916) fond avatar galerie On Mouse Over */
/* === ICôNES === */
.icon-home { background-image: "url(""T_THEME_PATH/images/icon_home.gif"")"; } /* 132(688) icône accueil */
.sitehome { background-image: "url(""T_THEME_PATH/images/icon_home.gif"")"; } /* 133(685) icône accueil */
.warn-icon { background-image: "url(""IMG_ICON_USER_WARN_SRC"")"; } /* 134(715) icône alerter utilisateur (?)
*/
.warn-icon a { background-image: "url(""IMG_ICON_USER_WARN_SRC"")"; } /* 135(715) icône alerter utilisateur:
hyperlien (?) */
.newpm-icon span { background-image: "url(""IMG_BUTTON_PM_NEW_SRC"")"; } /* 136(668) icône bouton nouveau
message personnel */
.post-icon span { background-image: "url(""IMG_BUTTON_TOPIC_NEW_SRC"")"; } /* 137(665) icône bouton nouveau
sujet */
.pmreply-icon span { background-image: "url(""IMG_BUTTON_PM_REPLY_SRC"")"; } /* 138(667) icône bouton
répondre à message personnel */
.reply-icon span { background-image: "url(""IMG_BUTTON_TOPIC_REPLY_SRC"")"; } /* 139(664) icône bouton
répondre à un sujet */
.locked-icon span { background-image: "url(""IMG_BUTTON_TOPIC_LOCKED_SRC"")"; } /* 140(666) icône bouton
sujet verrouillé */
.icon-bump { background-image: "url(""T_THEME_PATH/images/icon_bump.gif"")"; } /* 141(693) icône bump (?) */
14
.icon-logout { background-image: "url(""T_THEME_PATH/images/icon_logout.gif"")"; } /* 142(691) icône
déconnexion */
a.sendemail { background-image: "url(""T_THEME_PATH/images/icon_sendemail.gif"")"; } /* 143(676) icône
envoyer le courrier électronique: hyperlien */
.icon-faq { background-image: "url(""T_THEME_PATH/images/icon_faq.gif"")"; } /* 144(686) icône FAQ */
a.print { background-image: "url(""T_THEME_PATH/images/icon_print.gif"")"; } /* 145(672) icône imprimer:
hyperlien */
.info-icon { background-image: "url(""IMG_ICON_POST_INFO_SRC"")"; } /* 146(714) icône information sur message
(?) */
.info-icon a { background-image: "url(""IMG_ICON_POST_INFO_SRC"")"; } /* 147(714) icône information sur
message: hyperlien (?) */
.icon-members { background-image: "url(""T_THEME_PATH/images/icon_members.gif"")"; } /* 148(687) icône liste
des membres */
.icon-bookmark { background-image: "url(""T_THEME_PATH/images/icon_bookmark.gif"")"; } /* 149(692) icône
marque page */
.icon-pages { background-image: "url(""T_THEME_PATH/images/icon_pages.gif"")"; } /* 150(696) icône pages */
.icon-search { background-image: "url(""T_THEME_PATH/images/icon_search.gif"")"; } /* 151(697) icône
recherche */
.icon-subscribe { background-image: "url(""T_THEME_PATH/images/icon_subscribe.gif"")"; } /* 152(694) icône
s'abonner à un sujet */
.icon-unsubscribe { background-image: "url(""T_THEME_PATH/images/icon_unsubscribe.gif"")"; } /* 153(695)
icône se désabonner d'un sujet */
.icon-register { background-image: "url(""T_THEME_PATH/images/icon_register.gif"")"; } /* 154(690) icône
s'enregistrer */
a.fontsize { background-image: "url(""T_THEME_PATH/images/icon_fontsize.gif"")"; } /* 155(680) icône taille
de caractères: hyperlien */
.forwardpm-icon span { background-image: "url(""IMG_BUTTON_PM_FORWARD_SRC"")"; } /* 156(669) icône transfert
.icon-ucp { background-image: "url(""T_THEME_PATH/images/icon_ucp.gif"")"; } /* 157(689) icône UCP (user
control panel) */
.online { background-image: "url(""IMG_ICON_USER_ONLINE_SRC"")"; } /* 158(655) icône utilisateur connecté */
.edit-icon { background-image: "url(""IMG_ICON_POST_EDIT_SRC"")"; } /* 159(712) image de fond icône édition
message */
.edit-icon a { background-image: "url(""IMG_ICON_POST_EDIT_SRC"")"; } /* 160(712) image de fond icône édition
message: hyperlien */
.delete-icon { background-image: "url(""IMG_ICON_POST_DELETE_SRC"")"; } /* 161(713) image de fond icône
effacement message */
.delete-icon a { background-image: "url(""IMG_ICON_POST_DELETE_SRC"")"; } /* 162(713) image de fond icône
effacement message: hyperlien */
/* === ICQ === */
.icq-icon { background-image: "url(""IMG_ICON_CONTACT_ICQ_SRC"")"; } /* 163(705) icône contacter via ICQ */
.icq-icon a { background-image: "url(""IMG_ICON_CONTACT_ICQ_SRC"")"; } /* 164(705) icône contacter via ICQ:
hyperlien */
/* === INFOBULLES === */
table.info tbody th { color: #000000; } /* 165(148) texte infobulle éventuelle pour une cellule */
/* === JABBER === */
.jabber-icon { background-image: "url(""IMG_ICON_CONTACT_JABBER_SRC"")"; } /* 166(706) icône contacter via
JABBER */
.jabber-icon a { background-image: "url(""IMG_ICON_CONTACT_JABBER_SRC"")"; } /* 167(706) icône contacter via
JABBER: hyperlien */
/* === LIENS HTML === */
a:link { color: #105289; } /* 168(242) texte sur page accueil: hyperlien [7] */
a:visited { color: #105289; } /* 169(243) texte sur page accueil: hyperlien visité [7] */
a:hover { color: #D31141; } /* 170(244) texte sur page accueil: hyperlien On Mouse Over [7] */
a:active { color: #368AD2; } /* 171(245) texte sur page accueil: hyperlien actif [7] */
/* === MESSAGE ERREUR === */
.error { color: #BC2A4D; } /* 172(213) message d’erreur pour l’utilisateur */
/* === MESSAGERIE PERSONNELLE === */
.pm_friend_colour { border-color: #5D8FBD; } /* 173(902) cadre carré de couleur pour message personnel « ami
» */
.pmlist li.pm_friend_colour { border-color: #5D8FBD; } /* 174(902) cadre carré de couleur pour message
personnel « ami » */
.pm_foe_colour { border-color: #000000; } /* 175(906) cadre carré de couleur pour message personnel « ignoré
» */
.pmlist li.pm_foe_colour { border-color: #000000; } /* 176(906) cadre carré de couleur pour message personnel
« ignoré » */
.pmlist li.pm_marked_colour { border-color: #FF6600; } /* 177(894) cadre carré de couleur pour message
personnel marqué */
.pm_marked_colour { border-color: #FF6600; } /* 178(894) cadre carré de couleur pour message personnel marqué
*/
.pm_replied_colour { border-color: #A9B8C2; } /* 179(898) cadre carré de couleur pour message personnel
répondu */
.pmlist li.pm_replied_colour { border-color: #A9B8C2; } /* 180(898) cadre carré de couleur pour message
personnel répondu */
.pm_message_reported_colour { border-right-color: #BC2A4D; } /* 181(890) cadre droit liste messages
personnels rapportés */
.pm_message_reported_colour { border-left-color: #BC2A4D; } /* 182(889) cadre gauche liste messages
.pmlist li.pm_message_reported_colour { border-left-color: #BC2A4D; } /* 183(889) cadre gauche liste messages
15
.pmlist li.pm_message_reported_colour { border-right-color: #BC2A4D; } /* 184(890) cadre gauche liste
messages personnels rapportés */
.pm-icon { background-image: "url(""IMG_ICON_CONTACT_PM_SRC"")"; } /* 185(707) icône contacter via message
personnel */
.pm-icon a { background-image: "url(""IMG_ICON_CONTACT_PM_SRC"")"; } /* 186(707) icône contacter via message
personnel: hyperlien */
.current { color: #000000; } /* 187(884) texte message personnel */
#message-box textarea { color: #333333; } /* 188(964) texte réponse à un message personnel */
.pm .postprofile { border-left-color: #DDDDDD; } /* 189(642) trait séparation gauche avec avatar à côté d'un
/* === MESSAGES === */
.postlink:hover { background-color: #D0E4F6; } /* 190(309) fond zone texte vers pièce jointe: hyperlien On
Mouse Over */
.postprofile strong { color: #000000; } /* 191(651) texte nom des zones dans un profil sous avatar à côté
d’un message */
.content { color: #333333; } /* 192(438) texte corps d’un message */
.post:target .content { color: #000000; } /* 193(76) texte et auteur citation dans message */
.postprofile a:link { color: #105289; } /* 194(319) texte nom profil: hyperlien (sous photo/avatar) */
.postprofile a:visited { color: #105289; } /* 195(319) texte nom profil: hyperlien visité (sous photo/avatar)
*/
.postprofile a:hover { color: #105289; } /* 196(323) texte nom profil: hyperlien On Mouse Over (sous
photo/avatar) */
.postprofile a:active { color: #105289; } /* 197(327) texte nom profil: hyperlien actif (sous photo/avatar)
*/
.postprofile dt.author a { color: #105289; } /* 198(319) texte nom profil auteur sujet/message: hyperlien
(sous photo/avatar) */
.postprofile dt.author a:hover { color: #D31141; } /* 199(323) texte nom profil auteur sujet/message:
hyperlien On Mouse Over (sous photo/avatar) */
.post:target h3 a { color: #000000; } /* 200(80) texte titre H3 d’un message: hyperlien */
.postlink { color: #368AD2; } /* 201(295) texte vers pièce jointe: hyperlien */
.postlink:visited { color: #5D8FBD; } /* 202(300) texte vers pièce jointe: hyperlien visité */
.postlink:hover { color: #0D4473; } /* 203(310) texte vers pièce jointe: hyperlien On Mouse Over */
.postlink:active { color: #368AD2; } /* 204(305) texte vers pièce jointe: hyperlien actif */
.postbody { color: #333333; } /* 205(432) texte message « de <auteur> le <date> » */
.postprofile { color: #666666; } /* 206(632) texte valeurs des zones dans un profil sous avatar à côté d’un
message */
.postlink { border-bottom-color: #368AD2; } /* 207(296) trait cadre inférieur zone pièce jointe (sert à
souligner le texte) */
.postlink:visited { border-bottom-color: #5D8FBD; } /* 208(301) trait cadre inférieur zone pièce jointe
visitée (sert à souligner le texte) */
.postprofile { border-left-color: #FFFFFF; } /* 209(633) trait séparation gauche avec avatar à côté d’un
message */
/* === MODéRATION === */
.reported { background-color: #F7ECEF; } /* 210(217) fond titre de message « rapporté » à un Modo/Admin */
li.reported:hover { background-color: #ECD5D8; } /* 211(221) fond titre de message « rapporté » à un
Modo/Admin On Mouse Over */
.report-icon { background-image: "url(""IMG_ICON_POST_REPORT_SRC"")"; } /* 212(711) icône bouton signaler un
message à un Modo */
.report-icon a { background-image: "url(""IMG_ICON_POST_REPORT_SRC"")"; } /* 213(711) icône bouton signaler
un message à un Modo: hyperlien */
/* === MSN === */
.msnm-icon { background-image: "url(""IMG_ICON_CONTACT_MSNM_SRC"")"; } /* 214(704) icône contacter via MSN */
.msnm-icon a { background-image: "url(""IMG_ICON_CONTACT_MSNM_SRC"")"; } /* 215(704) icône contacter via MSN:
hyperlien */
/* === NAVIGATION === */
a.up:hover { background-color: transparent; } /* 216(355) fond cadre icône hyperlien flèche en haut On Mouse
Over */
.navbar { background-color: #cadceb; } /* 217(57) fond deux bandeaux de navigation (textes « index forum » et
« panneau utilisateur ») */
a.right { background-image: "url(""T_THEME_PATH/images/arrow_right.gif"")"; } /* 218(352) icône flèche
droite: hyperlien */
a.down { background-image: "url(""T_THEME_PATH/images/arrow_down.gif"")"; } /* 219(350) icône flèche en bas:
hyperlien */
a.up { background-image: "url(""T_THEME_PATH/images/arrow_up.gif"")"; } /* 220(349) icône flèche en haut:
hyperlien */
a.left { background-image: "url(""T_THEME_PATH/images/arrow_left.gif"")"; } /* 221(351) icône flèche gauche:
hyperlien */
a.top { background-image: "url(""IMG_ICON_BACK_TOP_SRC"")"; } /* 222(341) icône retour sommet page: hyperlien
*/
a.top2 { background-image: "url(""IMG_ICON_BACK_TOP_SRC"")"; } /* 223(345) icône retour sommet page:
hyperlien */
a.right:hover { color: #368AD2; } /* 224(363) texte passer à la page suivante: hyperlien On Mouse Over */
a.left:hover { color: #368AD2; } /* 225(359) texte retour page précédente: hyperlien On Mouse Over */
ul.navlinks { border-bottom-color: #FFFFFF; } /* 226(114) trait séparation du bandeau de navigation supérieur
entre texte « Index forum » et texte « panneau utilisateur » */
/* ===
body {
html {
body {
html {
PAGES === */
background-color:
background-color:
color: #536482; }
color: #536482; }
#FFFFFF; } /* 227(8)
#FFFFFF; } /* 228(8)
/* 229(7) texte dans
/* 230(7) texte dans
fond corps de page HTML [1] */
fond page HTML [1] hors du corps (body) */
corps de page HTML [1] non autrement spécifiés */
page HTML [1] situés hors du corps (body) */
16
/* === PAGINATION === */
.pagination span strong { border-color: #4692BF; } /* 231(171) cadre numéro de page en cours dans le petit
carré en haut à droite */
.pagination span a:link { border-color: #B4BAC0; } /* 232(177) contour carré numéro page précédente ou
suivante: hyperlien */
.pagination span a:visited { border-color: #B4BAC0; } /* 233(177) contour carré numéro page précédente ou
suivante: hyperlien visité */
.pagination span a:hover { border-color: #368AD2; } /* 234(181) contour carré numéro de page précédente ou
suivante: hyperlien On Mouse Over */
.pagination span a:active { border-color: #B4BAC0; } /* 235(189) contour carré numéro de page précédente ou
suivante: hyperlien actif */
.pagination span a { border-color: #B4BAC0; } /* 236(177) contour carré numéro page précédente ou suivante:
hyperlien */
.pagination span a:link { background-color: #ECEDEE; } /* 237(176) fond carré numéro page précédente ou
suivante: hyperlien */
.pagination span a:visited { background-color: #ECEDEE; } /* 238(176) fond carré numéro page précédente ou
suivante: hyperlien visité */
.pagination span a:hover { background-color: #368AD2; } /* 239(182) fond carré numéro de page précédente ou
suivante: hyperlien On Mouse Over */
.pagination span a:active { background-color: #ECEDEE; } /* 240(188) fond carré numéro de page précédente ou
suivante: hyperlien actif */
.pagination span a { background-color: #ECEDEE; } /* 241(176) fond carré numéro page précédente ou suivante:
hyperlien */
li.pagination span a { background-color: #FFFFFF; } /* 242(198) fond liste dans zone « n° des multi pages »:
hyperlien */
li.pagination span a:hover { background-color: #368AD2; } /* 243(202) fond liste dans zone « n° des multi
pages »: hyperlien On Mouse Over */
.pagination span strong { background-color: #4692BF; } /* 244(170) fond numéro de page en cours dans le petit
carré en haut à droite */
.row .pagination span a { background-color: #FFFFFF; } /* 245(198) fond zone « n° des multi pages »:
hyperlien */
.row .pagination span a:hover { background-color: #368AD2; } /* 246(202) fond zone « n° des multi pages »:
hyperlien On Mouse Over */
.row .pagination { background-image: "url(""T_THEME_PATH/images/icon_pages.gif"")"; } /* 247(194) icône pages
*/
.pagination span a { color: #5C758C; } /* 248(175) numéro page précédente ou suivante: hyperlien */
.pagination span a:link { color: #5C758C; } /* 249(175) numéro page précédente ou suivante: hyperlien */
.pagination span a:visited { color: #5C758C; } /* 250(175) numéro page précédente ou suivante: hyperlien
visité */
.pagination span a:hover { color: #FFFFFF; } /* 251(183) numéro page précédente ou suivante: hyperlien On
Mouse Over */
.pagination span a:active { color: #5C758C; } /* 252(187) numéro page précédente ou suivante: hyperlien actif
*/
.pagination span strong { color: #FFFFFF; } /* 253(169) numéro de page en cours dans le petit carré en haut à
droite */
/* === PANNEAU DE MODéRATION === */
#cp-main .panel #topicreview span.corners-bottom span { background-image:
"url(""T_THEME_PATH/images/corners_right.gif"")"; } /* 254(868) angle bas droit cadre rapport à étudier
(onglet « Principal » puis « Voir le sujet ») */
#cp-menu .panel #topicreview span.corners-bottom span { background-image:
"url(""T_THEME_PATH/images/corners_right.gif"")"; } /* 255(868) angle bas droit image de fond */
#cp-main .panel #topicreview span.corners-bottom { background-image:
"url(""T_THEME_PATH/images/corners_left.gif"")"; } /* 256(864) angle bas gauche cadre rapport à étudier
#cp-menu .panel #topicreview span.corners-bottom { background-image:
"url(""T_THEME_PATH/images/corners_left.gif"")"; } /* 257(864) angle bas gauche cadre rapport à étudier
#cp-main .panel #topicreview span.corners-top span { background-image:
"url(""T_THEME_PATH/images/corners_right.gif"")"; } /* 258(860) angle haut droit cadre rapport à étudier
#cp-menu .panel #topicreview span.corners-top span { background-image:
"url(""T_THEME_PATH/images/corners_right.gif"")"; } /* 259(860) angle haut droit cadre rapport à étudier
#cp-main .panel #topicreview span.corners-top { background-image:
"url(""T_THEME_PATH/images/corners_left.gif"")"; } /* 260(856) angle haut gauche cadre rapport à étudier
#cp-menu .panel #topicreview span.corners-top { background-image:
"url(""T_THEME_PATH/images/corners_left.gif"")"; } /* 261(856) angle haut gauche cadre rapport à étudier
#minitabs li.activetab { background-color: #F9F9F9; } /* 262(786) fond onglet secondaire actif [4] */
#minitabs li { background-color: #E1EBF2; } /* 263(782) fond onglets secondaires */
#navigation a { background-color: #B2C2CF; } /* 264(799) fond textes colonne de gauche */
#navigation a { background-image: "url(""T_THEME_PATH/images/bg_menu.gif"")"; } /* 265(800) image de fond
textes colonne de gauche */
#minitabs li.activetab a { color: #333333; } /* 266(790) texte onglet secondaire actif [4] */
#minitabs li.activetab a:hover { color: #333333; } /* 267(790) texte onglet secondaire actif On Mouse Over
[4] */
#navigation a { color: #333333; } /* 268(798) texte colonne de gauche: hyperlien */
/* === PANNEAU DE MODéRATION (?) [5] === */
#navigation #active-subsection a { background-color: #F9F9F9; } /* 269(816) fond texte actif colonne de
gauche [6] */
#navigation a:hover { background-color: #AABAC6; } /* 270(810) fond textes colonne de gauche On Mouse Over */
#navigation #active-subsection a { background-image: none; } /* 271(817) image de fond texte actif colonne de
gauche [6] */
17
#navigation
Over */
#navigation
#navigation
Over [6] */
#navigation
a:hover { background-image: none; } /* 272(809) image de fond textes colonne de gauche On Mouse
#active-subsection a { color: #D31141; } /* 273(815) texte actif colonne de gauche [6] */
#active-subsection a:hover { color: #D31141; } /* 274(821) texte actif colonne de gauche On Mouse
a:hover { color: #BC2A4D; } /* 275(811) texte colonne de gauche: hyperlien On Mouse Over */
/* === PANNEAU UTILISATEUR === */
#cp-main span.corners-bottom span { background-image: "url(""T_THEME_PATH/images/corners_right2.gif"")"; } /*
276(851) angle bas droit cadres de droite */
#cp-menu span.corners-bottom span { background-image: "url(""T_THEME_PATH/images/corners_right2.gif"")"; } /*
277(851) angle bas droit cadres de droite */
#cp-main span.corners-bottom { background-image: "url(""T_THEME_PATH/images/corners_left2.gif"")"; } /*
278(846) angle bas gauche cadres de droite */
#cp-menu span.corners-bottom { background-image: "url(""T_THEME_PATH/images/corners_left2.gif"")"; } /*
279(846) angle bas gauche cadres de droite */
#cp-main span.corners-top span { background-image: "url(""T_THEME_PATH/images/corners_right2.gif"")"; } /*
280(843) angle haut droit cadres de droite */
#cp-menu span.corners-top span { background-image: "url(""T_THEME_PATH/images/corners_right2.gif"")"; } /*
281(843) angle haut droit cadres de droite */
#cp-main span.corners-top { background-image: "url(""T_THEME_PATH/images/corners_left2.gif"")"; } /* 282(839)
angle haut gauche cadres de droite */
#cp-menu span.corners-top { background-image: "url(""T_THEME_PATH/images/corners_left2.gif"")"; } /* 283(839)
angle haut gauche cadres de droite */
#cp-main .panel li.row { border-bottom-color: #B5C1CB; } /* 284(730) cadre inférieur sous ANNONCES
IMPORTANTES dans page principale */
#cp-main table.table1 thead th { border-bottom-color: #333333; } /* 285(744) cadre inférieur sous DERNIERES
ACTIONS NOTEES */
#cp-main .pm-message { border-color: #DBDEE2; } /* 286(748) cadre message personnel */
ul.cplist { border-top-color: #B5C1CB; } /* 287(735) cadre supérieur de ? */
#cp-main .panel li.row { border-top-color: #F9F9F9; } /* 288(731) cadre supérieur sous ANNONCES IMPORTANTES
dans page principale */
.cp-mini { background-color: #eef5f9; } /* 289(873) fond cadre liste amis (onglet « Amis et Ignorés ») */
#cp-main .pm-message { background-color: #FFFFFF; } /* 290(749) fond cadre message personnel */
#cp-main .pm { background-color: #FFFFFF; } /* 291(835) fond cadre message personnel dans boîte réception */
#cp-main .panel { background-color: #F9F9F9; } /* 292(831) fond cadres de droite */
#tabs a span { background-image: "url(""T_THEME_PATH/images/bg_tabs2.gif"")"; } /* 293(759) image de fond
(étroite) onglet panneau utilisateur: hyperlien [3] */
#tabs a { background-image: "url(""T_THEME_PATH/images/bg_tabs1.gif"")"; } /* 294(755) image de fond (large)
onglet panneau utilisateur: hyperlien [3] */
dl.mini dt { color: #425067; } /* 295(877) texte « Amis » (onglet « Amis et Ignorés ») */
#tabs .activetab a:hover span { color: #000000; } /* 296(776) texte onglet actif On Mouse Over [4] */
#tabs .activetab a span { color: #333333; } /* 297(772) texte onglet actif [4] */
#tabs a:hover span { color: #BC2A4D; } /* 298(764) texte onglet On Mouse Over */
#tabs a span { color: #536482; } /* 299(760) texte onglets panneau utilisateur */
#cp-main h2 { color: #333333; } /* 300(827) texte titre H2 onglet principal */
#cp-main table.table1 thead th { color: #333333; } /* 301(743) texte titres colonnes DERNIERES ACTIONS NOTEES
*/
#cp-main .panel li.header dd { color: #000000; } /* 302(739) texte en-tête colonnes menu boîte de réception
*/
#cp-main .panel li.header dt { color: #000000; } /* 303(739) texte en-tête colonnes menu boîte de réception
*/
#tabs .activetab a { border-bottom-color: #CADCEB; } /* 304(768) trait inférieur onglet actif [4] */
#cp-main h3 { border-color: #A4B3BF; } /* 305(726) trait soulignement sous « ANNONCES IMPORTANTES » et «
VOTRE ACTIVITE » (H3) dans page principale */
#cp-main hr { border-color: #A4B3BF; } /* 306(726) trait soulignement sous « ANNONCES IMPORTANTES » et «
VOTRE ACTIVITE » (HR) dans page principale */
#cp-menu hr { border-color: #A4B3BF; } /* 307(726) trait soulignement sous « ANNONCES IMPORTANTES » et «
VOTRE ACTIVITE » (HR) dans page principale */
/* === PIèCES JOINTES === */
.attach-image img { border-color: #999999; } /* 308(533) cadre image d'une pièce jointe */
dl.thumbnail img { border-color: #666666; } /* 309(543) cadre miniature d’une pièce jointe */
dl.thumbnail dt a:hover img { border-color: #368AD2; } /* 310(556) cadre miniature d’une pièce jointe On
Mouse Over */
.attachbox { border-color: #C9D2D8; } /* 311(513) cadre pièce jointe */
.attachbox dd { border-top-color: #C9D2D8; } /* 312(521) cadre supérieur zone des pièces jointes */
dl.thumbnail img { background-color: #FFFFFF; } /* 313(544) fond cadre miniature d’une pièce jointe */
.attachbox { background-color: #FFFFFF; } /* 314(512) fond cadre pièce jointe */
.pm-message .attachbox { background-color: #F2F3F3; } /* 315(517) fond cadre texte message d’accompagnement
pièce jointe */
dl.thumbnail dt a:hover { background-color: #EEEEEE; } /* 316(552) fond miniature d’une pièce jointe:
.attachbox p { color: #666666; } /* 317(525) texte message d’accompagnement pièce jointe */
dl.file dd { color: #666666; } /* 318(539) texte sous image d'une pièce jointe */
dl.thumbnail dd { color: #666666; } /* 319(548) texte sous miniature d’une pièce jointe */
.attachbox p.stats { color: #666666; } /* 320(529) texte statistiques pièce jointe */
/* === POST-IT === */
/* .sticky { background-color: 0; } /* 321(223) *** inutilisé *** (au choix de l'utilisateur) */
/* === PROFILS === */
dl.details dt { color: #000000; } /* 322(154) texte nom des zones dans un profil (ex. : « Nom d'utilisateur
») */
dl.details dd { color: #536482; } /* 323(158) texte valeur des zones dans un profil (ex. : « Toto ») */
18
/* === RECHERCHE ACCUEIL === */
#search-box { color: #FFFFFF; } /* 324(36) texte dans zone de saisie d’une recherche sur page d'accueil */
#search-box #keywords { background-color: #FFFFFF; } /* 325(41) fond zone de saisie d’une recherche */
#search-box .forabg .header a:link { color: #FFFFFF; } /* 326(249) texte sous zone de saisie d’une recherche:
hyperlien */
#search-box .forabg .header a:visited { color: #FFFFFF; } /* 327(253) texte sous zone de saisie d’une
recherche: hyperlien visité */
#search-box .forabg .header a:hover { color: #FFFFFF; } /* 328(257) texte sous zone de saisie d’une
recherche: hyperlien On Mouse Over */
#search-box .forabg .header a:active { color: #C8E6FF; } /* 329(261) texte sous zone de saisie d’une
recherche: hyperlien actif */
#search-box .forumbg .header a:link { color: #FFFFFF; } /* 330(249) texte sous zone de saisie d’une
recherche: hyperlien */
#search-box .forumbg .header a:visited { color: #FFFFFF; } /* 331(253) texte sous zone de saisie d’une
recherche: hyperlien visité */
#search-box .forumbg .header a:hover { color: #FFFFFF; } /* 332(257) texte sous zone de saisie d’une
recherche: hyperlien On Mouse Over */
#search-box .forumbg .header a:active { color: #C8E6FF; } /* 333(261) texte sous zone de saisie d’une
recherche: hyperlien actif */
#search-box .navbg a:link { color: #FFFFFF; } /* 334(249) texte sous zone de saisie d’une recherche:
hyperlien */
#search-box .navbg a:visited { color: #FFFFFF; } /* 335(253) texte sous zone de saisie d’une recherche:
hyperlien visité */
#search-box .navbg a:hover { color: #FFFFFF; } /* 336(257) texte sous zone de saisie d’une recherche:
#search-box .navbg a:active { color: #C8E6FF; } /* 337(261) texte sous zone de saisie d’une recherche:
hyperlien actif */
#search-box a:link { color: #FFFFFF; } /* 338(249) texte sous zone de saisie d’une recherche: hyperlien */
#search-box a:visited { color: #FFFFFF; } /* 339(253) texte sous zone de saisie d’une recherche: hyperlien
visité */
#search-box a:hover { color: #FFFFFF; } /* 340(257) texte sous zone de saisie d’une recherche: hyperlien On
Mouse Over */
#search-box a:active { color: #FFFFFF; } /* 341(261) texte sous zone de saisie d’une recherche: hyperlien
actif */
#search-box input { border-color: #0075B0; } /* 342(45) cadre zone de saisie d’une recherche */
#search-box th a:link { color: #FFFFFF; } /* 343(249) texte titres colonnes « Membres »: hyperlien */
#search-box th a:visited { color: #FFFFFF; } /* 344(253) texte titres colonnes « Membres »: hyperlien visité
*/
#search-box th a:hover { color: #A8D8FF; } /* 345(257) texte titres colonnes « Membres »: hyperlien On Mouse
Over */
#search-box th a:active { color: #C8E6FF; } /* 346(261) texte actif titres colonnes « Membres » */
/* === RECHERCHE FORUM === */
.inputbox:focus { border-color: #11A3EA; } /* 347(980) cadre zone de saisie d’une recherche dans un forum
actif [6] */
select { border-color: #666666; } /* 348(927) cadre sélection des forums dans les options de recherche */
.inputbox { border-color: #B4BAC0; } /* 349(971) cadre zone de saisie d’une recherche dans un forum */
.inputbox:hover { border-color: #11A3EA; } /* 350(976) cadre zone de saisie d’une recherche dans un forum On
Mouse Over */
.panel { background-color: #ECF1F3; } /* 351(71) fond cadre zone de saisie d’une recherche avancée */
select { background-color: #FAFAFA; } /* 352(928) fond cadre sélection des forums dans les options de
recherche */
.inputbox { background-color: #FFFFFF; } /* 353(970) fond zone de saisie d’une recherche dans un forum */
input.search { background-image: "url(""T_THEME_PATH/images/icon_textbox_search.gif"")"; } /* 354(1018) icône
zone de saisie d’une recherche dans un forum */
option.disabled-option { color: graytext; } /* 355(937) texte (grisé) d'une option de recherche si elle est
inactive */
.content h2 { color: #115098; } /* 356(442) texte « Informations » suite à une recherche de sujets sur un mot
*/
.panel h2 { color: #115098; } /* 357(442) texte « Informations » suite à une recherche de sujets sur un mot
*/
.inputbox:focus { color: #0F4987; } /* 358(981) texte dans zone de saisie d’une recherche dans un forum actif
[6] */
fieldset.fields2 dl:hover dt label { color: inherit; } /* 359(952) texte champ d’un formulaire de recherche
On Mouse Over (?) */
select { color: #000000; } /* 360(929) texte dans cadre de sélection des forums dans les options de recherche
*/
.inputbox { color: #333333; } /* 361(972) texte dans zone de saisie d'une recherche dans un forum */
.search .postprofile a { color: #105289; } /* 362(332) texte nom d'un profil après recherche de sujets:
hyperlien */
.search .postprofile a:hover { color: #D31141; } /* 363(336) texte nom d'un profil après recherche de sujets:
dd label { color: #333333; } /* 364(943) texte options de recherche (boutons radio) */
label { color: #425067; } /* 365(933) texte titre d’une recherche */
fieldset dl:hover dt label { color: #000000; } /* 366(948) texte titre d’une recherche On Mouse Over */
.panel { color: #28313F; } /* 367(72) texte dans zone de saisie d’une recherche avancée (les titres sont du
H3) [2] */
.content h2 { border-bottom-color: #CCCCCC; } /* 368(443) trait séparation sous « Informations » (H2) suite à
une recherche de sujets sur un mot */
.panel h2 { border-bottom-color: #CCCCCC; } /* 369(443) trait séparation sous « Informations » (H2) suite à
une recherche de sujets sur un mot */
/* === RèGLES FORUM === */
p.rules { background-color: #ECD5D8; } /* 370(233) fond cadre texte « Ce rapport a déjà été clôturé » */
div.rules { background-color: #ECD5D8; } /* 371(228) fond cadre texte « Règles du forum » */
19
p.rules { background-image: none; } /* 372(234) image de fond cadre texte « Ce rapport a déjà été clôturé »
*/
div.rules { color: #BC2A4D; } /* 373(229) texte « Règles du forum » */
/* === SéPARATEURS === */
hr { border-color: #FFFFFF; } /* 374(25) *** inutilisé *** */
.notice { border-top-color: #CCCCCC; } /* 375(462) tirets de séparation avant notice d’un Modo/Admin */
hr.dashed { border-top-color: #CCCCCC; } /* 376(30) tirets hauts de séparation (1 pix) */
.signature { border-top-color: #CCCCCC; } /* 377(457) trait séparation avant la signature */
hr { border-top-color: #CCCCCC; } /* 378(26) trait haut de séparation (1 pix) */
ul.topiclist dd { border-left-color: #FFFFFF; } /* 379(382) trait séparation vertical colonnes liste des
sujets */
/* === SIGNATURES === */
.signature a { background-color: transparent; } /* 380(314) fond zone signature: hyperlien */
.signature a:visited { background-color: transparent; } /* 381(314) fond zone signature: hyperlien visité */
.signature a:hover { background-color: transparent; } /* 382(314) fond zone signature: hyperlien On Mouse
Over */
.signature a:active { background-color: transparent; } /* 383(314) fond zone signature: hyperlien actif */
/* === SITE WEB === */
.web-icon { background-image: "url(""IMG_ICON_CONTACT_WWW_SRC"")"; } /* 384(703) icône contacter via site Web
*/
.web-icon a { background-image: "url(""IMG_ICON_CONTACT_WWW_SRC"")"; } /* 385(703) icône contacter via site
Web: hyperlien */
/* === SONDAGES === */
.pollbar1 { background-color: #AA2346; } /* 386(580) fond nombre de votes dans barre 1 */
.pollbar2 { background-color: #BE1E4A; } /* 387(590) fond nombre de votes dans barre 2 */
.pollbar3 { background-color: #D11A4E; } /* 388(600) fond nombre de votes dans barre 3 */
.pollbar4 { background-color: #E41653; } /* 389(610) fond nombre de votes dans barre 4 */
.pollbar5 { background-color: #F81157; } /* 390(620) fond nombre de votes dans barre 5 */
fieldset.polls dd div { color: #FFFFFF; } /* 391(572) nombre de votes écrit dans la barre horizontale */
fieldset.polls dl { color: #666666; } /* 392(564) texte options de vote */
fieldset.polls dl.voted { color: #000000; } /* 393(568) texte votes déjà effectués */
.pollbar1 { border-right-color: #74162C; } /* 394(582) trait de droite nombre de votes dans barre 1 */
.pollbar2 { border-right-color: #8C1C38; } /* 395(592) trait de droite nombre de votes dans barre 2 */
.pollbar3 { border-right-color: #AA2346; } /* 396(602) trait de droite nombre de votes dans barre 3 */
.pollbar4 { border-right-color: #BE1E4A; } /* 397(612) trait de droite nombre de votes dans barre 4 */
.pollbar5 { border-right-color: #D11A4E; } /* 398(622) trait de droite nombre de votes dans barre 5 */
fieldset.polls dl { border-top-color: #DCDEE2; } /* 399(563) trait séparation horizontal entre les votes */
.pollbar1 { border-bottom-color: #74162C; } /* 400(581) trait inférieur nombre de votes dans barre 1 */
.pollbar2 { border-bottom-color: #8C1C38; } /* 401(591) trait inférieur nombre de votes dans barre 2 */
.pollbar3 { border-bottom-color: #AA2346; } /* 402(601) trait inférieur nombre de votes dans barre 3 */
.pollbar4 { border-bottom-color: #BE1E4A; } /* 403(611) trait inférieur nombre de votes dans barre 4 */
.pollbar5 { border-bottom-color: #D11A4E; } /* 404(621) trait inférieur nombre de votes dans barre 5 */
/* === SUJETS DANS UN FORUM === */
.bg1 { background-color: #ECF3F7; } /* 405(83) fond cadre liste des sujets 1, 3, 5, etc. */
.bg2 { background-color: #e1ebf2; } /* 406(84) fond cadre liste des sujets 2, 4, 6, etc. et tout message
posté */
.bg3 { background-color: #cadceb; } /* 407(85) fond cadre options sujet à poster */
/* === SYNTAXE (?) === */
.syntaxbg { color: #FFFFFF; } /* 408(502) fond texte mis en évidence ala NotePad++ */
.syntaxstring { color: #DD0000; } /* 409(507) texte chaîne de caractères mis en évidence ala NotePad++ */
.syntaxhtml { color: #000000; } /* 410(505) texte code html mis en évidence ala NotePad++ */
.syntaxcomment { color: #FF8000; } /* 411(503) texte commentaire mis en évidence ala NotePad++ */
.syntaxkeyword { color: #007700; } /* 412(506) texte mot clé mis en évidence ala NotePad++ */
.syntaxdefault { color: #0000BB; } /* 413(504) texte valeur par défaut mis en évidence ala NotePad++ */
/* === TEXTE === */
input.disabled { color: #666666; } /* 414(1022) texte quand la saisie est désactivée dans un formulaire */
/*
h1
h2
h3
h3
=== TITRES === */
{ color: #FFFFFF; } /*
{ color: #28313F; } /*
{ color: #115098; } /*
{ border-bottom-color:
415(11) texte
416(16) texte
417(21) texte
#CCCCCC; } /*
titres de niveau H1 (Header Level 1 =
418(20) trait soulignement des titres
titre 1) */
titre 2) */
titre 3) */
de niveau H3 */
/* === YAHOO === */
.yahoo-icon { background-image: "url(""IMG_ICON_CONTACT_YAHOO_SRC"")"; } /* 419(702) icône contacter via
Yahoo */
.yahoo-icon a { background-image: "url(""IMG_ICON_CONTACT_YAHOO_SRC"")"; } /* 420(702) icône contacter via
Yahoo: hyperlien */
/*
End of C:\wamp\www\phpBB3\styles\prosilver\theme\my_css.css. File contains 420 Rules.
File built from phpBB3 Prosilver Colours.css with www.didiermorandi.fr/css/build_my_css_4_me.vbs
See comments for this script within its source code.
In this CSS file, first nr is rule nr in Colours_CSS_db_Fr.xls and second nr is line nr in the
default your-site\styles\prosilver\theme\Colours.css file where the rule was found.
Numbers between square brackets are notes within the Colours_CSS_db_Fr.xls file.
Comments and suggestions to the author welcome at [email protected].
*/
20

build_my_css_4_me.vbs

Transcription

Documents pareils

CONTENEDOR de reciclaje Recycling CONTAINER CONTAINER

HTML CSS Fiche numéro 8

lexmark - UPrint

windows color - Avent Autrement

Q2682A - UPrint

Fiche technique

Porsche 911 1999 152316 Km

1.5- Le vocabulaire d`Internet et du Web