<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Fb6PRLCMLsQKd6TEi4t20WK4Np69za7vpOnSqcBBxQ0vqwrd3GZc-Yx-WIrp_c1ssjT9h6jW3Mdr-UKF-ZW-H-4eoVAIx1iTfJ_bsP40tmw85wuXH5fOhcXnF4epuxYS-s3qUH8a_4e3/s0/search_32x32-32.png")no-repeat center left; width: 225px;} #search input[type="text"] { background: #76B17B url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Fb6PRLCMLsQKd6TEi4t20WK4Np69za7vpOnSqcBBxQ0vqwrd3GZc-Yx-WIrp_c1ssjT9h6jW3Mdr-UKF-ZW-H-4eoVAIx1iTfJ_bsP40tmw85wuXH5fOhcXnF4epuxYS-s3qUH8a_4e3/s0/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYGHs_aJo79JzKICjo3wftAIRZr2xfhYgAq3m1yIa2nFE9y-MZfl0ANSD5yTwEDhScHYY6SsUML7sSR9E0rr1PvFVwHxjuqSuXbW2eQCiDLB2GOCqAKPh_WbBPjaHtnbqU4P1Uy7OtqYmt/s0/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs1F18hCcEdrKQ8BTzvHVhKe4VgYgKw36zMEA3Rk_9TCRRaVLChTcv74wEyc0FpbqlGEwUf9_Ieaer01Z4DEEhnpAitbcdedRi4V3EvIqugb3k-Er_nw0sKVjIs3J-27XdR9YG_B3P800O/s0/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfx9crTbhttEDG48oddcMXN_-7YGHkP5m9vvsC_vIzxD17MJ5hSGr1TmAUydRfMODga6vUC-Az87qC2Z-xdq9pClmz2cufc9nYEuID7xBUb06phZ-H8QkTUqoP0tdZrwVK4riUvwj2aS3v/s0/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; } ]]>