@font-face {
font-family:"Kristen ITC";
font-style:normal;
font-weight:400;
src:url("Kristen ITC.eot") format("embedded-opentype"),url("Kristen ITC.woff") format("woff"),url("Kristen ITC.woff2") format("woff2"),url("Kristen ITC.ttf") format("truetype"),url("Kristen ITC.svg") format("svg");
}
@font-face {
font-family:"Ink Free";
font-style:normal;
font-weight:400;
src:url("Ink Free.eot") format("embedded-opentype"),url("Ink Free.woff") format("woff"),url("Ink Free.woff2") format("woff2"),url("Ink Free.ttf") format("truetype"),url("Ink Free.svg") format("svg");
}
* {
outline:none;
}
html,body {
width:100%;
height:100%;
}
body,td,#page {
cursor:default;
font-family:"Kristen ITC",sans-serif;
color:#757171;
}
input[type="text"] {
cursor:text;
font-family:"Kristen ITC",sans-serif;
border-radius:4px;
font-size:16px;
}
button,a.button,a.button b,a.button i,a.button u,select,option,div#Select tr td div,figure,blockquote {
color:#000;
}
body,a,select {
height:100%;
}
a {
cursor:pointer;
color:#7bd5f7;
text-decoration:none;
}
a:hover {
color:#FFF;
}
img {
max-width:100%;
vertical-align:top;
}
.gauche,.centre,.droite {
display:block;
width:100%;
}
.gauche {
text-align:left;
}
.centre {
text-align:center;
}
.droite {
text-align:right;
}
hr {
width:100%;
height:2px;
line-height:2px;
background-image:linear-gradient(to right,transparent,#FFF,transparent);
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
border-width:0;
}
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 1px #fff,inset 1px 0 #fff,inset -1px 0 #fff;
border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#666;
}
a.button:hover {
background-image:linear-gradient(to bottom,#777,#999);
border-color:rgb(0,127,255);
}
figure {
padding:10px 20px;
margin:0;
background-color:#EEE;
border-radius:5px;
}
figure blockquote a:hover {
color:#000;
}
blockquote {
padding:0;
margin:0;
position:relative;
}
blockquote::before,blockquote::after {
position:absolute;
font-size:100px;
color:#EEE;
}
blockquote::before {
content:"\201C";
top:-40px;
left:-80px;
}
blockquote::after {
content:"\201E";
bottom:-40px;
right:-80px;
}
figcaption {
position:relative;
text-align:center;
margin:20px;
}
figcaption:after {
content:"";
display:block;
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
background-image:linear-gradient(to right,transparent,#1F1F1F,transparent);
}
figcaption cite {
display:inline-block;
position:relative;
text-align:center;
padding:0 8px;
background-color:#EEE;
z-index:1;
}
.CodeMirror {
cursor:text;
font-family:"Consolas",monospace;
font-size:12px;
height:auto!important;
}
.scrollbar {
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(255,255,255,0.5) rgba(63,63,63,0.5);
}
.scrollbar::-webkit-scrollbar {
width:8px;
}
.scrollbar::-webkit-scrollbar-track {
background-color:rgba(63,63,63,0.5);
}
.scrollbar::-webkit-scrollbar-thumb {
background-color:rgba(255,255,255,0.5);
border-radius:4px;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:rgb(255,255,255);
}
.square {
display:block;
margin:0 auto;
background-color:#FFF;
background-repeat:no-repeat;
background-position-x:50%;
background-position-y:50%;
background-size:contain;
}
@media screen and (min-width:720px) {
.width {
width:720px;
padding:0 5vh;
}
.square {
width:720px;
height:720px;
}
blockquote div.square {
width:680px;
height:680px;
}
}
@media screen and (max-width:719px) {
.width {
width:100vw;
padding:0 5vh;
}
.square {
height:100vw;
width:100vw;
}
blockquote .square {
height:93.5vw;
width:93.5vw;
}
}