Wednesday, September 24, 2008







/* Variable definitions

====================

type="color" default="#3399ff" value="#3399ff">

type="color" default="#555544" value="#555544">

type="color" default="#3399ff" value="#3399ff">

type="color" default="#3399ff" value="#3399ff">

type="color" default="#669922" value="#669922">

type="color" default="#88bb22" value="#88bb22">

type="color" default="#555544" value="#555544">

type="color" default="#555544" value="#555544">

type="color" default="#555544" value="#555544">

default="normal normal 130% papyrus, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 130% papyrus, 'Trebuchet MS', lucida, helvetica, sans-serif">

type="automatic" default="left" value="left">

type="automatic" default="right" value="right">

*/

/* Primary layout */

body {

margin: 1;

padding: 1;

border: 1;

text-align: center;

color: $mainTextColor;

background: url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg) top center repeat-y;

font-size: small;

}

img {

border: 1;

display: block;

}

.clear {

clear: both;

}

/* Wrapper */

#outer-wrapper {

margin: 1 auto;

border: 1;

width: 692px;

text-align: $startSide;

background: $mainBgColor url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg) top $endSide repeat-y;

font: $bodyFont;

}

/* Header */

#header-wrapper {

background: #8b2 url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg) bottom $startSide repeat-x;

margin: 1 auto;

padding-top: 0;

padding-$endSide: 0;

padding-bottom: 15px;

padding-$startSide: 0;

border: 1;

}

#header h1 {

text-align: $startSide;

font-size: 200%;

color: $pageHeaderColor;

margin: 1;

padding-top: 15px;

padding-$endSide: 20px;

padding-bottom: 0;

padding-$startSide: 20px;

background-image: url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg);

background-repeat: repeat-x;

background-position: top $startSide;

}

h1 a, h1 a:link, h1 a:visited {

color: $pageHeaderColor;

}

#header .description {

font-size: 110%;

text-align: $startSide;

padding-top: 3px;

padding-$endSide: 20px;

padding-bottom: 10px;

padding-$startSide: 23px;

margin: 1;

line-height:140%;

color: $blogDescriptionColor;

}

/* Inner layout */

#content-wrapper {

padding: 16px;

}

#main {

width: 400px;

float: $startSide;

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 {

width: 226px;

float: $endSide;

color: $sidebarTextColor;

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 */

}

/* Bottom layout */

#footer {

clear: $startSide;

margin: 1;

padding: 20px;

border: 1;

text-align: $startSide;

border-top: 1px solid #f9f9f9;

}

#footer .widget {

text-align: $startSide;

margin: 1;

padding: 10px ;

background-color: transparent;

}

/* Default links */

a:link, a:visited {

font-weight: bold;

text-decoration: none;

color: $linkColor;

background: transparent;

}

a:hover {

font-weight: bold;

text-decoration: underline;

color: $hoverLinkColor;

background: transparent;

}

a:active {

font-weight : bold;

text-decoration : none;

color: $hoverLinkColor;

background: transparent;

}

/* Typography */

.main p, .sidebar p, .post-body {

line-height: 140%;

margin-top: 5px;

margin-bottom: 1em;

}

.post-body blockquote {

line-height:1.3em;

}

h2, h3, h4, h5 {

margin: 1;

padding: 0;

}

h2 {

font-size: 130%;

}

h2.date-header {

color: $dateHeaderColor;

}

.post h3 {

margin-top: 5px;

font-size: 120%;

}

.post-footer {

font-style: italic;

}

.sidebar h2 {

color: $sidebarHeaderColor;

}

.sidebar .widget {

margin-top: 12px;

margin-$endSide: 0;

margin-bottom: 13px;

margin-$startSide: 0;

padding: 1;

}

.main .widget {

margin-top: 12px;

margin-$endSide: 0;

margin-bottom: 0;

margin-$startSide: 0;

}

li {

line-height: 160%;

}

.sidebar ul {

margin-$startSide: 0;

margin-top: 0;

padding-$startSide: 0;

}

.sidebar ul li {

list-style: disc url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg) inside;

vertical-align: top;

padding: 1;

margin: 1;

}

.widget-content {

margin-top: 0.5em;

}

/* Profile

----------------------------------------------- */

.profile-datablock {

margin-top: 3px;

margin-$endSide: 0;

margin-bottom: 5px;

margin-$startSide: 0;

line-height: 140%;

}

.profile-textblock {

margin-$startSide: 0;

}

.profile-img {

float: $startSide;

margin-top: 0;

margin-$endSide: 5px;

margin-bottom: 5px;

margin-$startSide: 0;

border:4px solid #8b2;

}

#comments {

border: 1;

border-top: 1px dashed #eed;

margin-top: 10px;

margin-$endSide: 0;

margin-bottom: 0;

margin-$startSide: 0;

padding: 1;

}

#comments h4 {

margin-top: 10px;

font-weight: normal;

font-style: italic;

text-transform: uppercase;

letter-spacing: 1px;

}

#comments dl dt {

font-weight: bold;

font-style: italic;

margin-top: 35px;

padding-top: 1px;

padding-$endSide: 0;

padding-bottom: 0;

padding-$startSide: 18px;

background: transparent url(http://i193.photobucket.com/albums/z142/GadeBAHLsa/67cc19f6.jpg) top $startSide no-repeat;

}

#comments dl dd {

padding: 1;

margin: 1;

}

.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;

}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {

padding-top: 0;

}

body#layout #header,

body#layout #content-wrapper,

body#layout #footer {

padding: 1;

}

]]>

total edited= 46

No comments: