Selamat Datang Di Blog Saya Dan Terima Kasih Kunjungnnya
*/ body{background: #EAEAEA;color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0} a:link{color:$linkcolor;text-decoration:none} a:visited{color:$visitedlinkcolor;text-decoration:none} a:hover{color:$titlecolor;text-decoration:none} a img{border-width:0} #header-wrapper{width:100%;border:0 solid $bordercolor;margin:0 auto 10px;} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:250px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0} #headerADS{float:right;width:728px;height:100px;margin-top:-12px;} .header .widget,.headerADS .widget{margin:0 auto;padding:10px 0} #header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:normal 30px oswald;margin:0 auto;padding:10px 5px .15em;color:#222;} #header a{text-decoration:none} #header a:hover{color:$pagetitlecolor} #header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px} #header img{margin-startside:auto;margin-endside:auto} #navbar-iframe{height:0;visibility:hidden;display:none} #crosscol-wrapper{margin:0 auto;padding:0 auto} .crosscol .widget{margin:0 auto;padding:0 0 6px} .main-title { margin-top:-2px; text-transform: uppercase; padding: 8px 10px 8px 10px; font-weight: 600; color: #555; background-color: #eee; font: normal 15px oswald; } .main-title:before { content: "\f07a"; font-size: 18px; margin-right: 15px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #mainpage-wrapper{width:675px;float:left;word-wrap:break-word;overflow:hidden} #main-wrapper{width:690px;float:$startSide;word-wrap:break-word;overflow:hidden;} #sidebar-wrapper{width:285px;float:$endSide;word-wrap:break-word;overflow:hidden} h2.date-header{margin:1.5em 0 .5em} .post{margin:.2em 0 .1em;padding:15px;background:#fff;border:1px solid#ccc;} .post .jump-link{display:none} .post h3{line-height:26px;margin:0 0 20px;padding:0 0 7px;width:100%;} .post h3 a,.post h3 a:visited,.post h3 strong{font:normal 20px oswald;border-bottom:1px dashed#ccc;color:#444;font-weight:700} .post h3 strong,.post h3 a:hover{text-decoration:none} .post-body{line-height:1.6em;font:13px open sans;margin:0 0 .75em} .post-body blockquote{line-height:1.3em} .post-footer{padding:5px} .post img{max-width:580px;padding:4px} .post blockquote{margin:1em 20px} .post blockquote p{margin:.75em 0} #blog-pager-newer-link{float:$startSide;} #blog-pager-older-link{float:$endSide;} #blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px;font:normal 14px oswald;color:#444;text-transform:uppercase;background:#f9f9f9;border:1px solid #eee;} .feed-links{clear:both;line-height:2.5em} .sidebar h2{background:#222;font: normal normal 14px Oswald, Arial, sans-serif;text-align:center;color:#fff;text-transform:uppercase;padding:10px;margin-top:-5px;} .sidebar{color:$sidebartextcolor;line-height:1.3em;} .sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWe1iIWy9tgrGp8TtE-h0ruy6Jf0OK2S8MK-_CpZZHykzSDS9tH61OvlCvP6FzajrHCKTQruX8bgGElUIX3bn7k1nCWfkZNalXH_clqDOi2ub-hz1F0eOTH_5Wtuydqdr5gpBeX4LoRWg/s1600/grid-small-dot-icon.png) no-repeat 1px 5px;text-indent:0;line-height:1.3em;margin:0;padding:4px 0 5px 30px;border-bottom:1px solid#E7E7E7;} .sidebar ul{float:left;list-style:none;margin:0;padding:0} .sidebar li a:hover{color:#004a84} .sidebar .widget{margin:0 0 5px;background:#fff;border:1px solid #eee;margin-bottom:10px;} .sidebar .widget-content{margin:0 10px;padding:5px 10px;-moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none} .main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em} .main .Blog{border-bottom-width:0} .profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px} .profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0} .profile-datablock{margin:.5em 0} .profile-textblock{line-height:1.3em;margin:.5em 0} .profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em} #top-wrapper{width: 980px; margin: 0 auto; background-color: #222; background-repeat: repeat-x; min-height: 40px; line-height: 25px; margin-bottom: 20px; border: 1px solid transparent;} #topbar{width:980px;height:27px;margin:0 auto} #top{width:100%} #top,#top ul{list-style:none;font: normal normal 14px Oswald, Arial, sans-serif;margin:0;padding:0} #top a{display: block; text-decoration: none; font:normal 13px inherit; text-transform: uppercase; color: #FFFFFF; padding: 2px 10px; line-height: 40px; border-right:1px solid#494949;} #top li:hover{color:#FF3939;} #top a.arrow{padding:2px 10px 0px 10px} #top li{float:left;position:static;width:auto} #top a.current{ padding: 3px 10px; line-height:40px; text-shadow:none; color:#fff; margin-left:10px; background:#494949; border-right:none; } #top li ul,#top ul li{width:170px;} #top ul li a{text-align:left;color:#333!important;font-size:12px;font-weight:400;text-transform:uppercase;font-family:Oswald, Arial, sans-serif;border:none;padding:5px 10px;border-bottom:1px solid#ddd;} #top li ul{z-index:100;position:absolute;display:none;background:#f1f1f1;padding-bottom:0;border:1px solid#ccc;} #top li:hover a,#top a:active,#top a:focus,#top li.hvr a{ color: #DD0000;} #top li:hover ul a,#top li.hvr ul a{color:#111;background-color:transparent;text-decoration:none} #top li:hover ul,#top li.hvr ul{display:block} #top li ul li.hr{display:block;font-size:1px;height:0;line-height:0;margin:0} #top ul a:hover{background-color:rgba(0, 0, 0, 0.1)!important;color:#DD0000!important;text-decoration:none} #top a span,#top a.arrow span{font:bold 12px Arial;color:#ddd;display:block;line-height:16px;text-transform:uppercase} #top li:hover a span,#top li:hover a.arrow span{color:#fff} .menusearch{width:200px;float:right;margin:0 auto;padding:10px 10px 0} .searchform {margin-top:0px;display: inline-block;*display: inline;background:#494949;width:200px;height:25px; overflow:hidden;} .searchform input {font:normal 12px oswald;color:#fff;font-style:italic;line-height:25px;height:25px;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:25px;border:0px;outline: none;line-height:25px;} .searchform .searchbutton{border:none;font-size:12px;height:18px;width:18px;margin:0;padding-top:3px;} #cat{background:#fff;width:220px;color:#222;font-family:Arial, Tahoma, Verdana;display:inline;margin:3px;padding:3px 2px 2px;} #subscribe{overflow:hidden;margin:0;padding:0 0 5px} #subbox{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkGRRujdkAFzu6owKOiTIVuK48FcOd6KMz0v3KrzXIL1qg3XbO09ovEsRyUTmy2cYNKU2fmh3vDZF3K8SJP49pJdX72JQ_wfft_WY3QB3t7aeA_vuaGTVt28tLKK-Sey06YrFB8xPNyv8/s1600/email.png) no-repeat scroll 4px center;font:bold 11px Sans-Serif;color:#666;text-decoration:none;border:1px solid #aaa;height:14px;width:170px;margin:0;padding:5px 0 4px 34px} #subbutton{background: #229ac8; color: #FFF; font: 11px Arial; font-weight: 700; text-decoration: none; border: 1px solid #229ac8; margin-left: 5px; padding: 5px 5px;} ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0} ul.isocial li{float:right;margin:0 5px;padding:0} ul.isocial li a{float:right;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8xDm0fw-Q6X-hapXeB5EQ_2poOOvjEYTMFl7rCIBmfrqyqDs8iTBAeix92JftWLsnXAkyJWRsM85R943tA7PqmjU8MO57qJ01MjTKwnBBTf-j1YH7a4he5dyWu9y9uWNnrM8vaQLqwA/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative} ul.isocial li a.rss{background-position:0 0} ul.isocial li a.rss:hover{background-position:0 -25px} ul.isocial li a.facebook{background-position:-25px 0} ul.isocial li a.facebook:hover{background-position:-25px -25px} ul.isocial li a.twitter{background-position:-50px 0} ul.isocial li a.twitter:hover{background-position:-50px -25px} ul.isocial li a.google{background-position:-75px 0} ul.isocial li a.google:hover{background-position:-75px -25px} ul.isocial li a.youtube{background-position:-100px 0} ul.isocial li a.youtube:hover{background-position:-100px -25px} .showpageOf{margin:2px;padding:7px;} .showpageNum a,.showpage a{background:#000;color:#fff;text-decoration:none;margin:2px;padding:8px 12px} .showpageNum a:hover,.showpage a:hover,.showpagePoint{background: #DD0000;color:#fff;margin:2px;padding:8px 12px;} /* -- BACK TO TOP -- */ .backtotop {text-align:center;margin-top:5px;color: #333} .backtotop a {font-size: 12px; color:#fff;font-weight: bold;padding: 8px;text-transform: uppercase;background:#DD0000;} #outer-wrapper{background:#fff url()repeat-x bottom;width:980px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:10px;margin-top:10px;border-top:5px solid#101010;border-bottom:5px solid#DD0000;} .footer h2{border-bottom:1px solid#f1f1f1;padding-bottom:10px;font: normal normal 20px Oswald, Arial, sans-serif;color:#FFF;line-height:1.2em;text-transform:uppercase;letter-spacing:.01em;margin:0 0 3px} .footer{font:normal 13px open sans;color:#f1f1f1;line-height:1.3em} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url() no-repeat 1px 5px;font:normal 13px open sans;color:#fff;text-indent:0;line-height:1.1em;margin:0;padding:3px 0 3px 0px} .footer .widget{margin:0 0 5px;padding:0 auto} .footer a:link,.footer a:visited{font:normal 13px open sans;color:#f1f1f1;text-decoration:none} .footer a:hover{color:#eee;text-decoration:none} .footerwrap{width: 100%; background-color: #222; border-top: 5px solid #DD0000; color: #e2e2e2; margin-startside: auto; margin-endside: auto; text-align: center; font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0 auto; padding: 10px 0; margin-top:20px;} #footer-wrapper{width:980px;text-align:left;font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px 0} #footerads{background:#343434;width:100%;border:1px solid#444;padding:10px;float:center;margin:0px auto;margin-bottom:15px;word-wrap:break-word;overflow:hidden} #footer1-wrapper{width:25%;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden} #footer4-wrapper{width:25%;float:left;word-wrap:break-word;overflow:hidden} #footer2-wrapper,#footer3-wrapper{width:22%;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden} .creditwrap{background:#363636;width:100%;margin:0 auto;padding:0 auto} .credit{width:980px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0} .credit a:link,.credit a:visited{color:#aaa;text-decoration:none} .credit a:hover{color:#FFF;text-decoration:none} /* Shopping Cart ----------------------------------------------- */ #shoppingCart{background-color: #fff; float: left; color: #474747; width: 263px; padding: 0 10px 10px; background:#f9f9f9;border:1px solid #eee; margin-bottom:15px;} #shoppingCart h2{background:url() no-repeat 25px 0px;display:block;font:normal 17px oswald;text-transform:uppercase;color:#5F5F5F;text-align:center;text-decoration:none;margin-bottom:10px;padding-top:4px;padding-bottom:5px;} .itemname{float:left;clear:both} .item_thumb{padding:10px} .item_price{display:block;height:20px;position:absolute;bottom:58px;left:-0px;color:#2a4978;font-size:15px;background:#DD0000;color:#fff;font-weight:700;text-align:center;border:0 none;padding:5px 5px;width:40px;height:40px; line-height: 40px;left:15px; } .simpleCart_items{-webkit-box-shadow:1px 1px 5px #c3c3c3;-moz-box-shadow:1px 1px 5px #c3c3c3;-ms-box-shadow:1px 1px 5px #c3c3c3;-o-box-shadow:1px 1px 5px #c3c3c3;box-shadow:1px 1px 5px #c3c3c3;background:#f9f9f9;border:1px solid #fff; font-size: 80%; min-height: 120px; display: block; margin: 0 auto 10px; overflow: hidden; padding: 10px;} .simpleCart_items img{text-align:left;width:40px!important;height:40px!important;padding:2px} .itemContainer{float:left;width:210px;text-align:center;display:block;position:relative;bottom:0} .itemthumb{float:left;width:58px;margin:0} .itemQuantity{float:left;width:25px;margin:6px 0} .itemQuantity input{border:none;color:#6e6e6e;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:25px;padding:5px} .itemQuantity input:focus{outline:none} .itemremove a{color:#818181;float:left;font-weight:700;margin:15px 0 0 15px} .itemTotal{color:#6e6e6e;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:55px;margin:15px 0 0 10px;padding:0} .simpleCart_finalTotal{color:#424242;font-size:18px} .cart table{border-collapse:collapse;margin-top:20px} .cart table td.odd{color:#fff;text-align:left;width:100px} .cart table td.even{color:#fff;text-align:right;width:100px} a.simpleCart_empty{background-color: #fff;border:1px solid#eee;display:block;font: normal normal 13px Oswald, Arial, sans-serif;text-align:center;text-decoration:none;color:#222;float:left;width:80px;margin:0 20px;padding:6px} .cartbuttons{margin:10px 0 0} a.simpleCart_checkout{background-color: #fff;border:1px solid#eee;display:block;font: normal normal 13px Oswald, Arial, sans-serif;text-align:center;text-decoration:none;color:#222;float:left;width:80px;padding:6px} input.item_add:hover{background-position:bottom left;color:#fff} input.item_add{color:#fff;font:13px oswald;text-transform:uppercase;font-weight:400;text-align:center;border:none;width:160px;background-color: #222; margin-right:0px;float:center;padding:6px;margin-top:0px;} #checkout{background:#000;color:#000;text-decoration:none;font-size:80%;display:block;text-align:center;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;padding:10px} #checkout:hover{background:#333;color:#FFF} .item_name,.hidden_value,.cartHeaders{display:none} a.simpleCart_empty:hover,a.simpleCart_checkout:hover{background:#d9d9d9;color:#000} .product_image{width:170px;height:200px;background:#fff;border:1px solid #ccc;float:left;text-align:left;margin:0 15px 10px 0;padding:13px 10px 13px 13px} .product_image img{width:160px;height:160px} .shadow{width:645px; height:39px; margin:0 auto} #nav-wrapper{font-family: "Tahoma",Palatino,serif; overflow: hidden; border-bottom: 3px solid #fff; background-color: #EEEEEE; border-bottom: 1px solid #e2e2e2; margin: 0 0 10px 0; min-height: 40px;line-height: 40px;} #nav{margin:0 auto;width:1170px;height:28px;padding:0} #nav ul{float:left;width:auto;height:28px;margin:0;padding:0;list-style-type:none} #nav ul li{float:left;height:28px} #nav ul li a,#nav ul li a:visited{float:left;height:28px;padding:14px 8px;color:#888;font:bold 11px Arial;text-transform:none} #nav ul li a:hover{background:#4b7bbf;color:#eee;text-decoration:none;} .PopularPosts .widget-content ul li{background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none} .PopularPosts ul{padding:5px 0} .PopularPosts .item-thumbnail img{width:104px;height:104px;padding:2px;margin:0;} .PopularPosts .item-content{position:relative;float:left;margin:0} .PopularPosts .item-title a{font:12px oswald;color:#333;display:block;padding:0 5px;float:left;width:100px} .PopularPosts .item-title a:hover{background:#000;color:#ccc;} .PopularPosts .item-thumbnail{float:left;margin:3px 5px 7px 6px;box-shadow:4px 4px #E1E1E1;overflow: hidden} .PopularPosts .item-title{background:#f1f1f1 url();position:absolute;bottom:8px;right:6px} .quickedit{display:none} .label-size{ margin:0; padding:0; position:relative; } .label-size a{ float:left; height:19px; line-height:32px; position:relative; font-size:12px;margin-top:10px; margin-left:20px; padding:5px 10px 0px 10px; background:#424242; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #424242 transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover{background:#555;} .label-size a:hover:before{border-color:transparent #555 transparent transparent;} /*Floating Contact Form by BloggerItems.com*/ .ContactForm, .ContactForm .title { display: none; } .floating-ct { position: fixed; width: 250px; right: 10px; bottom: 0; z-index: 999; } .floating-ct-head a { padding: 5px 10px; width:150px; text-align:center; background: #DD0000; font:normal 15px oswald; color: white; display: inline-block; *display: block; text-transform:uppercase; zoom: 1; } .floating-ct-head a:before { content: "\f0e0"; font-size: 18px; margin-right: 15px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .floating-ct-body { height: 285px; background:#f1f1f1; border: 1px solid #ccc; padding: 10px; display: none; } .floating-ct-head { text-align: right; } .floating-ct-body .ContactForm { margin: 0; display: block!important; } .contact-form-button-submit { font: normal normal 15px Oswald; background-color: #DD0000; background-image: none; border: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .contact-form-button-submit:hover { border: none; } .checkout-page .contact-form-button-submit { font: normal normal 16px Open Sans; } .breadcrumbs{padding:10px;margin-bottom:10px;margin-top:0px;font:11px open sans;color:#5B5B5B;background:#f9f9f9;border:1px solid #eee;border-left:3px solid#DD0000;} #share-button-gendon{margin:0 0 8px;padding:0;overflow:hidden;font-size:14px} #share-button-gendon p{font-size:100%;float:left;background:#1abc9c;display:block;padding:6px 15px;margin:2px;color:#fff;} #share-button-gendon a{position:relative;float:left;display:block;color:#fafafa;padding:6px 15px;margin:2px;border-radius:0px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} #share-button-gendon a:hover{background:#ddd!important;color:#0087ff;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} /*--------------------------------- featured post ---------------------------------------------*/ .featured-post a { margin: 0; font-size: 25px; text-transform: uppercase; line-height: 34px; text-shadow: 1px 1px 1px #000; font-family: 'Oswald', sans-serif; font-weight: 400; color: #fff; } .featured-post .col-post { float: left; position: relative; overflow: hidden; margin: 0; } .featured-post .secondary-post { width: 20%; margin-bottom: 0px; } .featured-post .main-post { width: 60%; } .featured-post span { background: #666699; padding: 3px 6px; color: #fff; display: inline; font-size:12px; font-style: normal; display:none; } .featured-post img{ height:100%; width: 100%; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; } .secondary-post1.col-post { width: 40%; height: 224px; margin-bottom: 1px; } .featured-post .main-post img { height: 450px; } .featured-post .secondary-post img { height: 225px; } .col-post:hover img { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); transition: all 2s ease 0s; -moz-transition: all 2s ease 0s; -o-transition: all 2s ease 0s; } .featured-post header { position: absolute; bottom: 0; width: 93%; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); padding: 10px 10px 5px; padding: 20px 20px 20px; } .featured-post h4 { font-size: 15px; line-height: 1.3; font-weight:400; } #footer-wrapper .PopularPosts .item-thumbnail img { width: 65px; height: 65px; padding: 2px; margin: 0; } #footer-wrapper .PopularPosts .item-title { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwj8q3SR3JnN9T2UosQCuYjQy3Rk0naskwvihQJLgWeJq5XYWbRnpBytNojSIVm2qowQpm8-JYy6G6ypCqhMnpFJD2w-OtfMLPGPvFymCvtKOFwHtOorztguiJxKZ0qRBuDSubsntv7_o/s1600/transparant.png); position: absolute; bottom: 8px; right: 6px; display: none; } ]]>

: