108 lines
1.2 KiB
CSS
108 lines
1.2 KiB
CSS
/*
|
|
* i'll just throw this here for now since i haven't properly figured out something yet
|
|
*/
|
|
|
|
html,
|
|
body {
|
|
min-height: 100%;
|
|
width: 90;
|
|
}
|
|
|
|
html {
|
|
background: url('/images/satori-error.png') top right no-repeat #FFF;
|
|
font-family: 'verdana', sans-serif;
|
|
font-size: .8em;
|
|
}
|
|
|
|
body {
|
|
margin: 0 2em;
|
|
}
|
|
|
|
#wrap {
|
|
max-width: 34em;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
p {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5em;
|
|
margin: 1.33em 0;
|
|
}
|
|
|
|
h1 img {
|
|
margin: 0 .5em -.75em 0;
|
|
}
|
|
|
|
p {
|
|
padding: 0;
|
|
margin: 2em 0;
|
|
line-height: 1.33em;
|
|
}
|
|
|
|
hr {
|
|
margin: 1.9em 0;
|
|
background: #BBB;
|
|
border: none;
|
|
}
|
|
|
|
ul {
|
|
padding: .75em 0 0 0;
|
|
}
|
|
|
|
li {
|
|
margin: 0 0 .8em 3.46em;
|
|
line-height: 1.32em;
|
|
}
|
|
|
|
a {
|
|
color: red;
|
|
}
|
|
|
|
img+a:before {
|
|
content: " ";
|
|
}
|
|
|
|
h3 {
|
|
margin: 2.5em 0;
|
|
}
|
|
|
|
li:nth-child(3) img {
|
|
margin: -0.2em 0;
|
|
}
|
|
|
|
li:nth-child(4) img {
|
|
margin: -0.5em 0;
|
|
}
|
|
|
|
table {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
table,
|
|
tr,
|
|
td {
|
|
background: rgba(0, 0, 0, .2);
|
|
height: 100%;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
table img {
|
|
border-radius: 32px;
|
|
box-shadow: 0 4px 32px #888;
|
|
}
|