lethal weapøn. Admin
Messages : 388
Date d'inscription : 07/09/2010
Age : 37
Localisation : on Mars
 |  Sujet: ancien css forum test  Sam 12 Jan - 13:35 | |
| - Code:
-
a.forumlink{
display:block;
text-align: center;
}
.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0px;
}
.bodyline {
padding-left:0px;
padding-right:0px;
padding-top: 0px;
}
body{
background-color: #45271E;
background-image: url("");
background-position:top;
background-repeat:no-repeat;
}
/* Largeur du forum */
.bodylinewidth {
width: 50%;
}
/*fin*/
.postdetails.poster-profile a img {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond10.jpg');
padding: 7px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px solid #000;
}
.bodyline {
border: #f2e2c9 0px solid;
}
a.forumlink,
h1.cattitle,
#PA h2 {
color: #40253B;
text-align: center;
font-size: 14px;
font-style: italic;
margin-bottom: 15px;
}
a.forumlink:before,
h1.cattitle:before,
#PA h2:before {
content: '\00A4 ';
}
/* La description des catégories en page d'accueil */
.descCat {
font-size: 10px;
}
/* Les statistiques de sujets et messages en page d'accueil */
.nbSujets {
font-size: 10px;
float: right;
}
.catHead, a.cattitle {
text-align: center;
color: #f2f2f2;
font-size: 10px;
}
.postdetails, .postdetails poster-profile {
font-style: italic;
color: #444444;
}
.postbody {
padding-left: 2px;
}
.hr {
border-top: #594F54 thin solid;
}
input.liteoption, input.mainoption {
color: #f2f2f2;
}
.box_pa {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #9CA6A6;
padding: 5px;
}
/*BARRE NAVIGATION*/
a.mainmenu{
color : #B05B48;
background-color: #;
font-family: courier new;
font-size: 20px;
letter-spacing: -2px;
text-transform: lowercase;
text-shadow: #E07F69 1px 1px 1px;
text-decoration: none;
}
a.mainmenu:hover{
color : #B05B48;
background-color: #;
font-family: courier new;
font-size : 23px;
letter-spacing: -5px;
text-transform: lowercase;
text-shadow: #E07F69 1px 1px 1px;
text-decoration: none;}
------------------------------/*CODAGE CRAZY STUPID HERO*/--------------------------------------------------------
------/*PROFILS CSS*/----------
.profils {
text-align: justify;
}
/*contour avatar*/
.contvava {
border-radius:6px;
border-bottom: 6px #f5c87a solid;
border-left: 6px #f5c87a solid;
border-right: 6px #f5c87a solid;
border-top: 6px #f5c87a solid;
}
/*fin/
/*codage profils*/
#testou { border: 6px solid #f5c87a; border-radius: 10px; }
.flabel { text-transform: uppercase; font-size: 12px; }
.pseudo { letter-spacing: -1px; font-size: 20px; font-style: none; font-family: Georgia; text-shadow: 1px 1px 5px #FAA719; text-transform: none; }
.uhu { margin-top: 2px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; } >> rankk
.a { margin-top: 5px; letter-spacing: 1px; color: #FAA719; text-shadow: 1px 1px 2px black; text-transform: lowercase; }
.profils { bcolor: #FAA719; text-transform: uppercase; font-size: 13px; padding: 2px 0px 2px 0px; letter-spacing: 1px; }
.profilmasque { margin-top: 5px; letter-spacing: 1px; color: #FAA719; text-transform: lowercase; }
.profil2 {width: 100%; text-align: center !important; }
.procont { width: 200px; margin: auto; border-radius: 0px 0px 10px 10px; color: #FAA719; padding: 5px; text-align: center; background-color: #FAA719; font-size: 11px; font-family: franklin gothic medium; line-height: 11px; }
.protit { background-color: #FAA719; width: 210px; margin: auto; border-radius: 10px 10px 0px 0px; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 10px; padding: 2px 0px 2px 0px; letter-spacing: 1px;}
/*fin*/
/*FIN CODAGE PROFIL*/
/*TAILLE GIF PROFILS*/
.postrow.displayed.POSTER_RPG {width:200px;display:block;}
/*********************************************************
INFOBULLE AVATAR
*********************************************************/
div.info_profil em {
display:none;
}
div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info_profil:hover em {
font-style: normal;
font-size: 13px;
color: #FFFFFF!important;
padding: 3px;
display: block;
position: absolute;
top: 130px;
left: 100px;
-moz-border-radius: 7px 7px 7px 7px ;
-webkit-border-radius: 7px 7px 7px 7px ;
border-radius: 7px 7px 7px 7px ;
-moz-box-shadow: 4px 4px 4px #FAA719;
-webkit-box-shadow: 4px 4px 4px #FAA719;
box-shadow: 4px 4px 4px #fab237;
background-image: URL(http://i.imgur.com/C0Z6r.png); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
background-color: #FAA719;
border: 3px outset #FAA719;
width:210px;
}
.triangle-isosceles {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#000;
background:#f3961c;
}
/**********************************************************
FIN INFOBULLE AVATAR
**********************************************************/
/**************contour avatar*********************/
.profil_contour
{
padding : 8px;
border: 7px solid #F3BA62; /*La bordure*/
/*Largeur : de 1px à la largeur que vous voulez. (Exemple : 6px)
Style : choisir entre solid, dotted, dashed, double, groove, ridge, inset ou outset.
Couleur : la couleur de votre cadre. Difficile d'en dire plus./*
background-color: COULEUR; /*Le fond*/
background-image: URL(http://i.imgur.com/C0Z6r.png); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;}
/*************fin contour avatar******************/
/**************contour avatar*********************/
.profil_contour
{
padding : 8px;
border: 7px solid #F3BA62; /*La bordure*/
/*Largeur : de 1px à la largeur que vous voulez. (Exemple : 6px)
Style : choisir entre solid, dotted, dashed, double, groove, ridge, inset ou outset.
Couleur : la couleur de votre cadre. Difficile d'en dire plus./*
background-color: COULEUR; /*Le fond*/
background-image: URL(http://th02.deviantart.net/fs70/PRE/f/2012/129/e/f/the_avengers__captian_america_by_lifeendsnow-d4z5pm8.jpg); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;}
/*************fin contour avatar******************/
/*FIN*/
#slidespv div {
margin: 5px;
background: #FAFAF5;
font-size: 10pt;
text-align: justify;
line-height: 100%;
border-left: 1px solid #F3EFE4;
border-right: 1px solid #F3EFE4;
border-top: 1px solid #F3EFE4;
border-bottom: 1px solid #F3EFE4;
height: 100px; /* Égal à la hauteur de l'image */
overflow: hidden;
position: relative;
width: 100px; /* Égal à la largeur de l'image */
}
#slidespv div img {
left: 0;
position: absolute;
top: 0;
transition: transform 0.5s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out;
-o-transition: -o-transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
}
#slidespv div:hover img {
transform: translateY(-100px); /* Valeur négative égale à la hauteur de l'image */
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-webkit-transform: translateY(-100px);}
#slidespv { display:inline-block; }
--------------------/*POST EN BULLES*/---------------------------------------
.fleche {
background-image : url('http://www.alexandre-meinesz.com/imgs/fleche.png');
width: 20px;
height :20px;
position : relative;
top :50px;
left :-19px; }
.bulle{
background-color : #FFCC00;
border : 1px solid #FF9900;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
/*----------------------LES CATEGORIES----------------------*/
/*nom titre catégorie*/
.titrecat{
font-family: georgia;
font-size : 25px;
color : darkred;
text-transform: uppercase; }
/*arrondir le bas catégorie*/
.forumline{
background-color: none;
-moz-border-radius:6px;
border-bottom: 6px #dad268 solid;
border-right: 1px #dad268 solid;
border-left: 1px #dad268 solid;}
.liensousforum { /*lien des sousforums*/
width:105px;
background-color:#FFFFFF;
color:#EB8096;
height:90px;
padding:5px;
border: 2px solid #;
}
.descriptionforum { /*description des forums*/
background-color: none;
font-family: Trebuchet MS;
font-size: 9px;
text-align: justify;
color : none;
margin-left: px ;
margin-right: px ;
padding: 15px;
border-radius-bottomleft:10px ;
-moz-border-radius-bottomright:10px ;
-moz-border-radius-topleft:10px ;
border-radius-topright:10px ;
background: #FDFAF2; width:400px;color: #; border-right:2px solid #B38F82; border-left:2px solid #B38F82; padding:5px; font-size:14px; line-height: 90%; text-align:justify;-moz-border-radius: 3px; }
a.lienforum /**** LIEN FORUM ****/ {
display: block;
text-align: center;
color: #5A3F3C;
font-size: 18pt;
font-family: 'EB Garamond', serif;
text-decoration: none !important;
}
a.lienforum:hover /**** LIEN FORUM AU PASSAGE DE LA SOURIS ****/ {
font-style: italic;
text-decoration: none !important;
}
/*RETIRER LE TRAIT EN DESSOUS DES PSEUDOS.*/
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
//*bunchoffreaks*/
.nonew { /**class pour la déco de l'image no new**/
width: 160px;
height: 100px;
border-right: 2px solid #B38F82;
border-left: 2px solid #B38F82;
background-color: #FDFAF2;
padding-top: 10px; }
.bodyline {
border-left: 15px #e3db69 solid;
border-right: 15px #e3db69 solid;}
.postdetails.poster-profile img {
width: 200px;}
a.forumlink:link, a.forumlink:visited {
margin-left:20px;
padding-top: 20px;
font-family:georgia;
font-size:20px;
text-transform: lowercase;
color:#fa9969;
word-spacing: -2px;}
a.mainmenu{
text-transform: lowercase;
color: #fa9969;
font-size: 14px;
word-spacing: -2px;}
a:link{/*lien*/
text-decoration: none !important;}
a:visited{/*lien visité*/
text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
text-decoration: none !important;}
a:link{/*lien*/
text-decoration: none !important;}
a:visited{/*lien visité*/
text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
text-decoration: none !important;}
//*bunchoffreaks*/
.nonew { /**class pour la déco de l'image no new**/
width: 160px;
height: 100px;
border-right: 2px solid #B38F82;
border-left: 2px solid #B38F82;
background-color: #FDFAF2;
padding-top: 10px; }
.bodyline {
border-left: 15px #e3db69 solid;
border-right: 15px #e3db69 solid;}
.postdetails.poster-profile img {
width: 200px;}
a.forumlink:link, a.forumlink:visited {
margin-left:20px;
padding-top: 20px;
font-family:georgia;
font-size:20px;
text-transform: lowercase;
color:#fa9969;
word-spacing: -2px;}
a.mainmenu{
text-transform: lowercase;
color: #fa9969;
font-size: 14px;
word-spacing: -2px;}
a:link{/*lien*/
text-decoration: none !important;}
a:visited{/*lien visité*/
text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
text-decoration: none !important;}
a:link{/*lien*/
text-decoration: none !important;}
a:visited{/*lien visité*/
text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
text-decoration: none !important;}
/* QEEL */
#cont_qeel {
background-color: #FFE699;
padding: 20px;
}
#online_img {
margin: auto !important;
}
#leg_qeel {
text-align: center;
font-size: 21px;
font-family: Georgia;
text-transform: lowercase;
font-weight: bold;
text-shadow: 0px 0px 3px;
letter-spacing: -1px;
font-style: italic;
margin-bottom: 30px;
border-radius: 0px;
}
.leg_qeel1 {
padding: 0px 10px 0px 10px;
display: inline;
}
.cont_qeel2 {
font-size: 11px;
font-family: Verdana;
padding: 10px;
background-color: #f5dd93;
text-align: justify;
width: 320px;
border-radius: 0px;
min-height: 160px;
}
.cont_qeel2 center {
font-family: Arial;
font-size: 10px;
}
.cont_qeel2 center u {
text-decoration: none !important;
font-size: 8px;
line-height: 8px;
opacity: 0.5;
border-bottom: 0px solid;
}
.cont_qeel3 {
font-size: 11px;
font-family: Verdana;
padding: 10px;
background-color: #f5dd93;
text-align: justify;
width: 500px;
margin: auto;
border-radius: 0px;
}
.titre_qeel {
text-align: center;
font-size: 20px;
font-family: Georgia;
text-transform: lowercase;
font-weight: bold;
text-shadow: 0px 0px 2px;
letter-spacing: -1px;
font-style: italic;
margin-bottom: -5px;
color: #5d4333;
}
.titre_qeel3 {
text-align: center;
font-size: 20px;
font-family: Georgia;
text-transform: lowercase;
font-weight: bold;
text-shadow: 0px 0px 2px;
letter-spacing: -1px;
font-style: italic;
margin-bottom: -5px;
color: #5d4333;
margin-top: 20px;
}
#cont_qeel td.row1, #cont_qeel td.row3.over:hover {
background-color: #f5dd93;
}
/* FIN */
/*FICHE PRESA THE SIMS*/
/*FICHE DE PRESENTATION*/
.cadre{width: 450px;
border: 1px solid #f2d9bd;
background-color: #fbe7d0;
padding: 5px;}
.titreprésa{
font-family: times new roman;
letter-spacing:-1px;
font-size: 25px;}
.titreprésa:hover{
font-family: times new roman;
letter-spacing:-1px;
font-size: 25px;
color: #f2d4be;}
/----------------------------/*PAGE ACCUEIL*/-----------------------------------------/
/*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/
/* Propriétés générales */
.block, .titre, .lien {
background: #000000;
color: #ffffff;
border: 2px #ffffff solid;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
text-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 1px 1px 5px #ffffff;
-webkit-box-shadow: 1px 1px 5px #ffffff;
}
.block, .lien {
text-align: center;
padding: 10px;
}
td {
vertical-align: top;
}
/* Images */
.block-partenaires img, .thumbnail > div {
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
transition: opacity 1s;
}
.block-partenaires img {
width: 88px;
height: 31px;
padding: 1px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.block-partenaires img:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.thumbnail {
position: absolute;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail > div {
position: absolute;
left: -2000px;
padding: 5px;
margin: auto;
background-color: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #000000;
border: #ffffff 1px solid;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.thumbnail:hover > div {
top: 0px;
left: 0px;
width: 78px;
height: 78px;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* Liens */
.lien{
display: block;
width: 110px;
margin-right: 10px;
text-decoration: none;
color: #ffffff;
}
.lien:hover{
background: #ffffff;
color: #000000;
}
a.tstaff {
display: block;
text-align: center;
margin-top: 95px;
}
.block a {
text-decoration: none;
}
/* Blocs */
.block-welcome, .block-staff {
height: 150px;
overflow: auto;
text-align: justify;
}
.block-welcome {
width: 500px;
}
.block-staff {
width: 332px;
}
.block-staff table {
margin: auto;
}
.block-staff td {
width: 92px;
}
.block-partenaires, .block-nouveautes, .block-credits {
width: 280px;
height: 120px;
}
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 280px;
height: 70px;
overflow: auto;
}
/* Titres */
.titre {
font-family: impact;
font-size: 14px;
padding: 4px;
margin: auto;
margin-bottom: 5px;
}
.titre-welcome {
height: 130px;
width: 20px;
padding: 7px;
margin-right: -4px;
margin-top: 15px;
text-align: center;
border-right: 0px #ffffff solid;
}
.titre-staff {
width: 130px;
text-align: center;
}
.titre:hover {
background: #FFFFFF;
color: #000000;
text-shadow: 0px 0px 8px #000000;
}
.titre-welcome:hover {
background: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #ffffff;
} |
|
