1 résultat trouvé pour 050505

/*--------------------FICHE DE PRESENTATION PAR NYXBANANA-----------------------*/

.NBpresa__container {
width: 100%;
border: solid 10px #050505;
color: #050505;
background-color: #FAFAFA;
box-sizing: border-box;
}

.NBpresa__quicklook, .NBpresa__moar, .NBpresa__story, .NBpresa__player {
width: 450px;
margin: 0 auto;
position: relative;
}

.quicklook__letter, .player__title, .NBpresa__player::after, .story__title, .moar__title, .moar__name1, .moar__name2, .cara__title, .quicklook__name, .quicklook__info, .quicklook__quote, .quicklook__song a, .quicklook__q {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}

.quicklook__letter {
position: absolute;
font-size: 200px;
width: 400px;
left: 50%;
bottom: 30px;
margin-left: -200px;
text-align: center;
font-weight: lighter;
}

.quicklook__name {
background-color: #050505;
padding: 20px 8px 8px 8px;
margin-bottom: 50px;
color: #FAFAFA;
display: inline-block;
}

.quicklook__info {
float: right;
padding: 20px 8px 8px 8px;
}

.quicklook__quote {
font-size: 24px;
width: 200px;
line-height: 1.2;
}

.quicklook__song a {
color: #050505 !important;
font-size: 9px;
width: 175px;
display: block;
line-height: 1.2;
}

.quicklook__think {
position: absolute;
right: 0;
width: 165px;
top: 150px;
text-align: justify;
font-size: 10px;
line-height: 1.2;
}

.quicklook__think::before {
content: "“";
display: block;
position: absolute;
top: -30px;
left: 0;
font-size: 50px;
}

.NBpresa__moar__container, .NBpresa__player__container {
background-color: #050505;
color: #FAFAFA;
position: relative;
}

.NBpresa__moar__bg, .NBpresa__player__bg {
position: absolute;
top: 0;
height: 0;
width: 100%;
height: 100%;
-webkit-filter: brightness(0.5) contrast(1.5) grayscale(1) opacity(20%);
filter: brightness(0.5) contrast(1.5) grayscale(1) opacity(20%);
}

.NBpresa__moar {
content: " ";
display: table;
}

.NBpresa__moar:after {
clear: both;
}

.NBpresa__moar {
*zoom: 1;
}

.moar__title, .story__title, .player__title {
font-size: 38px;
padding: 60px 0 70px 20px;
letter-spacing: 10px;
}

.moar__cara, .moar__vava {
float: left;
}

.moar__vava {
width: 200px;
height: 320px;
position: relative;
}

.moar__vava::after{
content: "";
display: block;
position: absolute;
width: 200px;
height: 320px;
border: 2px solid #1c1b1b;
top: -30px;
right: -20px;
}

.moar__name1, .moar__name2 {
position: absolute;
left: 30px;
bottom: 40px;
font-size: 18px;
color: #050505;
}

.moar__cara__container1, .moar__cara__container2 {
width: 200px;
float: left;
}

.moar__cara__container1 {
margin: -20px 0 150px 50px;
}

.moar__cara__container2 {
margin: -20px 50px 100px 0;
}

.moar__cara {
height: 320px;
overflow-y: auto;
text-align: justify;
padding-right: 3px;
font-size: 12px;
line-height: 1.3;
color: #bdbdbd;
}

.cara__title {
font-size: 18px;
}

.NBpresa__story {
padding-bottom: 50px;
}

.NBpresa__player {
padding-bottom: 100px;
}

.story__title, .player__title {
text-align: center;
line-height: 1.4;
}

.NBpresa__player::after {
content: "Fiche codée par NyxBanana";
display: block;
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
font-size: 10px;
opacity: .8;
}