Sélectionner une révision Git
customCss.css 2,99 Kio
.titre{
font-weight:bold;
color: white;
font-family: Abang,arial,sans-serif;
}
@font-face {
font-family: Abang;
src: url(/ressources/font/Abang.otf) format('opentype');
}
/* pour des navtabs centrés*/
/* center tabs */
.nav-tabs, .nav-pills {
text-align:center;
}
/* line below tabs */
.nav-tabs {
border-bottom: 2px solid #808080;
}
/* center logo */
.img-center {
margin:0 auto;
padding: 15px;
}
.col-md-6 {
padding: 15px;
/*border-style: solid;*/
}
.new-row {
clear: left;
}
.no-title-col {
padding-top: 30px;
}
/*-----------------troisieme tentative ------------------*/
.hover-container {
position: relative;
display: inline-block;
}
.hover-container .content {
position: absolute;
top: 0.25rem;
left: 0.25rem;
width: calc(100% - 0.5rem);
height: calc(100% - 0.5rem);
display: none;
color: #FFF;
}
.hover-container .text {
position: absolute;
padding-right: 10px;
padding-top: 30px;
top: 0px;
left: 0px;
overflow-y: auto;
overflow-x: hidden;
text-align:justify;
margin-left: 5%;
width: 94%;
height: calc(100% - 60px);
display: none;
scrollbar-width: none;
color: rgba(255, 255, 255, .92);
}
.hover-container:hover .scrollbar::-webkit-scrollbar {
width: 6px;
}
.hover-container:hover .scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #4285F4;
}
.hover-container .actionrow {
position: absolute;
bottom: -1%;
left: 5%;
display: none;
opacity: 0;
}
.hover-container:hover .content {
display: block;
background-color: rgba(0, 0, 0, .65);
color: rgba(255, 255, 255, .95);
animation-name: appearcontent;
animation-duration: 1s;
}
.hover-container:hover .text {
display: block;
color: rgba(255, 255, 255, .92);
animation-name: appeartext;
animation-duration: 1.3s;
}
.hover-container:hover .actionrow {
display: block;
animation-name: appearactionrow;
animation-duration: 5s;
opacity: 1;
}
.rating {
direction: rtl;
}
.rating span {
color: #aaa;
text-decoration: none;
display: inline;
font-size: 2.5vw;
transition: color 0.2s;
}
.rating span:hover,
.rating span:focus,
.rating span:hover ~ span,
.rating span:focus ~ span {
color: orange;
cursor: pointer;
}
.rating .etoile {
color: yellow;
}
.etoile_remove {
width: 1vw;
height: 1vw;
margin-bottom: 0.75vw;
margin-right: 0.5vw;
}
@keyframes appearcontent {
from {background-color: rgba(0, 0, 0, 0);}
to {background-color: rgba(0, 0, 0, .65);}
}
@keyframes appeartext {
from {color: rgba(255, 255, 255, .0); top: 100%;}
to {color: rgba(255, 255, 255, .92); top: 0%;}
}
@keyframes appearactionrow {
from {display: none; opacity: 0;}
to {display: block; opacity: 1;}
}
/* action row properties */
.actionrow .download:hover {
cursor: pointer;
color: white;
}
/* arrangement des images dans la bibliothèque */
/*https://codepen.io/ms_yogi/pen/zpEXba?editors=1100*/