Format the CSS in a readable way
This commit is contained in:
parent
4956380a89
commit
f363bde121
|
@ -1,11 +1,73 @@
|
|||
body { background:#ddd; }
|
||||
#header { position:fixed; top:0; left:0; right:0; z-index:100; height:2.5em; line-height:2.5em; padding:.5em; background:#1d2d44; -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; box-shadow:0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222; }
|
||||
#details { color:#fff; }
|
||||
#header #download { margin-left:2em; font-weight:bold; }
|
||||
#header #download img { padding-left: 0.1em; padding-right: 0.3em; vertical-align: text-bottom; }
|
||||
#preview { min-height:30em; margin:50px auto; padding-top:2em; border-bottom:1px solid #f8f8f8; background:#eee; text-align:center; }
|
||||
#noPreview { display:none; padding-top:5em; }
|
||||
p.info { width:22em; text-align: center; margin:2em auto; color:#777; text-shadow:#fff 0 1px 0; }
|
||||
p.info a { font-weight:bold; color:#777; }
|
||||
#imgframe { width:80%; height: 75%; margin: 0 auto; padding-bottom:2em; }
|
||||
#imgframe img { max-height:100%; max-width: 100%; }
|
||||
body
|
||||
{
|
||||
background: #ddd;
|
||||
}
|
||||
#header
|
||||
{
|
||||
background: #1d2d44;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
|
||||
height: 2.5em;
|
||||
left: 0;
|
||||
line-height: 2.5em;
|
||||
moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
|
||||
padding: .5em;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 -2px 10px #222;
|
||||
z-index: 100;
|
||||
}
|
||||
#details
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
#header #download
|
||||
{
|
||||
font-weight: bold;
|
||||
margin-left: 2em;
|
||||
}
|
||||
#header #download img
|
||||
{
|
||||
padding-left: 0.1em;
|
||||
padding-right: 0.3em;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
#preview
|
||||
{
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #f8f8f8;
|
||||
margin: 50px auto;
|
||||
min-height: 30em;
|
||||
padding-top: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
#noPreview
|
||||
{
|
||||
display: none;
|
||||
padding-top: 5em;
|
||||
}
|
||||
p.info
|
||||
{
|
||||
color: #777;
|
||||
margin: 2em auto;
|
||||
text-align: center;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
width: 22em;
|
||||
}
|
||||
p.info a
|
||||
{
|
||||
color: #777;
|
||||
font-weight: bold;
|
||||
}
|
||||
#imgframe
|
||||
{
|
||||
height: 75%;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 2em;
|
||||
width: 80%;
|
||||
}
|
||||
#imgframe img
|
||||
{
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
Loading…
Reference in New Issue