Format the CSS in a readable way

This commit is contained in:
Lukas Reschke 2012-10-23 23:57:55 +02:00
parent 4956380a89
commit f363bde121
1 changed files with 73 additions and 11 deletions

View File

@ -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%;
}