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
rainbow - backup.css
1 lines ASCII Unix (LF)
html {background: #666dcc;}
html {overflow-y: scroll;} /* Added this so that the scrollbar would always show. */
/* highlight current 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#report a#report-,
body#guide a#guide-,
body#source a#source- {background: rgb(240, 128, 128); border:4px solid rgb(0,0,0);}
/* general
--------------------------------------------------------
*/
html,body{margin:0;padding:0;} /* Common margin & padding for all browsers */
html{overflow-y:scroll;} /* Always display the scrollbar, avoid flipping pages */
/* Background color for whole browser window */
html{background:#E6E6E6;}
/* Background color for the body-part of the browser window.
Trying out CSS3, I made the body's background a gradient. */
body{background: -ms-linear-gradient(top, rgb(0, 191, 255), rgb(224, 255, 255));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 191, 255)), to(rgb(224, 255, 255)));
background: -moz-linear-gradient(top, rgb(0, 191, 255), rgb(224, 255, 255));}
/* original body color: background:#000; */
body{font-family:Georgia, serif;color:#333;} /* Default font for whole page */
h1{text-transform:uppercase;} /* Transform all letter to uppercase. */
h1,h2{border-bottom:1px solid #dddddd;} /* Put border below header h1 and h2 */
img {border:0;} /* No border around linked images */
/* REPLACED WITH THE ABOVE
body {
margin: 8px auto;
width: 934px;
padding: 8px;
background: #cceeff;
border: 1px dashed #000000;
font-family: Georgia, serif;
color: #333333;
}
h1 {
text-transform: uppercase;
border-bottom: 4px double #333333;
}
*/
/* html5 elements
--------------------------------------------------------
The html5 elements replace the anonymous <dic>-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,
/*added by me: */ video,audio{display:block;}
/* page structure
--------------------------------------------------------
Layout and size of header, content and footer
*/
/* div#top {} REPLACED WITH header#top */
/* 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;}
/* set width and center page */
header#top,
div#content{margin:0 auto;width:650px;} /* There were a couple of other divs here that I didn't add, for header and footer. */
/* add common padding to main content block */
div#content{padding:1em 0 1em 0;}
/* add padding and background to the footer block */
div#footer{padding-bottom:20px;background:#E6E6E6;}
div#content{overflow:auto;} /* clearer-fix, see the guide for css20 */
/* Trying out CSS3, I made the content's background a gradient with an opaque component. */
div#content{
background:-webkit-gradient(linear,
right top, left bottom,
color-stop(0.01, rgba(128,0,128, 1.0) ), /*purple 800080*/
color-stop(0.05, rgba(75,0,130, 0.9) ), /*indigo 4B0082*/
color-stop(0.10, rgba(0,0,255, 0.8) ), /*blue 0000FF*/
color-stop(0.19, rgba(0,255,0, 0.7) ), /*green 00FF00*/
color-stop(0.24, rgba(255,255,0, 0.5) ), /*yellow FFFF00*/
color-stop(0.32, rgba(255,165,0, 0.6) ), /*orange FFA500*/
color-stop(0.41, rgba(255,0,0, 0.4) ), /*red FF0000*/
color-stop(0.49, rgba(128,0,128, 0.3) ),
color-stop(0.60, rgba(128,0,128, 0.2) ),
color-stop(0.80, rgba(128,0,128, 0.1) )); /*purple 800080*/
}
/*background: -moz-linear-gradient( left top, right bottom ,
from(red),
color-stop(16%, orange),
color-stop(32%, yellow),
color-stop(48%, green),
color-stop(60%, blue),
color-stop(76%, indigo),
to(violet));}*/
/* background: -ms-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.25));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1.0)), to(rgba(255,255,255,0.25)));
background: -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(255,255,255,0.25));}
*/
/* navigation menu
--------------------------------------------------------
*/
nav.navmenu {
font-family: arial;
font-weight: bold;
padding: 2px 8px;
background:-webkit-gradient(linear,
right top, left bottom,
color-stop(0.01, rgba(128,0,128, 1.0) ), /*purple 800080*/
color-stop(0.1, rgba(75,0,130, 1.0) ), /*indigo 4B0082*/
color-stop(0.2, rgba(0,0,255, 1.0) ), /*blue 0000FF*/
color-stop(0.4, rgba(0,255,0, 1.0) ), /*green 00FF00*/
color-stop(0.5, rgba(255,255,0, 1.0) ), /*yellow FFFF00*/
color-stop(0.7, rgba(255,165,0, 1.0) ), /*orange FFA500*/
color-stop(0.8, rgba(255,0,0, 1.0) ), /*red FF0000*/
color-stop(0.99, rgba(128,0,128, 1.0) )); /*purple 800080*/
/*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));*/
/*background:#656565;*/
border:2px solid rgb(0,0,0); /*#858585;*/ }
nav.navmenu a {padding:6px 8px;text-decoration:none;border:2px solid transparent;color:#fff;}
nav.navmenu a:hover {background: rgba(240, 128, 128, 0.5);
border:3px solid rgba(0,0,0,0.5); /*#858585;*/}
nav.related {
padding: 0.2em 1em 0.3em 1em;
font-size:smaller;
}
nav.related a:link {color: rgb(125, 156, 176);}
/* REPLACED WITH THE ABOVE
nav.navmenu {
display: block;
padding: 0.2em 1em 0 1em;
background: #99c9ff;
border-bottom: 2px solid #999999;
}
nav.navmenu a {
padding: 0.3em 1em 0 1em;
color: #555555;
font-family: Tahoma, Geneva, sans-serif;
text-decoration:none;
}
nav.navmenu a:link { }
nav.navmenu a:visited { }
nav.navmenu a:hover { color: #111111; background: #999999; }
nav.navmenu a:active { }
*/
/* Paragraphs and Headers
--------------------------------------------------------
I set it so that text, unless otherwise specified,
won't reach the edge of their container, and so that their
lines will be of equal with, because I think that looks nicer.
*/
/* Paragraph settings */
/*p {margin-left: 20px; margin-right: 20px;}
p {text-align: justify;}*
/* Settings for the headers */
/*h1 {margin-left: 20px; margin-right: 20px;}
h2 {margin-left: 20px; margin-right: 20px;}
h3 {margin-left: 20px; margin-right: 20px;}
h4 {margin-left: 20px; margin-right: 20px;}
h5 {margin-left: 20px; margin-right: 20px;}
h6 {margin-left: 20px; margin-right: 20px;}*/
/* 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 byline pic.
*/
figure.right{margin-right:0;}
figure.top{margin-top:0;}
figure.fullwidth{margin-left:0;margin-right:0;} /* not used? */
/* article
--------------------------------------------------------
*/
article{margin:0 auto;}
/* page footer
--------------------------------------------------------
*/
div#fixedbottom
{
height: 500px; width: 100%;
background-image: url(../img/hillSilhouette_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, white;
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;
border-top: 1px dotted rgba(0, 0, 0, 0.2);
margin-top: 2em;
padding: 1em;
color: #555555;
font-size: smaller;
font-style:italic;
}
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;
}