@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:629px;
}
.classement-height {
height:434px;
}
.XI-height {
height:300px;
}
.img-height1 {
height:440px;
transition:all 0.5s ease;
}
.img-height2 {
height:1262px;
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:286px;
}
.classement-height {
height:146px;
}
.XI-height {
height:146px;
}
.img-height1 {
height:200px;
transition:all 0.25s ease;
}
.img-height2 {
height:574px;
transition:all 0.25s ease;
}
.select-width {
width:120px;
max-width:120px;
}
}
@keyframes animated_logo {
0% {background-image:url("img/Terre/0.svg");}
1% {background-image:url("img/Terre/1.svg");}
2% {background-image:url("img/Terre/2.svg");}
3% {background-image:url("img/Terre/3.svg");}
4% {background-image:url("img/Terre/4.svg");}
5% {background-image:url("img/Terre/5.svg");}
6% {background-image:url("img/Terre/6.svg");}
7% {background-image:url("img/Terre/7.svg");}
8% {background-image:url("img/Terre/8.svg");}
9% {background-image:url("img/Terre/9.svg");}
10% {background-image:url("img/Terre/10.svg");}
11% {background-image:url("img/Terre/11.svg");}
12% {background-image:url("img/Terre/12.svg");}
13% {background-image:url("img/Terre/13.svg");}
14% {background-image:url("img/Terre/14.svg");}
15% {background-image:url("img/Terre/15.svg");}
16% {background-image:url("img/Terre/16.svg");}
17% {background-image:url("img/Terre/17.svg");}
18% {background-image:url("img/Terre/18.svg");}
19% {background-image:url("img/Terre/19.svg");}
20% {background-image:url("img/Terre/20.svg");}
21% {background-image:url("img/Terre/21.svg");}
22% {background-image:url("img/Terre/22.svg");}
23% {background-image:url("img/Terre/23.svg");}
24% {background-image:url("img/Terre/24.svg");}
25% {background-image:url("img/Terre/25.svg");}
26% {background-image:url("img/Terre/26.svg");}
27% {background-image:url("img/Terre/27.svg");}
28% {background-image:url("img/Terre/28.svg");}
29% {background-image:url("img/Terre/29.svg");}
30% {background-image:url("img/Terre/30.svg");}
31% {background-image:url("img/Terre/31.svg");}
32% {background-image:url("img/Terre/32.svg");}
33% {background-image:url("img/Terre/33.svg");}
34% {background-image:url("img/Terre/34.svg");}
35% {background-image:url("img/Terre/35.svg");}
36% {background-image:url("img/Terre/36.svg");}
37% {background-image:url("img/Terre/37.svg");}
38% {background-image:url("img/Terre/38.svg");}
39% {background-image:url("img/Terre/39.svg");}
40% {background-image:url("img/Terre/40.svg");}
41% {background-image:url("img/Terre/41.svg");}
42% {background-image:url("img/Terre/42.svg");}
43% {background-image:url("img/Terre/43.svg");}
44% {background-image:url("img/Terre/44.svg");}
45% {background-image:url("img/Terre/45.svg");}
46% {background-image:url("img/Terre/46.svg");}
47% {background-image:url("img/Terre/47.svg");}
48% {background-image:url("img/Terre/48.svg");}
49% {background-image:url("img/Terre/49.svg");}
50% {background-image:url("img/Terre/50.svg");}
51% {background-image:url("img/Terre/51.svg");}
52% {background-image:url("img/Terre/52.svg");}
53% {background-image:url("img/Terre/53.svg");}
54% {background-image:url("img/Terre/54.svg");}
55% {background-image:url("img/Terre/55.svg");}
56% {background-image:url("img/Terre/56.svg");}
57% {background-image:url("img/Terre/57.svg");}
58% {background-image:url("img/Terre/58.svg");}
59% {background-image:url("img/Terre/59.svg");}
60% {background-image:url("img/Terre/60.svg");}
61% {background-image:url("img/Terre/61.svg");}
62% {background-image:url("img/Terre/62.svg");}
63% {background-image:url("img/Terre/63.svg");}
64% {background-image:url("img/Terre/64.svg");}
65% {background-image:url("img/Terre/65.svg");}
66% {background-image:url("img/Terre/66.svg");}
67% {background-image:url("img/Terre/67.svg");}
68% {background-image:url("img/Terre/68.svg");}
69% {background-image:url("img/Terre/69.svg");}
70% {background-image:url("img/Terre/70.svg");}
71% {background-image:url("img/Terre/71.svg");}
72% {background-image:url("img/Terre/72.svg");}
73% {background-image:url("img/Terre/73.svg");}
74% {background-image:url("img/Terre/74.svg");}
75% {background-image:url("img/Terre/75.svg");}
76% {background-image:url("img/Terre/76.svg");}
77% {background-image:url("img/Terre/77.svg");}
78% {background-image:url("img/Terre/78.svg");}
79% {background-image:url("img/Terre/79.svg");}
80% {background-image:url("img/Terre/80.svg");}
81% {background-image:url("img/Terre/81.svg");}
82% {background-image:url("img/Terre/82.svg");}
83% {background-image:url("img/Terre/83.svg");}
84% {background-image:url("img/Terre/84.svg");}
85% {background-image:url("img/Terre/85.svg");}
86% {background-image:url("img/Terre/86.svg");}
87% {background-image:url("img/Terre/87.svg");}
88% {background-image:url("img/Terre/88.svg");}
89% {background-image:url("img/Terre/89.svg");}
90% {background-image:url("img/Terre/90.svg");}
91% {background-image:url("img/Terre/91.svg");}
92% {background-image:url("img/Terre/92.svg");}
93% {background-image:url("img/Terre/93.svg");}
94% {background-image:url("img/Terre/94.svg");}
95% {background-image:url("img/Terre/95.svg");}
96% {background-image:url("img/Terre/96.svg");}
97% {background-image:url("img/Terre/97.svg");}
98% {background-image:url("img/Terre/98.svg");}
99% {background-image:url("img/Terre/99.svg");}
100% {background-image:url("img/Terre/0.svg");}
}
.root>div {
animation:animated_logo 4s linear infinite;
animation-play-state:running;
}