Galery ~ Terminal Kopi Cafe Babarobi

Babarobi Olshop

*/ body{background:#35ACCE;color:$textcolor;font:x-small Oswald;font-size:small;text-align:left;margin:0;font-family:"Oswald",Verdana,Sans-serif;} 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{background: url() no-repeat;width:960px;border:0 solid $bordercolor;margin:0 auto} #header-inner{background-position:center;margin-left:auto;margin-right:auto} #header{float:left;width:300px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0} #header2{float:right;width:500px;margin-right:10px;padding-top:10px;text-align:left;color:#999} .header .widget,.header2 .widget{margin:0 auto;padding:10px 0} #header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px Arial;margin:0 auto;padding:10px 5px .15em;text-shadow:-1px -1px #000;color:#eee;} #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} #mainpage-wrapper{width:675px;float:left;word-wrap:break-word;overflow:hidden} #main-wrapper{background:#fff;width:675px;float:$endSide;word-wrap:break-word;overflow:hidden;margin-bottom:10px;} #sidebar-wrapper{width:285px;float:$startSide;word-wrap:break-word;overflow:hidden;margin-top:-7px;} h2.date-header{margin:1.5em 0 .5em} .post{background:#fff;margin:10px;padding:15px} .post .jump-link{display:none} .post h3{line-height:26px;margin:0 0 20px;padding:0 0 5px;font:30px oswald;} .post h3 a,.post h3 a:visited,.post h3 strong{font:30px oswald;font-weight:normal;text-shadow:none} .post h3 strong,.post h3 a:hover{text-decoration:none} .post-body{line-height:1.6em;font:14px Arial;margin:0 0 .75em;text-shadow:none} .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} .comments{padding:0 15px} #comments h4{font-size:16px;font-weight:400;margin:20px 0} .comments{padding:0 15px;text-shadow:0 1px 1px black} #comments h4{font-size:16px;font-weight:400;margin:20px 0} .cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%} .cm_head{width:60px;float:left;margin:0} .cm_avatar{vertical-align:middle;border:1px solid #111;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuHuY2LJbBIUhz0cYcpdXbC2rmVrouA0L9JgZJWlHE9OdT341tlQPRSfAoLAgEOzmtNAP71rRT9s_793PeK48SXTTDNdX4l84vMagxWmAUVtx8CNUDIfW9pk2Q4Ax0inCVl-gUvXqxHJk/s1600/anonym+maskolis.png) center no-repeat;width:35px;height:35px;margin:0;padding:3px} .cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:#111;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px} .cm_reply a{display:inline-block;border:1px solid #111;border-right-color:#444;border-bottom-color:#444;color:#aaa!important;text-align:center;text-decoration:none;background:#111;font:11px/18px sans-serif;margin:0;padding:1px 6px} .cm_reply a:hover{text-decoration:none!important;background:#222} .cm_entry{background:#222;border:1px solid #111;overflow:hidden;padding:16px;border-right:1px solid #444;border-bottom:1px solid #444} .cm_info{margin-bottom:5px;border:thin solid #111;background-color:#333;padding:5px} .cm_info_a{margin-bottom:5px;border:thin solid #111;background-color:#444;padding:5px} .cm_name{font-size:14px;font-family:PT Sans Narrow;color:#aaa!important;text-decoration:none;float:left} .cm_name_a{font:14px PT Sans Narrow;color:#aaa!important;text-decoration:none;float:left} .cm_date{font-size:10px;color:#999;text-decoration:none;float:right} .cm_date_a{font:normal 10px Arial;color:#aaa;text-decoration:none;float:right;padding-top:5px} .cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700} .cm_pagenavi a{color:#666;text-decoration:none;padding:10px} .cm_pagenavi span{color:#888;background:#444;border:1px solid #222;padding:4px} .comment-body-author{font-family:PT Sans Narrow;font-weight:300} .cm_entry p,.cm_entry_a p{clear:both;font-family:PT Sans Narrow;border:thin solid #222;background-color:#444;font-size:14px;color:#aaa;word-wrap:break-word;padding:5px} .cm_reply{padding-top:5px} #blog-pager-newer-link{float:$startSide} #blog-pager-older-link{float:$endSide} #blog-pager{clear:both;text-align:center;margin:20px 0;padding:10px 0} .feed-links{clear:both;line-height:2.5em} .sidebar h2{background:#0087C6;font:normal 15px Oswald;color:#fff;text-transform:uppercase;margin:10px 10px 0;padding:10px} .sidebar{color:$sidebartextcolor;line-height:1.3em;} .sidebar li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCmm49E6qle_5XmHP9BPZo7QOUrQLWYaX1lEzPU1gQuiWeM1A0DbHYziOGFkOwy0eB58CWiQmci5JIC9oXgYjX5ZRoVGUt_-iQJVO3B93kjRu2odc0yH-C6GQWLERlrSowvkykn5eEoBTw/s1600/right_arrow.png) no-repeat 1px 5px;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 5px 20px;} .sidebar ul{float:left;list-style:none;margin:0;padding:0} .sidebar li a:hover{color:#eee} .sidebar .widget{margin:0 0 5px} .sidebar .widget-content{background:#fff;border:1px solid#ccc;margin:0 10px;padding:5px 8px} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#424242;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} .showpageNum a,.showpage a{background:#D20000;text-decoration:none;white-space:nowrap;color:#fff;margin-top:20px;margin-left: 3px;padding:15px 20px;border:1px solid #ddd} .showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background:#881900;border:1px solid #ddd} .showpageOf{display:none;margin:0} .showpagePoint{color:#fff;text-decoration:none;background:#881900;font-size:12px;margin:10px 3px;padding:15px 20px;border:1px solid #9f4b38} #outer-wrapper{background:#fff;width:960px;text-align:$startSide;font:$bodyfont;margin:20px auto;margin-top:0;padding:5px;border-left:15px solid#68CFEC;border-right:15px solid#68CFEC;} .creditwrap{background:#424242;width:960px;border-top:1px solid #666;margin:0 auto;padding:0 auto} .credit{width:940px;line-height:1.6em;text-align:center;font-family:oswald;font-size:14px;color:#fff;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} /* Social Icons */ .social_links li a:hover { opacity: 0.8; } .credts_right { float: right; width: 280px; } .credts_left { float: left; margin-top: 8px; font-size: 14px; } .social_links li { float: left; display: block; margin-left: 10px; } .social_links .facebook a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -7px 0px; } .social_links .twitter a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -44px 0px; } .social_links .google a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -81px 0px; } .social_links .pinterest a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -118px 0px; } .social_links .vimeo a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -155px 0px; } .social_links rss a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -155px 0px; } .social_links .rss a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxP6p2YBdR2TS2F_5-BvPhZM5ePMUaiU5uImAJQcAVtPtwhiEFdPkOPzuJaCah6cgxGtPeTzOx_SrQ_b10l3qhvVZagkRtVPTZ4WhbjjnEhBYbjsr9ojRss8-GVmAaU9VYgoLh-82UMzFc/s1600/Social_Icons.png); background-repeat: no-repeat; width: 32px; height: 32px; float: left; text-indent: -99999px; background-position: -192px 0px; } /* Shopping Cart ----------------------------------------------- */ #shoppingCart{background:#fff ;float:left;border:1px solid#ccc;color:#ddd;width:243px;margin:10px;padding:0 10px 10px} #shoppingCart h2{background:url(http://png-4.findicons.com/files/icons/2165/office/24/shopping.png) no-repeat left top;display:block;font:normal 15px Oswald;color:#333;text-decoration:none;margin-bottom:10px;padding:4px 5px 20px 25px} .itemname{float:left;clear:both;color:#424242;} .item_thumb{padding:10px} .item_price{display:block;height:20px;position:absolute;bottom:7px;color:#424242;font:bold 15px oswald;font-weight:700;text-align:left;border:0 none;padding:5px 10px 5px 5px} .simpleCart_items{background:#fff;border:1px solid#ccc;font-size:80%;min-height:120px;display:block;margin-left:0 auto 10px;overflow:hidden;padding:10px} .simpleCart_items img{text-align:left;width:50px!important;height:50px!important;padding:2px;border:1px solid#333;border-radius:180px;} .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:10px;margin:6px 0} .itemQuantity input{border:none;color:#ddd;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:10px;padding:5px} .itemQuantity input:focus{outline:none} .itemremove a{color:#ffc23d;float:left;font-weight:700;margin:15px 0 0 5px} .itemTotal{color:#fff;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:80px;margin:15px 0 0 10px;padding:0} .simpleCart_finalTotal{background:#0087C6;padding:4px;color:#fff;font:bold 14px Arial;border-radius:6px;} #shoppingCart table td{color:#333;border:none;padding:2px 0} #shoppingCart table{border:none;margin-top:5px} #shoppingCart table td.odd{width:110px;} #shoppingCart table td.even{width:110px;} a.simpleCart_empty{background:#0087C6 url(http://png-2.findicons.com/files/icons/2165/office/24/close.png)no-repeat 3px 8px;display:block;font:normal 14px Oswald;text-align:center;text-decoration:none;color:#fff;float:left;width:100px;margin:0 0px;padding:10px;} .cartbuttons{margin:10px 0 0} a.simpleCart_checkout{background:#8FCE86 url(http://png-1.findicons.com/files/icons/2165/office/24/download.png)no-repeat 3px 8px;display:block;font:normal 14px Oswald;text-align:center;text-decoration:none;color:#fff;float:left;width:100px;padding:10px;} input.item_add:hover{background:#68C072;color:#000} input.item_add{margin-right:10px;top:0;float:right;color:#fff;font:15px oswald;font-weight:normal;text-align:center;border:none;width:160px;background:#7CD186;padding:5px} #checkout{background:#424242;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{background:#006C9F url(http://png-2.findicons.com/files/icons/2165/office/24/close.png)no-repeat 3px 8px;color:#fff;text-shadow:1px 1px 1px #ac7600} a.simpleCart_checkout:hover{background:#006C9F url(http://png-1.findicons.com/files/icons/2165/office/24/download.png)no-repeat 3px 8px;color:#fff;text-shadow:1px 1px 1px #ac7600} .product_image{width:300px;height:330px;border:1px solid #ccc;box-shadow: 1px 3px 16px #aaa;float:center;text-align:left;margin:0 15px 10px 0;padding:13px 10px 13px 13px} .product_image img{width:260px;height:260px} .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:105px;height:105px;padding:2px;margin:0} .PopularPosts .item-content{position:relative;float:left;margin:0} .PopularPosts .item-title a{font:11px Arial;color:#fff;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;border:1px solid #000;overflow: hidden} .PopularPosts .item-title{display:none;background:#DD0000;position:absolute;bottom:8px;right:6px} /*---------------------------------------------------- {--------} Related Post {--------} ----------------------------------------------------*/ ul#related-posts h3 {font:17px Oswald;} ul#related-posts{font:17px Oswald;list-style:none;text-transform:none;margin:10px 0;padding:0} ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px} *html ul.rp#related-posts li{margin:0 13px} ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);box-shadow: 1px 2px 8px #333;display:block;height:173px;position:relative;width:173px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000} ul#related-posts li .overlay{height:169px;line-height:16px;position:absolute;width:169px;z-index:10;padding:6px 0 0 6px} ul#related-posts li a:hover .overlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgas0G3y8AMEUuzSIv2dzpsVQ7SmvTDYHaqL7PqDE9hSqCpkskLlwwH-pnGXukaI51CI-mPeXgSD7w1x1_7Rfzxl-QfXD7LHu9EFdwL5dvdYYiwohX_33zDMEKvdz2HdcaP9E6Fg-nqWUI/s1600/transparant.png);display:block!important;} ul#related-posts li img{bottom:0;padding:0!important} ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)} ul#topnav { margin-left: 10px; padding: 0; float: center; width: 940px; height:55px; list-style: none; position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/ font:bold 14px verdana; text-transform:uppercase; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLklgVKfhFTC0K-fyQp4uT30va9p8BXbu9AA52CCpep7DsQuenu5IGuZSm3TWzbsvK6fTgobErJesZGX9ptszKwMdXHR7lyc0ZI4n1PaepRpBbk5MgpUs6yfL7gOQTekn1gYrHslQ_VgBD/s1600/back_menu.png) repeat-x; border:1px solid#000; border-radius:8px; } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #A4A4A4;/*--Divider for each parent level links--*/ } ul#topnav li a { padding: 19px 15px; display: block; color: #333; text-decoration: none; } ul#topnav li:hover { background: #fff url() repeat-x;color:#fff; } ul#topnav li span { position:absolute;z-index:10; float: left; padding: 15px 0; position: absolute; left: 0; top:59px; display: none; /*--Hide by default--*/ width: 100%; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLklgVKfhFTC0K-fyQp4uT30va9p8BXbu9AA52CCpep7DsQuenu5IGuZSm3TWzbsvK6fTgobErJesZGX9ptszKwMdXHR7lyc0ZI4n1PaepRpBbk5MgpUs6yfL7gOQTekn1gYrHslQ_VgBD/s1600/back_menu.png) repeat-x; border:1px solid#000; border-radius:10px; /*--Bottom right rounded corner--*/ } ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/ ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/ ul#topnav li span a:hover {text-decoration: underline;} #topnav li a.current{ background:#DD0000 url()repeat-x top left; color:#fff;} /*Start Slider Css*/ /* * jQuery Nivo Slider v2.6 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ #slider{ width:618px; height:246px; margin-bottom:-10px; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Pascal Theme Skin URI: http://nivo.dev7studios.com Skin Type: fixed Description: A nice, light skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom & Pascal Gartner Author URI: http://dev7studios.com */ .theme-pascal.slider-wrapper { background:#424242 url() no-repeat; width:668px; height:299px; margin:0 auto; border:1px solid#000; padding-top:17px; position:relative; } .theme-pascal .nivoSlider { position:relative; width:630px; height:235px; margin-left:19px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWCl85U548WyrSY4ceeV2hOTuVBURu_OsqxOAwh5S-lvT2VXHusM_JVq1U7DOkoYMpe4HSy8fsvorKSWMba0RIGWt9hym__S9LeoqZ3xy3PgLCg0sRGBLhQDPIWbyhVOj3XXe07xK-7o5g/s1600/loading.gif) no-repeat 50% 50%; } .theme-pascal .nivoSlider img { position:absolute; top:0px; left:0px; display:none; border-radius:10px; width:630px; /* Make sure your images are the same size */ height:235px; /* Make sure your images are the same size */ } .theme-pascal .nivoSlider a { border:0; display:block; } .theme-pascal .nivo-controlNav { width:251px; height:40px; position:absolute; left:200px; /* Tweak this to center bullets */ bottom:-62px; padding:8px 0 0 82px; z-index:20; } .theme-pascal .nivo-controlNav a { display:block; width:22px; height:22px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh23SezdlAEWPR8LGwlPquwfi3W6OHGgqlc6L0nYscIQXCmv7RaaXOzJhTTQjs6bq0GxWgeJpN0N1NripjBnkmt6YUQM6sJ-V67oWYfob1pK-dMpnouM9bHT9-swslNzqe3fajZmlbM2HIj/s1600/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-pascal .nivo-controlNav a.active { background-position:0 -22px; } .theme-pascal .nivo-directionNav a { display:none; } .theme-pascal .nivo-caption { bottom:20%; left:auto; right:0px; width:auto; max-width:630px; overflow:hidden; background:#fff; text-shadow:none; font-family: arial, serif; color:#4c4b4b; } .theme-pascal .nivo-caption p { padding:5px 15px; color:#333; font-weight:bold; font-size:27px; text-transform:uppercase; } .theme-pascal .nivo-caption a { color:#333; font-weight:bold; font-size:27px; text-transform:uppercase; } .theme-pascal .ribbon { width:111px; height:111px; position:absolute; top:-8px; left:-8px; z-index:300; } /*End Slider Css*/ .new_container { height:40px; background:#FFF; width:650px; margin:0; font-weight:normal; margin-left:5px; margin-bottom:10px; border:1px solid#ccc; } .new { color: #333; float: left; font: 16px oswald; margin: 10px 0 0 20px; } .all_prod_new { float: right; font: 16px oswald; margin: 10px 20px 0 0; } .all_prod_new a { color: #333; } /* MAIN MENU NAVIGATION */ #nav { background:#35ACCE; margin:0 auto; color:#fff; font-family:Gnuolane, Oswald, Arial, Sans-Serif; text-transform:uppercase; display:inline-block; width:950px; margin-bottom:10px; margin-left:5px; } #nav ul { float:left; margin:0px 0px; padding:0px 0px; height:45px; width:630px; } #nav li { margin:0px 0px; padding:0px 0px; float:left; display:inline; list-style:none; position:relative; } #nav li > a { font-size:16px; display:block; padding:3px 10px; line-height:38px; text-decoration:none; color:#ffffff; font-weight:normal; } #nav li li > a { display:block; font-size:13px; padding:0px 10px; line-height:28px; text-decoration:none; color:#ffffff; font-weight:normal; } #nav li:hover > a, #nav a:hover { background-color:#333333; } #nav li ul { background:#555; width:170px; height:auto; position:absolute; top:100%; left:0px; z-index:10; display:none; } #nav li ul:before{ content:""; width:0; height:0; position:absolute; bottom:100%; float:center; left:30px; border:8px solid transparent; border-color:transparent transparent #555; } #nav li li { display:block; float:none; font-weight:normal; } #nav li:hover > ul { display:block; } #nav li ul ul { left:100%; top:0px; } #nav li a.current{ background:#101010 url()repeat-x top left; padding: 3px 10px; text-shadow:none; color:#fff; } #search-form { float:right; margin:5px 10px 0 0; } #search-form input#search-box[type="text"] { height:30px; line-height:30px; margin:4px 0; padding:0 10px; width:100px; color:#636363; border:none; } #search-form input#search-button[type="submit"] { background:#333; color:#fff; height:30px; line-height:30px; margin:4px 0; padding:0 10px; border:none; } #search-form input#search-button[type="submit"]:hover{ background:#222; cursor:pointer } #search-form input#search-box[type="text"]:focus { background:#eee; outline:none; } .pengiriman{text-align:center} .creator{width:900px;overflow:hidden;font-size:12px;color:#fff;margin:0px auto 0;background:#00A185;padding:10px;} ]]>