/* Theme Name: Aikido Klub Sesvete Theme URI: http://wordpress.org/ Description: WP Theme for Aikido Club Sesvete Version: 1.0 Author: Marko Dugonjic Author URI: http://www.creativenights.com/ */ * { margin: 0; padding: 0; } html { font: 62.5%/1.5 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; } #sizer { margin: 0 auto; width: 940px; background: #fff; } #sizer:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } /*** MASTHEAD ***/ #header { float: left; width: 900px; height: 200px; padding: 20px; background: url(i/aks-logo.png) no-repeat 650px 41px; } #header h1 { font-size: 4.8em; line-height: 1.2; letter-spacing: -1px; margin-bottom: 0; } #header h1 a { color: #c00; text-decoration: none; } #tagline { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #aaa; } #logo { float: left; width: 580px; } #logo h1 a { display: block; height: 200px; text-indent: -9999px; overflow: hidden; background: url(i/logo.png) no-repeat 100% 100%; } #tagline { position: absolute; left: -9999px; top: -9999px; } #search-form { float: right; display: none; } #main-nav { position: relative; float: left; display: inline; width: 960px; margin-left: -10px; /* background: #774c29 url(i/main-nav-bar.png) no-repeat; */ background: #774c29; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -khtml-border-radius: 20px; } #main-nav ul { float: left; padding: 0 20px; } #main-nav li { list-style: none; float: left; display: inline; font-size: 1.2em; } #main-nav li a { display: block; padding: 10px 15px; 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: 1.2em; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; } #content h2 { font-size: 18px; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; } #content h3 { font-size: 12px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; margin-bottom: .5em; color: #000; text-transform: uppercase; } #content h4 { font-size: 12px; line-height: 1.5em; 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: 580px; padding: 20px; 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 { clear: both; } /*** POST/PAGE ***/ .post { overflow: auto; } #page-sidenote { float: right; width: 200px; padding: 9px 0 0 20px; margin: 0 0 9px 20px; font-style: italic; color: #999; border-left: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .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; 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; padding: 10px 15px; } .body-image .navigation a:hover { background: #eee; } .body-image .entry { text-align: center; } .gallery { float: left; width: 600px; } .gallery-item { float: left; width: 180px; margin: 0 20px 20px 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 { 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 ***/ #about-us { float: left; width: 270px; margin-right: 40px; } #about-us .about-us { padding-top: 230px; background: url(i/ruke.png) no-repeat 0 18px; border-top: 1px solid #eee; } .body-home .supplementary-content { margin-top: 8px !important; border-left: 1px solid #fff; } .supplementary-content #featured-content { clear: both; } #latest-news { float: left; width: 270px; } #about-us h2, #latest-news h2, #seminari-overview h2, #featured-content h2, #translator h2 { font-weight: bold; font-size: 12px; color: #c00; text-transform: uppercase; padding: 24px 0 9px; margin-bottom: 0; background: url(i/icons/lamp.png) no-repeat 100% 18px; } #featured-content h2, #translator h2 { background: none; } #latest-news h3, #seminari-overview h3 { font-weight: bold; text-transform: none; font-size: 12px; } .article { float: left; clear: both; width: 100%; padding-top: 18px; margin-bottom: 18px; border-top: 1px solid #eee; } .article-meta { color: #ccc; } .article-meta a { color: #999; } .all-category-news { color: #999; padding-top: 18px; border-top: 1px solid #eee; } .all-category-news a { color: #999; } /*** PAGE TWO ***/ #news-overview, #seminari-overview { } /*** 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: left; display: inline; width: 260px; padding: 11px 20px 20px 30px; margin: 56px 0 0 9px; border-left: 1px solid #eee; } #local-nav { position: relative; margin: 0 0 9.6em -30px; } #local-nav li { list-style: none; padding: 6px 0; border-top: 1px solid #eee; } #local-nav li a { text-decoration: none; } #local-nav li a:hover { } #local-nav ul li { margin-left: 0; padding-left: 30px; } #local-nav ul li ul { padding-top: 6px; 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; } #contact-box { clear: both; padding: 18px 0 24px 30px; margin-left: -30px; background: url(i/gdje.png) no-repeat 190px 30px; border-top: 1px solid #eee; } #contact-box p strong { color: #000; } /* #contact-box .karta-link a { display: inline-block; width: 51px; height: 15px; margin: 9px 0 0; text-indent: -9999px; overflow: hidden; background: url(i/icons/karta.png) -51px 0; } #contact-box .karta-link a:hover { background-position: 0 0; } */ #featured-content li { list-style: none; margin: 0 0 9px; } #featured-content li h3 { text-transform: none; } #featured-content li img { width: 260px; margin-bottom: 9px; } #translator select { width: 180px; } /*** FOOTER ***/ #footer { float: left; clear: both; width: 900px; padding: 20px 20px 140px; border-top: 1px solid #ddd; color: #bbb; } #footer p { font-size: 1.2em; } #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; }