metanohi-misc-subsites/subsites/films/static/screen.css

136 lines
1.7 KiB
CSS

* {
margin: 0;
padding: 0;
}
body {
background-color: #555;
color: #fff;
font-size: 14px;
font-family: 'Dejavu Sans', 'Nimbus Sans', Helvetica, Arial, Verdana, sans-serif;
}
.end {
clear: both;
float: none;
width: 1px;
height: 1px;
background: transparent;
}
#wrapper {
width: 900px;
margin: 0 auto;
}
#header {
font-size: 30px;
height: 20px;
background: #000 url(logo.png) right top no-repeat;
margin-bottom: 6px;
padding: 23px 6px;
position: relative;
}
#header a {
position: absolute;
right: 0;
top: 0;
width: 198px;
height: 66px;
text-decoration: none;
}
#content {
background: #222;
padding: 10px;
}
/* MAIN PAGE SPECIFIC */
#films {
margin-top: 5px;
}
#films a {
width: 435px;
height: 300px;
float: left;
background-color: #666;
background-position: center center;
display: block;
text-decoration: none;
margin-bottom: 10px;
}
#films a.left {
margin-right: 10px;
}
#films a span {
width: 425px;
padding: 3px 5px;
background: rgba(0, 0, 0, .5);
font-size: 25px;
display: inline-block;
}
#films a:hover div {
height: 294px;
}
#film {
width: 640px;
background: #999;
margin-right: 10px;
}
span {
font-weight: bold;
}
#description {
padding: 5px;
width: 220px;
overflow: auto;
float: right;
margin-bottom: 10px;
}
#dl {
clear: both;
padding: 3px;
background: #444;
}
#dl a {
padding: 0 15px;
}
#footer {
margin-top: 6px;
background: #000;
padding: 3px;
font-size: 11px;
text-align: center;
}
pre {
font-family: Inconsolata, 'Dejavu Sans Mono', monospace;
}
.end {
clear: both;
}
img {
border: 0;
}
a:link, a:visited {
color: #00aaff;
}
a:hover {
color: #00eeff;
}