Show sourcecode

@import url(forms.css);

/* highlight current navigation menu choice in navigation menu
--------------------------------------------------------
*/
body#me a#me-,
body#favorites a#favorites-,
body#blokket a#blokket-,
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_rust.png);
    background-size:100% 100%;
}

/*  general
-------------------------------------------------------- 
*/

html, body {margin: 0; padding: 0;} /* Common margin & padding for all browsers */

html
{
    height: 100%;
    overflow-y:scroll;
    background-color: #000;
}

body
{
    height: 100%;
    font-family: Georgia, serif; color: #333;
}

h1, h2, h3 {border-bottom: 1px solid #dddddd;}

h1 {text-transform: uppercase;}

a:link    {color: rgb(165, 93, 53);}
a:visited {color: rgba(115, 43, 3, 0.40)}
a:hover   {color: rgb(215, 143, 103); text-decoration: underline;}
a:active  {color: rgb(265, 193, 153)}

/*  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-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(165, 93, 53, 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: #CCC;

    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;

    background-color: #FF005A; /*#A01D56;*/
}

nav.navmenu a
{
    padding: 6px 8px;
    text-decoration: none;
    border: 2px solid transparent;
    background-color: #FF005A;

    color: #000; /*#81FF00; #71AD1F;*/
}

nav.navmenu a:hover
{
    background-color: #AC033F;
    color: #000; /*#81FF00;*/
}

nav.related, nav.login
{
    color: rgba(165, 93, 53, 0.40);
  padding: 0.2em 1em 0.3em 1em;
  font-size: smaller;
}

nav.related a:link {color: rgb(165, 93, 53);}
nav.related a:visited {color: rgb(135, 63, 23);}
nav.related a:hover {text-decoration: underline;}

nav.login {float:right;}

nav.login a:link {color: rgb(165, 93, 53);}
nav.login a:visited {color: rgb(135, 63, 23);}
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;
}
            
/*  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, 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;
  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;
}