Le global.css contient les classes globales du site, qui peuvent être utilisées par les modules et le noyau (par exemple dans l'administration etc).
Code CSS :
Cette partie est destinée aux cases et lignes des tableaux comme le bloc-notes du panneau d'administration ou encore la liste des articles du module.
Les liens du site sont ordonnés par différentes classes :
Code CSS :
Ces liens sont les plus utilisés (par exemple dans les news, forum etc)
Code CSS :
Cette classe sert à masquer les espaces récalcitrants situés après les balises images de liens.
Code CSS :
Ces liens de petite taille sont utilisés par exemple dans les mini modules (comme le Livre d'or, Statistiques,..)
Code CSS :
Moins présents, on les rencontre en tant que titre des fichiers dans le module multimédia ou encore download.
Code CSS :
Pas de suspense, ces liens sont ceux qui redirigent vers les commentaires.
Code CSS :
Ils colorient les pseudos selon le rang de l'utilisateur (admin en orange etc).
Code CSS :
Ces classes mettent en forme les liens et les cases des menus dynamiques, c'est à dire les menus horizontaux et verticaux déroulants.
Ce fichier de style définit également :
Code CSS :
Code CSS :
Code CSS :
Cette classe s'applique uniquement dans la fenêtre 'Gestion des fichiers'.
Cases et tableaux du site
Code CSS :
.row1,.block_contents1 { background:#E0E9EF; padding:8px 6px; border-top:1px solid #CCCCCC; } .block_contents1 { padding:20px 6px; } .row2,.block_contents2 { padding:8px 6px; border-top:1px solid #CCCCCC; -moz-border-radius:0px 0px 5px 5px; -khtml-border-bottom-right-radius:5px; -khtml-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-radius:5px; } .block_contents2 { padding:20px 6px; } .row3,.block_contents3 { background:#F2F7FB; border-color:#C4CED6; padding:8px 6px; border-top:1px solid #CCCCCC; -moz-border-radius:0px 0px 5px 5px; -khtml-border-bottom-right-radius:5px; -khtml-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-radius:5px; } .block_contents3 { padding:20px 6px; }
Cette partie est destinée aux cases et lignes des tableaux comme le bloc-notes du panneau d'administration ou encore la liste des articles du module.
Les liens
Les liens du site sont ordonnés par différentes classes :
Les liens globaux
Code CSS :
/* Lien du site --------------------------------------*/ a { color:#445766; text-decoration:none; font-size:11px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } a:hover { color:#2F404D; text-decoration:underline; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
Ces liens sont les plus utilisés (par exemple dans les news, forum etc)
Les liens images
Code CSS :
.img_link, .img_link:hover{ text-decoration:none; }
Cette classe sert à masquer les espaces récalcitrants situés après les balises images de liens.
Les small_link
Code CSS :
/* Liens petite taille */ a.small_link { font-size:10px; } a.small_link:hover { font-size:10px; }
Ces liens de petite taille sont utilisés par exemple dans les mini modules (comme le Livre d'or, Statistiques,..)
Les big_link
Code CSS :
/* Liens grande taille */ a.big_link { font-size:15px; } a.big_link:hover { font-size:15px; }
Moins présents, on les rencontre en tant que titre des fichiers dans le module multimédia ou encore download.
Liens des commentaires
Code CSS :
/* Liens des commentaires. */ a.com { color:#515C68; font-size:10px; font-weight:bold; } a.com:hover { color:#01528D; font-size:10px; font-weight:bold; }
Pas de suspense, ces liens sont ceux qui redirigent vers les commentaires.
Liens des utilisateurs
Code CSS :
a.admin { color:#FFA34F; font-size:11px; font-weight:bold; } a.modo { color:#006699; font-size:11px; font-weight:bold; } a.membre { color:#000000; font-size:11px; font-weight:bold; }
Ils colorient les pseudos selon le rang de l'utilisateur (admin en orange etc).
Les menus dynamiques
Code CSS :
/* Lien du menu */ .dynamic_menu h5 { color:#515C68; background:#F2F7FB; border:1px solid #C4CED6; margin-right:2px; -moz-border-radius-topleft:12px; -khtml-border-radius-topleft:12px; -webkit-border-top-left-radius:12px; -moz-border-radius-bottomright:12px; -khtml-border-radius-bottomright:12px; -webkit-border-bottom-right-radius:12px; border-radius:12px; } .dynamic_menu h5:hover { color:#01528D; background:#eaedee; } /* Séparateur */ .dynamic_menu ul li.separator { background:#849AAC; } .dynamic_menu ul li.extend { background:url(images/bgmenu_extend.png); } /* Case du menu */ .dynamic_menu li ul { border:1px solid #849AAC; } .dynamic_menu li li { color:#0578CC; background:#FFFFFF url(images/bgmenu.png) repeat-y; } .dynamic_menu li li a { color:#0578CC; } .dynamic_menu li li a:hover { background-color:#D2E3F1; border:1px solid #8BBFE8; }
Ces classes mettent en forme les liens et les cases des menus dynamiques, c'est à dire les menus horizontaux et verticaux déroulants.
Divers
Ce fichier de style définit également :
Résultats de la recherche de membres
Code CSS :
.xmlhttprequest_result_search { overflow:auto; height:100px; width:100px; overflow:auto; font-size:11px; background:#f5fbff; border:1px solid #2C5169; color:#061729; padding:2px; }
Affichage du mini calendrier
Code CSS :
.calendar_block { position:absolute; text-align:center; padding:6px 4px; background:#f5fbff; border:1px solid #2C5169; bottom:28px; width:204px; z-index:100; }
Déplacement des fichiers
Code CSS :
.upload_selected_cat { background:#f5fbff; border:1px solid #2C5169; }
Cette classe s'applique uniquement dans la fenêtre 'Gestion des fichiers'.