/* Theme Name: Coffee Break Version: 1.4 Description: Designed by Magnus Jepson. Author: WooThemes Author URI: http://www.wicked-wordpress-themes.com */ /* Default styles */ @import "reset.css"; @import "porto.css"; @import "custom.css"; body { background:#fff; } a { color: #2882c1; } /* Containers */ .content { width:970px; margin:0 auto; padding:0;} #top { background:url(images/bg-top-tile.gif) repeat-x top left; border-bottom:1px solid #333128; } #top .content { background:url(images/bg-top.png) no-repeat top center; } #main-content { background: url(images/bg-main-top.gif) repeat-x top left; padding:20px 0 25px; } #footer { background: #e1e1e1 url(images/bg-footer-top.gif) repeat-x top left; padding: 25px 0 14px 0; margin-top:25px; } #main-content2 { padding:20px 0 25px; } /* Header */ #header { width: 100%; height: 105px; padding: 30px 0 5px 0; clear: both; position: relative; } #header h1 { display: none; } #header img.logo { float:left; } /* Page Nav */ #nav { position:relative; z-index:99; } #nav, #nav ul {padding: 0;margin: 0;list-style: none; line-height: 1;float:right;} #nav { margin-top:30px; } #nav a {font-family:Verdana, Arial, Helvetica, Times, serif;font-size:12px;letter-spacing:1px;text-transform:none;font-weight:bold;display: block;line-height: 28px;padding: 0 10px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15)} #nav a { color: #c0baa5; } #nav a:hover, #nav li.current_page_item a{ color:#fff; background:#3f3a2b; border-width: 0 0px 1px 0; } #nav li a { border:none !important; } #nav li { float: left; } /* Style drop down list */ #nav li:hover, #nav li.current_page_item { border-bottom:1px solid #847A56; } /*bg hover menu*/ #nav li ul li:hover, #nav li ul li.current_page_item { border:none; } #nav li ul { position: absolute; width: 170px; left: -999em; border: 1px solid #C7B77D; z-index: 99; } #nav li ul li { position:relative; z-index:99; background: #847A56; } #nav li ul li a { border:none !important; line-height: 25px; font-size: 11px; width: 150px; } #nav li ul ul { margin: -26px 0 0 170px; } #nav li ul ul li a { line-height: 25px; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } #nav li.current_page_item ul li a{ color:#c0baa5; background:#847A56; } #nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a:hover { color:#fff; background:#C7B77D; } #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; } #nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */ /* Featured / Slider */ #featured { background:#adc042 url(images/bg-slider-bot.png) repeat-x left bottom; border-top:1px solid #c9e044; border-bottom:1px solid #99aa3a; } #featured #page-title { position:relative; } #featured #page-title h2 { padding:25px 0; } #featured .subscribe { position:absolute; right:0; top:25px; } #featured .alignright {margin: 5px 0px 8px 20px;float: right;} #slider-block { overflow:hidden; min-height:320px; } .container { width:500px; height:320px; overflow:hidden; position:relative; margin-left: 460px;} .slides { position:absolute; top:0; left:0; } .slides div.slide { position:absolute; top:0; width:500px; display:none; } #loopedSlider { width:970px; margin:0 auto; padding:40px 0;} #loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;} #loopedSlider li#p { position:absolute; top:120px; left:0px; } #loopedSlider li#n { position:absolute; top:120px; right:0px; } /*tombol dibawah slider*/ #featured #intro-copy{float:left;width:300px;margin-top:0px} #featured #intro-copy h2{text-indent:-999em;background:url(images/intr-copy.png) no-repeat top left;width:200px;height:171px;display:block;margin:0;padding:0} #featured #intro-copy p.description{text-indent:-999em;padding:0} #featured #intro-theme{position:relative;background:url(images/bg-intro-theme.png) no-repeat;float:right;width:462px;height:291px;display:block;margin-top:26px;padding-top:28px}#featured #intro-theme a{height:281px;overflow:hidden}#featured .ribbon-2for1{background:url(/wp-content/themes/woo2/images/ribbon-2for1.png) no-repeat;width:109px;height:109px;position:absolute;top:0;right:0}#featured .ribbon-3for1{background:url(/wp-content/themes/woo2/images/ribbon-3for1.png) no-repeat;width:109px;height:109px;position:absolute;top:0;right:0;z-index:999}#featured .platforms{margin: -3px 0 0 -3px;padding:5px 0 0 50px;background:url(/wp-content/themes/woo2/images/intro-new-badge.png) no-repeat left bottom}#featured .platforms img{margin-bottom: -2px}#page-heading{background:url(/wp-content/themes/woo2/images/bg-page-title.jpg) no-repeat top center;height:173px} /*end tombol dibawah slider*/ #featured h2 { color:#fff; font-size:25px; padding:0 0 10px; line-height:30px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15); font-family: Arial, Verdana} /*buat tulisan di bawah logo*/ #featured h4 { font-size:18px; color:#333; font-family:Verdana, Helvetica, Arial, sans-serif; line-height:22px; letter-spacing:1px; } #featured p { font-size:14px; color:#333; line-height:20px; } .slides ol, .slides ul { line-height: 18px; } .slides ul { padding-left: 20px; } .slides ul li { list-style: dot; padding: 3px 0; } .slides ol { padding-left: 20px; } .slides ol li { list-style: decimal; padding: 3px 0; } /* Homepage */ .home h3 { padding: 0; } .home .feature { margin-left:65px; } .home img.home-icon { float:left; padding:0; } /* Main Content (style) */ #main { width:540px; } #main.full { width:840px; } #main p, #main ul, #main ol { font-size:14px; } #main a { text-decoration: underline; } #main a:hover { text-decoration: none; } #main h2, #main h3 { font-weight: normal; } #main h2 { font-size: 20px; padding-top:5px; font-family:Arial;font-weight:bold} /*judul blog*/ #main h3 {font-size: 18px; } #main h4 { font-size: 12px; } #main ol, #main ul { line-height: 18px; } #main ul { padding-left: 20px; } #main ul li { background:url(images/date_new.gif) no-repeat 0 5px; padding: 0px 20px 0px 20px; } /*buat li sitemap*/ #main ol { padding-left: 57px; } #main ol li { list-style: decimal; padding: 3px 0; } #main blockquote {border-left:2px solid #777777;color:#777777;font-style:italic;margin:5px auto 15px;padding:0px 10px;width:85%;} /* Main Content (post) */ #main .post { padding:0 5px 25px 0; } #main .post-title { width: 100%; position: relative; } #main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; } #main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; } #main h2 a:hover, #main h3 a:hover { text-decoration: underline; } #main p.post-details { line-height: 18px; margin-top: -10px; position: relative; } #main p.post-details a { text-decoration: none; } #main p.post-details a:hover { text-decoration: underline; } #main p.post-details { color: #9F9F9F; font-size: 11px; padding: 0 0px 0 1px } #main .post h4 { margin-top: 1px; clear: both; width: 100%; } #main .post h4.continue a { background: #A8BC70; padding: 5px 10px; color: #fff; text-decoration: none; } #main .post h4.continue a:hover {background: #9fb26a;} #main .post img.thumbnail { background-color:#EEEEEE; border:1px solid #DDDDDD; padding:5px; } #main .post img.gallery { margin:0 7px 7px 0; } #main h2.arh { border-bottom: #EBEBEB 1px solid; margin-top: -10px; margin-bottom: 10px; position: relative; } /* Main Content (advert 468x60) */ #main .advert_468x60 { background-color:#EDEDED; padding:12px 0; margin: 5px 0 25px 0; text-align:center; } #main .latest .advert_468x60 {margin-left:33px;} /* Main Content (post>single) */ #main p.tags { background:url(images/ico-tag.gif) no-repeat center left; padding-left:25px; width: 100%; clear: both; } .single #main .advert_468x60 {margin: 15px 0 0px 0;} #main .page h2 {padding-top: 5px;} /* Comments */ #comments h3 { font-size: 20px; font-weight: normal;padding: 10px 0 20px 0;} #comments #comments_wrap {padding: 0; position: relative; margin:20px 0;} #main .post #comments ol, #main .post #comments ul { background:none; border:none; padding:0; } #comments ol.commentlist li { list-style-type:none; padding:20px; background:none; } #comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; } #comments ol.commentlist img.avatar { float:right; border:1px solid #e4e4e4; padding:4px; background:#fff; } #comments ol.commentlist .user-meta { font-size:12px; margin-bottom:10px; } #comments ol.commentlist .user-meta .name, #comments ol.commentlist .user-meta .name a { font-size:16px; text-decoration:none; } #comments ol.commentlist .comment-entry { padding-right:80px; } #comments .comment a { text-decoration: underline; } #comments .comment a:hover { text-decoration: none; } #comments .comment small { font-size: 10px; margin-top: -2px; } #comments .comment .col-left {width: 110px;} #comments .comment .col-left img {border: #EDEDED 5px solid;} #comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;} #comments .comment .col-left .inside{width:110px;float:left;position:relative;overflow:hidden;min-height:70px;} #comments .comment .col-right{min-height:70px;background:#fff;border:#EDEDED 1px solid;margin-left:100px;float:none;padding:10px 20px;} * html #comments .comment .col-right{height:100px;} #comments .comment span.reply{float:right;font-size:11px;padding:3px 3px 0;} #comments .comment span.reply a{text-decoration:none;color:#aaa;} #comments ul.children{margin:15px 0 0;padding:0;} #comments ul.children li{border-top:1px solid #e3e3e3;margin:20px 0 0 0;padding:20px 0 0 25px;} #comments .navigation .alignright,#comments .navigation .alignleft{margin:0;} #comments .navigation a{display:block;font-weight:700;margin:15px 0;padding:5px 0;} #comments .commentlist p{padding:0 0 10px;} #comments #respond{margin-top:15px;} #comments .commentlist .children #respond #form_wrap .col-right{float:none;} #comments .cancel-comment-reply{margin-bottom:10px;} #comments #respond .input{background:#f6f6f6;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;padding:5px;} #comments .commentlist .thread-even #respond .input{background:#fff;} #comments #respond label{padding-left:5px;} #comments ul.children li ul.children,#comments .commentlist{padding:0;} #comments #submit {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Verdana, Helvetica, Arial "Times New Roman", Times, serif; font-size:11px; cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;} /* Sidebar */ #servis2{ height:50px; background:#000 url(images/servis2.jpg) no-repeat; } #sidebar{width:340px;overflow:hidden;margin-top:15px;} #sidebar h3{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font:14px uppercase Verdana, Helvetica, Arial;font-weight:bold;text-transform:uppercase;color:#555;letter-spacing:0px;margin:5px 0;padding:10px 0 10px 10px;line-height:24px;} #sidebar ul{clear:both;} #sidebar ul li a{color:#636363;} #sidebar a:hover,#sidebar .current-cat a,#sidebar li.active a{color:#000;} #sidebar ul li .meta{display:block;font-size:12px;font-family:Verdana, Helvetica, Arial, sans-serif;color:#878787;font-weight:normal;text-transform:uppercase;} #sidebar .block{padding:10px;} /*awalnya 15px*/ #sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;} #sidebar .block .inside ul{padding:0;} #sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;} #sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;} /*untuk image kotak2*/ #sidebar .third-party .inside { padding: 20px; background: #F7F7F7; border: 1px solid #E3E3E3; } #sidebar .third-party .inside img { margin: 0 6px 0 0; } #sidebar.third-party .inside img.nomargin { margin: 0; } /*untuk online support*/ #sidebar .support .inside2 { padding: 0px 20px 0px 20px; background:url(images/cup.png) no-repeat right top; border: 1px solid #FDCA02; } #sidebar .support .inside2 img { margin: 0 6px 0 0; } #sidebar .support .inside2 img.nomargin { margin: 0; } #sidebar .support .inside2 h3 { color:#fff; font-size:12px;margin: 0 0 10px 0; padding:0;border-bottom:1px solid #E3E3E3;border-top:0;} #sidebar ul,#sidebar .textwidget{clear:both;padding:5px 0;} #sidebar .widget{margin-bottom:25px;} #sidebar li{background:url(images/ico-bullet.png) no-repeat left 10px;font-size:14px;line-height:18px;overflow:hidden;padding:5px 0 0 15px;} #sidebar ul ul{border:0;margin:3px 0 0;padding:0;} #sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;} #sidebar #news h3 { background:url(images/ico-news.png) no-repeat left 3px; padding-left:32px; } #sidebar #news li {background:url(images/ico-bullet.png) no-repeat left 10px;padding:5px 0 0 15px;} #sidebar .widget_twitter { font-size:14px; } #sidebar .widget_twitter h3 { background:url(images/ico-twitter.png) no-repeat left top; line-height:28px;padding:32px 5px; } #sidebar .widget_twitter a { color:#2882c1; font-size:14px; } #sidebar .widget_twitter .follow { padding:10px 0 0; } #sidebar .widget_twitter .follow a { font-size:12px; font-style:italic;} #newsletter h3, #feedburner h3,#campaignmonitor h3 { background:url(images/ico-letter.png) no-repeat left 0px; padding-left:32px; } #newsletter form, #feedburner form, #campaignmonitor form {margin-top:15px;} #newsletter .field, #feedburner .field, #campaignmonitor .field {background-color:#F2F2F2;border:1px solid #CBD1D2;color:#999; font-size:11px;} #newsletter .field, #feedburner .field, #campaignmonitor .field {display:block;float:left;height:19px;margin:0 4px 0 0;padding:5px 0 0 5px;width:170px;} #newsletter .button, #feedburner .button, #campaignmonitor .button {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Verdana, Helvetica, Arial "Times New Roman", Times, serif; font-size:11px;} #newsletter .button, #feedburner .button, #campaignmonitor .button {cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;} #tag_cloud h2{display:block;float:none;} .textwidget{clear:both;line-height:20px;padding:5px 2px;} #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th{color:#fff;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} #wp-calendar a{text-decoration:underline;} #wp-calendar a:hover{text-decoration:none;} #sidebar #search_main form div{height:33px;background:#F2F2F2;border:1px solid #CBD1D2;} #sidebar #search_main input.field{width:163px;padding:9px;outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#777;border:0;background:transparent;z-index:1;} #sidebar #search_main input.submit{} /* Sidebar (flickr) */ #flickr h3 span { color: #0061D8; } #flickr h3 span span { color: #FF1183; } #flickr .wrap { margin-left: -5px; padding: 0; position: relative; } #flickr a img { float: left; margin-left: 5px; margin-bottom: 5px;display: block; padding: 3px;background: #fff;border: #CECFC6 1px solid; } #flickr a:hover img {border: #A8AA99 1px solid;} /* Footer */ #footer{background:#d0d9e0 url(images/bg-footer-tile.gif) repeat-x;color:#7B6E5F;padding:30px 0 20px;} #footer #sitemap{margin:15px 0;} #footer #sitemap .block{float:left;width:150px;margin-right:35px;} #footer #sitemap .last{margin-right:0;} #footer #sitemap ul{padding:5px 0;} #footer #sitemap ul ul{margin: 0 0 10px 15px; padding-top:0;} #footer #sitemap ul li{line-height:20px; background:url(images/footer-img.png) no-repeat 0 5px; padding: 0px 20px 0px 20px; } /*buat li sitemap*/ #footer #sitemap ul ul li {list-style-type: circle;} #footer #sitemap ul li a:hover{text-decoration:underline;} #footer #sitemap h4{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#7B6E5F;padding:0;} #footer .bevel{background:url(images/bottom-line.png) repeat-x top right;height:11px;width:100%;border:0;margin-top:20px;} #footer a{color:#E2DED2;} #footer .col-right img{vertical-align:middle;} #footer .col-right span{display:none;} #toTop{cursor: pointer;} #footer .col-left p { margin-top: 5px; } #footer .rsaweb { padding: 0 20px 0 0; } #footer .rsaweb:hover { text-decoration: none; } #footer .rsaweb img { margin-top: -2px; } /* Misc */ a.button { background: url(images/btn-slider-right.png) no-repeat scroll top right; display: block; float: left; height: 46px; margin-right: 6px; padding-right: 13px; text-decoration: none; color: #3e3e3e; font-family: Verdana; font-size:18px; } a.button span { float:left; background: url(images/btn-slider.png) no-repeat; display: block; line-height: 46px; padding: 1px 5px 5px 18px; } a.button:hover span{ text-decoration:underline; } span.middle { float: left; padding: 13px 13px 13px 9px; } div.hr { background:url(images/hr.png) repeat-x top left; height:1px; margin:15px 0; } #footer div.hr { background:url(images/hr-footer.png) repeat-x top left; height:1px; margin:15px 0; } /*Baru dari woo*/ #steps{background:#fcfcfc;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin:20px 0 25px;text-align:center;padding:20px 0} #steps .info-box{width:540px;padding:10px 0px;margin:20px auto 0;font-size:18px;} .info-box{background:#fff298;border:1px solid #ecd852;color:#424242;padding:5px 5px;} .info-box a{color:#846000;text-decoration:none} .info-box a:hover{text-decoration:underline} #steps { position: relative;} #steps .steps-steps { background: url(images/steps.png) no-repeat center top; height: 32px; position: relative;} .fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden} .fl{float: left} /*#steps .steps-steps a { }*/ .steps-1,.steps-2,.steps-3,.steps-4 { position: absolute; height: 40px; top:15px; z-index: 99;} .steps-1 { left: 150px; width: 200px;} .steps-2 { left: 360px; width: 205px;} .steps-3 { left: 578px; width: 149px;} .steps-4 { left: 740px; width: 190px;} .steps-popup-1 { left: 150px; } .steps-popup-2 { left: 360px; } .steps-popup-3 { left: 578px; } .steps-popup-4 { left: 740px; } .steps-popup { line-height:18px; position: absolute; bottom:60px; width:170px; text-align: left; -moz-opacity: 0; opacity: 0; filter: alpha(opacity = 0); background: #E7F1FA; border: 1px solid #BECBD3; z-index: 999; padding: 10px 15px; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#326693; } /*kotak kecil2*/ .home #features { padding:25px 0 10px; color:#666; } .home #features #why-woo { width:210px; padding:0 30px 40px 0; margin:0; float:left; border-right:1px solid #e6e6e6; height: 225px;} .home #features #why-woo .title { margin-bottom:20px; } .home #features #why-woo .sub-title { color:#aaa; font-size:13px; line-height: 20px; margin-bottom:5px;} .home #features #blocks { float:right; width:670px; } .home #features .block h3 { padding:0; margin-bottom:20px; } .home #features .block img.icon { float:left; margin-right:20px; } .home #features .block { width:320px; float:left; margin:0 30px 10px 0; } .home #features .block.last { margin-right:0; } .home #tour { background: #fcfcfc; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; padding: 20px 0px 20px 75px; margin-bottom:20px;} .home #tour .video { float:left; padding: 0 30px; opacity: 0.8; } .home #tour .video:hover { opacity:1; } .home #tour h3 { float:left; font-size:26px; padding:15px 0 7px; color:#444; } .home #tour p { color:#AAAAAA; padding:0;} .home #tour .plus { float:left; } .home #tour .plus span { background: url("images/ico-lightbox-plus.png") no-repeat; cursor: pointer; height: 28px; position: absolute; text-indent: -9999px; width: 28px; z-index: 2; margin: -5px 0 0 -8px; } #features h3{padding:0} #features .block{_width:270px;width:280px;float:left;margin:20px 20px 10px 0} .block p{font-size:13px; line-height: 20px; color:#666; padding: 0 0 1.5em;} /*sidebar box*/ #quotes{width:340px;_width:340px;float:right;margin-top:20px} #quotes #box{background:#f7f7f7;border:1px solid #e3e3e3;padding:5px 10px 30px 10px} #quotes #box p.quote{padding:0 0 2px 0;font-size:14px;font-style:italic;line-height:22px;} #quotes #box img.avatar{float:left;border:1px solid #808080;margin:10px 10px 0px 0;height:50px;width:50px;position:relative} #quotes #box h3 {margin:5px 0 } /*info box, pagenavi, green, yeloww dan tabel*/ #sidebar .info-box .yellow, .post .info-box .yellow{color:#836000;font-weight:700;text-transform:uppercase} #sidebar .info-box h3, .post .info-box h3{color:#836000;font-weight:700} #sidebar .info-box p {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000;padding:5px} #sidebar .info-box a , .post .info-box a{color:#836000}.green-box{background:#dbf6be;border:1px solid #9bbf65;color:#5f704c;margin-bottom:15px;font-size:20px;text-align:center; padding: 10px 0;}.green-box a{color:#4c7c18;text-decoration:none !important}.green-box a:hover{text-decoration:underline !important}.support .green-box{padding:15px;margin:5px 0}.support .green-box img.ico{margin-right:15px} #main .support .green-box h3{padding:1px}.info-box .alert{background:url(/wp-content/themes/woo2/images/ico-alert.png) no-repeat left center;padding-left:25px}.info-box .info{background:url(/wp-content/themes/woo2/images/ico-info.png) no-repeat left center;padding-left:25px} .info-box, .green-box { -moz-border-radius: 4px 4px 4px 4px; -moz-box-shadow: 1px 1px 0 #FFFFFF inset, -1px -1px 0 #FFFFFF inset; } .green-box p { padding: 10px 0; } /* PageNavi .more_entries {font-size:12px;color:#fff;} .more_entries .wp-pagenavi {clear:both;float: right;} .more_entries .wp-pagenavi a {text-decoration: none !important; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background: #B7CE38 !important;color:#000; } .more_entries .wp-pagenavi a, .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited, .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi span.pages { background: #EEEEEE;color: #fff; padding: 4px !important; margin-left: 4px; border:1px solid #DDDDDD; line-height:24px; } .more_entries .wp-pagenavi .extend { background:none; border:none; }*/ table{font-size:14px;width:100%;text-align:left;border-collapse:collapse;margin:15px 0 20px} table th{font-size:12px;font-weight:400;background:#e9e9e9;color:#555;padding:8px 10px;text-align:center;border:1px solid #d4d4d4} table td{background:#F0F1F1;border-bottom:1px solid #d4d4d4;color:#333;border-top:1px solid transparent;padding:9px;border:1px solid #d4d4d4} table.membership th.gold{background:#e7b737;border:1px solid #cc9f23} table.membership td.gold{background:#fff298;border:1px solid #cc9f23} table.membership td.green{background:#dbf6be;border:1px solid #9bbf65} table.purchase{margin-bottom:25px} table.purchase td{border:1px solid #d4d4d4;border-width:1px 0 1px 0} table.purchase td.price{background:#eee;font-family:Georgia,"Times New Roman",Times,serif;font-weight:700;border:1px solid #d4d4d4} /*blok diatas footer*/ #news .block{width:280px;margin-right:20px;float:left} #news .block ul{padding:0;margin:0} #news .block ul li{list-style-type:none;padding:10px 0;border-bottom:1px dotted #e6e6e6} #news .block ul li p{padding:2px 0} #news .newsletter{width:340px;margin:0;float:right} #news .newsletter input.input{background:#eaeaea;border:1px solid #bebebe;padding:5px;width:154px;margin:5px 0 15px;color:#777;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3} /*tombol dibawah slider #featured #intro-copy{float:left;width:200px;margin-top:0px} #featured #intro-copy h2{text-indent:-999em;background:url(images/intr-copy.png) no-repeat top left;width:200px;height:171px;display:block;margin:0;padding:0} #featured #intro-copy p.description{text-indent:-999em;padding:0} #featured #intro-theme{position:relative;background:url(images/bg-intro-theme.png) no-repeat;float:right;width:462px;height:291px;display:block;margin-top:26px;padding-top:28px}#featured #intro-theme a{height:281px;overflow:hidden}#featured .ribbon-2for1{background:url(/wp-content/themes/woo2/images/ribbon-2for1.png) no-repeat;width:109px;height:109px;position:absolute;top:0;right:0}#featured .ribbon-3for1{background:url(/wp-content/themes/woo2/images/ribbon-3for1.png) no-repeat;width:109px;height:109px;position:absolute;top:0;right:0;z-index:999}#featured .platforms{margin: -3px 0 0 -3px;padding:5px 0 0 50px;background:url(/wp-content/themes/woo2/images/intro-new-badge.png) no-repeat left bottom}#featured .platforms img{margin-bottom: -2px}#page-heading{background:url(/wp-content/themes/woo2/images/bg-page-title.jpg) no-repeat top center;height:173px} */ /*buat kotak info di dalam posting warna kuning */ #main promo{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border:1px dashed #464646; background: #F1E049 url(images/offer.png)no-repeat 10px 15px; font-weight:normal; padding-left: 50px; } /*buat kotak info di dalam posting warna kuning */ /*buat kotak info di dalam posting warna merah */ #main awas{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border:1px dashed #464646; background: #F4525A url(images/awas.png)no-repeat 10px 15px; font-weight:normal; padding-left: 50px; } /*buat kotak info di dalam posting warna merah */ /*buat kotak info di dalam posting warna hijau */ #main tips{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border:1px dashed #00B900; background: #D4FFD4 url(images/saran.png)no-repeat 10px 15px; font-weight:normal; padding-left: 50px; } /*buat kotak info di dalam posting warna hijau */ /*buat kotak info di dalam posting warna abu2 */ #main download{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border:1px solid #BBBBBB; background: #F2F2F2 url(images/box_download.png)no-repeat 10px 5px; font-weight:normal; padding-left: 50px; } /*buat kotak info di dalam posting warna abu2 */ #main info{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/tas.png)no-repeat 10px 5px; font-weight:normal; padding-left: 50px; } #main nonton{ font-size:14px; color: #000; /*margin:5px;*/ padding: 10px 30px; display:block; border:1px solid #C99A1C; background: #FFF298 url(images/video.png)no-repeat 10px 5px; font-weight:normal; padding-left: 50px; } /*buat kotak info di damain lam posting warna abu2 */ #main bca{ /*kode warna telor asin*/ font-size:1.0em; color: #000; margin:5px ; padding: 10px 10px 10px 180px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/bca.gif)no-repeat 10px 10px; } .bca2{ /*kode warna telor asin*/ font-size:1.0em; color: #000; margin:5px ; padding: 10px 10px 10px 180px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/bca2.gif)no-repeat 10px 10px; } #main mandiri{ /*kode warna telor asin*/ font-size:1.0em; color: #000; margin:5px ; padding: 10px 10px 10px 180px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/mandiri.gif)no-repeat 10px 10px; } .mandiri2{ /*kode warna telor asin*/ font-size:1.0em; color: #000; margin:5px ; padding: 10px 10px 10px 180px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/mandiri2.gif)no-repeat 10px 10px; } #main artha{ /*kode warna telor asin*/ font-size:1.0em; color: #000; margin:5px ; padding: 10px 10px 10px 180px; display:block; border-top: 2px solid #28AFFB; border-bottom: 2px solid #28AFFB; background: #DDF2FE url(images/ag.gif)no-repeat 10px 10px; } .aizattos_related_posts{ background: #EFFFF2; border:1px solid #D4FFD4; margin: 10px 0 10px 0; padding:10px; } .aizattos_related_posts span{ font-size: 14px; } /* BORDER */ .border { margin-top:10px; margin-bottom:10px; } /*buat kotak order di dalam posting warna kuning */ #main order a{ text-align:center; margin-left:170px; } #main order img{ text-align:center; } /*buat kotak info di dalam posting warna kuning */ #theme-gallery h4.header { padding:5px 0 10px; } #theme-gallery h4.header a{ text-decoration:none; color:#444; } #theme-gallery img.theme-rss { margin-left: 10px; padding-top:3px;} #theme-gallery .filter { margin-left:20px; } #theme-gallery .filter .dropdown { margin-top:0px; float:left;padding:0;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;} #theme-gallery .filter .dropdown select { width:180px; border:0; padding:1px;} #theme-gallery .gallery-item { width:300px; float:left; margin:0 20px 20px 0; padding:0; border-bottom:1px solid #e3e3e3; } #theme-gallery .gallery-item.last { margin:0; } #theme-gallery .gallery-item h3 { font-size:18px; letter-spacing:0; font-weight: normal; } #theme-gallery .gallery-image { position:relative; background:url(images/bg-theme-300.png) no-repeat;width:300px; height:207px; } #theme-gallery .gallery-image a { display:block; padding-top:18px; height:184px; overflow:hidden; } #theme-gallery .gallery-image a:hover { background-image: url(images/theme-hover.png); background-repeat:no-repeat; background-position: 50%; } #theme-gallery .gallery-item .meta { height:16px; padding:12px 0;} #theme-gallery .gallery-item .cms img { margin-right:5px;} #theme-gallery .gallery-item .ribbon-free{ background:url(images/ribbon-free-small.png) no-repeat; width:90px; height:90px; position:absolute; top:0; right:0; } #theme-gallery .gallery-item .ribbon-new{ background:url(images/ribbon-new-small.png) no-repeat; width:90px; height:90px; position:absolute; top:0; right:0; } #theme-gallery .gallery-item .ribbon-hot{ background:url(images/ribbon-hot-small.png) no-repeat; width:90px; height:90px; position:absolute; top:0; right:0; } #theme-gallery #box { background: #fcfcfc; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin:0px 0 20px; text-align:center; padding:20px 0;} #theme-gallery .date { color:#999; line-height:18px; font-size:11px; } #theme-gallery .theme-cat, #theme-gallery .theme-cat a{ color:#777; line-height:18px; font-size:11px; text-decoration:none; } #theme-gallery .theme-cat a:hover{ color:#222; } /*buat kotak info di dalam posting warna kuning */ #theme-gallery box a{ text-align:center; margin-left:370px; } #theme-gallery box img{ text-align:center; } /*buat kotak info di dalam posting warna kuning */ /*buat job */ #main #woojob {width: 530px; clear: both; overflow: auto; margin-bottom: 40px; } #main #woojob-header {background-color: #92ac54; padding: 10px 15px; overflow: auto; border: 1px solid #7e944a; } #main #woojob-content {background-color: #ecfdd4; padding: 15px; border: 1px solid #c1cea2; border-top: none; overflow: auto; } #main #woojob-content h3 {padding: 0; } #main #woojob-content h3 a {font-size: 16px; color: #3b5100; font-weight: bold; } #main #woojob-logo {color: #fff; font-family: Georgia, serif; font-size: 14px; font-style: italic; text-shadow: 1px 1px #6e8730; } #main #woojob-logo img {vertical-align: middle; margin-right: 15px; } #main #woojob-position {margin: 7px 0; } #main #woojob-position span {background-color: #758944; padding: 5px 20px; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #9cb462; text-shadow: 1px 1px #435516; margin: 10px 0; font-size: 12px; } #main #woojob-position span a {color: #fff; text-decoration: none; } #main #woojob-position span a:hover {text-decoration: underline; } #main #woojob-info {width: 300px;} #main #woojob-content p {font-size: 14px; color: #95a179; font-style: italic; font-family: Georgia, serif; padding: 0; margin: 0; } #main #woojob-content p#woojob-company {margin: 0 0 10px 0; padding: 0; } #main #woojob-content p#woojob-company span {font-size: 14px; color: #8fa754; font-style: normal; font-family: arial, sans-serif; } #main #woojob-content p#woojob-company span a { color: #8fa754; text-decoration: none; } #main #woojob-company-info {width: 160px; } #main #woojob-company-image {max-width: 150px; height: auto; padding: 4px; } #main #woojob-content p#woojob-location {font-family: arial, sans-serif; font-size: 12px; font-style: normal; margin-top: 10px; } #main #woojob-content p#woojob-location span {font-weight: bold; color: #3b5100; } #main #woojob-content #woojobs-readmore {padding-top: 10px; } #main #woojob-content #woojobs-readmore a { color: #8FA754; text-decoration: none; font-weight: bold; font-style: normal; font-size: 12px; font-family: arial, sans-serif; } /*buat job */ /*september 2011*/ /*- Widget lists - */ .widget2{background:#f5f4f0 url(images/bgr-box-trans.png) repeat-x top left;border:1px solid #dedbd1;margin:0 0 15px;padding:18px;} .widget2 h3{background:#ebe9e1;border:0px solid #dedbd1;color:#363636;display:block;font:bold 12px/18px sans-serif;margin:0 0 7px;padding:5px 8px;text-align:left;} .widget2 ul{line-height:16px;padding:0;} .widget2 ul li{ background:url(images/bullet.png) no-repeat 0 1px; padding:0 0 5px 18px; border-bottom:1px solid #e6e6e6; margin:5px 0; } .widget2 ul li { } .widget2 ul li a {color:#333;} .widget2 ul li ul{margin:5px 0 0 10px;} /*- WooTabs - */ #tabs ul.wooTabs { margin:0 0 8px; } #tabs ul.wooTabs li { list-style:none; float: left; display:inline-block; color: #ffffff; padding:0; cursor: pointer; background: #fff; margin:0 7px 8px 0;border:1px solid #DEDBD1;} #tabs ul.wooTabs li a { color:#353535; display: block;float: left; font:bold 12px/18px sans-serif;padding: 5px 8px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { text-decoration:none; background:#EBE9E1;} #tabs .inside { padding:0; } #tabs .inside li { background:#fff; } #tabs #tab-tags { background:#fff; padding:10px; border: 1px solid #e6e6e6;} #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; margin:0; } #tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font:11px/20px sans-serif; text-transform:uppercase; color:#777; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } #tabs .inside .list { display:none; } #tabs .inside .list:first-child { display:block; }