Show sourcecode

/* =====================================================================================
 *
 * Style: Stylesheet for HTML5.
 * 
 * A small stylesheet. It supports HTML5.
 *
 * Author: Mikael roos
 * 
 */
 
@import url("nav.css");           /* definitions to nav-items */
 

/* -------------------------------------------------------------------------------------
 * Various wrappers *may* make the page look stylie and nice.
 * Review the page page.php for how they are used when constructing the HTML-page.
 */
div.wrapper-page {
    margin: 0 auto;
    min-width: 600px;
    max-width: 900px;
    vertical-align: middle;
}

div.wrapper-header {
    display: inline;
}

div.wrapper-body {
    border: solid 2px #dddddd;
    padding-left: 10px;
    padding-right: 10px;
}

div.wrapper-footer, div.wrapper-debug {
    vertical-align: middle;
}


/* -------------------------------------------------------------------------------------
/* Style the copyright-message, part of footer */
div.copyright pre { 
    text-align: center;
}


/* -------------------------------------------------------------------------------------
/* header & paragraph styles */
p.small {
    font-size: x-small;
}

p.intendent {
    padding-left: 2em;
}

div.revisionhistory {
    float: right;
    border-left: solid 1px #dddddd;
    padding-left: 1em;
    font-size: x-small;
}


/* -------------------------------------------------------------------------------------
/* numbering the headers h2-h4 */
article.numbered {
    counter-reset: level1 0 level2 0 level3 0;
}
article.numbered h2:before { 
  content: counter(level1) ". "; 
  counter-increment: level1 1;
} 

article.numbered h2 { 
  counter-reset: level2 0 level3 0;
} 

article.numbered h3:before { 
  content: counter(level1) "." counter(level2) " "; 
  counter-increment: level2; 
} 

article.numbered h3 { 
  counter-reset: level3; 
} 

article.numbered h4:before { 
  counter-increment: level3; 
  content: counter(level1) "." counter(level2) "." counter(level3) ". "; 
} 


/* -------------------------------------------------------------------------------------
/* Style for displaying lines of code */
div.code {
    font-family: monospace;
    border: solid 1px #999999;
    background: #eeeeee;
    padding: 1em;
}

/* -------------------------------------------------------------------------------------
/* Style for links */
a, a:visited {
    color: #111111;
}

a:hover {
    color: #365B17;
}


/* -------------------------------------------------------------------------------------
/* Clearer */
div.clear {
    height: 0;
    clear: both;
}