From 877a7f84b04e424ffe04e4d0eee889890454978c Mon Sep 17 00:00:00 2001 From: Vincent Ambo Date: Tue, 20 Mar 2012 00:26:50 +0100 Subject: version 3.1: * entirely new design (looks a lot better. Thanks to @not_eden and @agoptron for their advice) * multi-author support (I won't use it yet) * blogstyle.css serves as the "source" for blog.css * displaying article eDate and author on entry page --- res/blog.css | 1 + res/blogstyle.css | 182 ++++++++++++++++++++++++++++-------------------------- 2 files changed, 96 insertions(+), 87 deletions(-) create mode 100644 res/blog.css (limited to 'res') diff --git a/res/blog.css b/res/blog.css new file mode 100644 index 000000000000..8ab3522d74b1 --- /dev/null +++ b/res/blog.css @@ -0,0 +1 @@ +@charset UTF-8;@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:local('PT Sans'), local(PTSans-Regular), url(http://themes.googleusercontent.com/static/fonts/ptsans/v2/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff) format(woff);}html,body{margin:0;padding:0;}body{padding-top:10px;font-family:'PT Sans', sans-serif;min-height:850px;background-color:#4A525A;color:#EEE;}a{color:#000;}input,textarea,select{border:1px solid #555;font-size:15px;line-height:1.2em;width:550px;background:#F9F9F9;-webkit-border-radius:.5em;padding:.5em;}.header{z-index:4;padding-left:20px;padding-bottom:70px;padding-top:30px;position:relative;box-shadow:0 6px 5px 1px #848F9A;}.link{color:#EEE;}.middle{position:relative;z-index:2;display:block;width:100%;padding-top:40px;background-color:#EEE;color:#000;}.footer{z-index:4;position:relative;background-color:#4A525A;margin-top:30px;padding-top:20px;box-shadow:0 -6px 5px 1px #848F9A;color:#EEE;}.btitle{text-decoration:none;color:#EEE;font-size:x-large;font-weight:700;margin-top:15px;margin-bottom:10px;}.contacts{float:left;}.righttext{float:right;padding-right:20px;}.rightbox{text-align:right;padding-right:14px;}.innerTitle{margin-left:10px;font-weight:700;}.innerBoxComments{margin-left:10px;}.innerContainer{padding-right:20px;}.centerbox{text-align:center;min-height:45px;}.cInput{margin-left:15px;}.tt{font-family:"courier new",courier,monospace;font-size:13px;}.cl{text-decoration:none;color:#000;}.cHead{font-size:large;font-weight:700;}.notFoundFace{text-align:center;font-size:100px;}.notFoundText{text-align:center;font-size:24px;font-weight:700;} diff --git a/res/blogstyle.css b/res/blogstyle.css index 3a5070ab342a..d58c405cdaf8 100644 --- a/res/blogstyle.css +++ b/res/blogstyle.css @@ -8,51 +8,118 @@ src: local('PT Sans'), local('PTSans-Regular'), url('http://themes.googleusercontent.com/static/fonts/ptsans/v2/7YGmE4Ls5b94ct65u07hVQLUuEpTyoUstqEm5AMlJo4.woff') format('woff'); } +html, body{ + margin: 0; + padding: 0; +} + body { - padding-top: 20px; + padding-top: 10px; font-family: 'PT Sans', sans-serif; min-height: 850px; - background-image: linear-gradient(bottom, rgb(245,245,245) 66%, rgb(239,239,239) 83%); - background-image: -o-linear-gradient(bottom, rgb(245,245,245) 66%, rgb(239,239,239) 83%); - background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 66%, rgb(239,239,239) 83%); - background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 66%, rgb(239,239,239) 83%); - background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 66%, rgb(239,239,239) 83%); - background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.66, rgb(245,245,245)), - color-stop(0.83, rgb(239,239,239)) - ); + background-color: #4A525A; + color: #EEE; } -.mainshell { - width: 98%; - margin: auto; +a { + color: black; } -.gradBox { - width: 98%; - margin: auto; +input, textarea, select { + border: 1px solid #555; + padding: 0.5em; + font-size: 15px; + line-height: 1.2em; + width: 550px; + background: #F9F9F9; + -webkit-border-radius: 0.5em; + } + +/* site sections */ +.header { + z-index: 4; + padding-left: 20px; + padding-bottom: 70px; + padding-top: 30px; + position: relative; + box-shadow: 0 6px 5px 1px #848F9A; } -.myclear { - clear: both; - height: 20px; +.link { + color: #EEE; } -.centerbox { - text-align:center; - min-height: 45px; +.middle { + position: relative; + z-index: 2; + display: block; + width: 100%; + padding-top: 40px; + background-color: #EEE; + color: black; +} + +.footer { + z-index: 4; + position: relative; + background-color: #4A525A; + margin-top: 30px; + padding-top: 20px; + box-shadow: 0 -6px 5px 1px #848F9A; + color: #EEE; +} + +/* header elements */ + +.btitle { + text-decoration:none; + color: #EEE; + font-size:x-large; + font-weight:bold; + margin-top: 15px; + margin-bottom: 10px; +} + +.contacts { + float: left; +} + +.righttext { + float:right; + padding-right: 20px; } .rightbox { text-align:right; + padding-right: 14px; } -.innerBox { - width: 100%; - margin-top: 20px; +/* middle elements */ +.innerTitle { + margin-left: 10px; + font-weight: bold; +} + +.innerBoxComments{ + margin-left: 10px; +} + +.innerContainer { + padding-right: 20px; + +} + +/* common elements */ +.centerbox { + text-align:center; + min-height: 45px; +} + + +/* style elements */ + +.cInput { + margin-left: 15px; } .tt { @@ -69,56 +136,6 @@ body { font-weight:bold; } -.innerBoxTop { - height: 28px; - color: #000000; - font-weight: bold; - font-size: 16px; - padding-left: 20px; - padding-top: 11px; - border: 1px solid #b6b6b6; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - -moz-border-radius-topleft: 6px; - -moz-border-radius-topright: 6px; - -webkit-border-top-left-radius: 6px; - -webkit-border-top-right-radius: 6px; - border-bottom: 1px solid #dcdcdc; - background-image: linear-gradient(bottom, rgb(246,246,246) 31%, rgb(234,234,234) 83%); - background-image: -o-linear-gradient(bottom, rgb(246,246,246) 31%, rgb(234,234,234) 83%); - background-image: -moz-linear-gradient(bottom, rgb(246,246,246) 31%, rgb(234,234,234) 83%); - background-image: -webkit-linear-gradient(bottom, rgb(246,246,246) 31%, rgb(234,234,234) 83%); - background-image: -ms-linear-gradient(bottom, rgb(246,246,246) 31%, rgb(234,234,234) 83%); - - background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0.31, rgb(246,246,246)), - color-stop(0.83, rgb(234,234,234)) - ); -} - -.innerBoxMiddle { - border: 1px solid #b6b6b6; - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-bottomright: 6px; - -webkit-border-bottom-left-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-top: 0px hidden; - background-color: #FFFFFF; - min-height: 500px; - height: auto; - padding-top: 21px; - padding-right: 2px; -} - -.innerBoxComments { - padding-left: 20px -} - .notFoundFace { text-align: center; font-size: 100px; @@ -129,12 +146,3 @@ body { font-size: 24px; font-weight: bold; } - -label span { - width: 6%; - float: left; -} - -label input { - display: block; -} -- cgit 1.4.1