*/ /* Reset And General **********************/ body { background:#ffffff url() no-repeat center top; margin:0; color:$textcolor; } a:link, a:visited, a:hover { color:$linkcolor; text-decoration:none; } a:hover {color:#C11B17;text-decoration:underline;} a img {border-width:0;} #navbar-iframe, #LinkList1 h2, #r-header h2, .post-header-line-1, .post-footer, .feed-links {display:none} #outer-wrapper { width: 978px; padding:0; margin:0 auto; text-align:left; font: $bodyfont; } #wrap2 { padding:9px } h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; clear:both;} h1 {font-size:28px;} h2 {font-size:24px;} h3 {font-size:20px;} h4 {font-size:12px;} h5 {font-size:10px;} h6 {font-size:8px;} hr {background-color:$textcolor;border:0;height:1px;margin-bottom:2px;clear:both;} #PopularPosts1 {margin:0;padding:0;border:none;} .PopularPosts .item-thumbnail {margin:5px 0 -10px 0 !important;} .PopularPosts .item-snippet {height:61px;overflow:hidden;} .PopularPosts .item-title {font-weight:bold;font-size:15px;height:20px;overflow:hidden;} /* The Navigation */ .showpageArea { font-family:verdana,arial,helvetica; color: #071622; font-size:12px; margin:10px; } .showpageArea a { color: #fff; border:2px solid #C11B17; background:#800517; padding: 3px 8px; font-weight: 700; } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; background:#800517; border:1px solid #C11B17; padding: 3px 8px; } .showpageNum a:hover { border:2px solid #C11B17; padding: 3px 8px; } .showpageOf{ margin:0 8px 0 0; } .showpagePoint { color:#fff; padding: 3px 8px; margin: 2px; font-weight: 700; border:2px solid #C11B17; background:#FAAFBE; padding: 3px 8px; } /* Navigation **********************/ #nav { width: 960px; margin:0 auto; padding:0; background:#FAAFBE; } #LinkList1 { padding:0; width: 950px; margin:0 auto !important; overflow:hidden; font:$bodyfont; } #LinkList1 ul { width:100%; list-style: none; line-height: normal; margin:0 0 0; padding:0 0 0; } #LinkList1 li { float:left; border:none; padding:0; line-height:1.5em; } #LinkList1 a { display: block; padding: 5px 15px; text-decoration: none; text-align: center; font-family:$bodyfont; font-size: 12px; color: #000; } #LinkList1 a:hover { background:#000; text-decoration:none; color:#000; } /* Header **********************/ #header-wrapper { background:none; height: auto; width: 100%; padding-top:12px; margin:0; overflow:hidden; } #header { float:left; text-align: center; margin:0; width:468px; padding:0; } #r-header { float:right; text-align: right; margin:0; width:468px; padding:0; } #header h1, #header .description { margin:0; padding-left:55px; text-align:left; width:100%; line-height:1.2em; font:bold 50px arial; text-transform:capitalize; text-decoration:none; color:#000000; } #header .description { width:500px; clear:both; margin:0; padding:0; font:13px Halvetica, Arial, Sans-serif; border:none; } #header a { color:$textcolor; text-decoration:none; } #header a:hover {color:#222;} #header img { margin-left: auto; margin-right: auto; } /* Primary Content **********************/ .post-author-vcard, .posting-dates { margin-right:10px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcDo8CbBBC8JdHH6NxjF0x0e0XTwbPXHzFlcFVzomB85XImzN7U6O5WlxaVPDeY5SmJRXidR-WdwXR8yuc1IlmUHuYfAK-1w8n6wTDtbRqPPTeckEckjcEFr9Qq4jYNWq5rIj2h6IJTrU/s1600/author.png) no-repeat left center; padding-left:20px; } .posting-dates { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYRMd3uvbSRN1JTOjgh0Bj7Z6fjpsOpTko25uwYuOEmDQNWZoBqK53MmppyanCD_yjJ2iHVbvu6ZIlF12dnE5MOBA3dRPwHD9UFxatVafIo3jjI6_lGc9aIYhyphenhyphenm3ATZNGbM5Bv0QeUBVU/s1600/date.png) no-repeat left center; } .crop { width:200px; height:130px; overflow:hidden; margin:0 0 20px; } .rmlink { text-transform:uppercase; font-size:13px; font-weight:bold; background:#FAAFBE; padding:0 10px; margin-top:15px; } .main .widget {margin:10px 0;padding-top:20px;} .main .Blog { border-bottom-width: 0;} #main {padding:10px 0;} #main-wrapper { width:100%; } .post-header-line-1 { padding:0; margin:0 0 45px; font-size:12px; } .post-header-line-2 { margin:-17px 10px 10px 10px; font-size:11px; text-transform:capitalize; } .post-comment-link a {margin-left:0;color:#fff} .post { width:222px; float:left; margin:0 9px 20px 9px; *margin:0 9px 0 9px; background:#800517; height:204px; *padding:40px 0 0 0; background : #800517; } .post h3 a, .post h3 a:visited, .post h3 strong { font-size:13px; color:#FAAFBE; display:block; text-transform:capitalize; margin:-10px 10px 0 10px; padding:0; font-weight:normal; text-decoration:none; width:200px; height:17px; overflow:hidden; border:1px solid #C11B17; } .post h3 strong, .post h3 a:hover { text-decoration:underline; } .post-body { margin:10px 10px; line-height:1.6em; width:200px; height:130px; overflow:hidden; opacity:0.8; background : #FAAFBE; } .post-body:hover { opacity:1 } .post-body blockquote { line-height:1.3em; padding:10px; font-size:12px :#000000; font-family:Georgia, Serif; font-style:italic; color:$textcolor; border-top:1px solid $bordercolor; border-bottom:1px solid $bordercolor background : #FAAFBE; } .post blockquote {margin:1em 20px;} .post blockquote p {margin:0;padding:0} .post-footer { margin: 20px 0 0; color:$linkcolor; text-transform:capitalize; font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; font-size:11px; background : #FAAFBE; } .post img, table.tr-caption-container { max-width:600px; height:auto; } .tr-caption-container img { border: none; padding: 0; } /* Comments Content **********************/ .comment-link {margin-left:.6em;} .deleted-comment {font-style:italic;color:gray;} .comment-timestamp {font-style:italic;color:#8c8c8c;} #comments h4 { color:#000; font-size:16px; line-height:1.4em; margin:1em 0; text-transform:none; } #comments-block {line-height:1.6em;margin:1em 0 1.5em;} #comments-block .comment-author { font-size:12px; color :#000; margin-right:20px; background:#FAAFBE; padding:5px 5px 5px 65px; } #comments-block .avatar-image-container { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpvFJeva6ZLvVwEsjXkxm0ljZ2TWvn54DhmnE8EtpWPPTfetwMzvLSN19-4OS7tqHp2YZSwtaBXfbw5lej1vQqUetIEevQKH4syiQ36WQe9DHLh71lRsNhBolPqYjkNP5QcTT-5JtOW7w/s1600/anonymous.gif) no-repeat scroll center center; height:45px; border:medium none; position:absolute; left:7px; width:45px; } #comments-block .avatar-image-container img { float:right; height:45px; width:45px; } #comments-block .comment-body { margin-bottom:20px; margin-left:0; margin-right:20px; background:#FAAFBE; padding:10px 7px 7px 65px; } #comments-block .comment-footer { background:none repeat scroll 0 0 transparent; border:medium none; float:right; font-size:11px; line-height:1.4em; margin:-27px 25px 2em 0; padding:5px; text-transform:none; } #comments-block .comment-body p {margin:0 0 0.75em;} #comments-block.avatar-comment-indent {position:relative;margin:0 auto;} #blog-pager-newer-link, #blog-pager-older-link { float:right; padding:5px; margin-left:10px; background:#FAAFBE; border:1px solid #fff; } #blog-pager { text-align: center; padding:0px 0; width:942px; margin:0 auto; font-size:11px; clear:both; } /* Admin profile ------------------------ */ .profile-img { float: left;margin-top: 0 5px 0 0;} .profile-data { margin:0; text-transform:uppercase; font-family:'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif; color: $textcolor; font-weight: bold; line-height: 1.6em; font-size:15px;} .profile-datablock { margin:.5em 0 .5em;} .profile-textblock { margin: 0.5em 0;line-height: 1.6em;} .profile-link {font-family:'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;} /* Footer Column ---------------------------- */ #bottom { width:950px; font:$bodyfont; margin:0 auto; padding-top:15px; color:#000; background:#FAAFBE; } #bottom h2 { background:#C11B17; font-family:$bodyfont; font-size:13px; letter-spacing:-1px; margin: 0 0 6px 0; padding: 4px 10px; color: #FAAFBE; font-weight:normal; text-transform:Capitalize; border:1px solid #0a0c11; text-shadow:1px 1px 2px #000; } #bottom .widget-content {padding:0 10px} #bottom ul { list-style:none; margin:0; padding:0; } #bottom li { margin:0; padding:0 0 .25em 0; line-height:1.5em; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISu44eAe_jTunySoLxmVH5EwieBJsM6m0jHHTF6XkcNKSuzh50QhF03d8gdAEENAdkY_n2iVZ_DvU_YArTQfyvQmD2UMgpWniKYGBmGxMQ0ekz2Poi7n4uSaacRWfkrSH1HneL5h07jE/s1600/border.png) repeat-x center bottom; } #center1-bottom, #center2-bottom { width:250px; float:left; } #left-bottom, #right-bottom { width:225px; float:right; } #left-bottom { float:left } #center1-bottom .widget, #center2-bottom .widget { padding:0 15px 20px 15px; } #right-bottom .widget { padding:0 15px 20px 15px; } #left-bottom .widget { padding:0 15px 20px 15px; } /* Footer ------------------------------- */ #credit-wrapper { background:#FAAFBE; width: 950px; clear:both; margin: 0 auto; color: #000; font-family:Halvetica, Arial, Sans-serif; font-size:12px; padding-top:20px; } .credit { padding:5px 15px 0 15px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISu44eAe_jTunySoLxmVH5EwieBJsM6m0jHHTF6XkcNKSuzh50QhF03d8gdAEENAdkY_n2iVZ_DvU_YArTQfyvQmD2UMgpWniKYGBmGxMQ0ekz2Poi7n4uSaacRWfkrSH1HneL5h07jE/s1600/border.png) repeat-x center top; text-align:center; } .credit a, .footer a:visited{color: #888;} .credit a:hover {color: #800517;text-decoration:none;} .bottom .widget{ border:1px double #C11B17; margin:0; padding:0px } /*** menubar1 css mula ***/ #menubar1 { margin: 0; height:33px; padding: 3px 6px 2px; background: #800517 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5nGYHm6aNIMPR9zRCKZuQBqNWIz7GzIg8lEw7VGJDgEcck_kk10jLpG7uy7yVFzXYY9Z3cFFiGtIpDnteOxOJrqq4Qb3PtdzSejwFUlpJTclC0zVJwLPr2GlVbubJn_K_PfYwAVCIDcA_/s320/gradient.png) repeat-x 0 -110px; line-height: 100%; border-radius: 0em; -webkit-border-radius: 0em; -moz-border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4); } #menubar1 li { margin: 0 5px; padding: 0 0 8px; float: left; position: relative; list-style: none; } /* main level link */ #menubar1 a { font: bold 12px Arial; color: #fff; text-decoration: none; display: block; padding: 8px 20px; margin: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-shadow: 0 1px 1px rgba(0,0,0, .3); } #menubar1 a:hover { background: #000; color: #000; } /* main level link hover */ #menubar1 .current a, #menubar1 li:hover > a { background: #EE82EE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5nGYHm6aNIMPR9zRCKZuQBqNWIz7GzIg8lEw7VGJDgEcck_kk10jLpG7uy7yVFzXYY9Z3cFFiGtIpDnteOxOJrqq4Qb3PtdzSejwFUlpJTclC0zVJwLPr2GlVbubJn_K_PfYwAVCIDcA_/s320/gradient.png) repeat-x 0 -40px; color: #404040; border-top: solid 1px #f8f8f8; -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); box-shadow: 0 1px 1px rgba(0,0,0, .2); text-shadow: 0 1px 0 rgba(255,255,255, 1); } /* dropdown */ #menubar1 li:hover > ul { display: block; } /* level 2 list */ #menubar1 ul { font: normal 12px Arial; color:#000000; text-align:left; display: none; margin: 0; padding: 2px 2px 2px 2px; width: 185px; position: absolute; top: 35px; left: 0; background: #9EDEFA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5nGYHm6aNIMPR9zRCKZuQBqNWIz7GzIg8lEw7VGJDgEcck_kk10jLpG7uy7yVFzXYY9Z3cFFiGtIpDnteOxOJrqq4Qb3PtdzSejwFUlpJTclC0zVJwLPr2GlVbubJn_K_PfYwAVCIDcA_/s320/gradient.png) repeat-x 0 0; border: solid 1px #b4b4b4; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); box-shadow: 0 1px 3px rgba(0,0,0, .3); } /*** menubar1 css tamat ***/ #footer-columns { border-top:1px dotted #999999; clear:both; margin:0 auto; } .column1 { padding: 0px 5px 3px 5px; width: 30%; float: left; margin:3px; text-align: left; } .column2 { padding: 0px 5px 3px 5px; width: 31%; float: left; margin:3px 3px 3px 5px; text-align: left; } .column3 { padding: 0px 5px 3px 5px; width: 30%; float: right; margin:3px; text-align: left; } .addwidget { padding: 0 0 0 0; } #footer-columns ul { list-style:none; margin:0 0 0; padding:0 0 0; } #footer-columns li { margin:0; padding-top:0; padding-left:0; padding-bottom:.25em; padding-right:15px; text-indent:-15px; line-height:1.5em; } body#layout #footer-columns { width: 100%; margin-left: auto; margin-right: auto; } body#layout .column1 { width: 32%; float: left; } body#layout .column2 { width: 32%; float: left; } body#layout .column3 { width: 32%; float: right; } ]]>