Give random image page an imgur colour scheme

* Sorted and formatted CSS
* Pushed "Loading..." callout to left
* Gave callout a curved edge
* Coloured the background black
* Coloured the callout text green
* Coloured the callout background grey
* Changed callout font to sans-serif
* Increased callout padding
This commit is contained in:
Douglas Gardner 2013-04-15 05:17:55 +00:00
parent 8f3131a7eb
commit 6a416f4087

View File

@ -1,15 +1,30 @@
html, body { margin: 0; padding: 0; height: 100%; } #container {
#container, #image { text-align:center;
margin: 0; padding: 0;
max-height: 100%;
} }
#container { text-align: center; }
#loading { #container,#image {
background: rgba(255, 0, 0, 0.8); margin:0;
display: none; max-height:100%;
position: absolute; padding:0;
top: 50px; }
left: 30px;
padding: 10px; #loading {
color: #EFEFEF; background:rgba(43,43,43,0.8);
border-bottom-right-radius:5px;
border-top-right-radius:5px;
color:#85bf25;
display:none;
font-family:sans-serif;
font-weight:700;
left:0;
padding:20px;
position:absolute;
top:50px;
}
html,body {
background-color:#121211;
height:100%;
margin:0;
padding:0;
} }