/********************************/ /* CSS cree par Dje */ /* Creation : 25/06/2008 */ /* Modification : 25/06/2008 */ /********************************/ /* Ici l'interprétation du corps du texte */ body { font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px; background: #cccccc url("http://tchatmania.com/images/css/bg_body.jpg") fixed; } body a { text-decoration: none; } body a:hover { text-decoration: blink; color: #ff8000; } /* Section des styles des liens */ #navig{ float: left; width:200px; padding: 0px; background-color: #F5f7f7; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font: small Verdana,sans-serif; } #navig2{ float: right; width:178px; padding: 0px; background-color: #F5f7f7; border-left: 1px solid #cccccc; font: small Verdana,sans-serif; } /* Menu gauche */ #sectionLiens { margin: 0px; padding: 0px; } /* Détail de l'ID #sectionLien par la Taille police menu gauche (

) / #sectionLiens h3{ padding: 10px 0px 2px 10px; border-bottom: 1px solid #cccccc; } / Détail de l'ID #sectionLien pour les liens + visités / #sectionLiens a:link, #sectionLiens a:visited { display: block; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; font-weight: bold; background-image: url("http://tchatmania.com/images/css/bg_nav.jpg"); padding: 3px 0px 3px 10px; color: #21536A; } #sectionLiens a:hover{ border-top: 1px solid #cccccc; background-color: #DDEEFF; background-image: none; font-weight: bold; text-decoration: none; } / Menu gauche sous la sectionLiens / #relHeure{ margin: 0px; padding: 10px 0px 10px 10px; border-bottom: 1px solid #cccccc; text-align: center; font-weight: bold; } .relInfos{ margin: 0px; padding: 10px 0px 10px 10px; text-align: center; font-size: 0.8em; } .relInfos2{ margin: 0px; padding: 5px 0px 0px 0px; text-align: center; font-size: 0.8em; border-top: 1px solid #cccccc; } .relLiens{ margin: 0px; padding: 0px 0px 10px 10px; border-bottom: 1px solid #cccccc; } .relLiens h3{ padding: 10px 0px 2px 0px; } .relLiens a{ display: block; color: #21536A; } .relLiens a:hover{ display: block; color: #FF0000; text-decoration: none; } .relBox { margin: 0px; padding: 10px 0px 10px 10px; text-align: center; font-size: 0.8em; border-top: 1px solid #cccccc; } .relBox marquee { text-align: center; } .relBox a { color: #FF0000; text-decoration: none; } .relBox a:hover { color: #FF8000; text-decoration: none; font-weight: bold; } #avert{ padding: 5px; font-size: 0.9em; border-bottom: 1px solid #cccccc; } #avert img{ display: block; } / styles avertissements / #sous-head{ position: absolute; top: 0px; left: 2%; right: 2%; width:95.6%; } / JavaScript / #close_page{ text-align: center; } / Liens utiles de la barre des langues / #liensUtiles{ font: 75% Verdana,sans-serif; position: absolute; top: 16px; right: 0px; color: #919999; } #liensUtiles a{ color: #ffffff; text-decoration: none; } #liensUtiles a:hover{ text-decoration: underline; } / Liens utiles de la barre des CSS / #liensUtilesG{ font: 75% Verdana,sans-serif; margin: 0px; padding: 16px 0px 8px 0px; color: #919999; } #liensUtilesG a{ color: #ffffff; text-decoration: none; } #liensUtilesG a:hover{ text-decoration: underline; } / globalNav styles / #navigGlobal{ position: relative; width: 100%; min-width: 640px; height: 32px; color: #cccccc; padding: 0px; margin: 0px; background-image: url("http://tchatmania.com/images/css/glbnav_background.gif"); } #navigGlobal img{ margin-bottom: -4px; } #gnl { position: absolute; top: 0px; left:0px; } #gnr { position: absolute; top: 1px; right:-1px; } #lienGlobal{ position: absolute; top: 7px; height: 22px; min-width: 640px; padding: 0px; margin: 0px; left: 5px; z-index: 100; } #status{ top: 10px; height: 22px; min-width: 640px; padding: 0px; margin: 10px; left: 5px; z-index: 100; font-size: 80%; font-weight: bold; } a.glien, a.glien:visited{ font-size: small; color: #000000; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px; border-right: 1px solid #8FB8BC; } a.glien:hover{ color: #FF8000; background-image: url("http://tchatmania.com/images/css/glblnav_selected.gif"); text-decoration: none; } .skipLinks { display: none; } / subglobalNav styles / .subglobalNav{ position: absolute; top: 84px; left: 0px; min-width: 640px; height: 20px; padding: 0px 0px 0px 10px; visibility: hidden; color: #ffffff; } .subglobalNav a:link, .subglobalNav a:visited { font-size: 80%; color: #ffffff; } .subglobalNav a:hover{ color: #cccccc; } #pagecell{ position:absolute; top: 112px; left: 2%; right: 2%; width:95.6%; background-color: #ffffff; } #NomPage{ padding: 0px 0px 14px 10px; margin: 0px; border-bottom:1px solid #ccd2d2; } #NomPage h2{ font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding: 0px; } #NomPage img{ position: absolute; top: 0px; right: 6px; padding: 0px; margin: 0px; } / breadCrumb styles / #Coins{ padding: 5px 0px 5px 10px; font: small Verdana,sans-serif; color: #AAAAAA; } #Coins a{ color: #AAAAAA; } #Coins a:hover{ color: #005FA9; text-decoration: underline; } #tl { position:absolute; top: -1px; left: -1px; margin: 0px; padding: 0px; z-index: 100; } #tr { position:absolute; top: -1px; right: -1px; margin: 0px; padding: 0px; z-index: 100; } #content{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 200px; border-left: 1px solid #ccd2d2; } #content_page{ padding: 0px 10px 0px 0px; margin:0px 0px 0px 5px; } / feature styles / .fonct{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px; } html>body .fonct {height: auto;} .fonct h3{ font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px; } .fonct img{ float: left; padding: 0px 10px 0px 0px; } .fonct a { color: #FF0000; } .fonct a:hover { color: #FF8000; font-weight: bold; text-decoration: none; } / Autre / .fonct1{ padding: 0px 0px 10px 10px; font-size: 80%; min-height: 200px; height: 200px; } html>body .fonct1 {height: auto;} .fonct1 h3{ font: bold 175% Arial,sans-serif; color: #000000; padding: 30px 0px 5px 0px; } .fonct1 a { color: #FF0000; } .fonct1 a:hover { color: #FF8000; font-weight: bold; text-decoration: none; } / story styles / .cadre { padding: 10px 10px 0px 10px; margin: 10px 10px 0px 10px; border: 1px dashed black; } .cadreL { padding: 10px 10px 0px 10px; margin: 10px 10px 0px 10px; font-weight: bold; } .titre1 { padding: 10px 0px 0px 10px; font-size: 80%; } .titre1 h3{ font: bold 125% Arial,sans-serif; color: #000000; } .titre1 p { padding: 0px 0px 10px 0px; } .titre1 a.cap{ font: bold 1em Arial,sans-serif; color: #005FA9; display: block; padding-bottom: 5px; } .titre1 a.cap:hover{ text-decoration: none; } td.titre1Left { padding-right: 15px; width: 275px; } .titre1 a { color: #FF0000; } .titre1 a:hover { color: #FF8000; font-weight: bold; text-decoration: none; } td.titre1Sel{ padding-right: 2px; } .livre { font: bold 1em Arial,sans-serif; color: #FF8000; } / site Info styles / #siteInfo{ clear: both; border-top: 1px solid #cccccc; font-size: small; color: #AAAAAA; padding: 10px 10px 10px 10px; margin-top: 0px; } #siteInfo a{ color: #21536A; } #siteInfo a:hover{ color: #FF0000; text-decoration: none; } / Chat */ form { display: inline; } input, select { font-size: 9pt; } .input { width: 130px; } .medium { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-align: right; } .puce { list-style-position: outside; list-style-image: url("http://tchatmania.com/administration/images/puce.gif"); } .hallo:before {content:url("http://tchatmania.com/images/css/hallo.png")} .hallo:after {content:url("http://tchatmania.com/images/css/hallo.png")} .anniv:before {content:url("http://tchatmania.com/images/css/anniv.png")} .anniv:after {content:url("http://tchatmania.com/images/css/anniv.png")} .coeur:before {content:url("http://tchatmania.com/images/css/coeur.png")} .coeur:after {content:url("http://tchatmania.com/images/css/coeur.png")} .noel:before {content:url("http://tchatmania.com/images/css/noel.png")} .noel:after {content:url("http://tchatmania.com/images/css/noel.png")} .france:before {content:url("http://tchatmania.com/images/css/france.jpg")} .france:after {content:url("http://tchatmania.com/images/css/france.jpg")} .jouran { text-decoration: blink; color: #FF0000; } .downl:before {content:url("http://tchatmania.com/administration/images/disquettem.gif")} .downl:after {content:url("http://tchatmania.com/administration/images/disquettem.gif")} .question:before {content:url("http://tchatmania.com/administration/images/question.png")} .quote { padding: 10px 0px 10px 10px; margin: 0px 10px 10px 10px; border: 1px dashed black; font-family: Arial; font-size: 12px; } .quoteT { padding: 10px 0px 10px 10px; margin: 10px 10px 0px 10px; font-weight: bold; } .red { color: #FF0000; } .orange { color: #FF8000; } .bleu { color: #0000FF; } .noir { color: #000000; } .attention { text-decoration: blink; color: #FF0000; } .attention:before { content:url("http://tchatmania.com/administration/images/attention.gif")} .attention:after { content:url("http://tchatmania.com/administration/images/attention.gif")} .mail:before { content:url("http://tchatmania.com/administration/images/mail.png")} .mail:after { content:url("http://tchatmania.com/administration/images/mail.png")} li { font-family: Arial, sans-serif; font-size: 100%; color: black; display : list-item; list-style-image : url("http://tchatmania.com/administration/images/puce.gif"); }