maurice/snix
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

version 3.1:

Browse source 
* 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
This commit is contained in:
Vincent Ambo 2012-03-20 00:26:50 +01:00
parent 39a30af9c2
commit 877a7f84b0
6 changed files with 153 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

1
res/blog.css Normal file
View file

@ -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;}

182
res/blogstyle.css
View file

@ -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;
}
.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;
}
/* 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;
}
.rightbox {
text-align:right;
}
.innerBox {
width: 100%;
margin-top: 20px;
/* 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;
}