Wednesday, September 24, 2008

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

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

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

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

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

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

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

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

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

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

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

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

*/

/* Primary layout */

body {

margin: 0;

padding: 0;

border: 0;

text-align: center;

color: $mainTextColor;

background: #d7b url(http://www.blogblog.com/moto_ms/outerwrap.gif) top center repeat-y;

font-size: small;

}

img {

border: 0;

display: block;

}

.clear {

clear: both;

}

/* Wrapper */

#outer-wrapper {

margin: 0 auto;

border: 0;

width: 692px;

text-align: $startSide;

background: $mainBgColor url(http://www.blogblog.com/moto_ms/innerwrap.gif) top $endSide repeat-y;

font: $bodyFont;

}

/* Header */

#header-wrapper {

background: #e8b url(http://www.blogblog.com/moto_ms/headbotborder.gif) bottom $startSide repeat-x;

margin: 0 auto;

padding-top: 0;

padding-$endSide: 0;

padding-bottom: 15px;

padding-$startSide: 0;

border: 0;

}

#header h1 {

text-align: $startSide;

font-size: 200%;

color: $pageHeaderColor;

padding-top: 15px;

padding-$endSide: 20px;

padding-bottom: 0;

padding-$startSide: 20px;

margin: 0;

background-image: url(http://www.blogblog.com/moto_ms/topper.gif);

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: 0;

line-height:140%;

color: $blogDescriptionColor;

}

/* Inner layout */

#content-wrapper {

padding: 0 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: 0;

padding: 0 20px;

border: 0;

text-align: $startSide;

border-top: 1px solid #f9f9f9;

}

#footer .widget {

text-align: $startSide;

margin: 0;

padding: 10px 0;

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: 0;

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: 0;

}

.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://www.blogblog.com/moto_ms/diamond.gif) inside;

vertical-align: top;

padding: 0;

margin: 0;

}

.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: 10px;

margin-bottom: 5px;

margin-$startSide: 0;

border:4px solid #e8b;

}

#comments {

border: 0;

border-top: 1px dashed #eed;

margin-top: 10px;

margin-$endSide: 0;

margin-bottom: 0;

margin-$startSide: 0;

padding: 0;

}

#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://www.blogblog.com/moto_ms/commentbug.gif) top $startSide no-repeat;

}

#comments dl dd {

padding: 0;

margin: 0;

}

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

}

No comments: