-
-
left
-
-
-
*/
/* Defaults
------------------------------------------------ */
body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#483521 url("http://www.blogblog.com/scribe/bg.gif") repeat;
}
blockquote {
font-style:italic;
padding:0 32px;
line-height:1.6;
margin:0 0 .6em 0;
}
p {
margin:0;
padding:0;
}
abbr, acronym {
cursor:help;
font-style:normal;
}
code {
font-size: 90%;
white-space:normal;
color:#666;
}
hr {display:none;}
img {border:0;}
/* Link styles */
a:link {
color:$linkColor;
text-decoration:none;
}
a:visited {
color: $visitedLinkColor;
text-decoration:none;
}
a:hover {
color: $visitedLinkColor;
text-decoration:underline;
}
a:active {
color: $visitedLinkColor;
}
/* Layout
------------------------------------------------ */
#outer-wrapper {
background-color:#473624;
border-left:1px solid #332A24;
border-right:1px solid #332A24;
width:950px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}
#main-top {
width:950px;
height:49px;
background:#FFF3DB url("http://24rohman.googlepages.com/951_bg_paper_top.jpg") repeat top left;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:950px;
height:81px;
background:#FFF3DB url("http://24rohman.googlepages.com/951_bg_paper_bot.jpg") repeat top left;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:950px;
background:#FFF3DB url("http://24rohman.googlepages.com/951_bg_paper_mid.jpg") repeat;
margin: -14px 0px 0px 0px;
text-align:left;
display:block;
}
#wrap3 {
padding:0 50px;
}
.Header {
text-align:center;;
}
h1 {
margin:0;
padding:0 0 6px 0;
font: $pageTitleFont;
color: $pageHeaderColor;
}
h1 a:link {
text-decoration:none;
color: $pageHeaderColor;
}
h1 a:visited {
text-decoration:none;
}
h1 a:hover {
border:0;
text-decoration:none;
}
.Header .description {
margin:0;
padding:0;
line-height:1.5em;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}
#main {
width:400px;
float:left;
padding:8px 0;
margin-left:10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#newsidebar {
width:250px;
float:right;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#footer {
clear:both;
padding-top:10px;
_padding-top:6px; /* IE Windows target */
}
#footer p {
line-height:1.5em;
font-size:75%;
}
/* Typography :: Main entry
------------------------------------------------ */
h2.date-header {
font-weight:normal;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
margin:0;
padding:0;
}
.post {
margin:8px 0 24px 0;
}
.post h3 {
font-weight:normal;
font-size:140%;
color:$postTitleColor;
margin:0;
padding:0;
}
.post h3 a {
color: $postTitleColor;
}
.post-body p {
line-height:1.5em;
margin:0 0 .6em 0;
}
.post-footer {
font-family: Verdana, sans-serif;
font-size:74%;
border-top:1px solid #BFB186;
padding-top:6px;
}
.post-footer a {
margin-right: 6px;
}
.post ul {
margin:0;
padding:0;
}
.post li {
line-height:1.5em;
list-style:none;
background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em;
vertical-align:top;
padding: 0 0 .6em 17px;
margin:0;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Typography :: Sidebar
------------------------------------------------ */
.sidebar h2 {
margin:0;
padding:0;
color:$sidebarHeaderColor;
font: $headerFont;
}
.sidebar h2 img {
margin-bottom:-4px;
}
.sidebar .widget {
font-size:86%;
margin:6px 0 12px 0;
padding:0;
line-height: 1.4em;
}
.sidebar ul li {
list-style: none;
margin:0;
}
.sidebar ul {
margin-left: 0;
padding-left: 0;
}
.newsidebar h2 {
margin:0;
padding:0;
color:$sidebarHeaderColor;
font: $headerFont;
}
.newsidebar h2 img {
margin-bottom:-4px;
}
.newsidebar .widget {
font-size:86%;
margin:6px 0 12px 0;
padding:0;
line-height: 1.4em;
}
.newsidebar ul li {
list-style: none;
margin:0;
}
.newsidebar ul {
margin-left: 0;
padding-left: 0;
}
/* Comments
------------------------------------------------ */
#comments {}
#comments h4 {
font-weight:normal;
font-size:120%;
color:#29303B;
margin:0;
padding:0;
}
#comments-block {
line-height:1.5em;
}
.comment-author {
background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding:0 0 0 20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}
.comment-footer {
color:#29303B;
font-size:74%;
margin:0 0 10px;
padding:0 0 .75em 20px;
}
.comment-footer a:link {
color:#473624;
text-decoration:underline;
}
.comment-footer a:visited {
color:#716E6C;
text-decoration:underline;
}
.comment-footer a:hover {
color:#956839;
text-decoration:underline;
}
.comment-footer a:active {
color:#956839;
text-decoration:none;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* Profile
------------------------------------------------ */
#main .profile-data {
display:inline;
}
.profile-datablock, .profile-textblock {
margin:0 0 4px 0;
}
.profile-data {
margin:0;
padding:0 8px 0 0;
text-transform:uppercase;
letter-spacing:.1em;
font-size:90%;
color:#211104;
}
.profile-img {
float: left;
margin: 0 5px 5px 0;
border:1px solid #A2907D;
padding:2px;
}
#header .widget, #main .widget {
margin-bottom:12px;
padding-bottom:12px;
}
#header {
}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
padding-top: 0;
}
body#layout #wrap2,
body#layout #wrap3 {
margin-top: 0;
}
body#layout #main-top {
display:none;
}
/* navigasi yang ada di header
---------------------------------------- */
#navigasi-header{
height:25px;
padding-top:2px;
text-align: center;
}
#navigasi-header a{
margin:0;
font-size:1.2em;
font-weight:normal;
letter-spacing:-1px;
background-color: #F5EBB4;
color: #29303b;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
text-decoration:none;
font-family:Verdana, sans-serif;
}
#navigasi-header a:hover{
text-decoration:none;
background-color: #C4C293;
background-repeat: repeat-x;
color:#ffffff;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
text-decoration:none;
font-family:Verdana, sans-serif;
}
]]>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-