Generic Template
/* ************ START OF CSS STYLING ************ */
/* -------------------------------------------------------
Blogger Template Design: Generic Template
Designer: Elque | 1 June 2007 | dzelque.blogspot.com
------------------------------------------------------- */
/* Variable definitions
========================
type="color" default="#D0FC5D" value="#D0FC5D">
type="color" default="#D5D600" value="#D5D600">
type="color" default="#6060FF" value="#6060FF">
type="color" default="#077401" value="#077401">
type="color" default="#000000" value="#000000">
type="color" default="#333333" value="#333333">
type="color" default="#A80000" value="#A80000">
type="color" default="#FF8001" value="#FF8001">
type="color" default="#000074" value="#000074">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ddddff" value="#ddddff">
type="color" default="#ffdddd" value="#ffdddd">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ffffff" value="#ffffff">
type="color" default="#ddddff" value="#ddddff">
type="color" default="#ffdddd" value="#ffdddd">
type="color" default="#aaaaaa" value="#aaaaaa">
type="color" default="#dddddd" value="#dddddd">
type="color" default="#555555" value="#777777">
type="color" default="#dddddd" value="#dddddd">
type="font"
default="normal bold 250% 'bolts sf','commerce sf bold',georgia,Times, serif"
value="normal bold 248% 'bolts sf','commerce sf bold',Georgia, Times, serif">
type="font"
default="normal normal 120% impact,'commerce sf bold',verdana,Georgia, serif"
value="normal normal 120% impact,'commerce sf bold',verdana,Georgia, serif">
type="font"
default="normal normal 95% verdana,tahoma,garamond,helvetica,Sans-serif"
value="normal normal 104% verdana,tahoma,garamond,helvetica,Sans-serif">
type="font"
default="normal bold 130% georgia,verdana,'Trebuchet MS',cambria,Sans-serif"
value="normal bold 130% georgia,verdana,'Trebuchet MS',cambria,Sans-serif">
type="font"
default="normal normal 75% verdana,arial,times,'Trebuchet MS',Sans-serif"
value="normal normal 75% verdana,arial,times,'Trebuchet MS',Sans-serif">
type="font"
default="italic normal 100% verdana,arial,times,'Trebuchet MS',Sans-serif"
value="italic normal 100% verdana,arial,times,'Trebuchet MS',Sans-serif">
type="font"
default="normal bold 110% verdana,tahoma,Times,'Arial Black',Times,Arial,Verdana"
value="normal bold 121% verdana,tahoma,Times,'Arial Black',Times,Arial,Verdana">
type="font"
default="normal normal 72% verdana,arial,times,'Trebuchet MS',Sans-serif"
value="normal normal 72% verdana,arial,times,'Trebuchet MS',Sans-serif">
type="font"
default="normal normal 95% verdana,tahoma,garamond,helvetica,Sans-serif"
value="normal normal 95% verdana,tahoma,garamond,helvetica,Sans-serif">
type="font"
default="normal normal 100% tahoma,garamond,helvetica,Sans-serif"
value="normal normal 100% tahoma,garamond,helvetica,Sans-serif">
type="font"
default="normal normal 80% tahoma,garamond,helvetica,Sans-serif"
value="normal normal 80% tahoma,garamond,helvetica,Sans-serif">
*/
/* ----- GLOBAL ----- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
text-align: center;
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;
min-width: 800px;
max-width: 800px;
}
#content-wrapper {
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
min-width: 800px;
max-width: 800px;
background: $contentbgColor;
}
.clear {
clear: both;
line-height: 0;
height: 0;
}
/* global link attributes */
a, a:visited {
color: $mainLinkColor;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}
/* ----- HEADER ----- */
#header-wrapper {
position: relative;
height: 1%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
max-width: 800px;
background: $headerbgColor;
}
#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
max-width: 800px;
}
#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color: $blogTitleColor;
font: $blogTitleFont;
}
#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: 10px 0px 10px 0px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}
#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* ----- MAIN ----- */
#main-wrapper {
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 400px;
max-width: 400px;
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 0px 0px 0px;
min-width: 400px;
max-width: 400px;
background: $mainbgColor;
color: $textColor;
font: $textFont;
}
#main .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2.date-header {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
}
.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}
.post {
margin: 0px 20px 0px 20px;
padding: 0px 20px 0px 20px;
line-height: 1.5em;
text-align: left;
background: $postbgColor;
}
.post h3 {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: underline;
}
.post h3 a, .post h3 a:visited {
color: $postTitleColor;
font: $postTitleFont;
font-variant: small-caps;
text-decoration: none;
}
.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
height: 1%;
overflow: visible;
}
.post ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
list-style-type: disc;
line-height: 1.6em;
}
.post ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 50px;
line-height: 1.6em;
}
.post li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
line-height: 1.6em;
}
a img {
margin: 0px 0px 0px 0px;
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: 10px 10px 10px 10px;
min-width: 180px;
max-width: 180px;
text-align: left;
color: $sidebarTextColor;
font: $sidebarTextFont;
}
#sidebar1 {
background: $sidebar1bgColor;
}
#sidebar2 {
background: $sidebar2bgColor;
}
.sidebar .widget {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}
#sidebar1 .widget {
}
#sidebar2 .widget {
}
.sidebar .BlogArchive {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* sidebar heading */
.sidebar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $sidebarHeaderColor;
font: $sidebarHeaderFont;
}
.sidebar #BlogArchive1 h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sidebar ul {
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 20px;
list-style-type: disc;
line-height: 1.4em;
}
.sidebar li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sidebar a, .sidebar a:visited {
color: $sidebarLinkColor;
}
.sidebar a:hover {
text-decoration: underline;
color: $sidebarHoverLinkColor;
}
.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* ----- PROFILE ----- */
#Profile1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $sidebarTextColor;
}
#Profile1 h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.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: 0px 0px 0px 0px;
clear: both;
color: $sidebarHeaderColor;
}
.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
}
.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: 20px 20px 20px 20px;
padding: 0px 0px 0px 0px;
color: $blogQuoteColor;
font: $quoteFont;
line-height: 1.5em;
}
/* ----- CODE ----- */
.code {
color: $postTitleColor;
}
/* ----- POST-FOOTER ----- */
.post-footer {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
}
.post-footer-line {
margin: 0px 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 0px 0px 0px;
padding: 0px 10px 0px 10px;
border-left: 1px solid $postfooterLinkColor;
border-right: 1px solid $postfooterLinkColor;
font-weight: bold;
}
.post-footer .post-comment-link a:hover {
text-decoration: none;
color: $mainHoverLinkColor;
}
#blog-pager {
margin: 0px 0px 0px 0px;
padding: 10px 20px 0px 20px;
text-align: center;
}
#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 10px 0px 10px;
}
#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.feed-links {
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
clear: both;
line-height: 1.5em;
text-align: left;
color: $textColor;
}
.feed-links a {color: $mainLinkColor}
.feed-links a:hover {color: $mainHoverLinkColor}
/* ----- COMMENT ----- */
#comments {
margin: 20px 20px 0px 20px;
padding: 20px 20px 20px 20px;
text-align: left;
background: $commentbgColor;
color: $commentTextColor;
font: $commentTextFont;
}
#comments a {
color: $mainLinkColor;
}
/* comment-header */
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $postTitleColor;
font-weight: bold;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.comment-author {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: $mainLinkColor;
}
.comment-body p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.4em;
}
#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 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 800px;
max-width: 800px;
background: $footerbgColor;
}
#footer {
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: center;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.2em;
}
#footer h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font-size: 100%;
font-weight: bold;
}
#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.footer a {
color: $mainHoverLinkColor;
}
/* ************ END OF CSS STYLING ************ */
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]>
Blogger Templates by OurBlogTemplates.com 2007
1