Dynastie/sites/blog.soutade.fr/css/blog.css

html
{
    height:100%;
}

body
{
    /* margin: 0 auto; */
    padding: 0;
    background-color: #ffffe2;
    margin-left: 20%;
    margin-right: 20%;
    height:100%;
}

div.body
{
    position:relative;
    top:-315px;
    display:table;
    width:100%;
    height:100%;
    background-color:white;
    border-style:solid;
    border-color:black;
    border-width:3px;
    margin-top:150px;
}

#logo
{
    z-index:2;
    display:inline;
    position:relative;
    /* top:-135px; */
    top: 33px;
    left:-27px;
}

#title a
{
    z-index:12;
    display:inline;
    color:black;
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    font-size: 50px;
    padding-left:180px;
}

#header
{
    padding-top:50px;
    padding-bottom:50px;
}

#recents_title
{
    font-weight:bold;
}

div.table {display:table;}
div.table-row {display:table-row;}
div.table-cell {display:table-cell;}

div.content
{
    display:table-cell;
    padding-left:3%;
    padding-right:2%;
    /* margin-top:2%; */
    width:75%;
}

div.menu
{
    display:table-cell;
    width:20%;
    margin:8px;
}

#menu_main
{
    padding:10px;
}

div.menu  div.menu_content
{
    background-color: #edeee7;
    border-style : solid ridge ridge solid;
    border-color:#d4d6c6;
    border-width:2px;
    border-bottom-width:4px;
    border-right-width:4px;
    padding:6px;
    margin :10px;
}

div.menu  div.menu_content  div.menu_content_header
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    font-size: 17px;
    background-image: url("/images/BlockHeaderIcon.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    color: #475028;
}

div.menu  div.menu_content  div.menu_content_content
{
    color: #5e6a34;
}

div.menu_content_content a
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu  div.menu_content  div.menu_content_content a:link
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu  div.menu_content  div.menu_content_content a:hover
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu  div.menu_content  div.menu_content_content ul
{
    padding-left:20px;
}

div.menu  div.menu_content  div.menu_content_content li
{
    list-style-image: url("/images/BlockContentBullets.png");
}

div.footer
{
    width:100%;
    display:block;
    text-align:center;
    padding:15px;
}

div.post
{
    display:block;
    margin-bottom:100px;
}

div.post  div.post_header
{
    display:block;
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #3c3e2d;
    padding-bottom:5px;
}

div.post  div.post_header  div.title
{
    display:block;
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    color: #181B0D;
}

div.post_header  div.title > a
{
    display:block;
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    color: #181B0D;
}

div.post_header  div.title > a:hover
{
    display:block;
    text-decoration:none;
    margin: 0.2em 0;
    padding: 0;
    font-weight:normal;
    font-style:normal;
    letter-spacing:normal;
    word-spacing:normal;
    font-variant:normal;
    text-decoration:none;
    font-variant:normal;
    text-transform:none;
    text-align:left;
    text-indent:0;
    line-height:inherit;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    color: #181B0D;
}

div.post_header  div.post_sub_header
{
    display:block;
    background-color: #edeee7;
    /* margin-left : 10px; */
    padding : 3px;
}

div.post_header  div.post_sub_header > div.author_icon
{
    display:inline;
    background-image: url('/images/authoricon.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 18px;
}

div.post_header  div.post_sub_header > div.author_icon  div.author
{
    display:inline;
}

div.post_header  div.post_sub_header  div.date
{
    display:inline;
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    background-image: url('/images/dateicon.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
}

div.post  div.post_content
{
    display:block;
    margin-top:1%;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    color: #171811;

}

footer.post_footer
{
    text-align:right;
}

footer.post_footer > a, a:link, a:hover
{
    color: blue;
    text-decoration:none;
}

footer.post_footer > a:hover
{
    color: blue;
    text-decoration:underline;
}

footer.post_footer > a:visited
{
    color: purple;
    text-decoration:underline;
}


div.recents
{
    margin-left:20px;
}

#archive_year, #category_name, #tag_name
{
    font-size:50;
    padding-bottom:20px;
}

div.navigation
{
    margin:5px;
    text-align:center;
}

a, a:link, a:hover
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    color: #818f00;
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    font-weight: normal;
    font-style: normal;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    padding-top:20px;
    font-size: 28px;
    color: #818f00;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    padding-top:18px;
    font-size: 26px;
    color: #8c9d4d;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
    font-family: Verdana,Geneva,Arial,Helvetica,Sans-Serif;
    padding-top:15px;
    font-size: 21px;
    color: #65684b;
}

h4
{
    padding-top:10px;
    font-size: 1em;
}

ul li
{
    list-style-image: url("/images/bullet.png");
}

.comments
{
    padding-left:1%;
    padding-top:1%;
    padding-bottom:1%;
    margin-bottom:5%;
}

.comment
{
    background-color: #edeceb;
    border-style:solid;
    border-radius: 10px;
    border-color: #8e785b;
    /* margin-bottom:3%; */
    padding:5px;
    margin:15px
}

.comment .comment
{
    margin-top:15px;
    margin-left:15px;
    margin-bottom:1px;
    margin-right:1px;
}

.comment_content
{
    padding-top:5px;
    padding-left:5px;
    margin-bottom:5px;
    text-align:justify;
}

.comment_index, .comment_author, .comment_date
{
    display: inline
}

.comment_author, .comment_date
{
    margin-left:5px;
    margin-right:5px;
}

.comment_author
{
    font-weight:bold;
}

.response
{
    display:none;
    padding:5px;
}

.tags, .tag
{
    display:inline;
}

.tag
{
    margin-left:10px;
}

#email
{
    display:none;
}

/* Pygments */
.highlight { background-color: #e8e8e8; }
.color_emacs_hll { background-color: #ffffcc }
.color_emacs_c { color: #008800; font-style: italic } /* Comment */
.color_emacs_err { border: 1px solid #FF0000 } /* Error */
.color_emacs_k { color: #AA22FF; font-weight: bold } /* Keyword */
.color_emacs_o { color: #666666 } /* Operator */
.color_emacs_cm { color: #008800; font-style: italic } /* Comment.Multiline */
.color_emacs_cp { color: #008800 } /* Comment.Preproc */
.color_emacs_c1 { color: #008800; font-style: italic } /* Comment.Single */
.color_emacs_cs { color: #008800; font-weight: bold } /* Comment.Special */
.color_emacs_gd { color: #A00000 } /* Generic.Deleted */
.color_emacs_ge { font-style: italic } /* Generic.Emph */
.color_emacs_gr { color: #FF0000 } /* Generic.Error */
.color_emacs_gh { color: #000080; font-weight: bold } /* Generic.Heading */
.color_emacs_gi { color: #00A000 } /* Generic.Inserted */
.color_emacs_go { color: #808080 } /* Generic.Output */
.color_emacs_gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.color_emacs_gs { font-weight: bold } /* Generic.Strong */
.color_emacs_gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.color_emacs_gt { color: #0040D0 } /* Generic.Traceback */
.color_emacs_kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
.color_emacs_kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
.color_emacs_kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */
.color_emacs_kp { color: #AA22FF } /* Keyword.Pseudo */
.color_emacs_kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
.color_emacs_kt { color: #00BB00; font-weight: bold } /* Keyword.Type */
.color_emacs_m { color: #666666 } /* Literal.Number */
.color_emacs_s { color: #BB4444 } /* Literal.String */
.color_emacs_na { color: #BB4444 } /* Name.Attribute */
.color_emacs_nb { color: #AA22FF } /* Name.Builtin */
.color_emacs_nc { color: #0000FF } /* Name.Class */
.color_emacs_no { color: #880000 } /* Name.Constant */
.color_emacs_nd { color: #AA22FF } /* Name.Decorator */
.color_emacs_ni { color: #999999; font-weight: bold } /* Name.Entity */
.color_emacs_ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.color_emacs_nf { color: #00A000 } /* Name.Function */
.color_emacs_nl { color: #A0A000 } /* Name.Label */
.color_emacs_nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.color_emacs_nt { color: #008000; font-weight: bold } /* Name.Tag */
.color_emacs_nv { color: #B8860B } /* Name.Variable */
.color_emacs_ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.color_emacs_w { color: #bbbbbb } /* Text.Whitespace */
.color_emacs_mf { color: #666666 } /* Literal.Number.Float */
.color_emacs_mh { color: #666666 } /* Literal.Number.Hex */
.color_emacs_mi { color: #666666 } /* Literal.Number.Integer */
.color_emacs_mo { color: #666666 } /* Literal.Number.Oct */
.color_emacs_sb { color: #BB4444 } /* Literal.String.Backtick */
.color_emacs_sc { color: #BB4444 } /* Literal.String.Char */
.color_emacs_sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
.color_emacs_s2 { color: #BB4444 } /* Literal.String.Double */
.color_emacs_se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.color_emacs_sh { color: #BB4444 } /* Literal.String.Heredoc */
.color_emacs_si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.color_emacs_sx { color: #008000 } /* Literal.String.Other */
.color_emacs_sr { color: #BB6688 } /* Literal.String.Regex */
.color_emacs_s1 { color: #BB4444 } /* Literal.String.Single */
.color_emacs_ss { color: #B8860B } /* Literal.String.Symbol */
.color_emacs_bp { color: #AA22FF } /* Name.Builtin.Pseudo */
.color_emacs_vc { color: #B8860B } /* Name.Variable.Class */
.color_emacs_vg { color: #B8860B } /* Name.Variable.Global */
.color_emacs_vi { color: #B8860B } /* Name.Variable.Instance */
.color_emacs_il { color: #666666 } /* Literal.Number.Integer.Long */

#search_form
{
    padding:0;
    margin:0;
}

#search_text
{
    width:100%;
}

div.all_posts
{
    display:block;
}

div.all_posts div.year
{
    display:block;
    margin-bottom:50px;
}

div.all_posts div.month
{
    display:block;
    margin-bottom:20px;
    margin-left:20px;
}

div.all_posts year
{
    display:block;
    margin-bottom:20px;
    font-size: x-large;
    font-weight:bold;
}

div.all_posts month
{
    display:block;
    margin-bottom:5px;
    font-size: large;
}

div.all_posts div.post
{
    display:block;
    margin-bottom:2px;
    margin-left:20px;
}