@font-face {
font-family:"Armorhide";
src:url("fonts/Armorhide.eot");
src:url("fonts/Armorhide.eot") format("embedded-opentype"),url("fonts/Armorhide.woff") format("woff"),url("fonts/Armorhide.woff2") format("woff2"),url("fonts/Armorhide.ttf") format("truetype"),url("fonts/Armorhide.svg") format("svg");
}
@font-face {
font-family:"Mabella";
src:url("fonts/Mabella.eot");
src:url("fonts/Mabella.eot") format("embedded-opentype"),url("fonts/Mabella.woff") format("woff"),url("fonts/Mabella.woff2") format("woff2"),url("fonts/Mabella.ttf") format("truetype"),url("fonts/Mabella.svg") format("svg");
}
@font-face {
font-family:"Square721 Cn BT";
src:url("fonts/Square_721_Bold_Condensed_BT.eot");
src:url("fonts/Square_721_Bold_Condensed_BT.eot") format("embedded-opentype"),url("fonts/Square_721_Bold_Condensed_BT.woff") format("woff"),url("fonts/Square_721_Bold_Condensed_BT.woff2") format("woff2"),url("fonts/Square_721_Bold_Condensed_BT.ttf") format("truetype"),url("fonts/Square_721_Bold_Condensed_BT.svg") format("svg");
}
@font-face {
font-family:"HermanoAlto Chisel";
src:url("fonts/HermanoAltoChisel.eot");
src:url("fonts/HermanoAltoChisel.eot") format("embedded-opentype"),url("fonts/HermanoAltoChisel.woff") format("woff"),url("fonts/HermanoAltoChisel.woff2") format("woff2"),url("fonts/HermanoAltoChisel.ttf") format("truetype"),url("fonts/HermanoAltoChisel.svg") format("svg");
}
@font-face {
font-family:"South Park Cyrillic";
src:url("fonts/South Park Cyrillic.eot");
src:url("fonts/South Park Cyrillic.eot") format("embedded-opentype"),url("fonts/South Park Cyrillic.woff") format("woff"),url("fonts/South Park Cyrillic.woff2") format("woff2"),url("fonts/South Park Cyrillic.ttf") format("truetype"),url("fonts/South Park Cyrillic.svg") format("svg");
}
* {
cursor:default;
font-family:"Square721 Cn BT";
font-weight:normal;
}
body,html {
width:100vw;
height:100vh;
}
body {
margin:0;
padding:0;
overflow:hidden;
}
a,button,select,a>img,button>img {
cursor:pointer;
}
a {
text-decoration:none;
color:#FFF;
}
a:visited {
color:rgb(186,140,88);
}
a:hover {
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
}
.monospace {
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:0.8vw;
border-radius:0.15vw;
background-size:contain;
}
.dimensions {
width:0.8vw;
height:0.8vw;
}
.monospace2 {
font-family:"Consolas",monospace;
font-weight:bold;
font-size:0.8vw;
line-height:0.8vw;
}
.monospaced>span {
display:inline-block;
font-family:"South Park Cyrillic";
text-align:center;
}
hr {
width:100%;
height:1px;
line-height:1px;
opacity:0.5;
background-image:linear-gradient(to right,transparent,#FFF,transparent);
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
border-width:0;
}
input[type="text"] {
width:75%;
text-align:center;
cursor:text;
margin:0;
padding:0;
background-color:rgba(255,255,255,0.75);
font-family:"Square721 Cn BT";
font-size:2.5vh;
line-height:2.5vh;
color:rgb(0,150,219);
outline:none!important;
border-radius:0.5vh;
border-style:solid;
border-width:0;
border-color:#000;
}
select {
width:100%;
}
button,select {
font-family:"Square721 Cn BT";
font-size:2.5vh;
line-height:2.5vh;
color:rgb(0,150,219);
overflow:hidden!important;
outline:none!important;
border-radius:0.5vh;
border-style:solid;
border-width:0;
border-color:#000;
}
button {
cursor:pointer;
outline:none;
position:relative;
margin:0;
padding:0;
vertical-align:middle;
display:block;
width:8vh;
height:8vh;
color:#FFF;
background:none;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-size:5.5vh;
}
button:hover {
color:#FFF;
}
button div {
cursor:pointer;
width:100%;
height:100%;
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
background-size:100%;
}
select,option {
font-family:"HermanoAlto Chisel";
color:rgb(0,47,95);
background-color:rgb(255,255,255);
}
form {
margin:0;
padding:0;
}
#classement {
background-color:rgba(0,47,95,0.75);
}
#page {
position:fixed;
left:0;
top:0;
right:0;
bottom:200vh;
display:block;
}
.text {
margin:8px;
font-family:"Square721 Cn BT";
font-size:16px;
color:#FFF;
text-shadow:-1px -1px 0 rgba(0,47,95,0.5),1px -1px 0 rgba(0,47,95,0.5),-1px 1px 0 rgba(0,47,95,0.5),1px 1px 0 rgba(0,47,95,0.5);
white-space:nowrap;
overflow:hidden;
text-overflow:'…';
}
.light {
margin:8px;
background-image:url("img/light.png");
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
background-size:100%;
}
.s,.date {
font-family:'Mabella';
font-size:40px;
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
}
.date:hover {
text-shadow:inherit;
}
.article {
display:inline-block;
margin:4px;
vertical-align:top;
}
.border {
border-style:solid;
border-width:1px;
border-color:rgb(0,47,95);
border-radius:4px;
}
.time {
border-radius:3px;
display:block;
width:64px;
margin:4px;
background-color:rgba(0,47,95,0.25);
border-style:solid;
border-width:1px;
border-color:rgb(0,47,95);
border-radius:4px;
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:24px;
}
.logo {
display:block;
width:64px;
height:64px;
border-radius:2px;
}
.logo img {
border-radius:2px;
}
.title {
display:block;
width:122px;
height:60px;
max-height:60px;
line-height:14px;
font-size:14px;
font-weight:normal;
overflow:hidden;
text-shadow:-1px -1px 0 rgba(186,140,88,0.5),1px -1px 0 rgba(186,140,88,0.5),-1px 1px 0 rgba(186,140,88,0.5),1px 1px 0 rgba(186,140,88,0.5);
color:#FFF;
}
.title:hover {
text-shadow:inherit;
}
#description img,#description p img,#description div p img,#description p video {
max-width:100%;
height:auto!important;
}
a.button {
cursor:pointer;
outline:none;
display:inline-block;
margin:0;
padding:8px;
vertical-align:middle;
font-size:16px;
line-height:16px;
height:16px;
min-width:16px;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-image:linear-gradient(to bottom,#999,#bbb);
box-shadow:inset 0 0 #fff,inset 1px 0 #fff,inset -1px 0 #fff;
border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#666;
color:#000;
}
a.button:hover {
background-image:linear-gradient(to bottom,#777,#999);
border-color:rgb(0,127,255);
}
.scrollbar {
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,0.5) transparent;
}
.scrollbar::-webkit-scrollbar {
width:8px;
}
.scrollbar::-webkit-scrollbar-track {
background-color:transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(255,255,255,0.5);
border-radius:2px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,150,219,0.5);
}
.CodeMirror {
cursor:text;
font-family:"Consolas",monospace;
font-size:12px;
height:auto!important;
}
@media screen and (min-width:641px) {
.separator-width {
width:1vh;
}
.width {
display:block;
width:440px;
}
.font-size {
font-size:36px;
}
.logo-width {
width:64px;
}
.logo-height {
height:64px;
}
.article-font-size {
font-size:16px;
}
.article-width {
width:424px;
}
.title-width {
width:300px;
text-align:left;
}
.effectif-big-font-size {
font-size:32px;
}
.effectif-font-size {
font-size:16px;
}
.effectif-width {
width:64px;
}
.effectif-SP-width {
width:44px;
}
.effectif-SP-height {
height:64px;
}
.effectifpro-height {
height:377px;
}
.classement-height {
height:434px;
}
.XI-height {
height:300px;
}
.img-height1 {
height:440px;
transition:all 0.5s ease;
}
.img-height2 {
height:1086px;
transition:all 0.5s ease;
}
.select-width {
width:100%;
max-width:100%;
}
}
@media screen and (max-width:640px) {
.monospace {
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:2.9vw;
border-radius:0.72vw;
}
.dimensions {
width:2.9vw;
height:2.9vw;
}
.monospace2 {
font-family:"Consolas",monospace;
font-weight:bold;
font-size:2.75vw;
line-height:2.75vw;
}
.separator-width {
width:0.5vh;
}
.width {
display:block;
width:200px;
}
.font-size {
font-size:18px;
}
.logo-width {
width:32px;
}
.logo-height {
height:32px;
}
.article-font-size {
font-size:10px;
}
.article-width {
width:212px;
}
.title-width {
width:120px;
text-align:left;
}
.effectif-big-font-size {
font-size:16px;
}
.effectif-font-size {
font-size:10px;
}
.effectif-width {
width:32px;
}
.effectif-SP-width {
width:22px;
}
.effectif-SP-height {
height:32px;
}
.effectifpro-height {
height:171px;
}
.classement-height {
height:146px;
}
.XI-height {
height:146px;
}
.img-height1 {
height:200px;
transition:all 0.25s ease;
}
.img-height2 {
height:494px;
transition:all 0.25s ease;
}
.select-width {
width:120px;
max-width:120px;
}
}