css du forum v1
:: :: catch me
who are you
Page 1 sur 1 • Partagez
css du forum v1
- Spoiler:
table.bodylinewidth
{
position: relative;
bottom: -9px;
}
body{
background-color: #fafafa;
background-image: url("https://i.imgur.com/7S9BapX.png");
background-position:top;
background-repeat:no-repeat;
}
.navbar-fixed-top {
z-index: 999;
}
.lastpost-avatar img {
height: auto;
width: 150;
position:center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
position:center;
}
.navbar{font-color:#FFFFFF;
}
.d {
float: right;
width:200px;
padding-right: 5 px;
padding-left:5px;
}
.g {
float: left;
width:130px;
padding-left: 5 px;
padding-right:5px;
}
.drt1 {
float: right;
width:220px;
}
.gau1 {
float: left;
width:220px;
}
.fnd {
background-color:#E8E8E8;
}
.drt2 {
float: right;
width:340px;
}
.gau2 {
float: left;
width:120px;
}
.tops1 {
width:100px;
height:100px;
border:2px solid #E4DED6;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
-webkit-transform: rotate(2deg) ;
-moz-transform: rotate(2deg) ;
-o-transform: rotate(2deg) ;
-ms-transform: rotate(2deg) ;
transform: rotate(2deg) ;
float:center;
}
.ac {
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
width:350px;
}
.ql
{border: 2px dashed #DFDC14; /* auront une bordure de 1px */
background-color: #F5F5F5;
padding : 5px;}
.pa1 {
padding-left:3px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
width:60px;
height:35px;
border: 2px solid black;
}
.test1 {
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:4px;
widt-h:50px;
height:10px;
border: 2px solid #E4DED6;
text-transform:uppercase;
background: #FAFAFA;
font-color: #FFFFFF;
font-size: 10px;
font-family:crushed;
}
.paimg {
width:90px;
height:55px;
border:2px solid #E4DED6;
}
.fuck {
width:200px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
border:2px solid #E4DED6;
background-color: #FFFFFF;
text-align:justify;
}
.fo1 { padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
background-color: #FFFFFF;
}
/* -------------------------- CODAGE DE LA PAGE D’ACCUEIL -------------------------*/
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
ul.navlinks { border: none; }
a.mainmenu {
font-family:"arial";text-transform:uppercase;font-size:10px;position:center;font-color:#FFFFFF;}
/* -------------------------- CODAGE CONCERNANT LA MISE EN PAGE GENERAL -------------------------*/
dd.posts {
width:120px!important;
}
dd.topics {
width:50px!important;
}
dl.dterm{
width:500px!important;
}
a {text-decoration:none}
a:hover {text-decoration:none!important}
tr.post span.gensmall {display:none}
.postbody {text-align:justify;margin-left:-15px;margin-right:15px;margin-top:10px;margin-bottom:10px}
.postbody .content {
font-size: 10px !important;
}
.postbody .topic-title {
font-size: 11px !important;
}
.linklist
{
display:none;
}
.postbody {
...
width: 62%;
...
}
.postprofile {
width: 30%;
}
.postprofile img {wi-dth:200px;he-ight:320px;align : center;}
.lastpost-avatar img {
height: auto;
width: 80;
position:center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
/*----HOVER DES IMAGES ----*/
ul.img-list {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list li {
display: inline-block;
height: 50px;
margin: 0 1em 1em 0;
position: relative;
width: 200px;
}
span.text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
}
ul.img-list li:hover span.text-content {
opacity: 1;
}
span.text-content {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
-o-transition: opacity 250ms;
transition: opacity 250ms;
}
/*------------------------IMAGE HOV----------------------*/
ul.img-list1 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list1 li {
display: inline-block;
height: 320px;
margin: 0 1em 1em 0;
position: relative;
width: 200px;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 350px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
}
ul.img-list1 li:hover span.text-content1 {
opacity: 1;
}
span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 350px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
-o-transition: opacity 250ms;
transition: opacity 250ms;
}
/* -------------------------- CODAGE SUR LE QUI EST EN LIGNE -------------------------*/
table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}
td /* Toutes les cellules des tableaux... */
{
border: 1x solid #27BDE2; /* auront une bordure de 1px */
background-color: #FDFDFD;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
}
C3B4B4
#F5F5F5; couleur claire
/*BOTTIN*/
.drt {
float: right;
width:265px;
padding-right: 10 px;}
.gau {
float: left;
width:265px;
padding-left: 10 px;}
/*pour la PA*/
.droite {
float: right;
width:370px;
padding-right: 10 px;
}
.gauche {
float: left;
width:370px;
padding-left: 10 px;
}
.linklist
{
display:none;
}
/*CODES SUR LE TEXTE*/
rty {font-size:10px;
font-weight:bold;
text-decoration:underline;
text-transform:uppercase}
rta {font-size:9px;
font-weight:italic;
text-transform:lowercase}
.now {font-family:arial;
font-size:11px;
font-style:bold;
letter-spacing:3px;
text-shadow: -1px 0 grey, 0 1px grey,
1px 0 grey, 0 -1px grey;padding:10px;
background-color:#ffb21b;
text-align:center;
}
uv {font-family:courier;
font-size:25px;
text-align:center;letter-spacing:3px;text-shadow:3px white;}
rv {font-family:courier;
font-size:22px;
color:#B0343D;
padding:5px;
text-align:center}
/*TENTATIVE SUR LA SCROLLBAR*/
::-webkit-scrollbar { /* Scrollbars */
width: 7px;
background: #bfb6a3;
}
/*CODES POUR LES FICHES DE PRES, LIENS ET RP*/
.fond
{background-color:#F9F9F9;}
.fond1
{background-color:#FAFAFA;}
.fond2
{background-color:#27BDE2;}
pqr {font-family:permanent marker;
font-size:30px;
color:#B0343D;
padding:5px;
background-color:#fafafa; text-align:center;}
ty {font-family:dancing script;
font-size:13px;
font-style:bold;
letter-spacing:3px;
text-transform:lowercase;
color:#FFFFFF;
position:center;
text-align:center;}
.postbody .content {
font-size: 10px !important;
text-align:justify;
}
.postbody .topic-title {
font-size: 11px !important;
}
.abc {border-radius:10px;
width:150px;}
de {font-family:sans-serif;
font-size:14px;font-style:bold;text-align:center;}
fg {font-family:sans-serif;
font-size:11px;
font-style:italic;
letter-spacing:1px;}
jk {font-size:10px;
font-weight:bold;
text-decoration:underline;
text-transform:uppercase;}
.ced {border-radius:5px;
width:70px;}
qs {font-family:great vibes;
font-size:18px;
font-style:bold;
letter-spacing:1px;
color:#B0343D;}
.fgh {border-radius:12px;
width:245px;}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 1px solid #5FBED6;
}
.cadreavatar {
width: 210px;
height: 325px;
background-color: #FDFDFD;
border: 0 px solid #5FBED6; }
.moncadre {
background-color: #FDFDFD;
border: 0 px solid #DDDDDD;
width:200px;
height:320px;
}
ade {
border: 5px solid red;
}
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #CCCCCC; /* couleur de fond */
border: 2px double #DDDDDD; /* bordure */
color: #B74C08; /* couleur texte */
font-size: 11px; /* taille du texte */
font-variant: small-caps; /* effet petites majuscules */
font-weight: bold; /* effet gras */
letter-spacing: 2px; /* espace entre les lettres */
}
.profil-cache {
border: 3px double #FDFDFD;
margin: 2px 0;
padding: 2px;
}
.postprofile > dl > dt a img {
padding:0px; /* une marge entre la bordure et l'intérieur du bloc */
margin:0px; /* une marge entre la bordure et l'extérieur du bloc */
border:0px solid #FDFDFD; /* la bordure */
background:#5FBED6; /*une couleur de fond */
}
.ChatboxLaterale {
position: fixed; /* position fixe dans la fenêtre */
bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
left: 0; /* et collé au bord gauche */
width : 100px; /* dimension 100px */
}
.ChatboxLaterale iframe {
width: 800px; /* largeur */
height: 300px; /* hauteur */
display: none; /* caché par défaut */
}
.boutonChatbox {
vertical-align: bottom; /* on aligne le bouton en bas, le long de la chatbox */
}
.boutonChatbox img {
cursor:pointer; /* on ajoute un pointeur pour indiquer que image est cliquable */
}
.navbar span.corners-top { background-image: none; }
.navbar span.corners-top span { background-image: none; }
.navbar span.corners-bottom { background-image: none; }
.navbar span.corners-bottom span { background-image: none; }
.forabg span.corners-top { background-image: none; }
.forabg span.corners-top span { background-image: none; }
.forabg span.corners-bottom { background-image: none; }
.forabg span.corners-bottom span { background-image: none; }
::-webkit-scrollbar { /* Scrollbars */
width: 7px;
background-color:#E8E8E8;
}
::-webkit-scrollbar-thumb {
background: #CAC3F2; /* couleur de la barre qui se déplace */
border-radius: 50px;} /* Arrondis *
/* espace pour le menu*/
.space {
width:6px;
height:2px;
}
/* fin espace menu* /
/* staff presenté de manière simple avec uniquement une bordure */
.staff {
width:140px;
height:70px;
padding:2px;
border:1px solid #CABCAB;
}
/* fin staff */
/* top sites aux formes automatiquement arrondis */
.tops {
width:60px;
height:60px;
border:2px solid #E4DED6;
opacity:0.8;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
-webkit-transform: rotate(2deg) ;
-moz-transform: rotate(2deg) ;
-o-transform: rotate(2deg) ;
-ms-transform: rotate(2deg) ;
transform: rotate(2deg) ;
}
/* fin top sites */
/* propriétés communes aux blocs */
.blocstaff,
.blocb,
.blocpoto,
.blocredit,
.blocnews,
.bloctop {
text-align:justify;
font-family : tahoma;
font-size:10px;
color:#858585;
letter-spacing: 1px;
padding:3px;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;}
/* fin propriétés communes */
.bloc {
border:3px solid #585858;}
/* bloc staff */
.blocstaff{
width:150px;
height:150px;
}
/* fin bloc staff */
/* bloc bienvenue*/
.blocb{
width:230px;
height:150px;
}
/* fin bloc bienvenue */
/* bloc partenariat*/
.blocpoto{
width:230px;
height:150px;
}
/* fin bloc partenariat */
/* centre les logos partenaires */
.cpart {
width:98%;
height:70px;
overflow:auto;
}
/* fin logo partenaires */
/* bloc crédit */
.blocredit{
width:230px;
height:150px;
}
/* fin bloc crédit */
/* crédit texte */
.textc {
font-size:10px;
}
/* fin crédit texte */
/* bloc nouveauté */
.blocnews {
width:250px;
height:150px;
}
/* fin bloc nouveauté */
/* bloc topsites */
.bloctop {
width:230px;
height:150px;
}
/* fin bloc topsites */
/* centre logo tops*/
.ctop{
width:98%;
height:135px;
overflow:auto;
}
/* fin centre logo tops */
/* les titres avec pour police crushed */
.titrepa {
font-family: 'crushed';
font-size:27px;
color:#70BFCF;
}
/* fin titre */
/* les liens rapides tout n haut de la PA */
.menu {
color:#464645;
letter-spacing: 1px;
font-variant:small-caps;
font-size:11px;
padding:2px;
padding-left:4px;
padding-right:4px;
border-left:3px solid #F-2F2F2;
border-right:3px solid #F-2F2F2;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
/* fin liens rapides */
/* simple texte qui se trouve dans les tables pour ne pas deborder */
.textepa {
height:150px;
overflow:auto;
}
/* fin texte */
/* les logos des partenaires dont l'opacité augmente au survol de la souris */
.part {
width:100px;
height:35px;
opacity:0.5;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.part:hover {
opacity:0.7;
}
/* fin logos partenaires */
.select-wrapper { display:block; overflow-x:hidden; border:1px solid #ccc; border-radius:3px; padding:5px; cursor:pointer; width:150px;
}
.select-wrapper select { border:0; min-width:130%; cursor:pointer;}
.select-wrapper:after { content:"\25BC"; display:block; position:relative; float:right; top:-25px; right:-5px; background-color:#fff; width:32px; text-align:center;}
.select-wrapper:after { content:"\25BC"; display:block; position:relative; float:right; top:-25px; right:-5px; background-color:#fff; width:32px; text-align:center; margin-bottom:-25px;}
/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
border: 1px solid #a19388;
position:relative;
margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
background-color:#ABABAB;
}
.pseudo{
padding:4px 0;
width:200px;
background-color:#1C1C1C;
position:relative;
text-align:center;
color:#949046;
font:Josefin Slab, Georgia;
text-transform:uppercase;
}
.pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}
.flecheprofil{
width:0px;
height:0px;
border:8px solid transparent;
border-left:25px solid #1C1C1C;
position:absolute;
top:10px;
left:200px;
}
.rang {
width:136px;
height:19px;
background-color: #1C1C1C;
font: 10px Josefin Slab, Georgia;
line-height:95%;
text-transform: uppercase;
color:#636363;
margin:-15px auto 5px auto;
padding:2px;
text-align:center;
position:relative;
z-index:2;
-moz-box-shadow: 0px 0px 8px 0px #656565;
-webkit-box-shadow: 0px 0px 8px 0px #656565;
-o-box-shadow: 0px 0px 8px 0px #656565;
box-shadow: 0px 0px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=;
}
.infoprofil{
position:absolute;
top:35px;
left:0;
background: rgba(0, 0, 0, 0.75);
opacity:0;
filter:alpha(opacity=0);
height:320px;
width:200px;
text-align:center;
font:13px sans-serif 500;
text-transform:uppercase;
color:#8A8A8A;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}
.infoprofil .label span {
visibility:visible;
text-decoration:underline;
display:block;
background-color:rgba(0, 0, 0, 0.65);
color:#8A8A8A !important;
padding:5px;
margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
visibility:visible;
display:block;
background-color:rgba(0, 0, 0, 0.65);
padding:3px;
margin:-5px 0 -3px 0;
}
/*fin du profil ****************************************************/
ul.img-list6 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.img-list6 li {
display: inline-block;
height: 50px;
margin: 0 1em 1em 0;
position: relative;
width: 200px;
}
span.text-content6 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
}
ul.img-list6 li:hover span.text-content6 {
opacity: 1;
}
span.text-content6 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 50px;
left: 0;
position: absolute;
top: 0;
width: 200px;
opacity: 0;
-webkit-transition: opacity 250ms;
-moz-transition: opacity 250ms;
-o-transition: opacity 250ms;
transition: opacity 250ms;
}
:: :: catch me
who are you
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|