September 2014 ~ BlogBersamaUntukSemua

ul{display:block; background:#000000; width:200px; position:absolute; top:20px; left:0; text-align:left; } .headernbt .header-innernbt .navnbt ul li:hover ul li ul{display:none;} .headernbt .header-innernbt .navnbt ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:22px;} .headernbt .header-innernbt .logonbt{float:left; margin-top:8px; } } .header-widgetnbt{ margin:0; padding:0; clear:right; color:#ffffff; text-align:right;} .header-widgetnbt h4.header-title{ font-size:18px; margin:0; padding:0; color:#ffffff;} .header-widgetnbt li{ display:inline; border-left:1px solid #f1f1f1; padding-left:5px;} /** Blog post css ** -----------------------------------------------------------------*/ .blogposts { width:31.6%; margin:0 2% 2% 0; display:inline-block; visibility:hidden; position:relative;} .blogposts .author-name{ font-family:'Open Sans',san-serif; margin-bottom:15px;} .blogposts h2 { color:#302f2f; font-weight:normal; font-family:'Oswald'; font-size:17px; text-transform:uppercase; margin:0; padding:0;} .blogposts h2 a {color:#302f2f;} .blogposts a.blog-more{ color:#ffffff;} /*------------------------------------------- LATEST NEWS END -------------------------------------------*/ /* --------- Pages ------- */ .content-areanbt{ width:1160px; margin:0 auto; padding:50px 0;} .site-mainnbt{ width:800px; margin:0; padding:0; float:left;} #sidebarnbt{ width:270px; margin:0; padding:0; float:right;} /*copyright css*/ .copyright-wrappernbt { position:relative; padding:15px 0; background-color:#222222; color:#ffffff;} .copyright-wrappernbt .innernbt{width:1170px; margin: auto;} .footer-menunbt{ float:left; margin:0; padding:0; color:#ffffff;} .copyrightnbt ul li, .footer-menunbt ul li{ display:inline-block; margin:0; padding:0 10px 0 0;} .copyrightnbt ul li a, .footer-menunbt ul li a{ color:#ffffff;} .footer-menunbt ul ul{ display:none;} .copyrightnbt { float:right; margin:auto; text-align:right;} .spacer20{height:20px; clear:both;} h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px; text-transform:uppercase; font-family:'Oswald';} article img{height:auto;} article p{margin:10px 0;} .post-datenbt{display:inline;} .post-commentnbt{display:inline;} .post-categoriesnbt{display:inline;} .post-commentnbt a, .post-categoriesnbt a{ color:#5b5b5b;} .post-tagsnbt{display:inline;} form.search-formnbt{margin-bottom:15px;} input.search-fieldnbt, .post-password-form input[type=password]{border:1px #eee solid; padding:4px;} input.search-submitnbt, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;} #sidebarnbt .widget{margin-bottom:30px;} #sidebarnbt .widget ul{ list-style:disc; margin-left:13px;} #sidebarnbt select{ width:100%; border:1px solid #cccccc; padding:5px 0;} #sidebarnbt ul li{margin:5px 0;} #sidebarnbt ul li a{ color:#5b5b5b;} #sidebarnbt .widget h2,#sidebarnbt .widget h3{ font-size:18px; font-family:'Oswald'; font-weight:400; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px; text-transform:uppercase;} .blog-post-repeatnbt{ border-bottom:1px solid #cccccc; margin-bottom:40px;} h2.entry-title{ font:700 22px 'Roboto Condensed'; text-transform:uppercase;} .scrollToTop{ width:40px; height:40px; padding:10px; text-align:center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position:fixed; bottom:40px; right:0px; display:none; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7YNPdzE16dvxlAEe8gzNNhGvOpdi4d4IoBk92AE4uSil_nT0H1JnZUUE5_jbkuNfN9EwO5y1NPry_Rd1-Uhk1jYpu_K4kZQkgLTw16QkVNVnb1iN8_NHaZ7vcaOiFMigqBBAt0rYEA0wW/s0/top.png) no-repeat 0px 20px; } .scrollToTop:hover{ text-decoration:none; } /* ------------------ default styles ------------------ */ .postmetanbt, .entry-metanbt{padding:0px 0 15px; color:#999; clear:both;} .postmetanbt a, .entry-metanbt a{color:#999;} .postmetanbt a:hover, .entry-metanbt a:hover{color:#c64a4b;} .left{float:left;} .right{float:right;} .clearnbt{clear:both;} .entry-content table{ border-collapse:collapse; margin:10px 0;} .entry-content table td, .entry-content table th{padding:10px 5px; text-align:left;} .entry-content table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;} .entry-content table td{border-bottom:1px #ccc solid;} /* Mobile Portrait View */ @media screen and (max-width:479px) { *{box-sizing:border-box;} #slidernbt .top-barnbt { padding:0 20px; top:35px;} #slidernbt .top-barnbt h1 { font-size:25px; padding-bottom:25px;} #slidernbt .top-barnbt a{ font-size:14px; padding:8px 20px; margin-top:0; width:auto;} .arrow-down { display:none;} .container { width:auto; padding:0 20px;} .headernbt { width:100%; padding:0 20px; position:inherit !important;} .logonbt { float:none; text-align:center;} #services-box { width:auto; display:block; margin-left:0; margin-bottom:20px; padding:20px;} .blogposts { width:auto; display:block; margin-bottom:30px;} .copyright-wrappernbt .innernbt{ width:100%;} .footer-menunbt, .copyrightnbt{ float:none; text-align:center; margin-bottom:10px;} .footernbt, .copyrightnbt { width:auto; padding:0 20px;} .copyright-txt, .design-by { text-align:center; float:none;} /* ------ Extra ------ */ .one_half{ width:100%;} .togglenbt{display:block;} .togglenbt a{width:100%; color:#ffffff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBmSOQRwb4VaKB6AwALpJSmWifrY07oV7WYscENlUi6O_kVrMrt9uKdWsM_HntIjo9eP1TdmFVXU9buO8K-HnBHanywCWaA6kPE_7VJ927DKiTgd8UuCVDxmP8AHTLTBRkwrRcy6KdGYx/s0/mobile_nav_right.png) no-repeat right center #373a3f; padding:10px 10px; margin-top:20px; font-size:16px;} .togglenbt a:hover{ color:#ffffff !important;} .togglenbt a.active{color:#d6181a;} .navnbt{display:none;} .headernbt .header-innernbt .navnbt{float:none; margin:0; position:relative; overflow-x:hidden; } .navnbt ul{background:#000000; color:#000; width:100%; float:none !important;} .headernbt .header-innernbt .navnbt ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;} .navnbt ul li a{padding:5px 10px; display:block; color:#000;} .navnbt ul li a:hover{color:#ff8a00;} .navnbt ul li ul, .navnbt ul li ul ul{ display:block !important;} .navnbt ul li ul li a:before{content:"\00BB \00a0";} .navnbt ul li ul li a{padding-left:20px !important;} .navnbt ul li ul li ul li a{padding-left:30px !important;} .headernbt .header-innernbt{ width:100%; padding:15px 0;} .headernbt .header-innernbt .logonbt{ float:none;} #slidernbt .top-barnbt p{ display:none;} section{ padding:40px 0;} /* --------- Pages ------- */ .content-areanbt{ width:auto; margin:0 20px; padding:50px 0;} .site-mainnbt{ width:auto; margin:0; padding:0; float:none;} #sidebarnbt{ width:auto; margin:60px 0 0; padding:0; float:none;} .nivo-caption{ top:0 !important; width:100% !important; left:0 !important;} #slidernbt .top-barnbt{ top:24px !important; padding-bottom:17px;} #slidernbt .top-barnbt h2{ font-size:17px !important; padding-bottom:25px !important; line-height:20px;} #slidernbt .top-barnbt h4{ font-size:11px !important;} #slidernbt .top-barnbt a.read-morenbt{ display:none;} a.contact{ margin-top:5px !important; font-size:12px !important;} .nivo-directionNav a{ top:73% !important;} .bx-controls-direction{ display:none;} .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;} .services, .blogposts, .who-we .one_half, .facts .stat{ visibility:visible;} .footer-col{ width:100%; margin-bottom:20px;} .footer-col .foot-post .foot-post-content{ width:195px;} h2.section-title{ margin-bottom:5px;} .who-we .one_half.last_column{ margin-top:50px;} .bx-wrapper .testimonials-carousel-content{ font-size:12px !important;} } /* Mobile Landscape View */ @media screen and (max-width:719px) and (min-width:480px) { *{box-sizing:border-box;} #slidernbt .top-barnbt { padding:0 20px; top:60px;} #slidernbt .top-barnbt h1 { font-size:30px; padding-bottom:5px;} #slidernbt .top-barnbt a{ font-size:18px; padding:8px 20px; margin-top:20px;} .arrow-down { display:none;} .container { width:auto; padding:0 20px;} .headernbt { padding:0 20px; position:inherit !important;} .logonbt { float:none; text-align:center;} #services-box { width:auto; display:block; margin-bottom:20px; padding:20px;} .blogposts { width:auto; display:block; margin-bottom:30px;} .footernbt, .copyrightnbt { width:auto; padding:0 20px;} .copyright-txt, .design-by { text-align:center; float:none;} /* ------ Extra ------ */ .one_half{ width:100%;} .togglenbt{display:block;} .togglenbt a{width:100%; color:#ffffff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWBmSOQRwb4VaKB6AwALpJSmWifrY07oV7WYscENlUi6O_kVrMrt9uKdWsM_HntIjo9eP1TdmFVXU9buO8K-HnBHanywCWaA6kPE_7VJ927DKiTgd8UuCVDxmP8AHTLTBRkwrRcy6KdGYx/s0/mobile_nav_right.png) no-repeat right center #000000; padding:10px 10px; margin-top:20px; font-size:16px;} .togglenbt a.active{color:#0fa5d9;} .navnbt{display:none;} .headernbt .header-innernbt .navnbt{float:none; margin:0; position:relative; overflow-x:hidden; } .navnbt ul{background:#000000; color:#000; width:100%; float:none !important;} .headernbt .header-innernbt .navnbt ul li{border-top:1px #303030 solid; display:block; float:none; text-align:left;} .navnbt ul li a{padding:5px 10px; display:block; color:#000;} .navnbt ul li a:hover{color:#ff8a00;} .navnbt ul li ul li a:before{content:"\00BB \00a0";} .navnbt ul li ul li a{padding-left:20px !important;} .navnbt ul li ul li ul li a{padding-left:30px !important;} .headernbt .header-innernbt{ width:100%; padding:15px 0;} .headernbt .header-innernbt .logonbt{ float:none;} a.arrow-down, #slidernbt .top-barnbt p{ display:none;} #prevslide, #nextslide{ top:0;} .copyright-wrappernbt .innernbt{ width:100%;} .footer-menunbt, .copyrightnbt{ float:none; text-align:center; margin-bottom:10px;} section{ padding:40px 0;} /* --------- Pages ------- */ .content-areanbt{ width:auto; margin:0 20px; padding:50px 0;} .site-mainnbt{ width:auto; margin:0; padding:0; float:none;} #sidebarnbt{ width:auto; margin:60px 0 0; padding:0; float:none;} .nivo-caption{ top:0 !important; width:80% !important; height:90%;} #slidernbt .top-barnbt{ top:35px !important; padding-bottom:32px;} #slidernbt .top-barnbt h2{ font-size:24px !important; padding-bottom:10px !important; line-height:35px;} #slidernbt .top-barnbt h4{ font-size:17px !important;} #slidernbt .top-barnbt a.read-morenbt{ display:none;} a.contact{ margin-top:5px !important; font-size:12px !important;} .nivo-directionNav a{ top:39% !important;} .bx-controls-direction{ display:none;} .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;} .services, .blogposts, .who-we .one_half, .facts .stat{ visibility:visible;} h2.section-title{ margin-bottom:5px;} .who-we .one_half.last_column{ margin-top:50px;} .bx-wrapper .testimonials-carousel-content{ font-size:12px !important;} .footer-col{ width:100%; margin-bottom:20px;} .footer-col .foot-post .foot-post-content{ width:195px;} } @media screen and (max-width:899px) and (min-width:320px) { h2.section-title { line-height:48px; font-size:35px !important;} .fourbox{ width:auto; float:none; margin:0 0 20px 0; padding-bottom:20px;} #contact .column-2, #contact .column-2.last_column{ width:100%; float:none; margin:0 0 20px 0;} } /* Tablet View */ @media screen and (max-width:999px) and (min-width:720px) { *{box-sizing:border-box;} .container { width:auto; padding:0 20px;} .headernbt { padding:0 20px;} #services-box { width:47.0%; display:inline-block; margin-bottom:20px; margin-left:2% !important; padding:20px;} .blogposts { width:31%; display:inline-block; margin-bottom:30px;} .footernbt, .copyrightnbt { width:auto; padding:0 20px;} .facts .stat{ margin-bottom:20px;} /* ------ Extra ------ */ .one_half{ width:100%;} .headernbt{ padding:12px 0;} .headernbt .header-innernbt{ width:95%;} .logonbt{ float:left;} .header-widgetnbt, .navnbt{ float:right;} /* --------- Pages ------- */ .content-areanbt{ width:auto; margin:0 20px; padding:50px 0;} .site-mainnbt{ width:60%; margin:0; padding:0; float:left;} #sidebarnbt{ width:35%; margin:0; padding:0; float:right;} .nivo-caption{ top:15% !important; height:100% !important; width:69% !important;} #slidernbt .top-barnbt{ top:80px !important; margin-bottom:0;} a.read-morenbt, .common_btn{ margin-top:2px;} #slidernbt .top-barnbt p{ font-size:12px !important; line-height:17px !important;} #slidernbt .top-barnbt h2{ font-size:25px !important; padding-bottom:10px !important; line-height:34px;} #slidernbt .top-barnbt h4{ font-size:17px !important;} a.contact{ margin-top:15px !important; font-size:18px !important;} .nivo-directionNav a{ top:42% !important;} .fourbox{ width:44.5%; margin:0 5% 5% 0;} .bx-controls-direction{ display:none;} .copyright-wrappernbt .innernbt{ width:95%; margin: auto;} .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:none; position:inherit !important;} .who-we .one_half.last_column{ margin-top:40px;} .footer-col{ margin-right:30px;} } @media screen and (min-width: 1000px) { .headernbt .header-innernbt .navnbt ul li ul li{display:block; position:relative; float:none; } .headernbt .header-innernbt .navnbt ul li ul li a{color:#ffffff; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid;} } @media screen and (min-width:1000px) and (max-width:1159px){ .headernbt .header-innernbt, .container, .copyright-wrappernbt .innernbt{ width:95%;} .nivo-caption{ top:17% !important; height:auto !important;} .testimonials{ width:90%; margin:0 auto;} .bx-wrapper{ width:100%;} .bx-wrapper .bx-next{ right:-30px !important;} .bx-wrapper .bx-prev{ left:-30px !important;} .footer-col{ margin-right:43px;} .footer-col .foot-post .foot-post-content{ width:224px;} } /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .slider-mainnbt { position:relative; } .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* 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; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:3%; top:30%; color:#fff; width:50%; z-index:8; padding: 5px 10px; overflow: hidden; display: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height:auto; } .nivo-caption p { padding:5px; margin:0; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:50%; z-index:9; cursor:pointer; } a.nivo-prevNav { left:0px; background-position:-57px 0; border-radius:0 3px 3px 0; } a.nivo-nextNav { right:0px; background-position:-41px 0 !important; border-radius:3px 0 0 3px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; position: absolute; text-align: center; width: 100%; bottom:0px; z-index:9; } .nivo-controlNav a { cursor:pointer; box-shadow:1.5px 1.5px 0px #000 inset; -moz-box-shadow:1.5px 1.5px 0px #000 inset; -webkit-box-shadow:1.5px 1.5px 0px #000 inset; -o-box-shadow:1.5px 1.5px 0px #000 inset; } .nivo-controlNav a { border: 0 none; display: inline-block; height: 15px; margin: 0 4px; text-indent: -9999px; width: 15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; } .nivo-controlNav a.active { font-weight:bold; background-position: 0 -21px; } .nivo-directionNav a { border: 0 none; display: block; height: 43px; opacity: 0; text-indent: -9999px; transition: all 200ms ease-in-out 0s; width: 43px; } .slider-mainnbt:hover .nivo-directionNav a { opacity: 0.8; } .nivo-directionNav a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2llWa7zaEh2hc4zQsqm7E6T2KUqcG0DfF8QHynv1VYKLCTI2WrRprgEA-ts3Mp5fh3DYAl-e3dRUKDtbOcWKKRuzyluOXgKVyJmKkEJxvTrAtlXcs-qXj9OIpsg6xo1QkUQNTSoh4kE-a/s0/slide-nav.png) no-repeat scroll 0 0 #373a3f;} h2.date-header { margin: 10px 0px; display: none; } .main .widget { margin: 0 0 5px; padding: 0 0 2px; } .main .Blog { border-bottom-width: 0; } #header .description { } /* Comments----------------------------------------------- */ #comments { padding:10px; margin-bottom:20px; } #comments h4 { font-size:22px; margin-bottom:10px; } .deleted-comment { font-style: italic; color: gray; } #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; padding:5px; margin:10px 0; } .feed-links { clear: both; } .comment-form { } #navbar-iframe { height: 0; visibility: hidden; display: none; } .author-profile { background: #f6f6f6; border: 1px solid #eee; margin: 10px 0 10px 0; padding: 8px; overflow: hidden; } .author-profile img { border: 1px solid #ddd; float: left; margin-right: 10px; } .post-iconspbt { margin: 5px 0 0 0; padding: 0px; } .post-locationpbt { margin: 5px 0; padding: 0px; } .related-postbwrap { margin: 10px auto 0; } .related-postbwrap h4 { font-weight: bold; margin: 0 0 .5em; } .related-post-style-2,.related-post-style-2 li { list-style: none; margin: 0; padding: 0; } .related-post-style-2 li { border-top: 1px solid #eee; overflow: hidden; padding: 10px 0px; } .related-post-style-2 li:first-child { border-top: none; } .related-post-style-2 .related-post-item-thumbnail { width: 80px; height: 80px; max-width: none; max-height: none; background-color: transparent; border: none; float: left; margin: 2px 10px 0 0; padding: 0; } .related-post-style-2 .related-post-item-title { font-weight: bold; font-size: 100%; } .related-post-style-2 .related-post-item-summary { display: block; } .related-post-style-3,.related-post-style-3 li { margin: 0; padding: 0; list-style: none; word-wrap: break-word; overflow: hidden; } .related-post-style-3 .related-post-item { display: block; float: left; width: 100px; height: auto; padding: 10px; border-left: 0px solid #eee; margin-bottom: -989px; padding-bottom: 999px; } .related-post-style-3 .related-post-item:first-child { border-left: none; } .related-post-style-3 .related-post-item-thumbnail { display: block; margin: 0 0 10px; width: 100px; height: auto; max-width: 100%; max-height: none; background-color: transparent; border: none; padding: 0; } .related-post-style-3 .related-post-item-title { font-weight: normal; text-decoration: none; } .pbtsharethisbutt { overflow: hidden; padding: 10px 0 5px; margin: 0; } .pbtsharethisbutt ul { list-style: none; list-style-type: none; margin: 0; padding: 0; } .pbtsharethisbutt ul li { float: left; margin: 0; padding: 0; } .pbtsharethisbutt ul li a { padding: 0 10px; display: inline-block; } .pbtsharethisbutt ul li a:hover { } .separator a[style="margin-left: 1em; margin-right: 1em;"] {margin-left: auto!important;margin-right: auto!important;} .separator a[style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"] {clear: none !important; float: none !important; margin-bottom: 0em !important; margin-right: 0em !important;} .separator a[style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"] img {float: left !important; margin: 0px 10px 10px 0px;} .separator a[style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"] {clear: none !important; float: none !important; margin-bottom: 0em !important; margin-left: 0em !important;} .separator a[style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"] img {float: right !important; margin: 0px 0px 10px 10px;} .PopularPosts .widget-content ul li { padding:6px 0px; } .reaction-buttons table{ border:none; margin-bottom:5px; } .reaction-buttons table, .reaction-buttons td{ border:none !important; } .pbtthumbimg { float:left; margin:0px 10px 5px 0px; padding:4px; border:0px solid #eee; background:none; width:180px; height:auto; } .PopularPosts .item-thumbnail { margin: 0 5px 1px 0; } .CSS_LIGHTBOX { z-index: 10000 !important; } .post-body { /*font-size: 15px;*/ } .social-buttonsnbt { font-size: 24px !important; margin: 0 !important; padding: 0 0 10px 0 !important; text-align: center; } .social-buttonsnbt a { display: inline-block; margin-right: 5px; } @media screen and (min-width:720px) { .headernbt .header-innernbt .navnbt ul li ul{display:none; z-index:2;} .headernbt .header-innernbt .navnbt ul li:hover > ul{display:block; background:#000000; width:200px; position:absolute; top:20px; left:0; text-align:left; } .headernbt .header-innernbt .navnbt ul li:hover ul li ul{display:none;} .headernbt .header-innernbt .navnbt ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:22px;} .headernbt .header-innernbt .navnbt ul li ul li{display:block; position:relative; float:none; } .headernbt .header-innernbt .navnbt ul li ul li a{color:#ffffff; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid;} } ]]>