forked from GitHub/dbot
e59e4c343f
* There is probably a much nicer way of doing it (perhaps a better hash)? * Added a counter to the imgur random page counting the number of [Facebook Monopoly Men](http://i.imgur.com/3Tt6N.gif). * Added the md5sum of the current image to the getRandomImage api call. * Future functionality might be storing every image md5 in an array and counting duplicates, instead of the current check-against-known-dupes.
121 lines
1.7 KiB
CSS
121 lines
1.7 KiB
CSS
#container {
|
|
text-align:center;
|
|
}
|
|
|
|
#container,#image {
|
|
margin:0;
|
|
max-height:100%;
|
|
max-width:100%;
|
|
padding:0;
|
|
}
|
|
|
|
#details {
|
|
display:none;
|
|
font-family:sans-serif;
|
|
font-weight:700;
|
|
left:25px;
|
|
min-width:280px;
|
|
padding:20px;
|
|
text-align:center;
|
|
top:25px;
|
|
}
|
|
|
|
#history {
|
|
left:25px;
|
|
margin:0;
|
|
max-height:210px;
|
|
overflow:hidden;
|
|
padding:0;
|
|
top:95px;
|
|
}
|
|
|
|
#history li {
|
|
font-family:monospace;
|
|
left:25px;
|
|
margin-bottom:10px;
|
|
opacity:0.1;
|
|
text-align:center;
|
|
width:168px;
|
|
}
|
|
|
|
#history li,#loading,#count {
|
|
display:block;
|
|
font-family:monospace;
|
|
font-size:10px;
|
|
padding:10px;
|
|
}
|
|
|
|
#history li:hover,#history li:nth-of-type(1) {
|
|
opacity:1!important;
|
|
}
|
|
|
|
#history li:nth-of-type(2) {
|
|
opacity:0.8;
|
|
}
|
|
|
|
#history li:nth-of-type(3) {
|
|
opacity:0.6;
|
|
}
|
|
|
|
#history li:nth-of-type(4) {
|
|
opacity:0.4;
|
|
}
|
|
|
|
#history li:nth-of-type(5) {
|
|
opacity:0.2;
|
|
}
|
|
|
|
#history,#loading,#details,#count {
|
|
position:absolute;
|
|
}
|
|
|
|
#loading, #count {
|
|
font-weight:500;
|
|
}
|
|
#loading {
|
|
top:95px;
|
|
left:220px;
|
|
min-width:95px;
|
|
}
|
|
|
|
#count {
|
|
bottom:25px;
|
|
left:25px;
|
|
display:none;
|
|
}
|
|
|
|
#loading,#details,#history li,#count {
|
|
background:rgba(43,43,43,0.8);
|
|
border-radius:5px;
|
|
color:#85bf25;
|
|
}
|
|
|
|
a {
|
|
color:inherit;
|
|
}
|
|
|
|
body.crop {
|
|
overflow:hidden;
|
|
}
|
|
|
|
html,body {
|
|
background-color:#121211;
|
|
border:0;
|
|
height:100%;
|
|
margin:0;
|
|
overflow:auto;
|
|
padding:0;
|
|
}
|
|
#count2 {
|
|
bottom:25px;
|
|
position:absolute;
|
|
border-radius:5px;
|
|
display:none;
|
|
margin;5px;
|
|
padding:5px;
|
|
right:25px;
|
|
background-color:#3b5998;
|
|
color:white;
|
|
font-family:'Freight Sans Bold','Lucida Grande',verdana,arial,sans-serif;
|
|
}
|