<data:blog.pageTitle/>

<data:blog.pageTitle/> <data:blog.pageName/> a::before { position: absolute; content: "^"; display: block; font-size: 13px; left: 100%; margin-left: -20px; top: 7px; -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; 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; -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; 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; 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 { 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; } ]]>

</div></div> <div class="date-outer"> <div class="date-posts">

</div></div>

Leave a Reply