diff options
Diffstat (limited to 'blog/themes/wordpress/else-theme2/style.css')
-rw-r--r-- | blog/themes/wordpress/else-theme2/style.css | 694 |
1 files changed, 694 insertions, 0 deletions
diff --git a/blog/themes/wordpress/else-theme2/style.css b/blog/themes/wordpress/else-theme2/style.css new file mode 100644 index 0000000..c5a7eb3 --- /dev/null +++ b/blog/themes/wordpress/else-theme2/style.css @@ -0,0 +1,694 @@ +/* +Theme Name: Else-Theme2 +Version: 0.1 +Author: Else team +*/ + +/* Begin Typography & Colors */ + +body { + /*font-size: 62.5%;*/ /* Resets 1em to 10px */ + font-size:12px; + /*font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;*/ + font-family:Verdana, Arial, Helvetica, sans-serif; + /* background-color: #d5d6d7; */ + background-color: #FFFFFF; + color: #333; + text-align: center; + } + +#page { + /* background-color: #d5d6d7; */ + /* border: 1px solid #959596; */ + text-align: left; + } + +#header { + /* background-color: #73a0c5; */ + /* background-color: #FFFFFF; */ + } + +#content { + font-size: 1.2em + } + +.widecolumn .entry p { + font-size: 1.05em; + } + +.narrowcolumn .entry, .widecolumn .entry { + line-height: 1.4em; + } + +.widecolumn { + line-height: 1.6em; + } + +.narrowcolumn .postmetadata { + text-align: center; + } + +.alt { + background-color: #f8f8f8; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + } + +#footer { + background-color: #eee; + } + +small { + font-family: Arial, Helvetica, Sans-Serif; + font-size: 0.9em; + line-height: 1.5em; + } + +h1, h2, h3 { + font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; + font-weight: bold; + } + +h1 { + font-size: 4em; + text-align: center; + } + +#headerimg .description { + font-size: 1.2em; + text-align: center; + } + +h2 { + font-size: 1.6em; + } + +h2.pagetitle { + font-size: 1.6em; + } + +#sidebar h2 { + color: #FFF; + margin: 5px 0 0; + padding: 0; + font-family: 'Lucida Grande', Verdana, Sans-Serif; + font-size: 1.2em; + text-align: center; + background: url(images/sidebar-header.gif) no-repeat center; + } + +h3 { + font-size: 1.3em; + } + +h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { + text-decoration: none; + color: white; + } + +h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { + color: #FFF; + } + +h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { + text-decoration: none; + } + +.entry p a:visited { + color: #b85b5a; + } + +.commentlist li, #commentform input, #commentform textarea { + font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; + } + +.commentlist li { + font-weight: bold; + } + +.commentlist cite, .commentlist cite a { + font-weight: bold; + font-style: normal; + font-size: 1.1em; + } + +.commentlist p { + font-weight: normal; + line-height: 1.5em; + text-transform: none; + } + +#commentform p { + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + } + +.commentmetadata { + font-weight: normal; + } + +#sidebar { + font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; + } + +small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { + color: #777; + } + +code { + font: 1.1em 'Courier New', Courier, Fixed; + } + +acronym, abbr, span.caps +{ + font-size: 0.9em; + letter-spacing: .07em; + } + +a, h2 a:hover, h3 a:hover { + color: #06c; + text-decoration: none; + } + +a:hover { + color: #147; + text-decoration: underline; + } + +#wp-calendar #prev a { + font-size: 9pt; + } + +#wp-calendar a { + text-decoration: none; + } + +#wp-calendar caption { + font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; + text-align: center; + } + +#wp-calendar th { + font-style: normal; + text-transform: capitalize; + } +/* End Typography & Colors */ + + + +/* Begin Structure */ +body { + margin: 0; + padding: 0; + } + +#page { + /*background-color: white;*/ + background-color: #FFFFFF; + margin: 20px auto; + padding: 0; + width: 760px; + /* border: 1px solid #959596; */ + } + +#header { + padding: 0; + margin: 0 auto; + height: 120px; + width: 100%; + } + +#headerimg { + margin: auto; + height: 160px; + width: 100%; + } + +#img_side_header { /* définitions du titre du cadre */ + float: left; + /* padding: 0 25px 20px 25px; */ + /* margin: auto; */ + /* height: 160px; */ + width: 193px; + height: 36px; + background: url(images/rec_side_header.png) top left no-repeat; + /* font-size: 1.3em; + font-weight: bold; + text-align: center; */ +} + +#img_side_footer { /* définitions du titre du cadre */ + float: left; + /* padding: 0 25px 20px 25px; */ + /* margin: auto; */ + /* height: 160px; */ + width: 193px; + height: 36px; + background: url(images/rec_side_footer.png) top left no-repeat; + /* font-size: 1.3em; + font-weight: bold; + text-align: center; */ +} + +#img_page_header { /* définitions du titre du cadre */ + float: right; + /* padding: 0 25px 20px 25px; */ + /* margin: auto; */ + /* height: 160px; */ + width: 550px; + height: 40px; + background: url(images/rec_tp_header.png) top left no-repeat; + /* font-size: 1.3em; + font-weight: bold; + text-align: center; */ +} +#img_page_footer { /* définitions du titre du cadre */ + float: right; + /* padding: 0 25px 20px 25px; */ + /* margin: auto; */ + /* height: 160px; */ + width: 550px; + height: 40px; + background: url(images/rec_tp_footer.png) top left no-repeat; + /* font-size: 1.3em; + font-weight: bold;*/ + +} + +.narrowcolumn { + float: right; + /* background-color: #FCF0E7; */ + /*background-color: white;*/ + background-color: #f8cd89; + padding: 0px 25px 20px 25px; + width: 498px; + /* border-bottom: 1px solid #ff7a4c; */ + border-left: 1px solid #E06F3A; + border-right: 1px solid #E06F3A; + /* float: left; + padding: 0 0 20px 45px; + margin: 0px 0 0; + width: 450px; */ + text-align: top; +} + +.widecolumn { + float: right; + /*background-color: white;*/ + background-color: #f8cd89; + padding: 0 25px 20px 25px; + width: 498px; + border-left: 1px solid #E06F3A; + border-right: 1px solid #E06F3A; +} + +.post { + margin: 0 0 40px; + text-align: justify; + +} + +.post h2 { + color: #FFF; + padding: 5px 5px 0px 20px; + background: url(images/post-h2.gif) no-repeat center; + } + +.widecolumn .post { + margin: 0; + } + +.narrowcolumn .postmetadata { + padding-top: 0px; + } + +.widecolumn .postmetadata { + margin: 0px 0; + background-color: white; + } + +.widecolumn .smallattachment { + text-align: center; + float: left; + width: 128px; + margin: 5px 5px 5px 0px; +} + +.widecolumn .attachment { + text-align: center; + margin: 0px 0px; +} + +.postmetadata { + clear: left; +} + +#footer { + background: url(images/else_footer.png) bottom left no-repeat; + width: 760px; + clear: both; + text-align: center; + /* border: 1px solid #ff7a4c; */ +} + +#text-footer { + margin-top: 30px; + padding: 0px 0; + height :50px; + text-align: center; + /* border: 1px solid #000; */ +} +/* End Structure */ + + + +/* Begin Headers */ +h1 { + padding-top: 70px; + margin: 0; + } + +h2 { + margin: 30px 0 0; + } + +h2.pagetitle { + margin-top: 0px; + text-align: center; +} + +h3 { + padding: 0; + margin: 30px 0 0; + } + +h3.comments { + padding: 0; + margin: 40px auto 20px ; + } +/* End Headers */ + + + +/* Begin Images */ +p img { + padding: 0; + max-width: 100%; + } + +/* Using 'class="alignright"' on an image will (who would've + thought?!) align the image to the right. And using 'class="centered', + will of course center the image. This is much better than using + align="center", being much more futureproof (and valid) */ + +img.centered { + display: block; + margin-left: auto; + margin-right: auto; + } + +img.alignright { + padding: 4px; + margin: 0 0 2px 7px; + display: inline; + } + +img.alignleft { + padding: 4px; + margin: 0 7px 2px 0; + display: inline; + } + +.alignright { + float: right; + } + +.alignleft { + float: left + } +/* End Images */ + + + +/* Begin Lists + + Special stylized non-IE bullets + Do not work in Internet Explorer, which merely default to normal bullets. */ + +html>body .entry ul { + margin-left: 0px; + padding: 0 0 0 30px; + list-style: none; + padding-left: 10px; + text-indent: -10px; + } + +html>body .entry li { + margin: 7px 0 8px 10px; + } + +.entry ul li:before, #sidebar ul ul li:before { + content: "\00BB \0020"; + } + +.entry ol { + padding: 0 0 0 35px; + margin: 0; + } + +.entry ol li { + margin: 0; + padding: 0; + } + +.postmetadata ul, .postmetadata li { + display: inline; + list-style-type: none; + list-style-image: none; + } + +#sidebar ul, #sidebar ul ol { + margin: 0; + padding: 0; + } + +#sidebar ul li { + list-style-type: none; + list-style-image: none; +/* background-color: #FFFFFF;*/ + margin-bottom: 15px; + } + +#sidebar ul p, #sidebar ul select { + margin: 5px 0 8px; + } + +#sidebar ul ul, #sidebar ul ol { + margin: 5px 0 0 10px; + } + +#sidebar ul ul ul, #sidebar ul ol { + margin: 0 0 0 10px; + } + +ol li, #sidebar ul ol li { + list-style: decimal outside; + } + +#sidebar ul ul li, #sidebar ul ol li { + margin: 3px 0 0; + padding: 0; + } +/* End Entry Lists */ + + + +/* Begin Form Elements */ +#searchform { + margin: 10px auto; + padding: 5px 3px; + text-align: center; + } + +#sidebar #searchform #s { + width: 115px; + padding: 2px; + } + +#sidebar #searchsubmit { + padding: 1px; + } + +.entry form { /* This is mainly for password protected posts, makes them look better. */ + text-align:center; + } + +select { + width: 130px; + } + +#commentform input { + width: 170px; + padding: 2px; + margin: 5px 5px 1px 0; + } + +#commentform textarea { + width: 100%; + padding: 2px; + } + +#commentform #submit { + margin: 0; + float: right; + } +/* End Form Elements */ + + + +/* Begin Comments*/ +.alt { + margin: 0; + padding: 10px; + background-color: white; + } + +.commentlist { + padding: 0; + text-align: justify; + } + +.commentlist li { + margin: 15px 0 3px; + padding: 5px 10px 3px; + list-style: none; + } + +.commentlist p { + margin: 10px 5px 10px 0; + } + +#commentform p { + margin: 5px 0; + } + +.nocomments { + text-align: center; + margin: 0; + padding: 0; + } + +.commentmetadata { + margin: 0; + display: block; + } +/* End Comments */ + + + +/* Begin Sidebar */ +#side_bar_with_head_and_foot{ + float:left; + padding: 0px 0px 0px 0px; + /* padding: 20px 0 10px 0; */ + width: 160px; +} +#sidebar +{ + float:left; + background-color: #f8cd89; + padding: 0px 15px 10px 15px; + /* padding: 20px 0 10px 0; */ + width: 160px; + border-left: 1px solid #E06F3A; + border-right: 1px solid #E06F3A; + } + +#sidebar form { + margin: 0; + } +/* End Sidebar */ + + + +/* Begin Calendar */ +#wp-calendar { + empty-cells: show; + margin: 10px auto 0; + width: 155px; + } + +#wp-calendar #next a { + padding-right: 10px; + text-align: right; + } + +#wp-calendar #prev a { + padding-left: 10px; + text-align: left; + } + +#wp-calendar a { + display: block; + } + +#wp-calendar caption { + text-align: center; + width: 100%; + } + +#wp-calendar td { + padding: 3px 0; + text-align: center; + } + +#wp-calendar td.pad:hover { /* Doesn't work in IE */ + background-color: #fff; } +/* End Calendar */ + + + +/* Begin Various Tags & Classes */ +acronym, abbr, span.caps { + cursor: help; + } + +acronym, abbr { + border-bottom: 1px dashed #999; + } + +blockquote { + margin: 15px 30px 0 10px; + padding-left: 20px; + border-left: 5px solid #ddd; + } + +blockquote cite { + margin: 5px 0 0; + display: block; + } + +.center { + text-align: center; + } + +hr { + display: none; + } + +a img { + border: none; + } + +.navigation { + display: block; + text-align: center; + margin-top: 10px; + margin-bottom: 60px; + } +/* End Various Tags & Classes*/ + + + +/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. + It won't be a stylish marriage, I can't afford a carriage. + But you'll look sweet upon the seat of a bicycle built for two." */ |