Show sourcecode
The following files exists in this folder. Click to view.
debug.css
empty.css
forms.css
gotham - backup.css
gotham-rust.css
gotham-steel.css
gotham-steel_editable.css
gotham.css
gotham_editable.css
nuds.css
rainbow - backup.css
rainbow.css
tables.css
gotham.css
1 lines ASCII Unix (LF)
@import url(forms.css);
@import url(tables.css);
/* highlight current navigation menu choice in navigation menu
--------------------------------------------------------
*/
body#me a#me-,
body#favorites a#favorites-,
body#test a#test-,
body#style a#style-,
body#blokket a#blokket-,
body#blokket2 a#blokket2-,
body#report a#report-,
body#guide a#guide-,
body#source a#source-
{
background: rgb(125, 156, 176);
border: 4px solid rgb(0, 0, 0);
}
/* general
--------------------------------------------------------
*/
html, body {margin: 0; padding: 0;} /* Common margin & padding for all browsers */
html
{
height: 100%;
overflow-y:scroll;
/* Gradient background */
background: -ms-linear-gradient(top, rgb(25, 25, 35), rgb(125, 156, 176)) fixed;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(25, 25, 35)), to(rgb(125, 156, 176))) fixed;
background: -moz-linear-gradient(top, rgb(25, 25, 35), rgb(125, 156, 176)) fixed;
background-repeat: no-repeat;
}
body
{
height: 100%;
font-family: Georgia, serif; color:#333;
background-repeat: no-repeat;
background-attachment: fixed;
}
h1, h2, h3 {border-bottom: 1px solid #dddddd;}
h1 {text-transform: uppercase;}
/* HTML5 elements
--------------------------------------------------------
The HTML5 elements replace the anonymous <div>-element, adding semantic meaning.
Because they are new they are often not recognized by web browsers,
but this can be fixed by defining them in the stylesheet here:
*/
header, footer, nav, article, section, aside, figure, figcaption, audio, output {display:block;}
/* page structure
--------------------------------------------------------
Layout and size of header, content and footer
*/
header#top,
div#content /* There were a couple of other divs here that I didn't add, for header and footer. */
{
margin: 0 auto;
width: 650px;
}
/* the header with related links navigation */
header#above
{
font-family: arial, helvetica, sans-serif;
border-bottom: 1px solid rgba(125, 156, 176, 0.40);
margin-bottom: 4px;
color: #000;
}
/* add padding and background to the footer block */
div#footer{padding-bottom: 20px;}
div#content
{
padding: 1em 0 1em 0; /* common padding */
overflow:auto; /* clearer-fix, see the guide for css20 */
background: -ms-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.75));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1.0)), to(rgba(255,255,255,0.75)));
background: -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.75));
z-index: 2;
}
/* navigation menu
--------------------------------------------------------
TODO Make the links more responsive to the mouse.
*/
nav.navmenu
{
font-family: arial;
font-weight: bold;
padding: 2px 8px;
border: 2px solid rgb(0, 0, 0);
background: -ms-linear-gradient(left bottom, rgb(25, 25, 35), rgb(125, 156, 176));
background: -webkit-gradient(linear, right bottom, left top, from(rgb(25, 25, 35)), to(rgb(125, 156, 176)));
background: -moz-linear-gradient(left bottom, rgb(25, 25, 35), rgb(125, 156, 176));
}
nav.navmenu a
{
padding: 6px 8px;
text-decoration:none;
border: 2px solid transparent;
color:#fff;
}
nav.navmenu a:hover
{
background: rgba(125, 156, 176, 0.5);
border:3px solid rgba(0,0,0,0.5);
}
nav.related, nav.login
{
padding: 0.2em 1em 0.3em 1em;
font-size:smaller;
}
nav.related a:link
{
color: rgb(125, 156, 176);
}
nav.login {float:right;}
/* navigation menu for vertical menus
--------------------------------------------------------
*/
nav.vmenu ul,
nav.vmenu ul ul
{
list-style: none;
padding: 0;
margin: 0;
}
nav.vmenu ul ul li a
{
display: list-item;
padding: 2px 0 2px 0;
}
nav.vmenu ul ul li a:hover {background-color:#E6E6E6;}
/* custom image for list marker */
nav.vmenu ul ul li a
{
background-image: url(../img/menuIcon_small.png);
background-repeat: no-repeat;
background-position: 3px 3px;
padding-left: 45px;
}
/* figure & figcaption
--------------------------------------------------------
*/
figure
{
padding: 4px;
margin: 1em;
text-align: center
}
figcaption
{
font-style: italic;
font-size: smaller;
padding-left: 1em;
}
/* "right" and "top" are used by the byline to correctly place the figures. */
figure.right {margin-right:0;}
figure.top {margin-top:0;}
figure.fullwidth
{
margin-left:0;
margin-right:0;
}
/* img
--------------------------------------------------------
*/
img {border: 0;}
img.bottomfixed
{
position: fixed;
bottom: 1px;
right: 50px;
}
img.bottomaleftabsolute
{
position: absolute;
bottom: 0;
left: 0;
}
div#contentbgpic
{
background-image: url(../img/citySkylineSilhouetteWithBatSwarm_small.png);
background-repeat: repeat-x;
position: fixed;
bottom: 0;
left: 0;
}
/* article
--------------------------------------------------------
*/
article{margin:0 auto;}
/* page footer
--------------------------------------------------------
*/
div#fixedbottom
{
height: 500px; width: 100%;
background-image: url(../img/citySkylineSilhouetteWithBatSwarm_small.png);
background-size: 1000px 500px;
background-repeat: repeat-x;
position: fixed;
bottom: 0;
left: 0;
z-index: -1;
}
footer#bottom
{
font: italic 0.8em Arial, Helvetica, sans-serif;
color: rgb(255, 255, 255);
z-index: 2;
}
div#footer a
{
font: italic 0.8em Arial, Helvetica, sans-serif;
text-decoration: none;
color: rgb(255, 255, 255);
z-index: 2;
}
div#footer a:link { }
div#footer a:visited { }
div#footer a:hover { text-decoration:underline; }
div#footer a:active { }
/* article byline & signature
--------------------------------------------------------
*/
footer.byline
{
clear: both;
margin-top: 2em;
padding: 1em;
color: #555555;
font-size: smaller;
font-style: italic;
background-image: url(../img/batSwarm_opacity25.png);
background-size: 100%;
}
footer.byline img {padding:2px;outline:#999999 groove 1px;}
/* Misc classes
--------------------------------------------------------
*/
.right {float:right;}
.left {float:left;}
.center
{
display: block;
margin-left: auto;
margin-right: auto;
}
.justify,
.justify-para p {text-align:justify;}
/* Border on right hand side of a column. */
.border
{
padding-right: 1em;
margin-right: 5px;
border-right: 1px solid #ddd;
}