marta.css

/**********************
* general information *
***********************

* file:       marta.css
* created:    2015-07-23
* author(s):  Marta Rodriguez Orejuela <marta.rodriguez@mdc-berlin.de> (MR),
*             Marcel Schilling <marcel.schilling@mdc-berlin.de> (MS)
* license:    GNU Affero General Public License Version 3 (GNU AGPL v3)
* purpose:    beautify HTML generated from Markdown


**************************************
* change log (reverse chronological) *
**************************************

* 2015-07-23: initial version (original file provided by MR with header comments added by MS)


**********************************
* file content as provided by MR *
*********************************/

body{
    margin: 0 auto;
    background-color:white;
    font-family:Georgia, Palatino, serif;
    color: #333333; /* dark gray not black */
    line-height: 1;
    max-width: 1024px;
    padding: 30px;
    font-size: 18px;
}


p   {
    font-size: 16px;
    line-height: 150%;
    max-width: 1024;
    font-weight: 400;
    color: #333333
}


h1, h2, h3, h4 {
    color: #111111;
    font-weight: 400;
    border-bottom: 1px solid #000;
}

h2, h3, h4, h5, p {
    margin-bottom: 25px;
    padding: 0;
}

h1 {
    margin-bottom: 10px;
    font-size:250%;
    padding: 0px;
    font-variant:small-caps;
    border-bottom: 3px solid #000;

}

h2 {
    font-size:150%
    margin: 24px 0 6px;
    border-bottom: 2px solid #000;

}

h3 {
    font-size:120%
}
h4 {
    font-size:100%
    font-variant:small-caps;

}
h5 {
    font-size:80%
    font-weight: 100;
}

h6 {
    font-size:80%
    font-weight: 100;
    color:red;
    font-variant:small-caps;
}

body {counter-reset: h2}
  h2 {counter-reset: h3}
  h3 {counter-reset: h4}
  h4 {counter-reset: h5}
  h5 {counter-reset: h6}

  h2:before {counter-increment: h2; content: counter(h2) ". "}
  h3:before {counter-increment: h3; content: counter(h2) "." counter(h3) ". "}
  h4:before {counter-increment: h4; content: counter(h2) "." counter(h3) "." counter(h4) ". "}
  h5:before {counter-increment: h5; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
  h6:before {counter-increment: h6; content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}

  h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none } 


a {
    color: grey;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
a:hover {
    text-decoration: blink;
    color: green;
}
a:visited {
    color: #333333;
}
ul, ol {
    padding: 0;
    margin: 0px 0px 0px 50px;
}
ul {
    list-style-type: square;
    list-style-position: inside;

}

li {
     line-height:150%    
}
li ul, li ul {
    margin-left: 24px;
}

pre {
    font-size: 95%%;
    line-height: 140%;
    font-family: "Courier 10 Pitch", Courier, monospace; 
    white-space: pre; 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -o-pre-wrap; 

    width: auto;
    display: block;
    clear: both;
    color: #555555;
    padding: 1em 1em;
    margin: auto 40px auto 40px;
    background: #f4f4f4;
    border: solid 1px #e1e1e1
}       

code {
    font-family: Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 95%;
    line-height: 140%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    color: #333333;

}

aside {
    display: block;
    float: right;
    width: 390px;
}
blockquote {
    border-left:.5em solid #eee;
    padding: 0 1em;
    margin-left:0;
    max-width: 476px;
}
blockquote  cite {
    font-size:14px;
    line-height:20px;
    color:#bfbfbf;
}
blockquote cite:before {
    content: '\2014 \00A0';
}

blockquote p {  
    color: #666;
    max-width: 460px;
}
hr {
    width: 540px;
    text-align: left;
    margin: 0 auto 0 0;
    color: #999;
}

img{
    max-width:1024px;
}