2013-04-15 07:17:55 +02:00
|
|
|
#container {
|
2013-04-16 23:03:50 +02:00
|
|
|
text-align:center;
|
2013-04-15 07:17:55 +02:00
|
|
|
}
|
|
|
|
|
2013-04-17 22:55:34 +02:00
|
|
|
body.crop {
|
|
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
#history {
|
|
|
|
padding:0;
|
|
|
|
margin:0;
|
|
|
|
}
|
2013-04-15 07:17:55 +02:00
|
|
|
#container,#image {
|
2013-04-16 23:03:50 +02:00
|
|
|
margin:0;
|
|
|
|
max-height:100%;
|
2013-04-17 22:55:34 +02:00
|
|
|
max-width:100%;
|
2013-04-16 23:03:50 +02:00
|
|
|
padding:0;
|
2013-04-15 07:17:55 +02:00
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
a {
|
|
|
|
color:inherit;
|
|
|
|
}
|
2013-04-15 07:17:55 +02:00
|
|
|
|
2013-04-16 19:47:01 +02:00
|
|
|
#details {
|
|
|
|
display:none;
|
2013-04-16 23:03:50 +02:00
|
|
|
font-weight:700;
|
|
|
|
left:25px;
|
|
|
|
min-width:280px;
|
|
|
|
padding:20px;
|
|
|
|
text-align:center;
|
|
|
|
top:25px;
|
|
|
|
}
|
|
|
|
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li {
|
2013-04-16 23:03:50 +02:00
|
|
|
left:25px;
|
|
|
|
text-align:center;
|
|
|
|
width:168px;
|
2013-04-16 23:30:07 +02:00
|
|
|
font-family:monospace
|
2013-04-17 22:02:36 +02:00
|
|
|
margin-bottom:15px;
|
2013-04-16 23:03:50 +02:00
|
|
|
}
|
|
|
|
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li,#loading {
|
2013-04-16 23:03:50 +02:00
|
|
|
font-family:monospace;
|
|
|
|
font-size:10px;
|
|
|
|
padding:10px;
|
2013-04-17 22:02:36 +02:00
|
|
|
display:block;
|
2013-04-16 19:47:01 +02:00
|
|
|
}
|
|
|
|
|
2013-04-17 22:02:36 +02:00
|
|
|
|
2013-04-16 19:47:01 +02:00
|
|
|
#loading {
|
2013-04-16 23:03:50 +02:00
|
|
|
font-weight:500;
|
|
|
|
left:220px;
|
|
|
|
min-width:95px;
|
2013-04-17 22:02:36 +02:00
|
|
|
top:95px;
|
2013-04-16 23:03:50 +02:00
|
|
|
}
|
|
|
|
|
2013-04-17 22:55:34 +02:00
|
|
|
#loading,#details,#history li {
|
2013-04-16 23:03:50 +02:00
|
|
|
background:rgba(43,43,43,0.8);
|
|
|
|
border-radius:5px;
|
|
|
|
color:#85bf25;
|
2013-04-17 22:02:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#history,#loading,#details {
|
2013-04-16 23:03:50 +02:00
|
|
|
position:absolute;
|
2013-04-16 19:47:01 +02:00
|
|
|
}
|
|
|
|
|
2013-04-15 07:17:55 +02:00
|
|
|
html,body {
|
2013-04-16 23:03:50 +02:00
|
|
|
background-color:#121211;
|
|
|
|
height:100%;
|
|
|
|
margin:0;
|
|
|
|
padding:0;
|
2013-04-17 22:55:34 +02:00
|
|
|
border:0;
|
|
|
|
overflow:auto;
|
2013-04-15 03:50:50 +02:00
|
|
|
}
|
2013-04-17 22:02:36 +02:00
|
|
|
|
|
|
|
#history {
|
|
|
|
top:95px;
|
|
|
|
left:25px;
|
2013-04-17 22:04:02 +02:00
|
|
|
max-height:210px;
|
2013-04-17 22:02:36 +02:00
|
|
|
overflow:hidden;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li {
|
2013-04-17 22:02:36 +02:00
|
|
|
margin-bottom:10px;
|
2013-04-17 22:04:02 +02:00
|
|
|
opacity:0.1; /* won't display anyway due to #history max height */
|
2013-04-17 22:02:36 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#details {
|
|
|
|
font-family:sans-serif;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li:hover, #history li:nth-of-type(1) {
|
2013-04-17 22:02:36 +02:00
|
|
|
opacity:1 !important;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li:nth-of-type(2) {
|
2013-04-17 22:02:36 +02:00
|
|
|
opacity:0.8;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li:nth-of-type(3) {
|
2013-04-17 22:02:36 +02:00
|
|
|
opacity:0.6;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li:nth-of-type(4) {
|
2013-04-17 22:02:36 +02:00
|
|
|
opacity:0.4;
|
|
|
|
}
|
2013-04-17 22:55:34 +02:00
|
|
|
#history li:nth-of-type(5) {
|
2013-04-17 22:02:36 +02:00
|
|
|
opacity:0.2;
|
|
|
|
}
|