topical media & game development
sample-collect-hush-js-sketch-files-styles.css / css
/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
margin: 0;
padding: 0;
}
body {
margin: 0 0px;
background: #000000 url(images/back_all.gif) repeat-x top;
}
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
#contmain
{
/*
margin: 0 auto;
width: 665px;
*/
width: 1000px;
margin: 0;
background: black;
}
h1, h2, h3 {
color: #246030;
}
h1 {
font-size: 3em;
}
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #246030;
}
h3 {
font-size: 1em;
}
ul, ol {
margin-left: 3em;
}
a {
text-decoration: underline;
color: #246030;
}
a:hover {
border: none;
text-decoration: none;
}
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #246030;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #246030;
}
#main
{
/*
width: 665px;
margin: 0 auto;
*/
width: 980px;
margin: 0;
border-left: 10px solid silver;
border-right: 10px solid silver;
background: black;
}
/* Header */
#header {
/*
width: 665px;
margin: 0 auto;
height: 502px;
background: black;
*/
width: 100px;
margin: 0;
height: 750px;
background: black;
}
#title {
float: left;
width: 980px;
background: black;
display: block;
float: left;
height: 40px;
text-decoration: none;
font-size: 18px;
padding-top: 21px;
font-weight: bold;
color: #000000;
text-align: center;
}
#menu {
float: left;
height: 65px;
width: 600px;
padding-left: 65px;
background: black;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
float: left;
height: 40px;
width: 100px;
text-decoration: none;
font-size: 14px;
padding-top: 25px;
font-weight: bold;
color: #000000;
text-align: center;
}
#menu a:hover {
color: #ffffff;
background: black;
}
/* Logo */
#logo {
width: 665px;
height: 437px;
margin: 0 auto;
background: black;
text-align: lefr;
}
#logo h1 {
padding-top: 180px;
padding-left: 20px;
color: #246030;
font-size: 18px;
}
#logo h2 {
font-style: italic;
font-size: 10px;
padding-left: 20px;
}
#logo a {
color: #ffffff;
}
/* Page */
#page {
/*margin-left:10px;*/
width: 980px;
background: black;
border-top: none;
}
/* Content */
#content {
float: left;
width: 980px;
padding-left: 10px;
padding-top: 20px;
padding-bottom: 20px;
}
#content H4
{
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #246030;
}
#content p
{
line-height: 20px;
}
#content .boxes {
float:left;
margin:0;
padding:0;
}
#content .box-l
{
border: 1px solid #246030;
width: 460px;
width: 570px;
margin-bottom: 0px;
margin: 0px;
}
#content .box2-l
{
border: 1px solid #ffffff;
background: black;
width: 438px;
width: 548px;
padding: 10px;
}
.box2-l th {
width: 120px;
text-align: right;
vertical-align: top;
padding-right:5px;
}
#content .box-r
{
border: 1px solid #246030;
width: 460px;
width: 352px;
margin-bottom: 0px;
margin: 0px;
}
#content .box2-r
{
border: 1px solid #ffffff;
background: black;
width: 438px;
width: 330px;
padding: 0px;
}
.date {
text-align: right;
color: #918E48;
font-size: 11px;
}
.date a {
color: #918E48;
}
dl {
/*
margin-top: 5px;
margin-left: 10px;
*/
margin: 5px 10px;
padding: 10px 15px;
border: 1px solid #246030;
}
dt {
line-height: 1.5em;
font-weight: bold;
width: 100px;
float: left;
clear: both;
}
dd {
display: block;
line-height: 1.5em;
}
/* Sidebars */
.sidebar {
float: left;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar2 {
width: 218px;
position: absolute;
top: 5px;
left: 800px; /* 817:(1000 + 50 - 218) - 15*/
background-color: black;
}
#sidebar2 li h2 {
background: black;
height: 30px;
color: #FFFFFF;
padding-left: 20px;
padding-top: 14px;
}
#sidebar2 li ul {
line-height: normal;
margin-left: 20px;
margin-bottom: 20px;
padding-top: 20px;
}
#sidebar2 li li {
padding: 5px;
background: black;
font-size: .8em;
}
#sidebar2 li a {
border: none;
padding-left: 10px;
}
#sidebar2 li a:hover {
border: none;
padding-left: 10px;
}
#sidebar2 table {
border:1px solid gray;
margin:5px 10px;
padding:5px;
width:198px;
}
#sidebar2 table td.label {
font-weight:bold;
width:100px;
}
#sidebar2 table td.value {
}
#bottom
{
}
/* Footer */
#footer
{
padding-top: 20px;
border-top: 5px solid #246030;
height: 50px;
/*width: 1000px;*/
width: 980px;
background: black;
}
#footer p {
text-align: center;
font-size: 9px;
color: #ffffff;
margin: 0px;
padding: 0px;
}
#footer a
{
color: #FFFFFF
}
#timer {
position:absolute;
top:12px;
left:990px;
width:30px;
height:30px; black;
}
#sidebar2 button {
width: 205px;
margin: 5px 0 0 5px;
}
div.title-back {
padding-bottom: 5px;
}
div.box2 th {
width:120px;
text-align:right;
vertical-align:top;
/*
padding-right:5px;
*/
}
(C) Æliens
04/09/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.