<data:blog.pageTitle/> <data:blog.pageName/> ul{z-index: 10;-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: #F6C47B;} #menujohanes ul li.selected a{font-size: 10pt;font-weight:bold;} #menujohanes ul li.selected{color: #fff;background: #F39C23;font-weight:bold;} .pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color:#65C7CA;padding-left: 5px;} .pinterestjo, .twitterjo, .facebookjo, .googlejo { font-size: 13px; color: #222; width: 100%; z-index: 9; box-shadow: inset 1px 0px 4px rgba(0,0,0,0.2); border-radius: 0px 50px 50px 0px; margin: 5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; height: 45px;} /* Blog johanes btemplates.com/author/djogzs */ .twitterjo{ background: #F39C23 url("http://2.bp.blogspot.com/-GNYhP3GmGDE/Vw3wDq0_6gI/AAAAAAAAAuo/axWAl-y-dF8/s000/white_twitter_bird.png")no-repeat center center;} .facebookjo { background: #6BD569 url("http://4.bp.blogspot.com/-ZAhy_QHX6Vw/Vw3wD-ZNeQI/AAAAAAAAAus/wZnJ2EpmRz4/s000/white_facebook.png")no-repeat center center;} .googlejo{ background: #6BD569 url("http://1.bp.blogspot.com/-RccfR7xWk1g/Vw3wEI-lDmI/AAAAAAAAAuw/IpBWbiy4YTA/s000/footer-icon-google.png")no-repeat center center;} .pinterestjo{ background: #F39C23 url("http://2.bp.blogspot.com/-KTWRikboEgE/Vw3wEexbu9I/AAAAAAAAAu0/bICxzaf9m8M/s000/white_pinterest.png")no-repeat center center;} /* Blog johanes btemplates.com/author/djogzs */ .jorib { width: 45px; height: 211px; position: absolute; top: 105px; right: -48px; z-index: 9; } #featured{ max-width: 930px; position: relative; height: 385px; background: #fff; margin: auto; overflow: hidden; } #featured ul.ui-tabs-nav{ position: absolute; bottom: 25px; right: 10px; list-style: none; padding: 6px; margin: 0; width: 75px; z-index: 9; background: rgba(0,0,0,0.2); border-radius: 2px; } #featured ul.ui-tabs-nav li{ padding: 0px; padding-left: 5px; font-size: 12px; color: #666; } #featured .ui-tabs-panel{ width: 930px; height: 385px; background: #C2E19B; position: relative; overflow: hidden; } #featured .ui-tabs-hide{display:none;} #featured li.ui-tabs-nav-item a{ display: block; height: 10px; -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; line-height: 20px; outline: none; padding: 5px 5px; width: 10px; background: #F7BF6E; float: left; margin: 1px; border-radius: 50px; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{background: #fafafa; color: #fff; border-radius: 50px;} #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: 64px; max-width: 800px; background:#6BD569; 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; height: 32px; overflow: hidden; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{text-decoration:underline;} ]]>