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-steel.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#blokket a#blokket-,
body#blokket2 a#blokket2-,
body#test a#test-,
body#style a#style-,
body#report a#report-,
body#guide a#guide-,
body#source a#source-
{
opacity: 1;
background-image: url(../img/panel.png);
background-size:100% 100%;
}
/* 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), #292646, #383460, #462F5D, #8A7941, #FFF176) fixed;
background: -webkit-linear-gradient(rgb(25, 25, 35), #292646, #383460, #462F5D, #8A7941, #FFF176) fixed;
background: -moz-linear-gradient(top, rgb(25, 25, 35), #292646, #383460, #462F5D, #8A7941, #FFF176) 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;}
a:link {color: rgb(75, 106, 126);}
a:visited {color: rgba(25, 56, 76, 0.40)}
a:hover {color: rgb(125, 156, 176); text-decoration: underline;}
a:active {color: rgb(175, 206, 226)}
/* 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: 700px;
}
div#logo
{
margin-left: auto;
margin-right: auto;
height: 250px; width: 100%;
background-image: url(../img/logo.png);
background-size: cover;
background-repeat: no-repeat;
}
/* 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 */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-color: rgba(10,10,55,0.25);
background: -ms-linear-gradient(top, rgba(220,220,220,0.9), rgba(220,220,220,0.66));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.9)), to(rgba(220,220,220,0.66)));
background: -moz-linear-gradient(top, rgba(220,220,220,0.9), rgba(220,220,220,0.66));
z-index: 2;
}
/* navigation menu
--------------------------------------------------------
TODO Make the links more responsive to the mouse.
*/
nav.navmenu
{
padding: 2px 8px;
font-family: arial;
font-weight: bold;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-image: url(../img/panel.png);
background-size:100% 100%;
}
nav.navmenu a
{
padding: 6px 8px;
text-decoration:none;
border: 2px solid transparent;
background-image: url(../img/panel.png);
background-size: 100% 100%;
transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
color: #fff;
opacity: 0.25;
}
nav.navmenu a:hover
{
background-image: url(../img/panel.png);
background-size: 100% 100%;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
color: #fff;
opacity: 1.0;
}
nav.related, nav.login
{
color: rgba(125, 156, 176, 0.40);
padding: 0.2em 1em 0.3em 1em;
font-size: smaller;
}
nav.related a:link {color: rgb(125, 156, 176);}
nav.related a:visited {color: rgb(95, 116, 146);}
nav.related a:hover {text-decoration: underline;}
nav.login {float:right;}
nav.login a:link {color: rgb(125, 156, 176);}
nav.login a:visited {color: rgb(95, 116, 146);}
nav.login a:hover {text-decoration: underline;}
/* navigation menu for vertical menus
--------------------------------------------------------
*/
nav.vmenu {padding-left: 17px;}
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;
}
/* custom image for list marker */
nav.vmenu ul ul li a
{
background-image: url(../img/menuIcon_small.png);
background-size: 35px, 35px;
background-repeat: no-repeat;
background-position: 3px 3px;
padding-left: 45px;
text-decoration: none;
font: bold 0.7em Arial, Helvetica, sans-serif;
color: rgb(0, 0, 0);
}
nav.vmenu ul ul li a:hover
{
background-position: 9px 3px;
padding-left: 50px;
}
/* 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;
}