1 résultat trouvé pour c2a417

Modifier apparence scrollbar sur firefox

Bonjour,

Oh merci beaucoup, c'est déjà mieux ! J'aimerai savoir s'il est aussi possible d'ajouter un contour de couleur ? J'ai tenté avec :

border-color: 1px solid #c2a417; mais, rien...

Par contre, en touchant ce code, j'ai bizarrement ma barre de navigation, en haut, qui n'est plus respensive. Sachant que je corrigeais le code pour l'image de fond, ça a peut-être aussi joué dessus ?
Sur mon écran ça passe, mais quand je fais le test sur téléphone, voici l'espace à droite :




Au cas où, je vous redonne les codes de la PA et de la barre

Code:

/*****************PA*******************/
.fondPA{margin:-20px auto; width:1000px; height:550px; background-image:url('https://i.servimg.com/u/f74/20/14/12/09/198.jpg'); background-repeat:no-repeat; border-radius:20px;}

    .blockg {
padding: 10px;
float: left;
margin-left: 20px;
    }

.blockd{padding:10px; float:right; margin:20px; height:400px; width:180px; margin-right:120px;}

    .contexte {
      background: #82a8d7;
      height: 245px;
      width: 300px;
      font-size: 12px;
      margin-top: 25px;
      overflow: auto;
      font-family: Montserrat,sans-serif;
      color: #454545;
      text-align: justify;
      padding: 5px;
      border-radius: 5px;
      scrollbar-color: #fff6cd transparent;
      scrollbar-width: thin;
    }
     
    .contexte::-webkit-scrollbar{width: 8px; background: #eaeaea;}
    .contexte::-webkit-scrollbar-thumb{background-color: #fff6cd;}
    .contexte::-webkit-scrollbar-track{background-color: #82a8d7; border: 0px solid #82a8d7;}
    .contexte a{ color: #140e55!important; font-weight:bold;}
    .contexte a:hover{ color: #580a8a!important; font-weight:bold;}

.pred {
margin-top: 15px;
width: 200px;
    }


.linkpred{display:inline-block; margin:2px; }
.linkpred img{width:50px; height:50px; transition:all 800ms; filter:grayscale(70%); border:solid 1px #040219;}
.linkpred img:hover{transition:all 800ms; filter:grayscale(0%);}

.staffimage{width: 180px; height: 50px; border: 2.4px solid #040219;  border-radius:10px; margin-top: 5px;}
.staff{opacity: 0.0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; width: 180px; height: 40px;}
.staff img{width:180px; height:50px;}
.staff:hover{opacity: 1.0; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;
width: 155px;height: 25px;background-color:rgba(55,55,55,0.8);padding: 7px;margin: 5px;}
.staffname{text-align: left; text-align:center;line-height: 100%;text-transform: uppercase;}
.staffname a{font-family: montserrat, sans-serif;font-weight: 200;font-size: 11px; color: #82a8d7; text-shadow:0px 1px 2px black; text-decoration:none;}
.staff p{color:#eaeaea; font-size:10px; position:relative; top:-12px;}

.lienut{padding:8px; background:#02153c; margin:3px; text-align:center; outline: 1px solid #c2a417; outline-offset: -2px;}
.lienut a{color:#eaeaea; text-decoration:none; font-family:Montserrat, sans-serif; text-transform:uppercase; font-size:12px; font-size:12px; display:block;}
.topsite{display:inline-block; margin:3px; position:relative; left:2px; transition:all 800ms; border:solid 1px #040219;}
.lienut:hover{transition:all 800ms; opacity:0.6;}

a {
text-decoration: none!important;
}

.Background{background-color: transparent !important;}

a:hover {
text-decoration: none !important;
cursor: crosshair;
}

span.rank_no_text {
display:none;}


Barre nav'

Code:

/* NAVIGATION */
#navSIT {
position:fixed; z-index:5; left:0; top:0;
width:100%; height:50px;
background:#03152b; /* MODIFIABLE */
}
.navSIT {
position:absolute; top:15px; right:15px;
}
.mainmenu img {
display:none;
}
/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:75px; height:75px; border-radius:75px; overflow:hidden; border:10px solid;
border-color:#000d1c; /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:75px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:130px; top:20px;
font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:5px;
content:'Bienvenue'; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
#navSIT a{
display:inline-block; vertical-align:middle;
text-align:center;
text-transform:uppercase; font-size:12px; font-family:Arial; /* MODIFIABLE */
color:white; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:12px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:black !important; /* MODIFIABLE */

Merci !