Nebouille Patatouille
Messages : 136 Date d'inscription : 25/01/2012
| Sujet: Je suis une save de CSS. Ven 12 Juil - 8:46 | |
| Pantsu Vert 2012 - Code:
-
.st{ font-weight: bold; font-family: Georgia; text-transform: uppercase; font-size: 11px; border-bottom: 1px dashed crimson; }
a { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: 1s; }
.img{ align: right; margin-bottom: -80px; margin-right: -70px; }
#navig { width: 950px; margin: auto; text-align: center; }
#navigation { position: fixed; z-index: 999; width: 100%; background-color: white; margin-top: -10px; margin-left: -10px; padding: 5px; color: #5FC4BF; box-shadow: 0px 0px 5px black; text-align: center; }
a.mainmenu { margin: 5px; font-family: Arial; font-size: 11px; text-align: center; }
.bodyline{ margin-top : 40px; margin-bottom : -50px; padding: 0px;}
/*CONTOUR Du forum*/ .bodyline {border-left: 4px solid #E2E3E5; border-right: 4px solid #E2E3E5; border-top: none; border-bottom: none; box-shadow: 0px 0px 50px black}
/*catégorie*/
.desc{ background-color: #fff; padding: 6px; /*marge interne*/ -moz-border-radius:8px 8px 8px 8px; border:1px solid #dadada; width:60%; } .racc{ background-color: #fff; padding: 6px; /*marge interne*/ -moz-border-radius:8px 8px 8px 8px; border:1px solid #dadada; width:40%;} .bord{ border:1px solid #dadada;}
/**INFOBULLES**/
a.info { position: relative; color: #576186; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 12px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: -30px; /* on positionne notre infobulle */ left: 30px;
background: #efecfb;
color: black; padding: 15px;
box-shadow: 0px 0px 7px black; border-radius: 15px 15px 0px 0px; }
/**FIN INFOBULLES**/
/**INFOBULLES DEUX**/ a.imginfo { position: relative; color: #7d7d7d; text-decoration: none; border-bottom: 0px #7d7d7d solid; /* on souligne le texte */ }
a.imginfo span { display: none; /* on masque l'infobulle */ } a.imginfo:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */ cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.imginfo:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: -61px; /* on positionne notre infobulle */ width: 294px; /* largeur de l'infobulle */ height: 69px; /* hauteur de l'infobulle */ background: white; color: 7d7d7d; padding: 3px; box-shadow: 0px 0px 5px; } /**FIN INFOBULLES DEUX**/
/**ONGLET SIGNATURE SORARU**/ ul, li{ list-style: none; } .mon_onglet{ float: left; padding: 2px 10px; margin-right: 5px; color: #fff; background: #000000; border: 2px solid #4682b4; cursor: pointer; margin-bottom: -1px; } .mon_onglet:hover{ background: #000000; } .mon_onglet_selected{ float: left; padding: 2px 10px; margin-right: 5px; color: #fff; background:#000000; border-top: 2px solid #4682b4; border-right: 2px solid #4682b4; border-left: 2px solid #4682b4; border-bottom: 1px solid #000000; cursor: pointer; margin-bottom: -1px; } .clear{ clear: both; } .mon_contenu{ color: #fff; background: #000000; border: 2px solid #4682b4; padding: 10px; margin: -1px; } #mes_contenus, #mes_onglets{ width: 400px; }
A:link {text-decoration: none !important;} A:visited {text-decoration: none !important;} A:active {text-decoration: none !important;} A:hover {text-decoration: none !important;}
.groupes{ -moz-border-radius: 8px 8px 8px 8px ; /*pour fonctionner sous Safari + Chrome*/ -webkit-border-radius : 8px 8px 8px 8px ; background-color: #FFFFFF;}
.postdetails.poster-profile a img { /*margin: auto; display: block; margin-bottom: -10px;*/ display: block; margin: 0 auto; }
.forumline{ -moz-border-radius: 8px 8px 8px 8px ; /*pour fonctionner sous Safari + Chrome*/ -webkit-border-radius : 8px 8px 8px 8px ; -moz-box-shadow: 8px 8px 12px #aaa; -webkit-box-shadow: 8px 8px 12px #aaa; box-shadow: 2px 2px 12px #555; border-bottom: 3px solid ; border-top: 3px solid ; border-right: 3px solid ; border-left: 3px solid ;}
table.forumline {border:1px dotted;}
a { text-decoration: none; }
.bodyline { -moz-border-radius:10px; }
table.bodylinewidth { position: relative; top: -9px; }
.vignettes {-moz-border-radius:7px; background-color: #ffffff; padding-right:10px; padding-left:10px; padding-bottom: 3px; padding-top:3px;}
.atelierdesc { background: #BBC4CC; color: #000000; margin-left: 1px; margin-top: 1px; padding: 1px; padding-left: 1px; border-top : 1px solid #FFFFFFF; border-bottom : 1px solid #FFFFFF; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; -moz-border-radius-topleft: 1px; -moz-border-radius-topright: 1px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; font-family:"Georgia"; }
/***QEEL***/
.tableauqueel{ background-image : url('http://i1112.photobucket.com/albums/k500/choufleur-chan/QEEL-1.png') ; height: 300px; }
.partiedroite { font-size : 12px ; border-left : Xpx dotted #COLOR ; padding-left : 10px }
.groupes{ background-color:#COLOR ; border: 1px color #COLOR ; -moz-border-radius : Xpx XpxXpxXpx; height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:14px text-align:center; font-color : #COLOR ; text-decoration: none !important; }
/***FIN DU QEEL***/
/**fiche accordeon**/
#contenu { font-size: 11px; font-family: Arial; margin: 0px auto; padding: 0px; }
#contenu ul { list-style: none; margin: 0px auto; padding: 0px; }
#contenu ul li { float: left; margin: 0px; padding: 0px; }
#contenu #premier { width: 400px; height: 300px; }
#contenu h1{ width: 350px; color: #84cae0; text-shadow: 1px 1px 1px grey; display: block; border-bottom: 1px solid #84cae0; padding: 2px; font-size: 14px; text-align: center; }
#contenu .container { overflow: hidden; height: 300px; width: 12px; }
.container { width: 400px; hight: 300px; background-color: #9f9d9d; }
.barregauche { float: left; height: 300px; width: 12px; }
.content { display: block; width: 350px; height: 300px; margin: 0px; padding:10px; margin-left: 20px; text-align: justify; }
.hautcontenu { width: 436px; height: 50px; color: #84cae0; background-color: #3b3b3b; -webkit-border-top-left-radius: 1000px; -webkit-border-top-right-radius: 1000px; -moz-border-radius-topleft: 1000px; -moz-border-radius-topright: 1000px; border-top-left-radius: 1000px; border-top-right-radius: 1000px; text-align: center; font-family: Georgia; font-style: italic; font-size: 40px; text-shadow: 1px 1px 1px #a1a1a1; }
a { color: #84cae0; text-decoration: none; }
/**fin fiche accordeon**/
a.forumlink { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #A86034; font-size: 40px; margin-top: -20px; font-style: italic; text-align: right; letter-spacing: -3px; margin-left: 20px }
a.forumlink:hover { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #D6E600; font-size: 45px; margin-top: -20px; font-style: italic; text-align: right; letter-spacing: -3px; margin-left: 20px }
/**PA**/
.titrePA{text-transform:uppercase; font-size:20px; color:#E3EA3E; font-family:georgia; text-shadow: 0px 0px 3px black;}
div.tableaupartenaire { line-height: 0px; }
div.tableaupartenaire a { margin: 2px; }
div.tableaupartenaire a, div.tableaupartenaire a img { display:inline-block; height: 25px; width: 70px; }
div.tableaupartenaire a:hover img { display:inline-block; position: absolute; height: 35px; width: 100px; -webkit-transition: width 1s, height 1s; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; margin-left: -10px; margin-top: 0px; }
.systab .tab { cursor: pointer; padding:5px; background-color:#E3EA3E; font-size:17px; text-transform:uppercase; text-align:center; }
.systab .contents { margin-top: 1px; margin-bottom: 1px; background: white; border: 1px solid #E3EA3E; padding: 10px; width:415px; height:200px; overflow:auto; nowrap: normal; }
.systab.s_float .tab,.systab.s_float .tab { display: block; margin: 5px; }
.systab.s_float .tabs,.systab.s_float .contents { float: center; }
.infobulle{ position: relative;} .infobulle .infobulle-hidden { display: none; position: absolute; visibility: visible; z-index: 999; background-color: white; border-right: 1px dotted #E3EA3E; border-left:1px dotted #E3EA3E; border-top:5px solid #E3EA3E; border-bottom:5px solid #E3EA3E; border-radius: 15px; color:#E3EA3E; padding:10px; font-size:11px; font-weight:lighter; text-align:center; top: -30px; /* on positionne notre infobulle */ left: 30px; white-space: nowrap;} .infobulle:hover .infobulle-hidden { display: block;}
/**FICHE GROUPE POUR SH**/ /*code neb art 2012*/
.titre1 { text-transform: uppercase; font-family: Georgia; text-shadow: 0px 0px 5px black; color: #EB1A3D; letter-spacing: -2px; font-size: 40px; border-bottom: 3px dotted white; margin-top: 10px; }
.titre1:hover { text-transform: uppercase; font-family: Georgia; text-shadow: 0px 0px 5px black; color: #661E04; letter-spacing: 0px; font-size: 40px; border-bottom: 3px dotted white; margin-top: 10px; }
.soustitre1 { text-transform: lowercase; font-family: Georgia; text-shadow: 0px 0px 5px #DEB887; color: white; font-size: 14px; margin-top: -10px; font-style: italic }
.titre2 { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #A86034; font-size: 30px; margin-top: -20px; font-style: italic; text-align: right; letter-spacing: -3px; margin-right: 20px }
.titre2:hover { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #EB1A3D; font-size: 30px; margin-top: -20px; font-style: italic; text-align: right; letter-spacing: -3px; margin-right: 20px }
.titre2v2 { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #A86034; font-size: 30px; margin-top: -20px; font-style: italic; text-align: left; letter-spacing: -3px; margin-left: 20px }
.titre2v2:hover { text-transform: lowercase; font-family: Georgia; text-shadow: 1px 1px 0px white; color: #EB1A3D; font-size: 30px; margin-top: -20px; font-style: italic; text-align: left; letter-spacing: -3px; margin-left: 20px }
/**DIV CLASS EN TOUT GENRE ♥**/
.qeel { width: 200px; font-family: Arial; font-size: 12px; color: black; text-align: justify; margin-top: -160px; margin-left: 340px; margin-bottom: 0px; margin-right: 0px; height: 175px; overflow:auto; padding-right: 10px }
.qeel2 { width: 200px; font-family: Arial; font-size: 12px; color: black; text-align: justify; margin-top: -160px; margin-left: 40px; margin-bottom: 0px; margin-right: 0px; height: 175px; overflow:auto; padding-right: 10px }
.type1 { width: 500px; padding: 20px; background-image: url(http://obsession27.free.fr/divers/fonds/pat4.jpg); box-shadow: 0px 0px 7px; margin: 20px; padding-top: 90px; }
.type2 { width: 400px; margin-bottom: -50px; background-color: #D34245; box-shadow: 0px 0px 7px; color: white; font-family: Bowlby One SC; font-size: 40px; text-align: center; position: absolute; padding:10px; box-shadow: 0px 0px 7px black; margin-left: 235px; } Template Index_body - Code:
-
{JAVASCRIPT} <!-- BEGIN message_admin_index --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <!-- BEGIN message_admin_titre --> <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr> <!-- END message_admin_titre --> <!-- BEGIN message_admin_txt --> <tr> <td class="row1" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr> <!-- END message_admin_txt --> </table> <!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_header -->
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span> <!-- END switch_delete_cookies --> </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> <!-- BEGIN switch_on_index --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> <!-- END switch_on_index --> </span> </td> </tr> </table>
<!-- BEGIN switch_user_login_form_footer --> <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <!-- BEGIN switch_fb_connect_no --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect --> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span> </td> </tr>
<tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td> <td width="10%" align="center" valign="middle"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </td> </tr> </table> <!-- END switch_fb_connect --> </form> <!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <center><img src="http://i1112.photobucket.com/albums/k500/choufleur-chan/Sanstitre-9_zps623f297c.png" width="832" height="420" usemap="#QEEL" />
<map name="QEEL"> <area shape="rect" coords="422,35,519,62" href="http://pantsugakuen.jdrforum.com/g2-popcorn"> <area shape="rect" coords="337,3,619,41" href="http://pantsugakuen.jdrforum.com/g10-dangos"> <area shape="rect" coords="626,35,699,60" href="http://pantsugakuen.jdrforum.com/g9-sushi"> <area shape="rect" coords="715,13,824,42" href="http://pantsugakuen.jdrforum.com/g8-pancakes"> <area shape="rect" coords="511,77,640,100" href="http://pantsugakuen.jdrforum.com/g4-cake"> <area shape="rect" coords="638,78,814,108" href="http://pantsugakuen.jdrforum.com/g5-fruits"> <area shape="rect" coords="391,120,573,143" href="http://pantsugakuen.jdrforum.com/g6-vegetables"> <area shape="rect" coords="606,131,794,153" href="http://pantsugakuen.jdrforum.com/g7-macarons"> </map><table><tr><td><div class="qeel">{TOTAL_POSTS}<br>{TOTAL_USERS}<br>{NEWEST_USER} </div></td><td><div class="qeel2">{TOTAL_USERS_ONLINE}<br>{RECORD_USERS}<br><br>{LOGGED_IN_USER_LIST} </div></td></tr></table></center> </tr> <!-- BEGIN switch_chatbox_activate --> <tr> <td class="row1"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br /> <!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script> <!-- END switch_fb_index_login --> |
|