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

body
{
    background-color: #f0e5a4;
    font-family: Verdana, Serif;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
}

#logo
{
    z-index:2;
    display:inline;
    position:absolute;
    top: -125px;
    left:-30px;
}

#title a
{
    color:black;
    font-size: 2em;
    padding-left:20%;
    padding-right:2em;
    margin-right:3em;
}

#header
{
    padding-top:2em;
    padding-bottom:3em;
    background-color:white;
    font-size: 1.5em;
}

#recents_title
{
    font-weight:bold;
}

div.content
{
    display:inline-block;
    position:relative;
    top:170px;
    left:170px;
    padding-left:2em;
    padding-right:2em;
    margin-bottom:15em;
    /* margin-right:25%;*/
    width:70%;
    background-color:white;
    border-style:solid;
    border-color:black;
    border-width:3px;
    z-index:1;
}

/* Menu */
div.menu
{
    display:inline-block;
    background-color:white;
    border-radius: 10px;
    border-style:solid;
    border-color: black;
    border-width:3px;
    background-color: #edeee7;
    width:13%;
    position:absolute;
    top:20em;
    right:2%;
    z-index:0;
}

.menu_main
{
    padding:0.5em;
}

div.menu
{
    font-family: Sans-serif;
}

div.menu  div.menu_content
{
    /* background-color: #edeee7; */
    border-style : solid solid solid solid;
    border-color:#d4d6c6;
    border-width:2px;
    padding:0.3em;
    margin :1em;
}

div.menu  div.menu_content  div.menu_content_header
{
    font-size: 17pt;
    background-repeat: no-repeat;
    background-position: left center;
    text-align:center;
    color: #475028;
}

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

div.menu_content_content a, a:link, a:hover
{
    font-family: Sans-serif;
    color: #5e6a34;
    font-weight: normal;
    font-style: normal;
}

div.menu  div.menu_content  div.menu_content_content ul
{
    padding-left:1.3em;
}

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

div.menu a img
{
    display:inline;
}

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

#archive_year, #category_name, #tag_name
{
    font-size:50pt;
    padding-bottom:0.5em;
}

div.navigation
{
    margin:1em;
    text-align:center;
}

div.footer
{
    width:100%;
    display:block;
    text-align:center;
    padding-bottom:1em;
}

/* Post */
div.post
{
    display:block;
    margin-bottom:5em;
}

div.post  div.post_header
{
    display:block;
    color: #3c3e2d;
}

div.post_header  h2.title, div.post_header  h2.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-size: 33pt;
    color: #181B0D;
}

div.post_header  div.post_sub_header
{
    display:block;
    background-color: #edeee7;
    padding : 0.3em;
}

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: 1.5em;
}

div.post_header  div.post_sub_header > div.author_icon  div.author
{
    display:inline;
    font-family: Sans-serif;
}

div.post_header  div.post_sub_header  div.date
{
    display:inline;
    font-family: Sans-serif;
    background-image: url('/images/dateicon.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1.5em;
}

div.post  div.post_content
{
    display:block;
    margin-top:1%;
    font-size: 1.1em;
    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;
}

a, a:link, a:hover
{
    font-family: Verdana, Serif;
    color: #818f00;
    text-decoration:none;
}

a img
{
    margin-left: auto;
    margin-right: auto;
    display:block;
}

.inlineimage
{
    display:inline;
    margin-left: 5em;
}

a .inlineimage
{
    display:inline;
    margin-left: 5em;
}

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: inherit;
    font-style: inherit;
}

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

/* Comments */
.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;
    padding:0.5em;
    margin:1em;
}

.comment .comment
{
    margin-top:1em;
    margin-left:1em;
}

.comment_content
{
    padding-top:0.5em;
    padding-left:0.5em;
    margin-bottom:0.5em;
    text-align:justify;
}

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

.comment_author, .comment_date
{
    margin-left:0.3em;
}

.comment_author
{
    font-weight:bold;
}

.response
{
    display:none;
    padding:0.5em;
}

.tags, .tag
{
    display:inline;
}

.tag
{
    margin-left:1em;
}

#email
{
    display:none;
}

.newsletter > p {
    font-weight:bold;
    text-align:center;
    color: #5e6a34;
}

/* Pygments */
.codehilite, .highlight { background-color: #e8e8e8; }
.hl, .color_emacs_hll { background-color: #ffffcc }
.c,  .color_emacs_c  { color: #008800; font-style: italic } /* Comment */
.er, .color_emacs_err { border: 1px solid #FF0000 } /* Error */
.k,  .color_emacs_k  { color: #AA22FF; font-weight: bold } /* Keyword */
.o,  .color_emacs_o  { color: #666666 } /* Operator */
.cm, .color_emacs_cm { color: #008800; font-style: italic } /* Comment.Multiline */
.cp, .color_emacs_cp { color: #008800 } /* Comment.Preproc */
.c1, .color_emacs_c1 { color: #008800; font-style: italic } /* Comment.Single */
.cs, .color_emacs_cs { color: #008800; font-weight: bold } /* Comment.Special */
.gd, .color_emacs_gd { color: #A00000 } /* Generic.Deleted */
.ge, .color_emacs_ge { font-style: italic } /* Generic.Emph */
.gr, .color_emacs_gr { color: #FF0000 } /* Generic.Error */
.gh, .color_emacs_gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi, .color_emacs_gi { color: #00A000 } /* Generic.Inserted */
.go, .color_emacs_go { color: #808080 } /* Generic.Output */
.gp, .color_emacs_gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs, .color_emacs_gs { font-weight: bold } /* Generic.Strong */
.gu, .color_emacs_gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt, .color_emacs_gt { color: #0040D0 } /* Generic.Traceback */
.kc, .color_emacs_kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
.kd, .color_emacs_kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
.kn, .color_emacs_kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */
.kp, .color_emacs_kp { color: #AA22FF } /* Keyword.Pseudo */
.kr, .color_emacs_kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
.kt, .color_emacs_kt { color: #00BB00; font-weight: bold } /* Keyword.Type */
.m,  .color_emacs_m  { color: #666666 } /* Literal.Number */
.s,  .color_emacs_s  { color: #BB4444 } /* Literal.String */
.na, .color_emacs_na { color: #BB4444 } /* Name.Attribute */
.nb, .color_emacs_nb { color: #AA22FF } /* Name.Builtin */
.nc, .color_emacs_nc { color: #0000FF } /* Name.Class */
.no, .color_emacs_no { color: #880000 } /* Name.Constant */
.nd, .color_emacs_nd { color: #AA22FF } /* Name.Decorator */
.ni, .color_emacs_ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne, .color_emacs_ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf, .color_emacs_nf { color: #00A000 } /* Name.Function */
.nl, .color_emacs_nl { color: #A0A000 } /* Name.Label */
.nn, .color_emacs_nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt, .color_emacs_nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv, .color_emacs_nv { color: #B8860B } /* Name.Variable */
.ow, .color_emacs_ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w,  .color_emacs_w  { color: #bbbbbb } /* Text.Whitespace */
.mf, .color_emacs_mf { color: #666666 } /* Literal.Number.Float */
.mh, .color_emacs_mh { color: #666666 } /* Literal.Number.Hex */
.mi, .color_emacs_mi { color: #666666 } /* Literal.Number.Integer */
.mo, .color_emacs_mo { color: #666666 } /* Literal.Number.Oct */
.sb, .color_emacs_sb { color: #BB4444 } /* Literal.String.Backtick */
.sc, .color_emacs_sc { color: #BB4444 } /* Literal.String.Char */
.sd, .color_emacs_sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
.s2, .color_emacs_s2 { color: #BB4444 } /* Literal.String.Double */
.se, .color_emacs_se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh, .color_emacs_sh { color: #BB4444 } /* Literal.String.Heredoc */
.si, .color_emacs_si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx, .color_emacs_sx { color: #008000 } /* Literal.String.Other */
.sr, .color_emacs_sr { color: #BB6688 } /* Literal.String.Regex */
.s1, .color_emacs_s1 { color: #BB4444 } /* Literal.String.Single */
.ss, .color_emacs_ss { color: #B8860B } /* Literal.String.Symbol */
.bp, .color_emacs_bp { color: #AA22FF } /* Name.Builtin.Pseudo */
.vc, .color_emacs_vc { color: #B8860B } /* Name.Variable.Class */
.vg, .color_emacs_vg { color: #B8860B } /* Name.Variable.Global */
.vi, .color_emacs_vi { color: #B8860B } /* Name.Variable.Instance */
.il, .color_emacs_il { color: #666666 } /* Literal.Number.Integer.Long */

/* Search */
#search_form
{
    padding:0;
    margin:0;
}

#search_text
{
    width:100%;
}

/* All posts */
div.all_posts
{
    display:block;
}

div.all_posts div.year
{
    display:block;
    margin-bottom:3em;
}

div.all_posts div.month
{
    display:block;
    margin-bottom:1.3em;
    margin-left:1.3em;
}

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

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

div.all_posts div.post
{
    display:block;
    margin-bottom:0.1em;
    margin-left:1.3em;
}

.post_content > p > img
{
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.post_content > p
{
    text-align:justify;
}

.feed
{
    margin-right:auto;
    margin-left:4em;
}

.feed > a
{
    margin-right:1em;
}

#last_ljdc
{
    padding-bottom:4em;
}

.comments_link
{
    padding-right:1em;
}

.year .title
{
    display:inline;
}

.hamburger
{
    display:none;
}

.about
{
    font-family: Verdana, Serif;
}

.about li
{
    list-style-image: none;
    list-style-type: none;
}

@media only screen and (max-width:1080px) {

    #header
    {
	padding-bottom:1em;
    }

    #title a
    {
    	font-size: 1.5em;
    	padding-left:1em;
	padding-right:1em;
	margin-right:0em;
    }

    div.menu
    {
	display:none;
	left:10%;
	top:2em;
	margin-bottom:2em;
    }

    div.content
    {
	top:1em;
	left:1em;
	margin-right:2em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom:3em;
    }

    .hamburger
    {
	display:block;
	z-index:999;
	position:fixed;
	top:2em;
	right:-5em;
    }

    img
    {
	width: 70%;
    }

    #hamburger_logo
    {
	width:30%;
    }

    #logo
    {
	display:none;
    }

    .feed img
    {
	width:10%;
    }
}