diff --git a/public/imgurr.css b/public/imgurr.css index e7ed0b1..a5ceae0 100644 --- a/public/imgurr.css +++ b/public/imgurr.css @@ -2,26 +2,16 @@ text-align:center; } -body.crop { - overflow:hidden; -} - -#history { - padding:0; - margin:0; -} #container,#image { margin:0; max-height:100%; max-width:100%; padding:0; } -a { - color:inherit; -} #details { display:none; + font-family:sans-serif; font-weight:700; left:25px; min-width:280px; @@ -30,21 +20,54 @@ a { top:25px; } -#history li { +#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; - font-family:monospace - margin-bottom:15px; } #history li,#loading { + display:block; font-family:monospace; font-size:10px; padding:10px; - display:block; } +#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 { + position:absolute; +} #loading { font-weight:500; @@ -59,45 +82,19 @@ a { color:#85bf25; } -#history,#loading,#details { - position:absolute; +a { + color:inherit; +} + +body.crop { + overflow:hidden; } html,body { background-color:#121211; + border:0; height:100%; margin:0; - padding:0; - border:0; overflow:auto; -} - -#history { - top:95px; - left:25px; - max-height:210px; - overflow:hidden; -} -#history li { - margin-bottom:10px; - opacity:0.1; /* won't display anyway due to #history max height */ -} - -#details { - font-family:sans-serif; -} -#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; + padding:0; }