pylog/style.css

#gallery_container {
    position:absolute;
    top:0px; left:0px;
    background-color:#222222;
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    overflow:scroll;
}

#gallery_container img{
    margin-top:30px;
    margin-bottom:30px;
}

#gallery_close {
    position:absolute;
    right:30px;
}

#gallery_prev {
    padding-bottom:15px;
}

#gallery_next {
    padding-bottom:15px;
}

/* generall */
.hidden {
    display: none
}
li {
    list-style-type:disc;
}
a {
    color:#aa6735;
    text-decoration:underline;
    font-weight:bold;
}
a:hover {
    text-decoration:none;
}

code {
    font-size:10pt;
    font-family:monospace;
    background-color:#dddddd;
    border:1px solid #aaaaaa;
    padding-left:4px;
    padding-right:4px;
}

pre code {
    display:block;
    margin-left: 20px;
    font-size:10pt;
    font-family:monospace;
    background-color:#dddddd;
    border:1px solid #aaaaaa;
    padding-left:4px;
    padding-right:4px;
}

/* header */
h1#blogtitle, h1#blogtitle a{
    text-decoration:none;
    font-size:18pt;
    font-weight:bold;    
    padding:20px 0 0 15px;
    margin:0;
    color:#5598ca;
    background-color:#dddddd;
    height:35px;
    background-image:url(_img/tbg.png);
    border-width:0px;
}
h2#subtitle:before {
    content:none;
}
h2#subtitle {
    font-size:10pt;
    font-weight:bold;    
    padding:0 0 10px 40px;
    margin:0;
    color:#aa6735;
    background-color:#dddddd;
    background-position:0 -55px;
    background-image:url(_img/tbg.png);
    height:15px;
}

img.tex {
    vertical-align:middle;
}

/* menu */
#menu {
    float:left;
    width:15%;
    margin-left:1%;
}
#menu ul, #menu li{
    margin:0;
    padding:0;
    list-style-type:none;
}
#menu ul{
    padding-left:15px;
    border-collapse:collapse;
}
#menu ul, #menu ul ul ul{    
}

#menu ul ul, #menu ul ul ul ul{    
}


#menu li{

}
a.menulink {
    margin-top:-1px;
    padding:2px 0 2px 5px;
    display:block;
    color:#5598ca;
    font-weight:bold;
    text-decoration:none;
    font-size:11pt;
    width:100%;
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    border: 1px solid #dddddd;
    border-collapse:collapse;
}
a.menulink:hover{
    color:#444444;
    background-color:#999999;
    background-image:url(_img/btn.png);
    border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    box-shadow: 0px 1px 4px #444444;
        -webkit-box-shadow: 0px 1px 4px #444444;
        -moz-box-shadow: 0px 1px 4px #444444;
        
    text-decoration:underline;
}

/* content */
body {
    margin:0;
    background-color:#eeeeee;
    background-image:url(_img/back.png);
    padding:0;
    font-family:sans-serif;
    font-size:11pt;
    color:black;
}
h1 {
    font-size:14pt;
    padding:10px 0 0 0;
    font-weight:bold;    
    color:#5598ca;
    border-bottom:1px solid #5598ca;
    counter-reset: kap;
}
h1 a {
    text-decoration:none;
}
h2:before {
    content: counter(kap) ' ';
}
h2 {
    font-size:12pt;
    padding:10px 0 0 10px;
    font-weight:bold;    
    color:#5598ca;

    counter-increment: kap;
    counter-reset: subkap;
}
h3:before {
    content: counter(kap) '.' counter(subkap) ' ';
}
h3 {
    font-size:10pt;
    padding:10px 0 0 20px;
    font-weight:bold;    
    color:#5598ca;

    counter-increment: subkap;
    counter-reset: subsubkap;
}
h4:before {
    content: counter(kap) '.' counter(subkap) '.' counter(subsubkap) ' ';
}
h4 { 
    font-size:9pt; 
    padding:10px 0 0 30px;
    font-weight:bold;    
    color:#5598ca;

    counter-increment: subsubkap;
}

#footer h2:before, #footer h3:before, #footer h4:before {
    content: '';
}

#dsq-footer {
    display: none;
}

.entryheader {
    color:#5598ca;
}

.entrydate {
    font-size:9pt;
    color:#cccccc;
}

.commentcount {
    font-size:9pt;
}

#content {
    padding:5px;
    background-color:#f6f6f6;
    background-image:url(_img/back3.png);
    margin-left:26%;
    width:45%;
    box-shadow: 0px 3px 12px #444444;
        -webkit-box-shadow: 0px 3px 12px #444444;
        -moz-box-shadow: 0px 3px 12px #444444;
        
    padding:15px;
    padding-left:9%;
    padding-right:9%;
    border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
    margin-bottom:40px;
    color:black;
    text-align:justify;
}

span.pre {
    white-space:pre-wrap;
    font-family:monospace;
}

ul.gallery {
    display:block;
    padding:0px;
}
ul.gallery li {
    display:inline;
}
ul.gallery li img {
    height:75px;
    margin:2px;
}