Wednesday, September 24, 2008

new template





type="color" default="#ffffff" value="#ffffff">
type="color" default="#555555" value="#88eee7">
type="color" default="#ffeeff" value="#ffeeff">
type="color" default="#ffeeff" value="#ee88e7">
type="color" default="#cc2288" value="#cc0000">
type="color" default="#ee88bb" value="#ee88bb">
type="color" default="#555544" value="#FF6FCF">
type="color" default="#555544" value="#dc80ff ">
type="color" default="#555555" value="#ee88e7">

default="normal normal 90% Showcard Gothic, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% Showcard Gothic, 'Trebuchet MS', lucida, helvetica, sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">

*/

/* Primary layout */

body {
margin: 2px;
padding: 1px;
border: 1px;
text-align: center;
color: $mainTextColor;
background: #d7b url(
http://glittersth.com/images/wallpapers/4-353682.jpeg) fixed; top center repeat-y;
font-size: small;
}

img {
border: 5px solid #FF6FCF;
display: block;
}

.clear {
clear: both;
}
/* Wrapper */

#outer-wrapper {
margin: 0 auto;
border: 6px;
width: 692px;
text-align: $startSide;
background-color: transparent;
font: $bodyFont;
}

/* Header */

#header-wrapper {
background: #e8b url(http://glittersth.com/images/wallpapers/25-874501.jpeg) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 12px;
padding-$endSide: 0;
padding-bottom: 7px;
padding-$startSide: 0;
border: 2px;
}

#header h1 {
text-align: $startSide;
font-size:
250%;
color: $pageHeaderColor;
padding-top: 2px;
padding-$endSide: 18px;
padding-bottom: 2px;
padding-$startSide: 18px;
margin: 1px;
background-image: url(http://glittersth.com/images/wallpapers/25-874501.jpeg);
background-repeat: repeat-x;
background-position: top $startSide;
}

h1 a, h1 a:link, h1 a:visited {
color: $pageHeaderColor;
}

#header .description {
font-size: 150%;
text-align: $startSide;
padding-top: 4px;
padding-$endSide: 25px;
padding-bottom: 11px;
padding-$startSide: 30px;
margin: 1px;
line-height:180%;
color: $blogDescriptionColor;
}


/* Inner layout */

#content-wrapper {
padding: 0 16px;
}

#main {
width: 380px;
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: 220px;
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 */
font-size:
75%;
}

/* Bottom layout */

#footer {
clear: $startSide;
margin: 1px;
padding: 1 25px;
border: 1px;
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: 1px;
padding: 1px;
}

h2 {
font-size:
100%;
}

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:
5px;
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:5px solid #e8b;
}


#comments {
border: 1px;
border-top: 3px dashed #eed;
margin-top: 10px;
margin-$endSide: 0;
margin-bottom: 0;
margin-$startSide: 0;
padding: 1px;
}

#comments h4 {
margin-top: 10px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
}

#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://glittersth.com/images/wallpapers/25-874501.jpeg) top $startSide no-repeat;
}

#comments dl dd {
padding: 1px;
margin: 1px;
}

.deleted-comment {
font-style:italic;
color:
blue;
}

.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. of changes: 54















1 comment:

Marianne Rosas said...

ang gnda mo..
pro ?J?oke lng.. nka2suka k