Fiche RPG Patate crue Ta citation préférée: Keep calm and Gangnam Style Infos de baseMessages : 110 Points : 225 Date d'inscription : 26/11/2014
| Sujet: CSS du Forum - MAJ le 11.10.2015 Dim 11 Oct - 11:16 | |
| - Code:
-
/* CODES POUR EMBELLIR LE FORUM*/
tr.post span.gensmall {display:none;} a {text-decoration:none;} a:hover {text-decoration:none !important;} a:link {text-decoration:none;} a:visited {text-decoration:none;} .postbody {text-align:justify;font-family:verdana;font-size:11px;display:block;padding-left:15px;padding-right:15px;line-height:normal;padding-bottom:20px;} a.gen,a.genmed,a.gensmall { text-decoration: none; font-weight: none; }
/* CODE, CITATION */
.selectCode { color: #6D9D98; font-family: Roboto; font-size: 11px; text-transform: uppercase; float: right; text-align: right; cursor: pointer; }
.quote,.code { box-shadow: inset 0 0 39px 1px #D8DFD4, 0 0 1px 1px #D8DFD4; background-color: #F3F6EF; border-radius: 10px; background-image: url(http://i.imgur.com/MER9gvD.png); background-repeat: no-repeat; background-position: top center; border: none !important; padding: 15px; margin: 5px; text-align: justify; line-height: normal; }
/* FOND PA & QEEL */
.froufrou { border: none !important; box-shadow: inset 0 0 39px 1px #D8DFD4, 0 0 1px 1px #D8DFD4; border-radius: 10px; background-image: url(http://i.imgur.com/MER9gvD.png); background-repeat: no-repeat; background-color: #F3F6EF; }
/* NAVIGATION */
a.mainmenu { color: #6D9D98; font-family: Roboto; font-size: 11px; text-transform: uppercase; text-decoration: none !important; transition: 0.5s }
a.mainmenu:hover { color: #A8CBC9; transition: 0.5s; }
.navigation { background-color: #ffffff; border-top: 2px solid #f4c1cd; border-bottom: 2px solid #a86f8c; display: block; text-align: center; padding-top: 3px; paddind-bottom: 5px; transition: 0.3s; }
.navigation:hover { border-top: 2px solid #a86f8c; border-bottom: 2px solid #f4c1cd; transition: 0.3s; }
/* CATÉGORIES */
.lastpost-avatar { float: center; }
.lastpost-avatar img { transform: rotate(-7deg); width: 60px; height: auto; border-radius: 10px; border: 2px solid #D8DFD4; opacity: 1; transition: 0.3s; margin-top: 10px; }
.lastpost-avatar img:hover { opacity: 0.7; transform: rotate(7deg); transition: 0.3s; }
.description { font-size: 11px; text-align: justify; color: #8DA5A4; position: relative; height: 50px; overflow: auto; line-height: 10px; margin: 5px; padding: 5px; margin-right: 10px; margin-top: -5px; }
.forumlink { color: #A8CBC9 !important; font-family: Alex Brush; font-size: 25px !important; font-weight: none !important; position: relative; text-shadow: 1px 1px 2px white; text-align: center; display: block; letter-spacing: 0px; transition: 0.5s; margin-bottom: -10px; }
.forumlink:hover { color: #6D9D98 !important; text-decoration: none !important; letter-spacing: 2px; transition:0.5s; } a.forumlink { font-size: 25px; font-weight: normal !important; }
.sous,a.sous { font-size: 10px !important; text-transform: uppercase; font-family: Courier New; font-weight: none !important; color: #A8CBC9 !important; margin-bottom: 10px; text-align: center; margin-top: -10px; }
.sous:hover,a.sous:hover { transition: 0.5s; color: #6D9D98; }
.linkcatégorie { font-size: 12px !important; } a.span.sous { font-weight: none !important; font-size: 13px; } .lastmess { width: 220px; }
.lastmess a { color: #6D9D98 !important; text-decoration: none !important; font-family: Roboto; font-size: 11px; text-transform: uppercase; }
.stata { text-align: center; font-size: 10px; margin-top: -10px; font-family: Roboto; text-transform: uppercase; color: #000000; letter-spacing: 0px; transition: 0.3s; }
.stata:hover { letter-spacing: 1px; transition: 0.3s; }
.lastmess a:hover { color: #A8CBC9 !important; text-decoration : none !important; transition: 0.8s; }
.topictitle,h1,h2,a.topictitle { font-weight: bold; font-size: 11px; color : #6D9D98; font-family: Roboto; }
h2 { font-size: 20px; font-family: Handlee; color: #6D9D98; text-align: center; font-weight: normal !important; }
.secondarytitle,.secondarytitle h2 { color: #6D9D98 !important; font-family: Handlee; font-size: 20px; font-weight: normal !important; display: block; position: relative; padding-bottom: 10px; }
.cattitle { color: #6D9D98 !important; }
.banane { border: 1px solid #D8DFD4; border-left: 4px solid #D8DFD4; border-right: 4px solid #D8DFD4; border: none !important; background-color: #F3F6EF; padding: 10px; }
.forumline { background-color: #F3F6EF; }
/* PAGE D'ACCUEIL */
.staff { font-family: Alex Brush; font-size: 20px; color: #6D9D98; text-align: center; position: relative; margin-bottom: -5px; }
.fondpa {opacity: 0; transition: 0.3s; } .fondpa:hover {opacity: 1; transition: 0.3s;} .papa {background-color: #F3F6EF; transition: 0.3s; padding: 5px; text-align: center; font-size: 10px; } .imgpa { border: 1px solid #D8DFD4; padding: 2px; }
a.lien1,a.lien2 { background-color: #6D9D98; width: 120px; display: inline-block; padding-top: 2px; padding-bottom: 2px; color: #ffffff !important; font-family: Roboto; font-size: 10px; text-transform: uppercase; transition: 0.3s; }
a.lien2 { background-color: #A8CBC9; }
.textepa { padding: 10px; text-align: justify; font-size: 11px; background-color: none; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -htm-transition: 0.5s; -webkit-transition: 0.5s; line-height: 11px; width: auto; }
.infobulle { display: inline-block; }
.infobulle > div { position: absolute; margin-top: 0px; opacity: 0; visibility: hidden; transform: scale(0.3) rotate(-45deg); transition: all 0.3s linear; }
.infobulle:hover > div { opacity: 1; visibility: visible; transform: scale(1) rotate(0deg); }
.bouh { width: 120; padding: 10px; margin: auto; box-shadow: inset 0 0 39px 1px #D8DFD4, 0 0 1px 1px #D8DFD4; background-color: #F3F6EF; color: #8DA5A4; text-align: center; border-radius: 5px; }
.bouh a { display: inline-block; color: #6D9D98; text-decoration: none; } .bouh a:hover { color: #A8CBC9; }
/* PROFIL */
.avatar_profil { max-height: 320px !important; opacity: 1; transition: 0.5s; }
.avatar_profil:hover { opacity: 0.6; transition: 0.5s; }
.fond_profil { width: 200px; height: auto; background-color: rgba(169, 169, 169, 0.5); padding: 5px; }
.fond_pseudo_profil { width: 200px; height: auto; padding-top: 5px; padding-bottom: 5px; position: relative; background-color: #E1E1E1; margin-bottom: 5px; }
.rang { font-size: 11px; margin-top: 5px; } span.pseudo { position: relative; padding-top: 5px; font-size: 17px; font-family: 'Ruluko', sans-serif; } span.comment { font-size: 10px; font-family: calibri; color: #000000; border-bottom: 2px solid #ffffff; width: 190px; display: block; }
/* les onglet */ .systab .tab { position: relative; padding: 2px 20px; color: #338687; background: #E1E1E1; border-bottom: 2px solid #ffffff; display: inline-block; }
/* les onglets sélectionnés */ .systab .tab.selected { color: #000000; padding: 2px 20px; }
/* contenus associés aux onglets */ .systab .contents { position: relative; color: #000000; background: #E1E1E1; padding: 10px; width: 178px; border-bottom: 2px solid #ffffff; }
.systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; } .systab.s_float .tabs,.systab.s_float .contents { float: center; }
/* MESSAGES */
.tabs-onglets { } .tabs-onglets1 { } .tabs-onglets2 { } .tabs-ongletsqeel { }
.contenu { text-align: justify; font-size: 11px; line-height: normal; }
.nom,nom { font-family: Alex Brush; font-size: 35px; color: #6D9D98; text-align: center; position: relative; transition: 0.5s; }
.nom:hover,nom:hover { color: #A8CBC9; transition: 0.5s; }
.citation,citation { color: #6D9D98; font-family: Open sans Condensed; text-transform: lowercase; text-align: center; font-size: 17px; transform: 0.5s; margin-top: -10px; }
.citation:hover,citation:hover { color: #6D9D98; transition: 0,5s; }
.tt,tt { background-color: #F3F6EF; display: block; text-align: center; color: #8DA5A4 !important; font-size: 11px; padding: 2px; width: 240px; font-family: Roboto; text-transform: uppercase; border-left: 5px solid #6D9D98; border-right: 5px solid #6D9D98; }
.tt:hover,tt:hover { background-color: #F3F6EF; color: #8DA5A4 !important; transition: 0.5s; border-left: 5px solid #A8CBC9; border-right: 5px solid #A8CBC9; }
.ongletpresa,ongletpresa { color: #6D9D98; font-family: open Sans condensed; text-align: center; font-size: 13px; padding-top: 5px; }
.m,m { text-transform: uppercase; font-family: Roboto; font-size: 10px; color: #6D9D98; text-transform: uppercase; } .op,op { text-transform: uppercase; font-family: Roboto; font-size: 10px; color: #6D9D98; text-transform: uppercase; } .t,t { font-weight: bold; text-shadow: 1px 1px 3px #ffffff; color: #e58c8e; text-transform: lowercase; } .f,f { font-weight: bold; text-shadow: 1px 1px 3px #ffffff; color: #95a868; text-transform: lowercase; } .r,r { font-weight: bold; text-shadow: 1px 1px 3px #ffffff; color: #7a8f8e; text-transform: lowercase; } .st,st { text-transform: uppercase; font-family: Roboto; font-size: 10px; color: #6D9D98; text-transform: uppercase; }
.contour { box-shadow: inset 0 0 39px 1px #D8DFD4, 0 0 1px 1px #D8DFD4; background-color: #F3F6EF; border-radius: 10px; background-image: url(http://i.imgur.com/MER9gvD.png); background-repeat: repeat; background-position: top center; border: none !important; padding: 15px; margin: 5px; text-align: justify; line-height: normal; }
.image { border: 2px solid #D8DFD4; opacity: 1; border-radius: 10px; transition: 0.5s; }
.image:hover { opacity: 0.8; transition: 0.5s; }
.scena { border: 1px solid #D8DFD4; padding: 2px; opacity: 0.7; transition: 0.3s; height: 50px; width: auto; }
.scena:hover { opacity: 1; transition: 0.3s; }
.imgrp { border: 1px solid #D8DFD4; padding: 2px; opacity: 0.7; transition: 0.3s; height: 100px; width: auto; }
.imgrp:hover { opacity: 1; transition: 0.3s; }
.texte { padding: 5px; margin: 5px; text-align: justify; font-size: 11px; line-height: normal; }
.fond {opacity: 0; transition: 0.3s;} .fond:hover {opacity: 1; transition: 0.3s} .descrilien { background-color: #F3F6EF; width: 200px; transition: 0.3s; padding: 5px; margin-left: -5px; margin-top: -5px; }
/* HUAKAʻI KULA */ .groupe1,groupe1 { color: #914d6a; font-family: Roboto; font-size: 13px; text-transform: uppercase; margin-right: 5px; }
/* MALAMA KA ʻAINA */ .groupe2,groupe2 { color: #3f4252; font-family: Roboto; font-size: 13px; text-transform: uppercase; margin-right: 5px; }
/* AʻOHE KAHI E PEʻE AI */ .groupe3,groupe3 { color: #879ea6; font-family: Roboto; font-size: 13px; text-transform: uppercase; margin-right: 5px; }
/* Partenariat */
.liste,a.liste { color: #6D9D98; text-transform: lowercase; } a.fiche:hover { color: #6D9D98; transition: 0.4s; } .fiche,a.fiche { color: #A8CBC9; text-transform: lowercase; } a.liste:hover { color: #A8CBC9; transition: 0.4s; }
/* Chatbox */
.ChatboxLaterale { position: fixed; bottom: 10%; left: 0; width: 100px; } .ChatboxLaterale iframe { width: 600px; height: 400px; display: none; } .boutonChatbox { vertical-align: bottom; } .boutonChatbox img { cursor:pointer; }
#chatbox_members { background-color: #F3F6EF; border-right: 1px solid; bottom: 30px; overflow: auto; position: absolute; top: 30px; width: 180px; } div#chatbox { color: #8DA5A4; background-color: #F3F6EF; }
/* ÉLÉMENTS PERSONNELS */
/* Paroles */
maike { color: #d95768; font-style: italic; } cameron{ color: #735e7d; font-style: italic; } elliot{ color: #6f8784; font-style: italic; } axelle { color: #ef8185; font-style: italic; } chelsie { color: #a9c07b; font-style: italic; } mathys { color: #889567; font-style: italic; } evy { color: #ef6162; font-style: italic; } james { color: #ff3300; } stefan { color: #ff3300; } ely { color: #ff3300; } eileen { color: #ff3300; } delta { color: #ff3300; }
/* FICHE DE LIENS MAÏKE */
.photo { width: 100px; box-shadow: 1px 2px 50px #D8DFD4 inset; opacity: 0.8; border-radius: 10px; border: 2px solid #D8DFD4; opacity: 0.6; transition: 0.3s; } .photo:hover { opacity: 1; transition: 0.3s; } .boite { background-color: #F3F6EF; color: #8DA5A4; font-family: Tahoma; font-size: 11px; text-align: justify; width: auto; padding: 10px; border-radius: 10px; box-shadow: 1px 2px 50px #D8DFD4 inset; border: 2px solid #D8DFD4; overflow: auto; } .nounou { font-family: Yesteryear; font-size: 35px; text-align: center; color: #6D9D98; margin-bottom: -15px; } .papou { font-family: Roboto; font-size: 11px; text-transform: uppercase; text-align: center; color: #A8CBC9; } xo { font-family: Roboto; font-size: 10px; text-transform: uppercase; color: #6D9D98; }
|
|