601 lines
11 KiB
CSS
601 lines
11 KiB
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%;
|
|
}
|
|
}
|