mirror of
https://github.com/reality/dbot.git
synced 2025-02-17 14:01:04 +01:00
9b191bc89a
This commit adds a new box to the imgur page, separating the "Loading..." box with a new "details" box, which contains the information found via the API. The loading box appears on the left, and disappears when an image is loaded, to be replaced with a box on the right. API operations, such as a "report" or "submit to gallery" option, could appear below the current right-aligned box, in a smaller font. I'm undecided as to whether this commit is an improvement or not.
42 lines
599 B
CSS
42 lines
599 B
CSS
#container {
|
|
text-align:center;
|
|
}
|
|
|
|
#container,#image {
|
|
margin:0;
|
|
max-height:100%;
|
|
padding:0;
|
|
}
|
|
|
|
#loading, #details{
|
|
background:rgba(43,43,43,0.8);
|
|
color:#85bf25;
|
|
font-family:sans-serif;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
padding:20px;
|
|
position:absolute;
|
|
top:50px;
|
|
}
|
|
|
|
#details {
|
|
right:0;
|
|
text-align:right;
|
|
border-bottom-left-radius:5px;
|
|
border-top-left-radius:5px
|
|
display:none;
|
|
}
|
|
|
|
#loading {
|
|
left:0;
|
|
border-bottom-right-radius:5px;
|
|
border-top-right-radius:5px;
|
|
}
|
|
|
|
html,body {
|
|
background-color:#121211;
|
|
height:100%;
|
|
margin:0;
|
|
padding:0;
|
|
}
|