diff options
author | Chimrod <contact+git@chimrod.com> | 2013-04-16 21:27:30 +0200 |
---|---|---|
committer | Chimrod <contact+git@chimrod.com> | 2013-04-16 21:27:30 +0200 |
commit | 66a5a0cdccd464930a232c87f91e1b0805f255a5 (patch) | |
tree | 1563108cc22cfdc250108eb25b3beaf51d398dff /theme/static/css |
initial commit
Diffstat (limited to 'theme/static/css')
-rwxr-xr-x | theme/static/css/main.css | 280 | ||||
-rwxr-xr-x | theme/static/css/pygment.css | 205 | ||||
-rwxr-xr-x | theme/static/css/styles.css | 25 |
3 files changed, 510 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; + } + diff --git a/theme/static/css/pygment.css b/theme/static/css/pygment.css new file mode 100755 index 0000000..594b0fa --- /dev/null +++ b/theme/static/css/pygment.css @@ -0,0 +1,205 @@ +.hll { +background-color:#FFFFCC; +} +.c { +color:#408090; +font-style:italic; +} +.err { +border:1px solid #FF0000; +} +.k { +color:#007020; +font-weight:bold; +} +.o { +color:#666666; +} +.cm { +color:#408090; +font-style:italic; +} +.cp { +color:#007020; +} +.c1 { +color:#408090; +font-style:italic; +} +.cs { +background-color:#FFF0F0; +color:#408090; +} +.gd { +color:#A00000; +} +.ge { +font-style:italic; +} +.gr { +color:#FF0000; +} +.gh { +color:#000080; +font-weight:bold; +} +.gi { +color:#00A000; +} +.go { +color:#303030; +} +.gp { +color:#C65D09; +font-weight:bold; +} +.gs { +font-weight:bold; +} +.gu { +color:#800080; +font-weight:bold; +} +.gt { +color:#0040D0; +} +.kc { +color:#007020; +font-weight:bold; +} +.kd { +color:#007020; +font-weight:bold; +} +.kn { +color:#007020; +font-weight:bold; +} +.kp { +color:#007020; +} +.kr { +color:#007020; +font-weight:bold; +} +.kt { +color:#902000; +} +.m { +color:#208050; +} +.s { +color:#4070A0; +} +.na { +color:#4070A0; +} +.nb { +color:#007020; +} +.nc { +color:#0E84B5; +font-weight:bold; +} +.no { +color:#60ADD5; +} +.nd { +color:#555555; +font-weight:bold; +} +.ni { +color:#D55537; +font-weight:bold; +} +.ne { +color:#007020; +} +.nf { +color:#06287E; +} +.nl { +color:#002070; +font-weight:bold; +} +.nn { +color:#0E84B5; +font-weight:bold; +} +.nt { +color:#062873; +font-weight:bold; +} +.nv { +color:#BB60D5; +} +.ow { +color:#007020; +font-weight:bold; +} +.w { +color:#BBBBBB; +} +.mf { +color:#208050; +} +.mh { +color:#208050; +} +.mi { +color:#208050; +} +.mo { +color:#208050; +} +.sb { +color:#4070A0; +} +.sc { +color:#4070A0; +} +.sd { +color:#4070A0; +font-style:italic; +} +.s2 { +color:#4070A0; +} +.se { +color:#4070A0; +font-weight:bold; +} +.sh { +color:#4070A0; +} +.si { +color:#70A0D0; +font-style:italic; +} +.sx { +color:#C65D09; +} +.sr { +color:#235388; +} +.s1 { +color:#4070A0; +} +.ss { +color:#517918; +} +.bp { +color:#007020; +} +.vc { +color:#BB60D5; +} +.vg { +color:#BB60D5; +} +.vi { +color:#BB60D5; +} +.il { +color:#208050; +} diff --git a/theme/static/css/styles.css b/theme/static/css/styles.css new file mode 100755 index 0000000..ec426de --- /dev/null +++ b/theme/static/css/styles.css @@ -0,0 +1,25 @@ +#cssmenu ul, #cssmenu hr { margin: 0px; } +#cssmenu hr { margin: auto; } +#cssmenu{ height:39px; display:block; padding:0; margin: 0; margin-left:10px; margin-right:10px; } +#cssmenu > ul {list-style:inside none; padding:0; margin:0;} +#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} +#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font: 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } +#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} +#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } +#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} +#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } +#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} +#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } +#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} +#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} +#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } +#cssmenu ul li > ul{width:200px;} +#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} +#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } + + +#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background-color:#323232; } +#cssmenu{border-color:#000;} +#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} +#cssmenu > ul > li > a:after{border-color:#444;} +#cssmenu > ul > li > a:hover{background:#111;} |