Revenir en haut Aller en bas

Boîte à rumeurs

Il paraîtrait que la nouvelle prof de "tolérance" aie des tendances cannibales... - Lamavoyeur

On dit que la première du classement de l'Académie n'a pas eu un seul ami pendant tout son cursus... - Lamavoyeur

Eh les gars ! J'ai entendu dire que Ritsu aurait dit à Zack que Kelya aurait des vues sur Skye mais qu'elle aime trop le fouet de Alistair pour oser déclarer sa flamme à l'élue de son c*l - Anonymousse

Un potin?

à adopter de toute urgence !

Petites annonces

03/08/2016 — Reyha cherche un partenaire RP! Un rp libre est disponible par ici.
25/02/2016 — Jizara vous propose ses services... renseignez-vous

Top sites

©linus pour Epicode

 :: Administration :: Bureau d'inscription Voir le sujet précédent Voir le sujet suivant Aller en bas

Barre trans' css

avatar
Messages : 56
Date d'inscription : 25/06/2015
Age : 18
Localisation : Dans ton cul
Voir le profil de l'utilisateur




Kaël R. Darwin
Mutant à la solde du gouvernement
Ven 13 Jan - 0:00
/*========================================================================================================
                                         PROFIL DES MEMBRE - BY Batty [END]
/***************************************************** BARRE TRANSVERSALE *****************************************/
/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 15/12/2016
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Quicksand';

/*** import css de la scrollbar ***/
@import 'http://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css';

/*reset des styles par défault du navigateur*/
.template-linus-15 ul{ list-style:none; }
.template-linus-15 ul, .template-linus-15 h5, .template-linus-15 h4, .template-linus-15 h3, .template-linus-15 h2, .template-linus-15 h1, .template-linus-15 p, .template-linus-15 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-15 a, .template-linus-15 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-15 a img{border:none;}

/*style général*/
.template-linus-15{
text-align:left;
font-family:arial;
font-size:11px;
line-height:11px;
z-index: 999;
 display:none;
}

/*police*/
.template-linus-15.tli-nav-menuH a[href="#nav-close"],
.template-linus-15.tli-nav-menuH .tli-nav-title,
.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
 font-family: "Gabriela";
}

.template-linus-15.tli-nav-menuH hr{
 margin:8px 0;
 border:none;
 background:#1f1f1f;
 width: 100%;
 height:1px;
}

.template-linus-15.tli-nav-menuH a{
 text-decoration:none;
 color:#e8e8e8;
}

.template-linus-15.tli-nav-menuH .tli-nav-texte a.tli-readmore{
 margin-top:5px;
 display:inline-block;
 text-transform:lowercase;
 background:#302f2f;
 color:#fff;
 padding:0 5px;
}

.template-linus-15.tli-nav-menuH {
 position: fixed;
 left: 0;
 top: 0;
 width: 180px;
 height: 620px;
 color:#e8e8e8;
 -webkit-transition: left ease 0.5s;
 transition: left ease 0.5s;
 overflow: none;
}

.template-linus-15.tli-nav-menuH:after {
 content:' ';
 background:#34423F;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 z-index:1;
}

.template-linus-15.tli-nav-menuH.tli-nav-opacity:after {
 opacity:0.8;
}

.template-linus-15.tli-nav-menuH.tli-nav-menuRight{
 left:auto;
 right:0;
 -webkit-transition: right ease 0.5s;
 transition: right ease 0.5s;
}

.template-linus-15.tli-nav-menuH-closed {
 left:calc(-200px + 37.5px);
}

.template-linus-15.tli-nav-menuH-closed.tli-nav-menuRight {
 right:calc(-200px + 37.5px);
}

/*titres*/
.template-linus-15.tli-nav-menuH .tli-nav-title,
.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
 color:#fff;
 text-transform:uppercase;
 margin: 0;
 padding: 7px 10px 5px 10px;
 font-weight: normal;
 line-height:15px;
}

.template-linus-15.tli-nav-menuH .tli-nav-title {
 background:#212121;
 border-left:5px solid #1e1e1e;;
 font-size: 14px;
}

.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
 background:#1c1c1c;
 font-size: 11px;
 margin-top:5px;
}

.template-linus-15 .tli-nav-texte {
 position: relative;
 font-size: 11px;
 text-align: justify;
 padding: 15px 20px;
}

.template-linus-15 .tli-nav-empty iframe{
 display:block;  
}

/*crédits*/
.template-linus-15 .tli-nav-credits{
 background:#212121;
 font-size:11px;
 padding:5px;
}

.template-linus-15 .tli-nav-credits a{
 color:#e8e8e8;
 text-decoration:underline;
 text-decoration:underline !important;
}

.template-linus-15 .tli-nav-texte > div {
 max-height: 60px;
 overflow: auto;
 font-size:0.93em !a;
 font-size:1em;
}

/*vignettes*/
.template-linus-15 .tli-nav-vignettes-triangle{
 margin:10px 0;
 position:relative;
}

.template-linus-15 .tli-nav-vignettes-triangle:not(.tli-nav-vignettes-triangle-pending){
 display:flex;
 flex-wrap:wrap;
}

.template-linus-15 .tli-nav-vignettes-triangle a {
 width: calc(100%/4);
 padding-top: calc(100%/4);
 display:block;
 position:relative;
}

.template-linus-15 .tli-nav-vignettes-triangle.tli-nav-vignettes-triangle-pending a{
 visibility:hidden;
 position:absolute;
 top:0;
}

.template-linus-15 .tli-nav-vignettes-carre {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;  
}

.template-linus-15 .tli-nav-vignettes-carre a:before {
 content:' ';
 display:block;
 padding-top:100%;
}

.template-linus-15 .tli-nav-vignettes-carre a {
 width: calc(100%/5);
 display:block;
 position:relative;
}

/*lien lire la suite*/
.template-linus-15.tli-nav-reverse .tli-nav-vignettes-carre a.tli-readmore:after {
 filter:invert(100%);
 -webkit-filter:invert(100%);
}

.template-linus-15 .tli-nav-vignettes-carre a.tli-readmore:after {
 content:' ';
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRoQ+2WMQ4CIRBF/0yiN7Dawph4JA9hLGwstrI1XsHLWXoGK8bGwsQVBglsSD4tzMD8/wYQdD6k8/ODBcztIB2gA4UKEKFCAYvD6UBCwhWABYBHsdQ/ElR1QFWvZrY1sx0LoAN/MECEHKKxiWMiESEi5FCACBWKxFuoF4QGAJtct1V1b2aDmZ1zY98/2HsqzovQUUQuqWQT80sACuCZGysitxDCKRXnLSCVZ3KeD5lDNjrQyy3kMPN7CXvAIRt7gD3gwCS2hAgRISJUqEAifFTVdQjhUGubqk1c69CfeVlAC5VnewdaFEeEWqhMhOZWObb/C6BJyjE1zZzNAAAAAElFTkSuQmCC') 50%;
 background-size:90% 90%;
}

.template-linus-15 .tli-nav-vignettes-carre a.tli-readmore {
 position:relative;
 background:#000;
}

.template-linus-15 .tli-nav-vignettes-triangle a img,
.template-linus-15 .tli-nav-vignettes-carre a img{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}

.template-linus-15 .tli-nav-vignettes-triangle:after{
 content:' ';
 display:block;
 clear:both;
}

.template-linus-15 .tli-nav-vignettes-triangle canvas {
 margin:0 auto;
 display:block;
}

.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle canvas:nth-child(1),
.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle img {
 filter:saturate(0%);
 -webkit-filter:saturate(0%);
}

.template-linus-15 .tli-nav-vignettes-triangle canvas:nth-child(1) {
 position:relative;
 z-index:2;
}

.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle canvas:nth-child(2) {
 position:absolute;
 top:0;
 left:0;
 right:0;
 z-index:1;
}

.template-linus-15.tli-nav-menuH > div{
 margin-top:35px;

}

.template-linus-15.tli-nav-menuH > div:after{
 content:' ';
 display:block;
 width:100%;
 height:35px;
}

.template-linus-15.tli-nav-menuH > div,
.template-linus-15 .tli-nav-texte > div {
 z-index: 2;
 position: relative;
}

.template-linus-15.tli-nav-menuH a[href="#nav-close"] {
 display: block;
 width: 96%;
 padding:0 0 0 4%;
 height: 35px;
 line-height:35px;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 3;
 text-transform:uppercase;
 font-size:24px;
 background-position:100% 50%;
 background-repeat:no-repeat;
 background-color:#000;
 color:#FFF;
 text-align:left;
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]{
 text-align:right;
 padding:0 4% 0 0;
}

.template-linus-15.tli-nav-menuH a[href="#nav-close"]:after{
 content:' ';
 position:absolute;
 height:100%;
 padding-left:20%;
 top:0;
 right:0;
 background-position:50%;
}

.template-linus-15.tli-nav-menuH.tli-nav-reverse a[href="#nav-close"]:after{
 filter:invert(100%);
 -webkit-filter:invert(100%);
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]:after{
 right:auto;
 left:0;
}

.template-linus-15.tli-nav-menuRight.tli-nav-menuH-closed a[href="#nav-close"]:after,
.template-linus-15.tli-nav-menuH a[href="#nav-close"]:after {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA1klEQVRYR+2UMQoCMRBF3/aewZPYi2DrAaw9hF7A2kPYCWpr4RW8gGewslEGNrDIFjPJZxckqUPey8+fNIy8mpH5VIGawF8lMAWe0alSJTADrsAe2EUkFAIJPmnBS+DslSgV+IUfgA3wGUKgGG6SuQlI4LkCMniOgBQeFbA5fwCp7RfAGu8uXF8xox2wGd+2B72BFXDyNl4hYGdIJaIJpEvIJHIFZEmUCEgkSgX6JObAzVtMhUBX4g4sgNfQAsZbA8cIPPoReS8V2qd6ghC0u7kK1ARqAl/VkS4hIXBRSQAAAABJRU5ErkJggg==);
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]:after,
.template-linus-15.tli-nav-menuH-closed a[href="#nav-close"]:after {
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA2klEQVRYR+3TMWoCQRgF4M9UgVSeIF4h6dIpFl5C8ATWqXMZLyCkUcGjaOUVLFKEAYUUJuzMP2QRxmoL2fft438DPf8GPedrgNbA3TbwiHONBZU0MMcHpjhEEbmAGT7xgCPGUUQu4AlrTC5fHkbkAlJuVUQJoCqiFFANEQFUQUQBV8QGbz8OMz2fuky0BuAVWwwvgSss8PUfgFB4AkYaCIdHAFXCSwHVwksAL9iVHtyto8y9gRH2eEbWtf+2iFxAek9CLPHedWp/zbEE0GXenf/TAK2B1kDvDXwDaeUvId1wEZQAAAAASUVORK5CYII=);
}

/*scrollbar*/
.template-linus-15.tli-nav-menuH .ps-scrollbar-y-rail{
 opacity:0.2;
}
.template-linus-15.tli-nav-menuH .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.template-linus-15 .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{
 width:6px;
}
.template-linus-15.tli-nav-menuH .ps-container>.ps-scrollbar-y-rail{
 width:10px;
}
.template-linus-15.tli-nav-menuH .ps-container:hover>.ps-scrollbar-y-rail:hover{
 background-color:transparent;
}
Revenir en haut Aller en bas
Barre trans' css
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» [SOFT] MOBILETAG CODE BARRE READER V3.06 : Lecteur code barre 1D/2D.. avec e-comparateur de prix [GRATUIT]
» [REQUETE] Boutons dans la barre de notifications
» Barre de navigation
» Barre de direction
» Barre de son : Une solution ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fofotest :: Administration :: Bureau d'inscription-
Sauter vers: