colonelwog 286 ModulesTeam (TMT)
| Posté : 30-01-2010 22:08
/* CSS marina pour NPDS Revolution */
/************************************************************************
Parce qu'on utilise "em" en taille de font
*************************************************************************/
html {
font-size: 100%;
}
/************************************************************************
Aspect Général du site : Font, Textes, Mar ges, etc...
*************************************************************************/
body {
background: !url(!../images/LBlocs/bg_body.jpg)& nbsp;#1f2123 repeat-x;
color: #fff;
font-family: Arial, Helvetica, sans-se rif;
font-size: .75em;
font-weight: normal;
margin: 0;
text-align: center; /* pour corri ger un bug de centrage IE */
padding: 0;
}
/************************************************************************
Règle horizontale servant de séparation
*************************************************************************/
hr {
color: #ccc;
background-color: #ccc;
border: 0;
height: 1px;
}
/* Aspect du Texte de votre Site lorsqu'il n'est pas redéfini ailleurs, visible dans l a Partie Admin par exemple */
td {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 1.0em;
}
/************************************************************************
Les Différents LIENS Standards
*************************************************************************/
a, a:visited, a:link {
color: #fff;
text-decoration: underline;
}
a:hover {
color6fb6e8;
text-decoration: none;
}
a:active, a.box, a.box:active, a.box:visited {
color: #fff;
text-decoration: underline;
}
a.noir, a.noir:visited, a.noir:active {
color: #cccccc;
text-decoration: underline;
}
a.noir:hover, a.box:hover, a.heada:hover {
color: #dddddd;
text-decoration: none;
}
.rouge, a.rouge, a.rouge:visited, a.rouge:active {/*  ;Annulation, suppression, avertissement...*/
color: #ff0000;
font-weight: bold;
text-decoration: none;
}
a.rouge:hover {
color: #ff0000;
font-weight: bold;
text-decoration: underline;
}
a.aideans, a.aideans:visited, a.aideans:active {/* Aide&n bsp;en Ligne */
background: none transparent;
cursor: help;
font-weight: bold;
text-decoration: none;
}
a.heada, a.heada:visited, a.heada:active {/* Admin ( haut et bas) - Download - Annuaire */
color: #323232;
font-weight: bold;
text-decoration: none;
}
/************************************************************************
Liens Tooltip ==> Info Bulles
Initialement prévu pour Download
fonctionnel ou vous le souhaitez
*************************************************************************/
a.tooltip {
/*color: gray;*/
border-bottom: 1px dotted gray;
}
a.tooltip em {
display:none;
}
a.tooltip:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
a.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
top: 20px;
left: -10px;
padding: 5px;
color: #000;
border: 1px solid #bbb;
background: #ffc;
width:170px;
}
a.tooltip:hover em span {
position: absolute;
top: -7px;
left: 15px;
height: 7px;
width: 11px;
margin:0;
padding: 0;
border: 0;
}
/************************************************************************
Alternance des couleurs de ligne Fonction table aux()
*************************************************************************/
.ligna, a.ongl, a.ongl:visited, a.ongl:active {
background-color: #414141;
text-decoration: none;
}
.lignb {
background-color: #565656;
text-decoration: none;
}
/************************************************************************
Champs de Formulaires - Champs de Saisies
*************************************************************************/
.inputa {/* champ de saisie, Lnl Box, Mote ur de recherche, Bloc Login notamment */
background: !url(!../images/LBlocs/bg_textbox_st andard.jpg) no-repeat;
border: #6e6e6e 1px solid;
color: #000000;
height: 18px;
vertical-align: middle;
width: 80px;
}
.textbox { /* Champs Formulaire - Message à un membre - forum - Notamment */
background-color: #ffffff;
border: #000000 1px solid;
color: #000000;
width: 100%;
}
.textbox_standard {/* Champs Formulaire - Contact&nb sp;- forum (sauter à ) - Notamment */
background: !url(!../images/LBlocs/bg_textbox_st andard.jpg) no-repeat;
border: #6e6e6e 1px solid;
color: #000000;
}
.bouton_standard {/* Boutons : Prévisualiser - Valider - Annuler ....*/
background-color: #000000;
padding:1px 5px 1px 1px;
border: #000000 1px solid;
color: #ffffff;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
/************************************************************************
CSS Complémentaire pour vos Formulaires
*************************************************************************/
form { /* Délimitation de votre Formulair e*/
padding: 2px;
width: 99%;
}
form p {
line-height:100%;
}
fieldset { /* Regroupe les différentes zones&nb sp;de votre Formulaire */
padding: 15px; /* padding i n fieldset support spotty in IE *//*margin: 0;*/
border: 1px solid #28a1d6;
}
legend { /* Titre pour identifier chaque f ieldset */
font-size:1.1em;
color: #183a55;
font-weight: bold;
padding-bottom:3px;
}
label {
display: block;
float: left;
width: 180px;
margin-top: 3px;
padding-right: 10px;
text-align: right;
}
input[type=Submit], [type=Reset], [type=Return] {
background-color: #414141;
padding:1px 5px 1px 1px;
border: #6e6e6e 1px solid;
color: #ffffff;
text-decoration: none;
}
input, select, radio, checkbox, textarea {
border: #fcfaeb 1px solid;
color: #000000;
background-color: #ffffff;
margin-top: 2px;
padding: 0;
}
form label span {
color: red;
}/* Utilisé dans user ! */
form br {
clear:left;
}
/************************************************************************
Les Autres Eléments Définis en "Dur" dans le code
Tableaux & Entêtes & Titres & Mise en Forme
*************************************************************************/
.forum_titre {
background: !url(!../images/LBlocs/bg_header_bot tom_g.jpg) repeat-x;
font-size: 1.30em;
font-weight: bold;
color: #ffffff;
height: 40px;
line-height: 28px;
padding: 0 0 0 5px;
margin: 2px 0px 0px 2px;
width:99%;
}
.ongl {/*Admin Banners - Download Gauche -  ;Links - Top10...Ligne et Onglet Nominatif*/
color: #45445b;
font-weight: bold;
text-decoration: none;
}
.header, a.ongl:hover, .titre {/* header : Ente te de Pratiquement Tous les Tableaux également&nb sp;dans Forum */
color: #fff;
text-decoration: none;
}
.box {/*Titre du Style BOX - Links Titres& nbsp;- Bas PollBoth (PollComments) - Memberlist...*/
< br /> color: #fff;
margin-left: 5px;
margin-right: 5px;
}
.titboxc {/* Haut Admin - Download */
color: #000;
font-weight: bold;
background: #fcfaeb;
border: 1px solid #28a1d6;
}
.titboxcont {/* Intitulé Bloc Sondage - Bloc&nb sp;Admin (les chiffres)*/
background: none transparent;
color: #fff;
font-weight: bold;
}
.titrea {/* Titres : Sondages (Poolboth) -  ;Previews - notamment */
font-weight: bold;
text-decoration: none;
}
.titrec {/* Blocs Forums Infos - Bloc&nbs p;Chat Box (IP + les Chiffres) */
color: RED;
text-decoration: none;
}
.separ {/* Ligne de séparation (une Image)  ;Haut Menu Admin - Menu Membres - Haut et Bas Section */
background: !url(!'../images/ligne.gif') le ft repeat-x;
height: 5px;
}
code {/*Utilisée pour mettre en évidence une&nb sp;portion de code - Forum Aussi dans AdminM oduleInstall*/
border: 1px solid #45445b;
display: block;
font-family: monospace;
padding: 1px 1px 1px 5px;
width: 90%;
}
.quote {/* Citation dans le Forum */
border: 1px solid #183a55;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
width: 90%;
}
h2 {/* Titre : Map - Forum - Articles (index et détail) */
color: #ffffff;
font-size: 1.25em;
font-weight: bold;
height: auto;
line-height: 30px;
padding: 0px 0px 0px 55px;
margin: 0px;
}
h3 { /* Map - box_article - box_pool */
color: #38e1de;
font-weight: bold;
text-align: center;
font-size: 1em;
margin: 0px;
}
h4 { /* Map */
color: #0773a3;
font-weight: bold;
font-size: 1.15em;
}
/************************************************************************
Mise en Page Globale & Mise en Forme&n bsp;de votre Thème
*************************************************************************/
#container {
text-align:left;
margin-left:auto;
margin-right:auto;
width:980px;
}
#header_top{
background:!url(!"../images/LBlocs/header_top.png")&n bsp;no-repeat;
height: 30px;
width: 100%;
}
#header { /* Ici - Le Header Complet avec Image de Fond */
background: !url(!../images/LBlocs/header.jpg);& nbsp;
height: 200px;
width: 980px;
margin-top:50px;
color: #fff;
}
#header .login { /*Positionnement du bloc login dans le Header*/
text-align: right;
color: #000;
height:20px;
padding-right:5px;
}
#header .slogan { /*Positionnement du Slogan du Site dans le Header*/
position:absolute;
left:5px;
top:5px;
color38e1de;
font-size: 1.15em;
font-weightold;
}
/************************************************************************
Mise en forme du menu du header
*************************************************************************/
.menu_top{
width:100%;
margin-top: 24px;
float: left;
}
.corner_menu_header_g {
width:5px;
height:26px;
float: left;
}
.menu_header {
float: left;
background: !url(!'../images/LBlocs/menu_header. jpg');
width:132px;
height:26px;
margin-left:-30px;
line-height:26px;
text-align:center;
}
.menu_header_start {
float: left;
background: !url(!'../images/LBlocs/menu_header_ start.jpg');
width:132px;
height:26px;
line-height:26px;
text-align:center;
}
.corner_menu_header_d {
background: !url(!'../images/LBlocs/menu_header_ stop.png');
width:132px;
height:26px;
line-height:26px;
text-align:center;
margin-left:-30px;
float: left;
}
.nb_online {
font-size: 0.95em;
color: #c7d6d2;
text-align:right;
padding: 0 10px 0 0;
}
.menu_header a {
color: #000;
text-decoration: none;
}
.menu_header a:hover{
color: #5e5e5e;
text-decoration: none;
< br />}
.menu_header_start a {
color: #000;
text-decoration: none;
}
.menu_header_start a:hover{
color: #5e5e5e;
text-decoration: none;
< br />}
.menu_header_stop a {
color: #000;
text-decoration: none;
}
.menu_header_stop a:hover{
color: #5e5e5e;
text-decoration: none;
< br />}
.corner_menu_header_d a {
color: #000;
text-decoration: none;
}
.corner_menu_header_d a:hover {
color: #5e5e5e;
text-decoration: none;
}
/************************************************************************
Fin menu header
*************************************************************************/
/************************************************************************
Début menu header bottom
*************************************************************************/
.menu_header_bottom {
background:!url(!'../images/LBlocs/bg_header_bottom_g .jpg') repeat-x;
width:100%;
height:30px;
vertical-align:top;
color: #fff;
}
.menu_header_bottom_g {
float:left;
width:191px;
height:30px
}
.menu_header_bottom_d {
float:right;
width:191px;
height:30px;
}
.whoim {
float:left;
width:598px;
height:30px;
text-align:center;
line-height:25px;
color: #38e1de;
}
.whoim a {
color: #38e1de;
}
/************************************************************************
Début menu header bottom
*************************************************************************/
/*btn_LB*/
#ico_men_LB {
vertical-align:middle;
padding : 10px 30px 3px 8px;
background:!url(!'../images/LBlocs/bg_menu_header.png ') repeat-x;
}
#ico_men_RB {
vertical-align:middle;
padding : 10px 3px 3px 103px ;
background:!url(!'../images/LBlocs/bg_menu_header.png ') repeat-x;
}
/************************************************************************
La Partie CENTRALE de votre Site
*************************************************************************/
#corps {/*Container Englobant toutes les colonnes*/
background: #2b2b2b;
float: left;
width:980px;
}
#col_princ {/* La Partie Centrale avec Pdst&nbs p;= -1 uni*/
float: left;
overflow:auto;
}
.uni {/* La Partie Centrale avec Pdst =&nb sp;-1 uni*/
float: left;
width: 980px;
}
.trio {/* La Partie Centrale avec Pdst =&n bsp;1 - 3 et 4 trio*/
float: left;
width: 675px;
}
.duo {/* La Partie Centrale avec Pdst =&nb sp;0 ou Pdst=2 duo*/
float: left;
width: 755px;
}
/************************************************************************
Edito se rapporte donc à "editorial.html"
*************************************************************************/
#editorial {
margin: 2px 2px 15px 2px;
padding:2px 4px 2px 4px;
}
#editorial .content {
width: 100%;
}
/************************************************************************
Affichage des Articles en page Index et De tail-news
*************************************************************************/
.article_bloc {/*Le contenant*/
background: !url(!"../images/LBlocs/bg_header_bo ttom_g.jpg") repeat-x;
margin: 0px;
height: auto;
text-align:left;
}
.article_sujet {
float: right;
width: 80px;
height: 80px;
text-align: center;
padding: 5px 20px 5px 5px;
}
.article_texte {
height: auto !important;
padding: 5px 5px 5px 5px;
background-color: #2b2821;
color: #fff;
}
.note { /* Mise en forme si Note */
< br /> border: 1px solid #2b2821;
width:98%;
text-align:center;
font-style: italic;
font-size: .9em;
padding: 3px;
margin: 2px;
}
.article_pied { /*Mise en forme du Pied*/
background: #2b2821;
padding: 5px;
text-align: center;
}
#footer_articles {
background:!url(!"../images/LBlocs/bg_footer_articles .jpg");
height: 7px;
width: 100%;
}
/************************************************************************
"box_Article" corespond au bloc Liens Relatifs
"box_poll" lui au Bloc sondage (pollBoth)
*************************************************************************/
#box_article, #box_poll {/*les 2 Blocs seront i dentiques*/
width: 140px;
float: left;
margin:0px 2px 0px 2px;
padding:0;
text-align: left;
color: #fff;
}
.bloc_title1 {
height: 20px;
width: 138px;
color: #fff;
}
.bloc_content1 {
padding: 0 5px 5px 5px;
text-align: left;
margin-bottom: 0px;
color: #fff;
}
#box_poll li, #box_article li {
margin-left: 8px;
list-style-type: none;
color: #fff;
}
#box_article ul, #box_poll ul {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
}
#box_article .boxc {
color: #fff;
font-weight: bold;
margin: 0 0 0 5px;
}
/************************************************************************
Stats.php
*************************************************************************/
.graph {
width: 200px;
border: 1px solid #183a55;
padding: 2px;
}
.graph .bar {
display: block;
background: #fcfaeb;
text-align: center;
color: #333;
height: 1em;
line-height: 1em;
}
/************************************************************************
Colonnes Gauche - Droite et Vos Blocs
*************************************************************************/
#col_LB {
width: 146px;
float: left;
position: relative;
}
.leftbloc {/* Un Bloc Gauche Global */
text-align: left;
margin: 0;
padding: 0;/* Margin et Padding&n bsp;gérés dans LB_Contain */
width: 146px;
}
.leftbloc .LB_title {
text-align: left;
color: #38e1de;
font-size: 14px;
font-weight: bold;
height: 20px;
line-height: 20px;
margin: 0px 0 0 0;
padding: 0 0 0 5px;
}
.leftbloc .LB_contain {/* Bloc container pour l e contenu */
padding: 5px 3px 5px 5px;
overflow:auto;
color: #fff;
}
.leftbloc .LB_footer {/* Bloc container pour le contenu */
height:10px;
}
.leftbloc .LB_contain ul {
list-style-type: disc;
margin: 0 0 0 10px;
padding: 0 0 0 5px;
}
#col_RB { /* Là où se trouvent vos Blocs&n bsp;droits*/
width: 146px;
float: right;
position: relative;
padding: 0;
}
.rightbloc {/* Un Bloc Droit Global */
text-align: left;
margin: 0px;
padding: 0;/* Margin et Padding&n bsp;gérés dans RB_Contain */
width: 146px;
}
.rightbloc .RB_title {
background:!url(!"../images/LBlocs/bg_titres.jpg")&nb sp;no-repeat;
color: #000;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 30px;
text-align: left;
margin: 0 0 0 0;
padding-left: 5px;
}
.rightbloc .RB_contain {/* Ajout d'un bloc cont ainer pour le contenu */
background:!url(!"../images/LBlocs/bg_blocs_content_d .jpg") repeat-y;
padding: 5px 3px 5px 5px;
overflow:auto;
colorfff;
}
.rightbloc .RB_contain ul {/* Bloc Droit */
list-style-type: disc;
margin: 0 0 0 10px;
padding: 0 0 0 5px;
}
/************************************************************************
CSS sur un Bloc en Particulier
Ici le Bloc ID 2 donc Menu
Il suffit de cocher la case css du me nu
*************************************************************************/
#LB_13 div {
overflow:visible;
}
#LB_2 div {
overflow:visible;
}
/************************************************************************
La Partie Footer de votre Site
*************************************************************************/
#footer {
background:!url(!"../images/LBlocs/footer_background. jpg") repeat-x;
text-align: center;
color: #000;
padding: 10px 0 10px 0;
width: 100%;
clear: both;
}
#footer_end {
height: 51px;
width: 100%;
}
#footer a {
color: #000;
text-decoration: underline;
}
#pied {
color: #ffffff;
text-align: center;
display:none;
}
/************************************************************************
Menu dynamique
*************************************************************************/
#menu_dynamique li a, #menu_dynamique2 li a {
< br /> displaylock;
height:18px;
text-decoration:none;
color696969;
background-colordeebfa;
padding-top: 5px;
overflow:visible;
}
#menu_dynamique, #menu_dynamique2 {
width:auto;
margin:0px 0px;
padding:0px;
border:1px solid #ffffff;
}
#menu_dynamique ul, #menu_dynamique2 ul {
width:133px;
list-style:none;
padding:0px;
margin:0px;
border-right:1px solid #ffffff;
}
#menu_dynamique ul li, #menu_dynamique2 ul li {
width:auto;
margin-left:0px;
padding-left:25px;
text-indent:5px;
height:23px;
background:!url(!"../images/bordure.png") no-rep eat;
}
#menu_dynamique ul li ul, #menu_dynamique2 ul l i ul {
display:none;
}
#menu_dynamique ul li:hover ul, #menu_dynamique2 ul& nbsp;li:hover ul {
displaylock;
position:relative;
top:-24px;
left:111px;
}
#menu_dynamique ul li ul, #menu_dynamique ul li :hover ul li ul, #menu_dynamique ul li:hover  ;ul li:hover ul li ul, #menu_dynamique2 ul l i ul, #menu_dynamique2 ul li:hover ul li ul, #menu_dynamique2 ul li:hover ul li:hover ul  ;li ul {
display:none;
}
#menu_dynamique ul li:hover ul, #menu_dynamique ul&n bsp;li:hover ul li:hover ul, #menu_dynamique ul l i:hover ul li:hover ul li:hover ul, #menu_dynamiq ue2 ul li:hover ul, #menu_dynamique2 ul li:hover& nbsp;ul li:hover ul, #menu_dynamique2 ul li:hover  ;ul li:hover ul li:hover ul {
displaylock;
position:relative;
top:-24px;
left:111px;
}
#menu_dynamique ul li.extend a, #menu_dynamique2 ul& nbsp;li.extend a {
backgroundd9e7ba !url(!"../images/suite.gif") right no-repeat;
}
#menu_dynamique ul li.extend:hover ul li.end a,  ;#menu_dynamique2 ul li.extend:hover ul li.end a {
background-image:none;
}
#menu_dynamique li:hover, #menu_dynamique2 li:hover {
background:!url(!"../images/fleche.png") no-repe at;
}
#menu_dynamique li a:hover, #menu_dynamique2 li a:ho ver {
color183a55;
font-weight: bold;
background-colordeebfa;
}
#menu_dynamique ul li.extend:hover a, #menu_dynamique&nbs p;ul li.extend:hover ul li:hover a, #menu_dynamique&nb sp;ul li.extend:hover ul li.extend:hover ul li:hover&n bsp;a, #menu_dynamique ul li.extend:hover ul li.extend :hover ul li.extend:hover ul li:hover a, #menu_dy namique2 ul li.extend:hover a, #menu_dynamique2 ul&nbs p;li.extend:hover ul li:hover a, #menu_dynamique2 ul&n bsp;li.extend:hover ul li.extend:hover ul li:hover a,& nbsp;#menu_dynamique2 ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a {
background-colord9e7ba;
}
#menu_dynamique ul li.extend:hover ul li a, #me nu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.exte nd:hover ul li:hover ul li a, #menu_dynamique2&nb sp;ul li.extend:hover ul li a, #menu_dynamique2 u l li.extend:hover ul li:hover ul li a, #menu _dynamique2 ul li.extend:hover ul li.extend:hover ul&n bsp;li:hover ul li a {
background-colord9e7ba;
}
#menu_dynamique li.first, #menu_dynamique2 li.first {
border-top:0px solid silver;
}
#menu_dynamique li.last, #menu_dynamique2 li.last {
border-bottom:0px solid silver;
}
#menu_dynamique ul li.extend:hover, #menu_dynamique2 ul&n bsp;li.extend:hover {
width:111px;
height:23px;
overflow:hidden;
}
html > body #menu_dynamique ul li.extend:hover&nb sp;{
overflow:visible;
}
html > body #menu_dynamique2 ul li.extend:hover&n bsp;{
overflow:visible;
}
|