2012 ~ BKAKDSKDKASK

Blogger templates

ul{-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;display:block; } #menujohanes ul li ul li a{line-height:25px;} #menujohanes ul li ul li ul{ position: absolute; top:0; left:150px; width:150px; background: #5d5d5d;} #menujohanes ul li.selected a{font-size: 10pt;font-weight:bold;} #menujohanes ul li.selected{color: #fff;background: #474747;font-weight:bold;} .pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color:#65C7CA;} .pinterestjo, .twitterjo, .facebookjo, .googlejo { font-size: 13px; color: #222; width: 100%; z-index: 9; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; height: 45px;} /* Blog johanes djogzs.blogspot.com */ .twitterjo{ background: #5d5d5d url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXd9zFKSldHubB9QFCugZsrJy8VnjFjqnnQ6YAjkiSMiAmGw4jnNstxnXwajgfi5bgfXcAP17ZBGb2dM3GdhWmnhIHnagYula8OjpJu3D_f-f2LjHY0cXcn7pz9h7jCud7cTzJUntsOvQ/s1600/white_twitter_bird.png")no-repeat center center;} .facebookjo { background: #474747 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgufPyFw6xN1X9T04uLY-P2TVVMcuy395F4HJ-JktQqktE5nfHS409fhjwc8fsRBYjeXn8LWtTRnnrclH6KlVNgJK-dFWU-Zz2EkSDCROrBDfLD_HOSKjR-RTAsppUpamgrG8Q7QlJYEtw/s1600/white_facebook.png")no-repeat center center;} .googlejo{ background: #474747 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij-DP9aVbCvtLD_Qn2px4ls02a4N0ME_cDKqpsYBW263CyW6x8J7cvDSEbZsLMFRxdirexger6lQOMgW3pyBcFDB5h-ay_J3-ujW0NYvgEFnzL_Lwiu2tLmFAwnuWSavkJHA-IMlOityc/s1600/footer-icon-google.png")no-repeat center center;} .pinterestjo{ background: #5D5D5D url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzw0F-gMkUKSNtnxt0_NfH8JLaXrmC4_j9bXUAfvO711LtEsInlOAw9SCjR6uQf8SOjLZVeYwCDHEmJnumoH1U8Tds7PHvJlktxf3lVH2Uael1gIpkvkbRdmwH6TsTHocnQ1PYox1B9V0u/s1600/white_pinterest.png")no-repeat center center;} /* Blog johanes djogzs.blogspot.com */ .jorib { width: 45px; height: 109px; position: fixed; top: 173px; right: 0px; z-index: 9; } #featured{ max-width: 930px; position: relative; height: 300px; background: #2ABEC0; margin: auto; overflow: hidden; } #featured ul.ui-tabs-nav{ position: absolute; top: 0; right: 0px; list-style: none; padding: 0; margin: 0; width: 340px; z-index: 9; height: 300px; overflow-y: scroll; } #featured ul.ui-tabs-nav li{ padding: 0px; padding-left: 34px; font-size: 12px; color: #666; } #featured ul.ui-tabs-nav li span{ font-size: 15px; line-height: 75px; padding-right: 10px; } #featured .ui-tabs-panel{ width: 620px; height: 300px; background: #999; position: relative; overflow: hidden; } #featured .ui-tabs-hide{display:none;} #featured li.ui-tabs-nav-item a{ display: block; height: 74px; color: #fafafa; -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; background: #373737; line-height: 20px; outline: none; padding: 13px 0px; } #featured li.ui-tabs-nav-item a:hover{ background:#5D5D5D;color:#fff; } #featured li.ui-tabs-selected{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOBf2g1OM2ZPzBESEposc9vwq_qA4D-HdkEL0vARzfWQYGEeJ0KRBxhORrG99QK9i_8h-e5_wzXbWzaSRZ2iByjZYjaYrsCUxX9gyjZr1R6V2ngnbGpqTbS3N38RWf3VJNQ6NqlR4Yok/s1600/Untitled-1.png") top right} #featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#474747;color:#fff;} #featured ul.ui-tabs-nav li img{ float: left; margin: 2px 5px; background: #2ABEC0; padding: 4px; height: 63px; width: 63px; border-radius: 50px; } #featured .ui-tabs-panel .info{ position: absolute; bottom: 0px; left: 0; height: 65px; max-width: 600px; background:rgba(0,0,0,0.5); padding: 10px; width: 100%; } #featured .info h2{ font-size: 15pt; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: bold; } #featured .info p{ font-size: 13px; line-height: 15px; color: #fff; font-style: italic; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{text-decoration:underline;} ]]>