@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");
}
* {
cursor:default;
font-family:"Square721 Cn BT","Calibri",sans-serif;
font-weight:normal;
font-size:14px;
}
// ::selection {
// background-color:white;
// color:rgb(0,150,219);
// }
body,html {
width:100%;
height:100%;
background-color:#FFF;
}
body {
margin:0px;
padding:0px;
overflow:hidden;
}
.cornerTL {
background-image:url("cornerTL.png");
}
.cornerTR {
background-image:url("cornerTR.png");
}
.cornerBL {
background-image:url("cornerBL.png");
}
.cornerBR {
background-image:url("cornerBR.png");
}
.cornerTL,.cornerTR,.cornerBL,.cornerBR {
background-position:50% 50%;
background-repeat:no-repeat;
}
#body {
overflow-x:hidden;
overflow-y:auto;
}
a,button,select,a>img,button>img {
cursor:pointer;
}
a {
text-decoration:none;
color:rgb(0,150,219);
}
a:visited {
color:rgb(186,140,88);
}
a:hover {
text-shadow:-1px -1px 1px rgba(186,140,88,0.5),1px -1px 1px rgba(186,140,88,0.5),-1px 1px 1px rgba(186,140,88,0.5),1px 1px 1px rgba(186,140,88,0.5);
}
.monospace {
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:16px;
border-radius:3px;
}
hr {
width:100%;
height:1px;
opacity:0.5;
background-image:url("hr.png");
background-position:50% 50%;
background-repeat:no-repeat;
border-width:0px;
}
input {
width:75%;
text-align:center;
cursor:text;
}
select {
width:100%;
}
button,input,select {
font-family:"Square721 Cn BT";
font-size:24px;
color:rgb(0,150,219);
overflow:hidden !important;
outline:none !important;
border-radius:2px;
border-style:solid;
border-width:1px;
border-color:#707070;
}
button {
cursor:pointer;
outline:none;
margin:2px;
padding:0px;
vertical-align:middle;
width:80px;
height:80px;
min-width:80px;
min-height:80px;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-image:linear-gradient(#ededed 50%,#ddd 50%);
}
button:hover {
border-color:rgb(0,150,219);
background-image:linear-gradient(#fff 50%,#e6f5fb 50%);
}
select,option {
font-family:"HermanoAlto Chisel";
color:rgb(0,150,219);
background-color:rgb(255,255,255);
}
form {
margin:0px;
padding:0px;
}
#classement {
background-color:rgba(63,63,63,0.75);
}
.text {
margin:8px;
font-family:"Square721 Cn BT",sans-serif;
font-size:16px;
color:#FFF;
text-shadow:-1px -1px 1px rgba(0,150,219,0.5),1px -1px 1px rgba(0,150,219,0.5),-1px 1px 1px rgba(0,150,219,0.5),1px 1px 1px rgba(0,150,219,0.5);
text-transform:uppercase;
}
.light {
margin:8px;
background-image:url("light.png");
background-position:50% 50%;
background-repeat:no-repeat;
background-size:100%;
}
.s,.date {
font-family:'Mabella';
font-size:40px;
text-shadow=-1px -1px 1px rgba(186,140,88,0.5),1px -1px 1px rgba(186,140,88,0.5),-1px 1px 1px rgba(186,140,88,0.5),1px 1px 1px 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,150,219);
border-radius:4px;
}
.time {
border-radius:3px;
display:block;
width:64px;
margin:4px;
background-color:rgba(255,255,255,0.25);
border-style:solid;
border-width:1px;
border-color:rgb(0,150,219);
border-radius:4px;
font-family:"Square721 Cn BT","Consolas",monospace;
font-size:24px;
}
.logo {
display:block;
width:64px;
height:64px;
}
.logo img {
border-radius:2px;
}
.title {
display:block;
width:440px;
height:60px;
max-height:60px;
line-height:20px;
font-size:20px;
font-weight:normal;
overflow:hidden;
text-shadow=-1px -1px 1px rgba(186,140,88,0.5),1px -1px 1px rgba(186,140,88,0.5),-1px 1px 1px rgba(186,140,88,0.5),1px 1px 1px rgba(186,140,88,0.5);

}
.title:hover {
text-shadow=inherit;
}
.description {
overflow:hidden;
overflow-y:auto;
display:block;
width:512px;
height:0px;
font-size:20px;
color:rgb(0,150,219);
}
.mobile {
font-size:24px;
}
.mtitle {
display:block;
width:576px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}