diff options
Diffstat (limited to 'theme/static/css/main.css')
| -rwxr-xr-x | theme/static/css/main.css | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/theme/static/css/main.css b/theme/static/css/main.css new file mode 100755 index 0000000..63a1cc2 --- /dev/null +++ b/theme/static/css/main.css @@ -0,0 +1,280 @@ +@import url("pygment.css"); +@import url("styles.css"); + +@font-face { + font-style: normal; + font-weight: normal; +} + +header, footer, section, nav { + display: block; +} + +body { + width: 710px; + margin: 0; + padding: 0; + font-size: .8em; + line-height: 1.3; + color: #111; + background : #323232; + margin-left: auto; + margin-right: auto; + font-family: "Lucida sans unicode",Lucida,Tahoma,Arial,sans-serif; +} + +h1, h2, h3, h4, h5, h6 { + margin: 1em 0 .5em 0; + line-height: 1.2; + font-style: normal; + font-weight: normal; + color: #AE4E00; +} +h1 { + font-size: 1.5em; +} +h2 { + font-size: 1.3em; +} +h2.page_title { + padding-left: 10px; + text-decoration: none; + font-size: 1.3em; + color: #AE4E00; + text-transform : capitalize; +} +h3 { + font-size: 1.15em; + margin-left: 5px; +} +h4 { + font-size: 1em; + margin-left: 30px; +} + +ul, ol { + margin: .75em 0 .75em 32px; + padding: 0; +} + +p { + margin: .75em; +} + +pre, blockquote { + margin: 0.5em 1em; + border:1px solid #ccc; + background:#eee; + border-left: 3px solid #ae4e00; + overflow:auto; + color: #666666; + line-height: 1.22em; + padding-left: 10px; +} + +pre { + font-size: medium; +} + +table { + border: 1px dashed grey; + padding: 0; + margin: 15px 10px; +} + td, th { + margin: 0; + padding: 2px 5px; + border: 1px dotted grey; + } + +hr { + height: 0; + width: 60%; + margin: 15px auto; + color: transparent; + border-bottom: 2px dotted grey; +} + +address { + margin: .75em 0; + font-style: normal; +} + +a { + text-decoration: underline; +} +a:link { + color: inherit; +} +a:visited { + color: inherit; +} +a:hover, a:focus, a:active { + color: slategrey; +} + +a img { + border: none; +} + +em { + font-style: italic; +} +strong { + font-weight: bold; +} + + + +div#page { + background : url(../images/fond.jpg) repeat-y top center #323232; + margin: 5% auto 5% auto; +} + + + header#header { + background-image: url("../images/header.jpg"); + height: 333px; + } + + #header>h1 { + left: 20px; + color: #BBBBBB; + letter-spacing: 1px; + font-size: 1.3em; + padding : 0; + padding-top: 20px; + padding-left: 15px; + margin: 15px 0 15px 0; + } + #header>h1>a { + text-decoration: inherit; + color: inherit; + } + + nav#cssmenu { + width: 100%; + padding-top: 2px; + padding-bottom: 2px; + } + + nav#menu a { + display: inline-block; + text-decoration: none; + margin: 2px; + padding: 1px; + border: 1px solid grey; + border-radius: 3px; + font-weight: bold; + color: #222; + } + + nav#menu a:hover, nav#menu a.active { + border: 1px solid black; + color: black; + } + + section#content { + float: left; + width: 700px; + line-height: 170%; + text-align: justify; + } + section#content a img { + max-width: 98%; + max-height: 98%; + margin-left: 15px; + } + + section#content img { + max-width: 98%; + max-height: 98%; + } + + section#content table#archives { + border: 0px ; + } + + table#archives td, table#archives td { + border: 0px ; + } + + section#content { + margin: 10px; + } + article.post h2.post_title { + margin: 20px 0 0 0; + padding: 0; + } + + article.post time.meta { + color: #999999; + font-size: small; + } + + article.post details.meta { + margin: 5px 0 0 0; + padding: 0; + } + article.post details.meta p { + margin: 0; + padding: 0; + } + + .post details.meta { + margin: 0; + padding: 2px 3px; + font-size: .8em; + } + + #content a#all_tags { + font-size: 1.8em; + } + #content ul#tag_list { + list-style-type: none; + } + #content dl#archives dt { + margin-left: 40px; + } + #content dl#archives dd { + text-align: center; + } + + #content>nav.pagination { + width: 100%; + font-size: 14px; + text-align: center; + } + nav.pagination a { + text-decoration: none; + font-weight: bolder; + } + +// aside#sidebar { +// float: right; +// width: 24%; +// } +// #sidebar .widget { +// margin-bottom: 10px; +// } +// #sidebar .widget ul { +// list-style-type: none; +// margin: auto auto auto 15px; +// } +// #sidebar .widget ul li:before { +// content: '» '; +// } +// +// #sidebar .widget ul a.more { +// display: inline-block; +// padding-top: 5px; +// text-decoration: none; +// } + + + footer#footer { + clear:both; + border-top: 1px solid grey; + padding: 5px 20px; + } + |