5/27/2018 Template Bem Baru EDIT

1/80

* Author: Johanes DJ* Author URL: http://Djogzs.blogspot.com**/.navbar {visibility:hidden;display:none;}#content{clear: both;float: left;position: relative;width: 735px;

}.blog-list-container .blog-icon {margin-top: 8px;}.postim{background:#fff;padding:10px;margin-top:10px;}.profile-textblock {margin: .5em 0;text-align: justify;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;

font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;font-smooth: always;}.profile-img {float: left;margin: 0 5px 5px;border: 1px solid #DDD;padding: 5px;

5/27/2018 Template Bem Baru EDIT

2/80

border-radius: 5px;}.PopularPost ul {list-style: none;}.PopularPosts img{padding:0px;border-radius: 5px;-webkit-filter: saturate(0.0);-moz-filter: saturate(0.0);-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;display: inline-block;transition: all 0.2s ease-in-out;border: 0px;box-shadow: 0px 0px 10px #222;}.PopularPosts img:hover {-webkit-filter: saturate(1.1);-moz-filter: saturate(1.1);}

#PopularPosts1 ul li:hover .item-title{opacity:1;top:-23px;width: 1051px;padding: 6px;}.PopularPosts .item-title {-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-bottom: .2em;position: absolute;font-size: 12px;width: 0px;background: #ddd;padding: 0px;

top: -25px;opacity: 0;left: 0px;border-bottom: 1px solid #222;border-top: 1px solid #222;font-family: 'Playfair Display SC', serif;text-align: center;overflow:hidden;}.PopularPosts .item-thumbnail {float: left;margin: 0 5px 5px 0;height: 72px;

padding: 5px;}.comments .comments-content .user {font-style: normal;font-weight: 200;font-size: 14pt;letter-spacing: 0.01em;color: #000;}.comments {clear: both;background: #FAFAFA;padding: 30px;

}.comments .comments-content .datetime {float: right;margin-right: 10px;font-style: normal;font-weight: 200;font-size: 10pt;letter-spacing: 0.01em;color: #fff;margin-top: 4px;

5/27/2018 Template Bem Baru EDIT

3/80

}.post h2{text-align: left;color: #666;padding: 10px 3px 15px 3px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;font-weight: normal;font-size: 12pt;

letter-spacing: -1px;line-height: 20px;text-shadow: 1px 1px 0px #fff;width: 215px;

}.post h2 a:link,.post h2 a:visited{color:#000;}.date {font-family: 'Open Sans', sans-serif;opacity: 0;-moz-transition: all 0.9s ease-in-out;

-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;text-decoration: none;color: #222;text-align: center;line-height: 30px;font-weight: normal;font-size: 11px;z-index: 12;position: absolute;top: -35px;}

.date a:visited {color:#222;}.date a:hover {color:#000;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}.date a {color:#222;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.5s ease-in-out;}.day, p.tahun, p.bulan {-moz-transition: all 0.9s ease-in-out;-webkit-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;

transition: all 0.9s ease-in-out;}.day {clear: both;font-size: 18px;display: block;padding: 12px;line-height: 30px;text-align: center;background: #B12D3B;color:#fafafa;

5/27/2018 Template Bem Baru EDIT

4/80

z-index: 10;width: 31px;height: 31px;border-radius: 50px 50px 50px 0px;position: absolute;top: 145px;left: 5px;}.arrow{position:absolute;top:50px;left:-10px;

height:30px;width:10px;}.postright{position: relative;height: auto;}.post:hover .crop {filter: blur(3px);-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);}

.post:hover .day{top: 73px;}.post:hover p.tahun{top: 73px;}

.post:hover .author1 {opacity: 1;}

.post:hover .jomorelink {opacity: 1;left:105px;}

.post:hover a.comment-link {opacity: 1;left:0px;}

.post:hover .date {opacity: 1;}

.post:hover h2.post {opacity:1;}

.post:hover .jomore {opacity:1;}

.categ {padding-left: 5px;width: 210px;overflow: hidden;padding: 4px;

font-size:11px;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;float: left;}.categ a:link,.categ a:visited {text-decoration:none;padding: 3px;}.data{padding: 3px;font-size: 17px;

font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;letter-spacing: 0.01em;color: #fff;border-top: 1px solid #ddd;}.author,.clock{padding: 3px 20px;margin: 0px 0px 0px -10px;

5/27/2018 Template Bem Baru EDIT

5/80

font-size: 17px;color: #000;}.clock {float:right;}.widget-content{padding: 10px;color: #666;padding-bottom: 15px;}.comments .comments-content .comment-header, .comments .comments-content .comment-content {margin: 0 10px 10px;}

#ArchiveList ul li {margin: -6px 0 0 1px !important;}#ArchiveList ul li a:link, #ArchiveList ul li a:visited {padding: 0px 0px 0px 10px !important;margin:5px;}#commentsbox {margin:0;width: 690px;padding: 20px;}h3#comments{

font-size30px;font-family: 'Open Sans', sans-serif;color:#ffffff;font-weight:normal;padding:10px 10px ;background:#D3D4CE;margin-top:10px;}ol.commentlist {margin:0px 0 0;clear:both;overflow:hidden;list-style:none;

}ol.commentlist li {margin:0px 0;line-height:18px;padding:10px;background:#78786D;}ol.commentlist li .comment-author {color:#ffffff;}.comment-body {margin: auto;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);

-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);box-shadow: 0 1px 4px rgba(0,0,0,0.5);padding: 5px;}ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{color:#ffffff;font-weight:bold;text-decoration:none !important;font-size:15px;font-family: 'Open Sans', sans-serif;}

5/27/2018 Template Bem Baru EDIT

6/80

}ol.commentlist li .comment-author .fn {color:#000;}ol.commentlist li .comment-author .avatar{float:right;background:#fff;padding:3px;}.comments .comments-content .comment-content {text-align: justify;

border-bottom: 1px solid #DDD;padding-top: 10px;font-style: normal;font-size: 11pt;letter-spacing: 0.01em;color: #000;}.comments .comment .comment-actions a {padding: 5px;font-size: 13px;font-family: 'Open Sans', sans-serif;text-align: center;color: #fafafa;

margin: 5px;background: #9059D1;position: relative;text-shadow: 1px 1px 1px #362c30;border-radius: 5px/15px;}.comments .comments-content .comment-replies {margin-left: 65px;margin-top: 1em;}.comments .comments-content .inline-thread {padding: .5em 0em;}

.comments h4{background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ddd;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 15pt;letter-spacing: 0.01em;color: #000;}.comments .continue a {padding: 5px;

font-size: 13px;text-decoration: none;text-align: center;color: #222;margin-left: 75px;background: white;border: 1px solid #DDD;border-radius: 5px;}.avatar-image-container {

5/27/2018 Template Bem Baru EDIT

7/80

float:right;height:50px;width:65px;}.avatar-image-container img {height:50px;width:50px;}.comments .avatar-image-container {float: left;max-height: 75px;

overflow: hidden;width: 50px;padding: 5px;border-radius: 5px;background: #9059D1;border: 1px solid #ddd;}.comments .avatar-image-container img {height:auto;border-radius: 5px;}ol.commentlist li .comment-meta{font-size:13px;font-family: 'Open Sans', sans-serif;}ol.commentlist li .comment-meta .commentmetadata{color:#555;

}ol.commentlist li .comment-meta a {color:#ffffff;text-decoration:none !important;}ol.commentlist li p {line-height:22px;margin-top:5px;color:#FEFAEF;font-size:12px;}ol.commentlist li .reply{margin-top:10px;

font-size:10px;}ol.commentlist li .reply a{background:#5F553B;color:#fff;text-decoration:none;padding:3px 10px;}ol.commentlist li.odd {background:#D3D4CE;}ol.commentlist li.even {}

ol.commentlist li.even:hover{BACKGROUND:#D3D4CE;}ol.commentlist li ul.children {list-style:none;margin:1em 0 0;text-indent:0;}ol.commentlist li ul.children li.depth-2 {margin:0 0 0px 50px;}ol.commentlist li ul.children li.depth-3 {

5/27/2018 Template Bem Baru EDIT

8/80

margin:0 0 0px 50px;}ol.commentlist li ul.children li.depth-4 {margin:0 0 0px 50px;}ol.commentlist li ul.children li.depth-5 {margin:0 0 0px 50px;}.comment-nav{padding:5px ;height:20px;

background:#C4D533;}.comment-nav a:link,.comment-nav a:visited{color:#fff;}#respond{padding:20px;margin:20px 0px;}#respond h3 {font-size:20px;font-family: 'Open Sans', sans-serif;color:#000;

padding-bottom:10px;font-weight:normal;}#commentform p{margin:5px 0px;}#respond label{display:block;padding:5px 0;font-weight:bold;color:#3F361F;}#respond label small {

font-size:10px;}#respond input {margin-bottom:10px;padding:5px 0px;margin:0 10px 10px 0;background:#6F6753;color:#F7EEE9;}#commentform input{width:99%;}#respond input#commentSubmit {

width:100px;padding:5px 0px;background:#B7CD2C;color:#fff;margin:10px 0px;font-weight:bold;cursor:pointer;}textarea#comment{background:#6F6753;

5/27/2018 Template Bem Baru EDIT

9/80

width:99%;margin:0px 0px;padding:5px 0px;color:#F7EEE9;}html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{

margin:0;padding:0;vertical-align:baseline;outline:none;}ol {padding: 20px;}center{text-align:center;}b,i,hr,u,center,menu,layer,s,strike,font,xmp{margin:0;padding:0;vertical-align:baseline;outline:none;

font-size:100%;background:transparent;border:none;}body {margin: 0 auto;padding: 0px 0px 0px 0px;background: #D0D1EC;font-family: 'Open Sans', sans-serif;color: #312C21;overflow-x: hidden;font-size: 13px;background: -moz-linear-gradient(top, rgba(177,174,196,1) 0%, rgba(177,174,196,0

) 47%, rgba(177,174,196,0) 53%, rgba(177,174,196,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(177,174,196,1)), color-stop(47%,rgba(177,174,196,0)), color-stop(53%,rgba(177,174,196,0)), color-stop(100%,rgba(177,174,196,1)));background: -webkit-linear-gradient(top, rgba(177,174,196,1) 0%,rgba(177,174,196,0) 47%,rgba(177,174,196,0) 53%,rgba(177,174,196,1) 100%);background: -o-linear-gradient(top, rgba(177,174,196,1) 0%,rgba(177,174,196,0) 47%,rgba(177,174,196,0) 53%,rgba(177,174,196,1) 100%);}a {color: #222;text-decoration: none;}

a:visited {color: #000;}a:hover, a:active {color: #000;text-decoration:none;}h1,h2, h3, h4, h5, h6 {color: #000;font-weight: bold;

5/27/2018 Template Bem Baru EDIT

10/80

}h1 {font-size: 85px;font-family: 'Open Sans', sans-serif;}h2 {font-size: 21px;}h3 {font-size: 19px;}h4 {

font-size: 17px;color:#222;}h5 {font-size: 15px;}h6 {font-size: 13px;}

blockquote {font-style: italic;color: black;border: 1px double #bbb;

padding: 25px;border-radius: 5px 35px 5px 35px;overflow: hidden;background: #fafafa;font-size: 13px;}blockquote blockquote {color: #222;}blockquote em {font-style: normal;}pre {

padding: 9px;background: #f9f9f9;border: 1px solid #ccc;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}code {padding: 0 3px;background: #eee;}pre code {

background: transparent;}.clear {clear:both;}img.centered {display: block;margin-left: auto;margin-right: auto;margin-bottom: 10px;

5/27/2018 Template Bem Baru EDIT

11/80

padding: 0px;}#casing{padding: 20px 10px 0px 10px;background:#EAEAEA;margin: auto;border: 1px solid #bbb;border-top: none;overflow:hidden;}#wrapper{

width:1065px;margin:auto;}#header{width: 1065px;position: relative;margin: auto;height: 399px;background: #fff url(http://2.bp.blogspot.com/-3GTxMnFhSv4/UXmmaznUjKI/AAAAAAAACYc/01p1nCcDY9o/s000/header.jpg) no-repeat top center;overflow: hidden;}h1#blog-title {

text-align: center;margin-top: 195px;font-family: 'Playfair Display SC', serif;font-weight: 200;font-size: 65pt;letter-spacing: -6px;color: #fff;line-height: 50px;padding: 10px;text-shadow: 1px 1px 0px #222, -1px -1px 0px #222, -1px 1px 0px #000, 1px -1px 0px #000, 0px 0px 30px #000, 0px 0px 30px #000, 0px 0px 30px #000;}h1#blog-title a {padding:5px;color:#000;}

h1#blog-title a:link,h1#blog-title a:visited {color: #fff;border-radius: 15px/45px;background-size: 6px;}h2#blog-desc span{background: #3F3C47;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;padding: 0px 15px 5px 15px;border-radius: 5px;border: 1px solid #222;}h2#blog-desc {padding: 25px 5px 5px 5px;text-align: center;

font-weight: 200;font-size: 17pt;letter-spacing: 4px;color: #fff;text-shadow: 2px 2px 2px #222, -2px -2px 2px #222;font-family: 'Playfair Display SC', serif;}.title h2{text-decoration: none;padding: 10px;

5/27/2018 Template Bem Baru EDIT

12/80

margin-bottom: 15px;line-height: 30px;text-align: left;font-weight: normal;margin: auto;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 200;font-size: 20pt;

letter-spacing: 0.01em;color: #fff;}.title h2 a:link, .title h2 a:visited{color:#000;text-decoration: none;}.postmeta, .postinfo{background:#F5ECC1;padding:3px 10px;border:1px solid #DFD5A7;font-size:10px;text-transform:uppercase;}

.post {display: inline;position: relative;width: 220px;border: 1px solid #ddd;box-shadow: 0 8px 10px rgba(221, 221, 221, 0.5);float: left;background: #fafafa;margin: 5px;border-radius: 5px;padding: 6px;overflow: hidden;}.pagepost{

width: 690px;float: left;padding: 20px;line-height: 1.8;margin-bottom: 25px;font-weight: 300;font-size: 11pt;letter-spacing: 0.02em;}.widget ul {line-height: 2.0;list-style: none;}.pagepost ul{list-style: disc;}.pagepost a{color:#2B5797;text-decoration:underline;}

.pagepost a:hover {color:#2B5795;}

.widget {margin: auto;}.singlepst p:first-letter {font-size : 30px;font-weight : bold;float : left;font-family: 'Open Sans', sans-serif;color : #3F3A2B;margin:8px 5px 0px 0px;

5/27/2018 Template Bem Baru EDIT

13/80

}.cover {margin:0 0;color:#222;}h2.pagetitle{font-size:14px;padding:10px 0px;font-weight:normal;margin-right:10px;color:#6F6753;

text-align:right;text-shadow: 0px 1px 1px black;}.comments .avatar-image-container img {max-width: 50px;}.item-title a {padding-bottom: .2em;}.main-wrapper{width: 735px;float: left;padding: 5px;position: relative;

background: #fafafa;margin-right: 10px;border-radius: 10px;border: 1px solid #bbb;}#main2 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {margin-bottom:15px;border-radius:0px 0px 5px 5px}#main2 img, #main3 img, #main4 img , #main5 img, #main6 img {border:0px;}#main2 .widget-content, #main3 .widget-content, #main4 .widget-content, #main5 .widget-content, #main6 .widget-content {overflow: hidden;color: #222;padding: 20px;list-style: none;

padding-bottom:10px;background: #fafafa;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;line-height: 20px;border: 1px solid #bbb;box-shadow: inset 0 5px 4px rgba(0, 0, 0, 0.1);}h3.openpost:hover {cursor:pointer;}#main3 h2:hover {cursor:pointer;}#main2 h2 {background: #B12D3B;

border-radius: 5px 5px 0px 0px;border-bottom: 6px ridge #b12d3b;}#main3 h2{background:#5E3F9D;border-bottom: 6px ridge #5E3F9D;}#main4 h2 {background:#77B07D;border-radius: 5px 5px 0px 0px;border-bottom: 6pxridge #77B07D;}#main5 h2 {background: #E06270;border-radius: 5px 5px 0px 0px;border-bottom: 6pxridge #E06270;}#main6 h2 {background: #5E7A88;border-radius: 5px 5px 0px 0px;border-bottom: 6pxridge #5E7A88;}#main2 h2, #main3 h2, #main4 h2, #main5 h2, #main6 h2 {

5/27/2018 Template Bem Baru EDIT

14/80

box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;text-align: left;margin: auto;text-shadow: 1px 1px 1px #222;padding: 10px 5px;padding-left: 15px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;font-weight: normal;font-size: 13pt;letter-spacing: 0.01em;

color: #fff;}#main2 ul li a:link, #main2 ul li a:visited, #main3 ul li a:link, #main3 ul li a:visited, #main4 ul li a:link, #main4 ul li a:visited, #main5 ul li a:link, #main5 ul li a:visited, #main6 ul li a:link, #main6 ul li a:visited {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;font-weight: 200;font-size: 10pt;letter-spacing: 0.01em;line-height: 24pt;font-smooth: always;color: ##8AA6B4;}#main2 ul li, #main3 ul li, #main4 ul li, #main5 ul li,#main6 ul li {border-bott

om: 1px solid #DDD;}#main2 ul li a:hover, #main3 ul li a:hover, #main4 ul li a:hover, #main5 ul li a:hover, #main6 ul li a:hover {color:#2D89EF;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;}.footer {margin: 0 auto;z-index: 1;text-align: left;position: relative;padding:25px;padding-top:15px;padding-bottom:15px;}.widget ul li a span.ltr {display:none;}

#footer{font-size: 11px;color: black;background: #3F3C47;margin: auto;min-height:370px;border-radius:5px 5px 0px 0px;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-top: 30px;}

.fleft{text-align: center;margin: auto;width: 1063px;background: #3F3C47;padding-top: 5px;padding-bottom: 5px;color: #ddd;font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;

5/27/2018 Template Bem Baru EDIT

15/80

font-weight: 300;font-size: 10pt;letter-spacing: 0.02em;border: 1px solid #222;border-radius:0px 0px 5px 5px;}.fleft p {text-align: center;}.fleft a{color:#fff;}#Label1 ul li{font-family: 'Open Sans', sans-serif;}

#LinkList1 ul li{font-family: 'Open Sans', sans-serif;}.crop img {border-radius: 5px;position: absolute;clip: rect(0px, 210px, 130px, 0px);border:0px;}.crop {width: 210px;position: relative;overflow: hidden;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;float: left;height:130px;

z-index: 2;padding: 4px;}.posting:hover {-moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}

.posting {padding: 5px;text-align: justify;font-weight: 300;font-size: 8pt;

color: #222;z-index: 3;height: 65px;letter-spacing: 0px;line-height: 22px;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;float: left;width: 210px;overflow: hidden;border-bottom: 1px solid #ddd;

font-style: italic;}.breadcrumb {list-style: none;overflow: hidden;text-align: left;color: #222;width: 650px;font-size: 12px;height: 40px;

5/27/2018 Template Bem Baru EDIT

16/80

z-index: 9;}.section {margin:auto;}.breadcrumb ul{margin:auto;}.breadcrumb li {position: relative;display: block;color: black;float: left;text-decoration: none;font-weight: 300;font-size: 10pt;

letter-spacing: 0.02em;padding: 10px 10px;}.home-link {display:none;}#blog-pager-newer-link {float:right;text-align: center;position: fixed;top: 300px;right: 0px;}#blog-pager-older-link a{border-radius:5px 0px 0px 5px;}#blog-pager-older-link a{border-radius:0px 5px 5px 0px;}#blog-pager-older-link {

float: left;text-align: center;position: fixed;top: 300px;left: 0px;}#blog-pager-newer-link:before {content: "";position: absolute;top: -50px;right: 0px;border-width: 65px 90px 65px 0px;border-style: solid;border-color: transparent #3E3B46;

display: block;width: 0;z-index: -1;}#blog-pager-older-link:before {content: "";position: absolute;top: -50px;left: 0px;border-width: 65px 0px 65px 90px;border-style: solid;border-color: transparent #3E3B46;display: block;width: 0;

z-index: -1;}#blog-pager-older-link a, #blog-pager-newer-link a {color: #fafafa;line-height: 33px;padding: 4px 10px 4px 10px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;z-index: 7;

5/27/2018 Template Bem Baru EDIT

17/80

text-shadow: 1px 1px 1px #222;}body:hover #blog-pager{opacity:1;}#blog-pager {opacity:0;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color: #DDD;text-align: center;

text-transform: capitalize;font-size: 17px;float: left;font-weight: normal;letter-spacing: 1px;overflow: hidden;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width: 100%;position: fixed;bottom: 0px;

left: 0px;z-index: 999999999999999999999;border-radius: 5px;font-family: 'Playfair Display SC', serif;}.comments .comments-content {margin-bottom: 16px;}.comments .comment-block {margin-left: 75px;position: relative;border: 1px solid #DDD;background: white;padding: 10px;border-radius: 5px;

min-height: 83px;}.blognames {margin:auto;}.jomore {margin-left:4px;margin-top: 36px;font-size: 11px;background: rgba(255,255,255, 0.8);opacity:0;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;font-weight: normal;

width: 210px;height: 131px;position: absolute;z-index: 2;border-radius: 5px;}.jomorelink:hover{color:#222;}.jomorelink a:hover{color:#000;}a.comment-link:hover{color:#222;}.jomorelink{

5/27/2018 Template Bem Baru EDIT

18/80

-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 2;opacity: 0;text-align: right;height: 20px;line-height: 20px;font-size: 11px;color: #000;

font-family: 'Open Sans', sans-serif;width: 85px;overflow: hidden;padding: 5px;position: absolute;bottom:0px;border-top: 1px solid #bbb;left: 120px;}.pagepost a {text-decoration: underline;}.pagepost img{max-width:620px;padding: 3px;border: 1px solid #DDD;-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);height:auto;}.BlogArchive #ArchiveList ul li {background: none;list-style: none;list-style-image: none;list-style-position: outside;border-width: 0;padding-left:0px;text-indent:0px;margin:0;background-image: none;}

#ArchiveList .toggle-open {line-height: .6em;float: left;margin-top: 8px;}.post-count {display:none;}.post-footer-line-1 {border-top: 1px solid #fafafa;}.icon-action {display:none;}ul.menusjohanes {list-style: none;padding: 8px 1px;font-weight: 200;font-size: 14px;

letter-spacing: 0.01em;color: #fff;line-height: 15px;position: relative;background: #3F3C47;border: 1px solid #222;border-radius: 5px 5px 0px 0px;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes:after {

5/27/2018 Template Bem Baru EDIT

19/80

content: "";clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}ul.menusjohanes li.jolor:nth-child(6), ul.menusjohanes li.jolor:nth-child(12) {background: #5E7A88;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}ul.menusjohanes li.jolor:nth-child(5), ul.menusjohanes li.jolor:nth-child(11) {b

ackground: #E06270;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}ul.menusjohanes li.jolor:nth-child(4), ul.menusjohanes li.jolor:nth-child(10) {background: #77B07D;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}ul.menusjohanes li.jolor:nth-child(3), ul.menusjohanes li.jolor:nth-child(9) {background: #5E3F9D;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}ul.menusjohanes li.jolor:nth-child(2), ul.menusjohanes li.jolor:nth-child(8) {background: #B12D3B;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;}ul.menusjohanes li.jolor:nth-child(2), ul.menusjohanes li.jolor:nth-child(7) {background: #B12D3B;box-shadow: inset 0 0px 10px rgba(0, 0, 0, 0.5), 0 1px 0 #000;

}ul.menusjohanes li {float: left;border-radius: 15px/45px;margin-left:2.5px;margin-right:2.5px;position: relative;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes li a, ul.menusjohanes li a:link {color: #fafafa;text-shadow: 1px 1px 1px #222;text-decoration: none;display: block;

padding: 8px 26px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes li a:hover {color: #fafafa;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;

background: #2b2b2b;text-shadow: 1px 1px 1px #222;border-radius: 14px/45px;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes li a.selected {text-transform: uppercase;background: rgba(221,221,221,0.4) url("http://2.bp.blogspot.com/-T2GQeTNJbPM/UXmmbBv80KI/AAAAAAAACYk/gve9bF_RVY0/s000/home_32x32-32.png") no-repeat center center;border-radius: 15px/45px;

5/27/2018 Template Bem Baru EDIT

20/80

margin-left: 10px;margin-right: 5px;background-size: 23px;background-position-x: 5px;height: 15px;width: 0px;padding-left: 8px;padding-bottom: 8px;}ul.menusjohanes li a.selected, ul.menusjohanes li a:active {color: #fff;

-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}ul.menusjohanes li ul {display: none;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes li ul:before {content: " ";position: absolute;display: block;z-index: 1500;left: 0;

top: -10px;height: 10px;width: 100%;}ul.menusjohanes li ul {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:55px;}ul.menusjohanes li:hover ul {position: absolute;display: block;z-index: 1000;box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.3), 0 1px 0 #ddd,0 5px 10px rgba(0,0, 0, 0.2);

left: 0;border-radius: 0px 0px 5px 5px;top: 41px;padding: 5px 0;list-style: none;background: rgba(221,221,221, 0.7);}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes li ul li {float: none;margin:0px;}ul.menusjohanes li ul li:first-child {margin:0px;border-top: 0 none;}ul.menusjohanes li ul li:last-child {

border-bottom: 0 none;}/* Blog johanes djogzs.blogspot.com */ul.menusjohanes [data-role="dropdown"] > a::before {position: absolute;content: "^";display: block;font-size: 13px;left: 100%;margin-left: -20px;top: 7px;

5/27/2018 Template Bem Baru EDIT

21/80

-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}ul.menusjohanes li ul li a, ul.menusjohanes li ul li a:link {color: #fff;display: block;background: transparent none;padding: 10px 25px 10px 25px;

white-space: nowrap;}ul.menusjohanes li ul li a:hover {background:#6545A8;-moz-transition: all 0.1s ease-in-out;color:#fff;-webkit-transition: all 0.1s ease-in-out;}/* Blog johanes djogzs.blogspot.com */.menujohanes{position: relative;z-index: 99;margin-top: 50px;width: 1065px;}#search input[type="text"]:hover {background: #fff url("http://3.bp.blogspot.com/-DACUJ726qW8/UXmmbp3wwJI/AAAAAAAACYs/rftJxv_SFtE/s000/search_32x32-32.png")no-repeat center left;

width: 225px;}#search input[type="text"] {background: #76B17B url("http://3.bp.blogspot.com/-DACUJ726qW8/UXmmbp3wwJI/AAAAAAAACYs/rftJxv_SFtE/s000/search_32x32-32.png")no-repeat center center;font-size: 13px;color: #222;width: 0px;padding: 7px 6px 6px 34px;z-index: 9;float: right;border: 1px solid #76B17B;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;

border-radius: 5px;height: 26px;}.twitterjo{background: #92D1F0 url("http://2.bp.blogspot.com/-C-JGt9e2dcI/UXmmb-Py-zI/AAAAAAAACY0/CuLQC6mHQsY/s000/white_twitter_bird.png")no-repeat center center;font-size: 13px;color: #222;width: 0px;float: right;padding: 8px 7px 7px 35px;z-index: 9;margin-bottom: 15px;-webkit-transition: all 0.5s ease-in-out;

-moz-transition: all 0.5s ease-in-out;border-radius: 5px;height: 26px;}.facebookjo {background: #424894 url("http://1.bp.blogspot.com/-Kn1yx91113A/UXmmcAcxrlI/AAAAAAAACY8/KKeQu08BofA/s000/white_facebook.png")no-repeat center center;font-size: 13px;color: #222;width: 0px;float: right;

5/27/2018 Template Bem Baru EDIT

22/80

margin-bottom: 15px;padding: 8px 7px 7px 35px;z-index: 9;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;border-radius: 5px;height: 26px;}.rssjo{background: #DE5D71 url("http://1.bp.blogspot.com/-rDrXHvUPtqA/UXmmcsmPRNI/AAAAAAAACZE/6UZhhSzV-i8/s000/white_rss.png")no-repeat center center;font-size: 13px;

color: #222;width: 0px;margin-bottom: 15px;padding: 8px 7px 7px 35px;z-index: 9;float: right;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;border-radius: 5px;height: 26px;}#main4, #main5 ,#main6 {width: 310px;list-style-type: none;

float: left;margin: 10px;}.main3, .main2 {width:280px;list-style-type: none;float: left;}::-webkit-scrollbar {height:12px;background: #fafafa;}::-webkit-scrollbar-thumb {background-color: #5E7A88;}#popjo .widget-content{overflow:hidden;}#popjo {border-bottom: 1px solid #222;

position:relative;height: 105px;width: 1063px;margin: auto;border-left: 1px solid #222;border-right: 1px solid #222;border-top: 1px solid #222;background: #3F3C47;box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.8), 0 1px 0 #000;}a.anes:hover {color:#000;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}

a.anes{font-size: 13px;color: #000;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-family: 'Open Sans', sans-serif;}.label-size a{-moz-transition: all 0.1s ease-in-out;

5/27/2018 Template Bem Baru EDIT

23/80

-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}.label-size a:hover{color:#fff;-moz-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}#comment-form {border: 1px solid #ddd;border-radius: 5px;}

.widget-item-control a{display:none;}.readmore {width: 370px;border-bottom: 1px solid #ddd;}#Navbar1, #Attribution1 {display:none;}.bigcom {width: 234px;text-align: center;}.posted {width: 300px;border-right: 1px solid #ddd;text-align: center;}.tombolbacktotop a{color:#8AA6B4;}.tombolbacktotop {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);position: absolute;font-size: 25px;border: 1px solid #ddd;border-radius: 50px;width: 30px;height: 30px;padding-right: 0px;padding-bottom: 8px;padding-left: 6px;margin: auto;

margin-top: -20px;background: #fff;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #8AA6B4;}.topwrap {width: 100%;position: relative;height: 20px;text-align: center;}a.comment-link {-moz-transition: all 0.5s ease-in-out;

-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;z-index: 2;opacity: 0;text-align: left;height: 20px;line-height: 20px;font-size: 13px;color: #000;

5/27/2018 Template Bem Baru EDIT

24/80

font-family: 'Open Sans', sans-serif;width: 85px;overflow: hidden;padding: 5px;position: absolute;top: 1px;border-bottom: 1px solid #bbb;left: -40px;}.profile-name-link {background: no-repeat left top;

display: inline;min-height: 20px;padding-left: 20px;}p.bulan {clear: both;font-size: 18px;display: block;padding: 10px;line-height: 50px;text-align: center;background: #5E3F9D;color:#fafafa;

z-index: 99999;width: 48px;height: 48px;border-radius: 50px;position: absolute;top: 66px;left: 65px;}p.tahun {clear: both;font-size: 14px;display: block;padding: 10px;line-height: 35px;

text-align: center;background: #77B07D;color:#fafafa;z-index: 9;width: 35px;height: 35px;border-radius: 50px 0px 50px 50px;position: absolute;top: 0px;left: 140px;}.sidebar {float:left;width: 278px;

position: relative;}.author1 {font-style: italic;-moz-transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;z-index: 2;text-align: left;height: 25px;

5/27/2018 Template Bem Baru EDIT

25/80

line-height: 25px;font-size: 11px;color: #000;font-family: 'Open Sans', sans-serif;width: 205px;overflow: hidden;padding: 3px;float: left;border-top: 1px solid #ddd;}.item-snippet {display:none;list-style: none;}#PopularPosts1 h2:before {

content: "";position: absolute;bottom: 14px;left: -9px;border-width: 21px 8px 0px 0px;border-style: solid;border-color: transparent #000;display: block;width: 0;}

#PopularPosts1 h2{position: absolute;

top: -22px;left: 20px;background: #ddd;padding: 5px 15px 5px 15px;font-size: 18px;font-weight: normal;border: 1px solid #666;box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), 0 7px 14px #222;border-radius: 0px 0px 5px 5px;font-family: 'Playfair Display SC', serif;text-shadow: 1px 1px 1px #bbb;color: #222;letter-spacing: -1px;}

#PopularPosts1 ul li {padding: 0px;border: 0px solid #ddd;float: left;margin: 2px;height: 71px;width: 71px;margin-left: 37px;}

.jorib {position: absolute;right: -25px;width: 45px;

height: 230px;top: 130px;background: #3F3C47;z-index: 9;padding: 5px;border-radius: 5px 0px 0px 5px;border: 1px solid #222;box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.8), -5px 0px 14px #222;}.jorib:after {

5/27/2018 Template Bem Baru EDIT

26/80

content: "";position: absolute;top: -11px;left: 31px;border-width: 0px 25px 10px 0px;border-style: solid;border-color: #000 transparent;display: block;width: 0;}.jorib:before{

content: "";position: absolute;bottom: -11px;left: 31px;border-width: 10px 25px 0px 0px;border-style: solid;border-color: #000 transparent;display: block;width: 0;}

]]>var thumbnail_mode = "float" ;summary_noimg = 100;summary_img = 100;//

var s = strx.split("")!=-1){s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx = s.join("");}chop = (chop < strx.length-1) ? chop : strx.length-2;while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;strx = strx.substring(0,chop-1);return strx+'.';}

function createSummaryAndThumb(pID){var div = document.getElementById(pID);var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary_noimg;if(img.length>=1) {imgtag = '';summ = summary_img;}var summary = imgtag + '' + removeHtmlTag(div.innerHTML,sum

5/27/2018 Template Bem Baru EDIT

27/80

m) + '';div.innerHTML = summary;}//]]>$(function() {$('.main3 .widget-content').hide();$('.main3 h2:first').addClass('active').next().slideDown('sl

ow');$('.main3 h2').click(function() {if($(this).next().is(':hidden')) {$('.main3 h2').removeClass('active').next().slideUp('slow');$(this).toggleClass('active').next().slideDown('slow');}});});

AboutLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumContactLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum

DownloadLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumReportWatch

5/27/2018 Template Bem Baru EDIT

28/80

5/27/2018 Template Bem Baru EDIT

29/80

5/27/2018 Template Bem Baru EDIT

30/80

5/27/2018 Template Bem Baru EDIT

31/80

google.load("annotations", "1", {"locale": ""}); function initialize() { google.annotations.setApplicationId(); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize);

5/27/2018 Template Bem Baru EDIT

32/80

Leave a Reply

BLOG_CMT_createIframe('', '');

Subscribe

to Posts | Subscribe to Comments

:

5/27/2018 Template Bem Baru EDIT

33/80

One Response so far. Responses so far.

5/27/2018 Template Bem Baru EDIT

34/80

says:

says:

5/27/2018 Template Bem Baru EDIT

35/80

5/27/2018 Template Bem Baru EDIT

36/80

()

›

5/27/2018 Template Bem Baru EDIT

37/80

1

‹

5/27/2018 Template Bem Baru EDIT

38/80

›

createSummaryAndThumb("summary");

5/27/2018 Template Bem Baru EDIT

39/80

createSummaryAndThumb("summary");

1

5/27/2018 Template Bem Baru EDIT

40/80

NEXT HOME

PREV

5/27/2018 Template Bem Baru EDIT

41/80

By : createSummaryAndThumb("summary");

var timestamp = ""; if (timestamp != '') { var timesplit = timestamp.split(",");

5/27/2018 Template Bem Baru EDIT

42/80

var date_yyyy = timesplit[2]; var timesplit = timesplit[1].split(" "); var date_dd = timesplit[2]; var date_mmm = timesplit[1].substring(0, 3); } document.write(date_dd);

document.write(date_mmm);

document.write(date_yyyy);

Read More0 Comments 1 Comment Comments

Tag : ,

Back to Home

,

5/27/2018 Template Bem Baru EDIT

43/80

+ data:post.title' rel='bookmark'>

Posted by :

#mintshare_mini, #mintshare_mini ul {padding:0; margin:0; list-style:none; width:100px; font-family:arial, sans-serif; }#mintshare_mini {width:100px; height:35px;padding: 0 15px;margin-top: 30px;margin-bottom: 20px;}#mintshare_mini a.sharetext {display:block; width:100px; height:30px; text-align:center; line-height:35px; co

lor:#000; text-decoration:none; font-size:13px; font-weight:bold;padding-left:5px;cursor:pointer;}#mintshare_mini a.sharetext img {border: 0 none;display: block;margin-left: 10px;}#mintshare_mini .flyout {height: 113px;left: 40px;position: relative;top: -4px;width: 0;

transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-webkit-transition: width 1s ease-in-out;}#mintshare_mini .flyout ul {list-style:none;position:absolute;top:-27px;width:540px;height:35px;

5/27/2018 Template Bem Baru EDIT

44/80

border-left:0;left:50px;padding-right:10px;z-index: 1;overflow: hidden;padding-left: 15px;transition: 1s ease-in-out;-o-transition: 1s ease-in-out;-moz-transition: 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}#mintshare_mini .flyout ul li {float: left;}

#mintshare_mini .flyout ul li a{}#mintshare_mini .flyout ul a img {}#mintshare_mini .flyout ul li.drop-li {position:relative; width:35px; height:30px; float:left; z-index:100; margin-top: -2px;padding-left: 30px;}#mintshare_mini .flyout ul li.drop-li a.drop-a {display:block; width:100px; float:left; text-decoration:none; line-height:16px;}#mintshare_mini .flyout ul li.drop-li a.drop-a img {display:block; border:0; position:absolute; left:5px; top:5px; z-index:-1; opacity:1; filter: alpha(opacity=100);transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}

#mintshare_mini .flyout ul li.drop-li a b {padding:2px 0; font-family:arial, sans-serif; display:block; width:100px; margin-top:58px; text-align:center; cursor:pointer; color:#000; font-size:14px; opacity:0; filter: alpha(opacity=0);transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-o-border-radius:10px;}#mintshare_mini .flyout ul li.drop-li:hover > a img {opacity:0.5; filter: alpha(opacity=50);}

#mintshare_mini .flyout ul li.drop-li:hover > a b {opacity:1; filter: alpha(opacity=100);}#mintshare_mini .flyout ul li.drop-li a:hover img {filter: alpha(opacity=50);}#mintshare_mini .flyout ul li.drop-li a:hover b {filter: alpha(opacity=100);}#mintshare_mini .get_mintshare {font-size: 10px;margin-left: 5px;position: relative;top: 2px;}.relbg h5{color: #fafafa;font-weight: normal;}

Share This

5/27/2018 Template Bem Baru EDIT

45/80