/* Theme Name: Aikido dojo Sesvete Theme URI: http://wordpress.org/ Description: WP Theme for Aikido Dojo Sesvete Version: 1.0 Author: Marko Dugonjic Author URI: http://www.creativenights.com/ */ * { margin: 0; padding: 0; } html { font: 12px/18px Arial, Helvetica, sans-serif; color: #555; background: #fff; } a img, fieldset { border: 0; } a { color: #5fb411; } a:hover, a:focus { color: #c00; text-decoration: none; } :focus { outline: none; } a:active { color: #f00; } a:hover, a:active { outline: none; } .hidden { display: none; } #sizer { margin: 0 auto; width: 940px; padding: 0 25px; background: #fff; /* background: url(i/grid.png) repeat-y 15px 0; */} #sizer:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } /*** MASTHEAD ***/ #header { float: left; display: inline; position: relative; width: 980px; height: 190px; padding: 10px 0 20px; margin: 0 0 0 -20px; background: url(i/aks-logo.png) no-repeat 710px 21px; } #header h1 { font-size: 48px; letter-spacing: -1px; margin-bottom: 0; } #header h1 a { color: #c00; text-decoration: none; } #logo { float: left; position: relative; width: 640px; height: 190px; } #logo h1 a { position: absolute; bottom: 0; right: 0; display: block; width: 100%; height: 140px; text-indent: -9999px; overflow: hidden; background: url(i/logo.png) no-repeat 100% 100%; } #tagline { position: absolute; left: -9999px; top: -9999px; } #bonsai { position: absolute; right: 10px; top: 20px; } #bonsai a { display: block; width: 200px; height: 200px; text-indent: -9999px; overflow: hidden; } #search-form { float: right; display: none; } #main-nav { position: relative; float: left; display: inline; width: 980px; margin-left: -20px; /* background: #774c29 url(i/main-nav-bar.png) no-repeat; */ background: #774c29; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; } #main-nav ul { float: left; padding: 0 20px; } #main-nav li { list-style: none; float: left; display: inline; } #main-nav li a { display: block; padding: 10px 15px; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #fff; white-space: nowrap; } #main-nav li a:hover { background: #9f7346 /* url(i/hover.png) repeat-x 0 0; */ } #main-nav li.current_page_item, #main-nav li.current_page_ancestor { position: relative; margin-bottom: -25px; padding-bottom: 25px; background: url(i/reddot.png) no-repeat 50% 100%; } #main-nav li.current_page_item a, #main-nav li.current_page_ancestor a { background: #000 /* url(i/active.png) repeat-x 0 0; */ } /*** CONTENT ***/ #content { float: left; clear: both; width: 940px; padding: 24px 0; } #content h1, #content h2 { font-weight: normal; } #content h1 { font-size: 32px; line-height: 36px; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; } #content h2 { font-size: 18px; line-height: 27px; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; } #content h3 { font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; text-transform: uppercase; } #content h4 { font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; } #content p, #content li, #content label { font-size: 12px; } #content p { margin-bottom: 18px; } #content ul, #content ol { margin-bottom: 18px; } #content li { list-style: square outside; margin-left: 20px; } #content li * { font-size: 1em; } .main-content { float: left; width: 620px; padding: 18px 0; overflow: hidden; } .main-content li { margin-bottom: 9px; } .multicolumn-list { overflow: auto; } .multicolumn-list li { list-style: none; width: 300px; } .multicolumn-list .odd { float: left; clear: both; margin-right: 20px; } .multicolumn-list .even { float: right; clear: right; } .edit-link { float: left; clear: both; width: 100%; margin-top: 40px; padding-top: 9px; border-top: 1px dashed #ccc; } .body-game .main-content { width: 940px; } /*** SPLIT PAGE LAYOUT ***/ .split-page-wrapper { width: 940px; float: left; } .split-page-wrapper h1 { text-align: center; padding: 27px 0 !important; font: bold 36px/36px Georgia, serif !important; color: #4a9803 !important; } .split-page-wrapper h2 { margin-bottom: 0 !important; text-align: center; } .split-page-wrapper .camp-dates { text-align: center; margin-bottom: 36px !important; } .split-page-wrapper .half-col { float: left; width: 450px; min-height: 400px; } .split-page-wrapper #camp-kids { margin-right: 20px; padding-right: 19px; border-right: 1px solid #eee; } .split-page-wrapper .intro-image { width: 400px; padding: 25px; margin-bottom: 18px; } .split-page-wrapper .intro-image img { width: 400px; height: 400px; } .split-page-wrapper .more-link { text-align: center; } .split-page-wrapper .more-link a { display: block; width: 158px; line-height: 38px; margin: 0 auto; text-align: center; text-decoration: none; color: #cb8b57; background: url(i/camp-button.png) no-repeat 50% 0; } .split-page-wrapper .more-link a:hover { color: #7b4c26; } /*** POST/PAGE ***/ .post { overflow: auto; } #page-sidenote { float: right; width: 200px; padding: 18px 20px 0 20px; margin: 0 0 18px 20px; color: #333; background: #f3ebcf; } .alignleft { float: left; width: 270px; } .alignright { float: right; width: 270px; } .entry .alignleft { margin: 0 20px 9px 0; display: inline; } .entry .alignright { margin: 0 0 9px 20px; display: inline; } .entry img.alignleft { width: auto; } .entry img.alignright { width: auto; } .wp-caption { text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; padding: 0 4px 5px; margin: 0; } /*** IMAGE VIEW ***/ .body-image .main-content, .body-photo-overview .main-content { width: 900px !important; padding: 0 20px; overflow: hidden; } #gallery-header { float: left; width: 100%; } #gallery-header h1 { float: left; } #gallery-controls { float: right; display: inline; } #no-images { float: left; padding: 0 5px 0 20px; } #gallery-grid-view-link { float: right; width: 30px; text-indent: -9999px; overflow: hidden; background: url(i/icons/grid-view.png) no-repeat -30px 3px; } #gallery-grid-view-link:hover { background-position: 0 3px; } .body-image #content h1 { font-size: 18px !important; line-height: 18px !important; } .body-image .navigation { float: left; clear: both; width: 860px; padding: 0 20px; margin-bottom: 18px; text-transform: uppercase; background: #f6f6f6 url(i/navigation-bar.png) no-repeat 0 0; } .body-image .navigation .alignleft { float: left; width: auto; } .body-image .navigation .alignright { float: right; text-align: right; width: auto; } .body-image .navigation a { display: block; text-decoration: none; font-size: 10px; padding: 8px 15px; } .body-image .navigation a:hover { background: #eee; } .body-image .entry { text-align: center; } .gallery { float: left; width: 660px; } .gallery-item { float: left; width: 180px; margin: 0 40px 40px 0; text-align: center; } .body-photo-overview #content .galleries { float: left; } .body-photo-overview #content .galleries li { list-style: none; float: left; margin: 0; text-align: center; } .body-photo-overview #content .galleries li.first-in-row { margin-left: 0; clear: both; } .body-photo-overview #content .galleries li a { display: block; text-decoration: none; width: 180px; min-height: 180px; padding: 22px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; } .body-photo-overview #content .galleries li a img { margin-bottom: 12px; } .body-photo-overview #content .galleries li a:hover { background: #f3ebcf; } /*** Video ***/ #the-video .video { margin-bottom: 18px; } /*** BOOKS ***/ #content #book-list li { float: left; list-style: none; width: 290px; text-align: center; margin: 0; } #content #book-list li span { display: block; text-decoration: none; text-align: center; width: 246px; min-height: 180px; padding: 22px; } #content #book-list li span img { float: none !important; display: block; margin: 0 auto 12px; } #content #book-list li a:hover { background: #f3ebcf; } /*** HOMEPAGE ***/ #welcome-internationals { padding: 9px 0; font-size: 14px; color: #000; background: #eee; border-bottom: 1px solid #ddd; } #welcome-internationals .grid { width: 940px; padding: 0 30px; margin: 0 auto; } #welcome-internationals .grid:after { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } #welcome-internationals #translator { float: right; } #welcome-internationals #translator p { float: left; text-align: right; padding-right: 20px; } #welcome-internationals #translator form { float: left; } #homepage-primary-content { float: left; width: 940px; padding-bottom: 36px; } #homepage-primary-content h2, #novosti-seminari-primary-content h2, #sponsor-corner h2 { font-weight: bold; font-size: 12px; line-height: 18px; color: #c00; text-transform: uppercase; padding: 24px 0 9px; margin-bottom: 0; border-bottom: 1px solid #ccc; background: url(i/icons/lamp.png) no-repeat 100% 18px; } #homepage-primary-content h3 { font-weight: bold; text-transform: none; font-size: 12px; } .homepage-column { float: left; width: 260px; margin: 0 80px 0 0; } .homepage-column .article { width: 260px; margin: 0; } .homepage-column .article img { margin-bottom: 9px; } .homepage-column .article-meta { clear: both; } #homepage-secondary-content { float: left; clear: both; width: 940px; padding-top: 9px; border-top: 10px solid #ccc; } #homepage-secondary-content h2 { margin-bottom: 18px; } #homepage-about-us { float: left; clear: both; width: 620px; margin-right: 20px; } #homepage-about-us .about-us { width: 260px; padding: 0 0 0 320px; min-height: 220px; background: url(i/ruke.png) no-repeat 0 18px; } .homepage-column #contact-box { float: left; width: 260px; padding-top: 24px; background: url(i/gdje.png) no-repeat 100% 24px; } #homepage-secondary-content #translator { float: left; width: 300px; } #homepage-secondary-content #translator h2 { border-bottom: 1px solid #eee; margin-bottom: 18px; } #latest-news h3 { margin-bottom: 0; } #latest-news p { margin: 0; } #latest-news .article-meta { margin-bottom: 18px !important; } #latest-news .thumb { line-height: 0; padding-bottom: 18px; } #latest-news .thumb img { margin: 0; } #latest-news .thumb a { display: block; background: #fff; } #latest-news .thumb a:hover img { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } #latest-news .article { padding-bottom: 18px; } .article { float: left; clear: both; width: 100%; padding-top: 18px; margin-bottom: 18px; border-bottom: 1px solid #eee; } .article-meta { color: #ccc; } .article-meta a { color: #999; } .all-category-news { float: left; clear: both; color: #999; padding-top: 18px; } .all-category-news a { display: block; text-align: center; padding: 4px 18px 5px; color: #999; background: #eee; text-decoration: none; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; } .all-category-news a:hover { color: #fff; background: #5fb411; } #featured-content { margin-right: 0; } #featured-content img { width: 260px; margin-bottom: 9px; } #featured-content h3 a { text-decoration: none; } #translator select { width: 180px; } #novosti-seminari-primary-content { width: 640px; } .body-novosti-seminari #content { position: relative; } .body-novosti-seminari .supplementary-content { position: absolute; top: 24px; right: 0; padding-top: 0; margin-top: 69px; } .body-novosti-seminari .main-content { width: 680px !important; } #sponsor-corner { float: left; clear: both; width: 940px; } #sponsor-corner h3 { margin-bottom: 9px; } #sponsor-corner li { float: left; display: inline; list-style: none; width: 260px; margin: 0 0 0 80px; } #sponsor-corner li.first-in-row { clear: both; margin-left: 0; } #sponsor-corner li .figure { display: block; position: relative; height: 145px; width: 260px; background-repeat: no-repeat; background-position: 0 50%; text-indent: -9999px; overflow: hidden; } /*** PAGE TWO ***/ #news-overview, #seminari-overview { } #seminari-overview a { display: block; } /*** MAP ***/ #velika-karta .iframe-wrapper { width: 560px; background: #eee; padding: 10px; margin-bottom: 18px; } #velika-karta p { text-align: right; } /*** KLUBOVI ***/ .body-clubs .main-content div.link-group { padding-bottom: 18px; } .body-clubs .main-content div.odd { float: left; width: 270px; } .body-clubs .main-content div.even { float: right; width: 270px; } .body-clubs #klubovi-ostali { clear: both; } /*** SIDEBAR ***/ .supplementary-content { float: right; display: inline; width: 300px; padding: 11px 0 18px; margin: 61px 0 0 0; } #local-nav { position: relative; margin: 0 0 9.6em; } #local-nav li { list-style: none; border-top: 1px solid #eee; } #local-nav li a { display: block; padding: 6px 0 6px 20px; text-decoration: none; } #local-nav li a:hover { } #local-nav ul li { margin-left: 0; } #local-nav ul li ul { padding-left: 20px; margin: 0 !important; } #local-nav li ul, #local-nav li.current_page_ancestor li ul { display: none; } /* hide books subnav */ #local-nav li.page-item-11 ul { display: none !important; } #local-nav li.current_page_ancestor ul, #local-nav li.current_page_parent ul, #local-nav li.current_page_item ul, #local-nav li.current_page_parent li.current_page_item ul, #local-nav li.current_page_ancestor li.current_page_parent ul { display: block; } #local-nav li.current_page_item a { font-weight: bold; color: #000; } #local-nav li.current_page_item li a { font-weight: normal; color: #5fb411; } #breadcrumbs { display: none; padding: 10px 20px; border-bottom: 1px solid #eee; text-align: right; } #breadcrumbs ul { margin: 0; } #breadcrumbs li { list-style: none; display: inline; margin: 0 !important; color: #ccc; } #breadcrumbs li a { color: #999; } #breadcrumbs li a { text-decoration: none; } .supplementary-content #contact-box { clear: both; padding: 18px 0 24px 20px; background: url(i/gdje.png) no-repeat 190px 30px; border-top: 1px solid #eee; } .supplementary-content #contact-box p strong { color: #000; } .supplementary-content #translator { clear: both; padding: 0 20px; } /*** FOOTER ***/ #footer { float: left; clear: both; width: 940px; padding: 20px 0 140px; border-top: 1px solid #ddd; color: #bbb; } #footer p { font-size: 12px; } #copyright { float: left; } #siteby { float: right; text-align: left; } #siteby a { float: left; width: 12px; height: 12px; margin-left: 8px; text-indent: -9999px; overflow: hidden; } #cn-link { background: url(i/logo/cn.png) -12px 0; } #cn-link:hover { background: url(i/logo/cn.png) 0 0; } #wp-link { background: url(i/logo/wp.png) -12px 0; } #wp-link:hover { background: url(i/logo/wp.png) 0 0; } #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; }