type="color" default="#333333" value="#333333">
*/
body {
background-color: #ccc;
margin:0;
font: x-small Verdana, Sans-serif;
text-align:center;
color:#000;
font-size/* */:/**/small;
font-size: /**/small;
}
/* Page Structure
----------------------------------------------- */
#outer-wrapper {
position:relative;
top:4px;
$startSide:4px;
background: #999;
width:744px;
margin:10px auto;
text-align:$startSide;
font: $bodyFont;
}
#wrap2 {
position:relative;
top:-4px;
$startSide:-4px;
background:#fff;
padding:10px;
border: 1px solid #fff;
}
#content-wrapper {
width:100%;
}
#main-wrapper {
background: $mainBgColor url("http://www.blogblog.com/no897/corner_main_$startSide.gif") no-repeat $endSide top;
width:460px;
float:$startSide;
color:$mainTextColor;
font-size: 85%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#main {
margin:0;
padding:15px 20px;
}
#sidebar-wrapper {
background:$sidebarBgColor url("http://www2.blogblog.com/no897/corner_sidebar_$startSide.gif") no-repeat $startSide top;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
margin:0;
padding:2px 20px 10px;
}
#footer {
display:none;
}
/* Links
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:none;
}
a:visited {
color: $mainVisitedLinkColor;
text-decoration:none;
}
a:hover {
color: $mainVisitedLinkColor;
text-decoration:underline;
}
a img {
border-width:0;
}
#sidebar a {
color: $sidebarLinkColor;
}
#sidebar a:visited {
color: $sidebarVisitedLinkColor;
}
#sidebar a:hover {
color: $sidebarVisitedLinkColor;
}
/* Header
----------------------------------------------- */
#header-wrapper {
background: #fff;
padding-bottom: 4px;
position: relative;
min-height: 190px;
_height: 0px;
}
#header .titlewrapper {
background:#269 url("http://www.blogblog.com/no897/topleft_$startSide.gif") no-repeat $startSide bottom;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:160px;
margin:0px 0px 10px 0px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
_height: 0px;
min-height: 70px;
}
#header h1 {
background:url("http://www1.blogblog.com/no897/bg_header.gif") no-repeat $startSide top;
margin:0;
padding:70px 0 30px;
line-height: 97px;
font: $titleFont;
text-transform:lowercase;
_height: 0px;
}
#header h1 a {
color:#fff;
text-decoration:none;
}
.postpage #header h1 {
padding-top:0;
background-position:0 -40px;
}
.clear { clear: both; }
/* Description
----------------------------------------------- */
#header .descriptionwrapper {
background: #88ddff url("http://www2.blogblog.com/no897/bg_desc_top_$startSide.gif") no-repeat $startSide top;
margin:0 0 6px;
padding:12px 0 0;
color: $descColor;
font-size: 75%;
border-bottom: 1px solid #ffffff;
width: 100%;
}
#header .description {
background:url("http://www.blogblog.com/no897/bg_desc_bot_$startSide.gif") no-repeat $startSide bottom;
margin:0;
padding:0 0 12px;
display:block;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
border-bottom: 1px solid #ffffff;
}
#header .description span {
/* To remove the word next to the description, delete the following background property */
background:url("http://www2.blogblog.com/no897/temp_no.gif") no-repeat $startSide center;
/* Keep everything below */
display:block;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:160px;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
}
.postpage #description em {
font-size:1px;
line-height:1px;
color:$descColor;
visibility:hidden;
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .5em;
line-height: 1.4em;
font: $dateHeaderFont;
text-transform:lowercase;
color:$dateHeaderColor;
}
.post {
margin:0 0 2em;
}
.post h3 {
margin:0 0 .25em;
line-height: 1.4em;
font-weight: bold;
font-size: 150%;
color:$postTitleColor;
}
.post h3 a {
text-decoration:none;
color:$postTitleColor;
}
.post h3 a:link {
color: $postTitleColor;
}
.post h3 a:hover {
color: $mainVisitedLinkColor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:$postTitleColor;
text-transform:lowercase;
}
.post-footer .post-author,
.post-footer .post-timestamp {
font-style:normal;
}
.post blockquote {
margin:1em 20px;
padding:5px 0;
border:2px solid #356;
border-width:2px 0;
}
.post blockquote p {
margin:.5em 0;
}
.post img {
border:5px solid #fff;
}
/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
border-top:2px solid #356;
padding-top:1em;
}
#comments h4 {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 150%;
text-transform:lowercase;
color: #9ec;
}
#comments-block {
margin-top:0;
margin-$endSide:0;
margin-bottom:1em;
margin-$startSide:0;
line-height:1.6em;
}
.comment-author {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 112%;
text-transform:lowercase;
}
.comment-body, .comment-body p {
margin:0 0 .75em;
}
p.comment-footer {
margin:-.25em 0 2em;
}
#main .comment-footer a {
color: #689;
}
#main .comment-footer a:hover {
color: #9ec;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: $startSide;
}
#blog-pager-older-link {
float: $endSide;
}
#blog-pager {
text-align: center;
}
/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: $sidebarHeaderFont;
color: $sidebarHeaderColor;
text-transform:lowercase;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0;
}
.sidebar ul {
list-style:none;
margin: 0;
padding: 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:20px;
text-indent:-20px;
line-height:1.4em;
}
/* Profile
----------------------------------------------- */
.profile-datablock, .profile-textblock {
margin:0 0 .75em;
line-height:1.4em;
}
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 5px solid $sidebarHeaderColor;
}
.profile-data {
font-weight: bold;
}
/* Misc
----------------------------------------------- */
#footer-wrapper {
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
body#layout #main-wrapper,
body#layout #sidebar-wrapper {
height: auto;
}
]]>
