<data:blog.pageTitle/>
*/
/* ----- GLOBAL ----- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
color: $textColor;
background: $bodybgColor;
font-family: verdana,helvetica,tahoma,arial,Sans-serif;
font-size: 100%;
}
#outer-wrapper {
margin: 0 auto; /* to make the template lays in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 30px;
margin-bottom: 30px;
position: relative;
width: 1000px;
border: 2px solid $templateBorderColor;
}
#content-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
width: 1000px;
background: $contentbgColor;
}
#spacer {
z-index: -1;
clear: both;
margin: -7px 0px 0px 0px;
padding: 0;
line-height: 0;
height: 0;
z-index: -1;
}
/* global link attributes */
a, a:visited {
color: $mainLinkColor;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: $mainHoverLinkColor;
}
/* setting margin of Blogger Navbar */
#Navbar1 {
margin: 0;
padding: 0;
}
/* ----- HEADER ----- */
#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
left: 0;
height: 1%;
width: 1000px;
height: 140px;
background: $headerbgColor;
border-bottom: 1px solid $headerBorderColor;
}
#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 20px 100px 5px 100px;
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
}
#header h1 a {
text-decoration: none;
color: $blogTitleColor;
}
#header h1 a:hover {
text-decoration: none;
}
#header .description {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 100px 0px 100px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
}
#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
position: absolute;
top: 0px;
left: 0px;
}
/* ----- LINKBAR ----- */
#linkbar {
margin: 0px 0px 0px 0px;
padding: 0px 40px 0px 40px;
background: $mainLinkbarBgColor;
border-bottom: 1px solid $headerBorderColor;
}
#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
}
#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}
#linkbar a {
margin: 0px -10px 0px 0px;
padding: 2px 10px 2px 10px;
width:100%px;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
background: $linkbarbgColor;
border: 1px solid $linkbarBorderColor;
border-top: 0;
}
#linkbar a:hover, #linkbar a:active {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}
/* ----- BANNER ----- */
#banner-wrapper {
display: inline; /* handles IE margin bug */
float: left;
clear: both;
width: 1000px;
margin: 0px 0px 0px 0px;
padding: 7px 0px 7px 0px;
text-align: center;
background: $bannerbgColor;
border-bottom: 1px solid $bannerBorderColor;
}
/* ----- MAIN ----- */
#main-wrapper {
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 618px;
width: 618px;
background: $mainbgColor;
border-right: 1px solid $mainBorderColor;
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: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
width: 598px;
width: 598px;
color: $textColor;
font: $textFont;
}
#main .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}
h2.date-header {
margin: 0px -10px 0px -10px;
padding: 5px 10px 1px 10px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-align: right;
border-bottom: 1px dotted $dateBorderColor;
}
.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
text-align: left;
}
.post h3 {
margin: 0px -10px 0px -10px;
padding: 3px 10px 3px 10px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.3em;
background: $postTitleBgColor
}
.post h3 a, .post h3 a:visited, .post h3 a:hover {
color: $postTitleColor;
text-decoration: none;
}
.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
height: 1%;
overflow: visible;
}
.post ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 50px;
list-style-type: disc;
line-height: 1.6em;
}
.post ol {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 50px;
line-height: 1.6em;
}
.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
line-height: 1.6em;
}
a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}
/* ----- SIDEBAR ----- */
.sidebar-wrapper {
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
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: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.4em;
font: $sidebarTextFont;
}
#sidebar1 {
width: 170px;
width: 170px;
margin: 0px 0px 0px -1px;
padding: 0px 10px 10px 10px;
color: $sidebar1TextColor;
background: $sidebar1bgColor;
border-left: 1px solid $mainBorderColor;
border-right: 1px solid $sidebarBorderColor;
border-bottom: 1px solid $sidebarBorderColor;
}
#sidebar2 {
z-index: 1;
width: 170px;
width: 170px;
margin: 0px 0px 0px -1px;
padding: 0px 10px 10px 10px;
color: $sidebar2TextColor;
background: $sidebar2bgColor;
border-left: 1px solid $sidebarBorderColor;
border-bottom: 1px solid $sidebarBorderColor;
z-index: 1;
}
#sidebar3 {
width: 362px;
margin: 0px 0px 0px -1px;
padding: 0px 10px 10px 10px;
color: $sidebar3TextColor;
background: $sidebar3bgColor;
border-bottom: 1px solid $sidebarBorderColor;
}
#sidebar1 .widget, #sidebar2 .widget, #sidebar3 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
/* sidebar heading */
#sidebar1 h2 {
margin: -1px -10px 10px -10px;
padding: 3px 10px 3px 10px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar1HeaderBgColor;
border-top: 1px solid $sidebarHeaderBorderColor;
border-bottom: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}
#sidebar2 h2 {
margin: -1px -10px 10px -10px;
padding: 3px 10px 3px 10px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar2HeaderBgColor;
border-top: 1px solid $sidebarHeaderBorderColor;
border-bottom: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}
#sidebar3 h2 {
margin: -1px -10px 10px -10px;
padding: 3px 10px 3px 10px;
text-align: left;
color: $sidebar3HeaderColor;
font: $sidebarHeaderFont;
background: $sidebar3HeaderBgColor;
border-top: 1px solid $sidebarHeaderBorderColor;
border-bottom: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}
.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
line-height: 1.4em;
}
.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar1 a, #sidebar1 a:visited {
color: $sidebar1LinkColor;
}
#sidebar2 a, #sidebar2 a:visited {
color: $sidebar2LinkColor;
}
#sidebar3 a, #sidebar3 a:visited {
color: $sidebar3LinkColor;
}
#sidebar1 a:hover {
text-decoration: none;
color: $sidebar1HoverLinkColor;
}
#sidebar2 a:hover {
text-decoration: none;
color: $sidebar2HoverLinkColor;
}
#sidebar3 a:hover {
text-decoration: none;
color: $sidebar3HoverLinkColor;
}
.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* ----- PROFILE ----- */
.profile-img a img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}
.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
clear: both;
line-height: 1.4em;
}
.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.4em;
}
.profile-datablock {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* ----- BLOGQUOTE ----- */
blockquote {
margin: 10px 20px 10px 20px;
padding: 0px 0px 0px 0px;
color: $blogQuoteColor;
font: $quoteFont;
line-height: 1.5em;
}
/* ----- CODE ----- */
code {
color: $codeTextColor;
font-size: 120%;
}
/* ----- POST-FOOTER ----- */
.post-footer {
display: block;
margin: 15px -15px 0px -15px;
padding: 5px 15px 5px 15px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
background: $postfooterbgColor;
border-top: medium double $postfooterBorderColor;
border-bottom: medium double $postfooterBorderColor;
}
.post-footer-line {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.post-footer a {
color: $postfooterLinkColor;
}
.post-footer a:hover {
text-decoration: none;
color: $mainHoverLinkColor;
}
.post-footer .post-comment-link a {
margin: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
border-left: 1px solid $postfooterLinkColor;
border-right: 1px solid $postfooterLinkColor;
font-weight: bold;
color: $mainHoverLinkColor;
}
.post-footer .post-comment-link a:hover {
text-decoration: none;
color: $mainLinkColor;
}
#blog-pager, #blog-pager a {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
text-align: center;
color: $feedlinksColor;
}
#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 3px;
}
#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding-right: 3px;
}
.feed-links {
margin: 0px 0px 0px 0px;
padding: 10px 3px 10px 3px;
clear: both;
line-height: 1.5em;
text-align: center;
color: $feedlinksColor;
}
.feed-links a, .feed-links a:hover {color: $feedlinksColor}
/* ----- COMMENT ----- */
#comments {
margin: 0px -15px 0px -15px;
padding: 15px 50px 15px 50px;
text-align: left;
background: $commentbgColor;
color: $commentTextColor;
font: $commentTextFont;
border-bottom: medium double $postfooterBorderColor;
}
#comments a {
color: $commentauthorColor;
}
/* comment-header */
#comments h4 {
margin: 10px 0px 5px 0px;
padding: 3px 0px 3px 0px;
color: $commentTitleColor;
font-variant: small-caps;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-author {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $commentauthorColor;
}
.comment-body p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
}
#comments ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: disc;
}
#comments li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding-left: 0px;
}
html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}
/* ----- FOOTER ----- */
#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 1000px;
background: $footerbgColor;
border-top: 1px solid $footerBorderColor;
}
#footer {
margin: 0px 0px 0px 0px;
padding: 10px 30px 15px 30px;
text-align: left;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.4em;
}
#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}
#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.footer a {
color: $mainLinkColor;
}
/* ************ END OF CSS STYLING ************ */
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]>
Template Design | Elque 2007
