/* Theme Name: Why Croatia? Theme URI: http://www.whycroatia.org/ Description: WordPress theme for WhyCroatia web site Version: 1.6 Author: Creative Nights Author URI: http://www.creativenights.com/ */ * { margin: 0; padding: 0; } html { font: 100%/1.5 Arial, Helvetica, 'MS Sans Serif', sans-serif; color: #000; background: #3c818f url(i/BG/body.jpg) no-repeat 50% 0; } a img, fieldset { border: 0; } .input-image { outline: none; } .input-image:active { position: relative; bottom: -1px; } a { outline: none; color: #f00; } .grid { position: relative; width: 980px; margin: 0 auto; } .grid:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } /*** MAIN LAYOUT ***/ #header { width: 100%; min-width: 980px; height: 140px; background: url(i/L/header-home.png) no-repeat 50% 0; } #header h1 { float: left; width: 625px; } #header h1 a { display: block; height: 100px; margin-top: 10px; text-indent: -9999px; overflow: hidden; } #video-stats { position: relative; float: left; height: 140px; background: #f0f; } #video-stats .hide { position: absolute; left: -9999px; top: -9999px; } #video-cat-link { display: block; width: 110px; padding-right: 130px; text-align: right; position: absolute; left: 105px; top: 10px; text-decoration: none; } #video-cat-link:hover #video-qty { color: #00bff3; } #video-qty { font: bold 36px/44px 'Courier New', Courier, 'Comic Sans MS', sans-serif; color: #ff0; } #submit-video-link { position: absolute; top: 50px; left: 90px; display: block; height: 50px; width: 220px; text-indent: -9999px; overflow: hidden; } #submit-video-link:hover { background: url(i/B/submit-video-link-hover.gif) no-repeat 1px 3px; } #where-is-box { clear: both; min-width: 980px; margin-top: 12px; font: 14px/20px Arial, Helvetica, sans-serif; color: #fff; background: url(i/L/green-box.png) no-repeat 50% -12px; } #where-is-box .grid { overflow: hidden; } #where-is-box h2 { position: absolute; left: -9999px; top: -9999px; } #where-is-box p { width: 380px; padding: 100px 0 60px 80px; } #where-is-box p a { font-weight: bold; color: #00bff3; text-transform: uppercase; text-decoration: none; } #where-is-box p a:hover { color: #f00; } #footer { clear: both; min-width: 980px; padding-bottom: 100px; margin-top: 20px; background: url(i/L/footer.png) no-repeat 50% 0; } #footer #bottom-nav { float: left; width: 880px; padding: 15px 50px; } #footer #bottom-nav li { float: left; display: inline; list-style: none; } #footer #bottom-nav a { display: block; height: 30px; text-indent: -9999px; overflow: hidden; } #footer #bottom-nav a:hover { } #bn-01 { width: 190px; } #bn-02 { width: 205px; } #bn-03 { width: 192px; } #bn-04 { width: 136px; } #bn-05 { width: 140px; } #tech-info { clear: both; padding: 5px 70px 0 0; font-size: 12px; color: #00bff3; text-align: right; } #tech-info a { color: #fff; text-decoration: none; } #tech-info a:hover { color: #00bff3; } #content { width: 100%; min-width: 980px; padding-bottom: 135px; background: url(i/L/content-page-bottom.png) no-repeat 50% 100%; } #content-inner { width: 100%; min-width: 980px; background: url(i/L/content-page-top.png) no-repeat 50% 0; } #content .grid { min-height: 490px; padding-top: 60px; } .main-content { float: left; padding: 0 40px 0 130px; width: 450px; color: #000; } .supplementary-content { float: left; width: 240px; } .main-content h1 { margin-bottom: 20px; font: normal 42px/48px Arial, sans-serif; } .main-content h2 { margin-bottom: 10px; font: normal 30px/36px Arial, sans-serif; } .main-content h3 { margin-bottom: 10px; font: normal 18px/24px Arial, sans-serif; } .main-content h3 a:hover { text-decoration: none; color: #00bff3; } .main-content p, .main-content ul, .main-content ol { margin-bottom: 24px; } .main-content li { list-style: none; padding: 0 0 10px 30px; background: url(i/L/bullet.gif) no-repeat 0 .2em; } .post { padding-bottom: 20px; } .post .datetime { margin-bottom: 10px !important; font-size: 11px; text-transform: uppercase; color: #999462; } .post .datetime a { text-decoration: none; color: #00bff3; } .post .datetime a:hover { color: #000; } .post .entry { } .post .entry a:hover { text-decoration: none; } .post .entry img.alignleft { float: left; margin: 2px 20px .2em 0; } .post .entry img.alignright { float: right; margin: 2px 0 .2em 20px; } .postmetadata { font-size: 12px; color: #388da7; } .postmetadata a { font-weight: bold; color: #388da7; } .postmetadata a:hover { text-decoration: none; } .edit-link { font-weight: bold; font-size: 10px; text-transform: uppercase; } .edit-link a { display: inline-block; padding: 4px 10px; background: #fff; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } .edit-link a:hover { color: #fff; background: #f00; } /*** SIDEBAR ***/ .supplementary-content { padding-left: 40px; background: url(i/L/sidebar.gif) no-repeat 0 0; } .supplementary-content h4 { font-size: 16px; } .supplementary-content .sidebox { margin-bottom: 40px; } .supplementary-content p, .supplementary-content li { font-size: 14px; line-height: 18px; } .supplementary-content li { list-style: none; padding: 0 0 4px 30px; background: url(i/L/bullet-mini.gif) no-repeat 10px .2em; } .supplementary-content a { color: #f00; text-decoration: none;} .supplementary-content a:hover { color: #00bff3; } #local-nav li ul { display: none; padding-top: 4px; } #local-nav .current_page_item ul, #local-nav .current_page_parent ul, #local-nav .current_page_ancestor ul { display: block; } #local-nav .current_page_item a { font-weight: bold; color: #265b6b; } #local-nav .current_page_item li a { font-weight: normal; color: #f00; } #local-nav .current_page_item li a:hover { color: #00bff3; } #search-form .input-text { width: 145px; margin-top: 7px; padding: 2px; border: 3px solid #00bff3; font: bold 16px/24px 'lucida grande', verdana, sans-serif; color: #000; } #search-form .input-image { vertical-align: top; outline: none; } #sidetags ul { } #sidetags li { } #sidetags li a { padding: 0 5px; } #sidetags .more-link { padding: 0 0 0 35px; background: url(i/L/bullet-mini.gif) no-repeat 10px .4em; } /*** REGULAR PAGE ***/ .wide-body .main-content { float: none; width: 650px; padding: 0; margin: 0 auto; } .wide-body .main-content h1 { float: left; } .wide-body .main-content .entry { clear: both; } .wide-body .main-content .back-link { float: right; margin-top: 10px; } .wide-body .main-content .back-link a { display: block; width: 159px; height: 16px; text-indent: -9999px; overflow: hidden; background: url(i/B/about-croatia-link.gif) no-repeat 0 0; } .wide-body .main-content .back-link a:hover { background-position: 0 -17px; } .wide-body .main-content #about-project-back-link { } .wide-body .main-content #about-project-back-link a { width: 202px; background: url(i/B/about-this-project-link.gif) no-repeat 0 0;} /*** HOME & VIDEO PAGE ***/ .home-body #content, .video-body #content { color: #000; padding-bottom: 0; background: url(i/L/content-home.png) no-repeat 50% 0; } .home-body #content-inner, .video-body #content-inner { background: none; } .home-body #content .grid, .video-body #content .grid { background: none !important; } .home-body .main-content, .video-body .main-content { width: 980px; padding: 0 !important; } .video-wrapper { height: 480px; } .home-body .video-wrapper { height: 460px; } .video-wrapper h1 { position: absolute; left: -9999px; top: -9999px; } .the-video { position: absolute; top: 60px; left: 50%; width: 640px; height: 385px; margin: 0 0 0 -321px; } .the-video .vimeo-video { padding-top: 12px; padding-bottom: 13px; background: #000; } .the-video .daily-motion-video { background: #000; margin-left: 1px; } #prev-next-navigation li { position: absolute; top: 350px; display: block; width: 80px; height: 100px; list-style: none; padding: 0; background: none; } #prev-next-navigation li a { display: block; height: 100px; text-indent: -9999px; overflow: hidden; background: url(i/B/prev-next-video.gif) no-repeat 0 0; } #prev-next-navigation #prev-video { left: 70px; } #prev-next-navigation #next-video { right: 70px; } #prev-next-navigation #prev-video a { background-position: 0 0 !important; } #prev-next-navigation #next-video a { background-position: -80px 0 !important; } #prev-next-navigation #prev-video a:hover { background-position: 0 -100px !important; } #prev-next-navigation #next-video a:hover { background-position: -80px -100px !important; } #filter-video { position: absolute; left: 12px; top: 144px; width: 150px; height: 200px; overflow: hidden; } #filter-video li { float: left; display: inline; list-style: none; width: 50px; height: 50px; padding: 0; margin: 0 !important; background: none; } #filter-video li a { display: block; height: 100%; width: 100%; text-indent: -9999px; overflow: hidden; } #filter-video li a:hover { background-image: url(i/L/tags-hover.gif); background-repeat: no-repeat; } #tag-01 a:hover { background-position: 7px 11px; } #tag-02 a:hover { background-position: -43px 11px; } #tag-03 a:hover { background-position: -93px 11px; } #tag-04 a:hover { background-position: 7px -39px; } #tag-05 a:hover { background-position: -43px -39px; } #tag-06 a:hover { background-position: -93px -39px; } #filter-video #more-tags { float: left; display: inline; clear: both; width: 125px !important; margin: 0 0 0 25px !important; } #filter-video #more-tags a { background: none; height: 30px !important; } #filter-video #more-tags a:hover { background: url(i/B/more-tags-hover.gif) no-repeat 2px 6px; } #recommend-us { position: absolute; top: 460px; left: 169px; width: 170px; height: auto; } #recommend-popup-trigger { display: block; height: 25px; width: 149px; text-indent: -9999px; overflow: hidden; background: url(i/B/help-us-spread.gif) no-repeat 0 0; } #recommend-popup-trigger:hover { background-position: 0 -25px; } #recommend-us ul { float: left; width: 630px; padding: 4px 5px; margin-top: 5px; background: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } #recommend-us ul li { float: left; display: inline; list-style: none; font-size: 10px; line-height: 10px !important; text-transform: uppercase; padding: 0; background: none; } #recommend-us ul li a { display: block; padding: 2px 5px; text-decoration: none; font-weight: bold; color: #f00; } #recommend-us ul li a:hover { text-decoration: underline; color: #000; } #comments-status { position: absolute; top: 462px; left: 325px; width: 250px; height: 18px; padding: 0 10px; font-size: 14px !important; } #comments-status a { } #comment-arrow { position: absolute; top: 495px; left: 300px; display: block; text-indent: -9999px; overflow: hidden; width: 53px; height: 130px; background: url(i/I/comments-arrow.png) no-repeat 0 0; } #rate { position: absolute; top: 460px; left: 621px; width: 80px; height: 20px; overflow: hidden; padding: 5px 10px 0 98px; z-index: 1000; overflow: hidden; color: #fff; background: url(i/B/rate.gif); } #rate strong, .post-ratings-text { display: none; } .post-ratings { float: right; width: 90px; height: 16px; overflow: hidden; } .post-ratings em { display: none; } .post-ratings img { vertical-align: top; } .post-ratings-loading { display: none !important; } #convincing-links { position: absolute; top: 100px; right: -10px; width: 180px; height: 230px; } #convincing-links ul { width: 180px; } #convincing-links ul li { list-style: none; float: left; display: inline; padding: 0; background: none; } #convincing-links ul li a { display: block; width: 180px; height: 18px; text-indent: -9999px; overflow: hidden; } #convincing-links ul li a:hover { background-image: url(i/L/convincing-hover.gif); background-repeat: no-repeat; } #howto-visit-link a { width: 175px !important; height: 71px !important; margin-bottom: 68px; } #best-of-croatia-link a { } #flickr-photo-group-link a { } #facebook-page-link a { } #twitter-link a { } #howto-visit-link a:hover { background-position: 0px 50px; } #best-of-croatia-link a:hover { background-position: 0px -20px; } #flickr-photo-group-link a:hover { background-position: 0px -38px; } #facebook-page-link a:hover { background-position: 0px -56px; } #twitter-link a:hover { background-position: 0px -74px; } #video-comments { float: left; clear: both; width: 980px; padding: 92px 0 0; background: url(i/L/video-comment-top.png) no-repeat 50% 0; } #video-comments #comments-facility { width: 640px !important; padding: 0 170px 30px !important; background: url(i/L/video-comment-middle.png) repeat-y 50% 0; } #video-comments #comments-facility .comment-meta { background: none; padding-bottom: 0; } #video-comments #respond, #video-comments .nocomments { width: 640px; padding: 0 170px 100px; background: url(i/L/video-comment-bottom.png) no-repeat 50% 100%; } #video-comments #respond textarea { width: 630px; } .video-wrapper .edit-link { position: absolute; top: 461px; left: 50px; } /*** NEWS PAGE ***/ .main-content p.egida { margin-bottom: 0 !important; } #comments-facility { } #comments-facility h3 { margin-bottom: 20px; } #commentlist { padding-bottom: 0; margin-bottom: 0 !important; } #commentlist li { list-style: none; background: none; margin: 0 !important; padding-top: 12px; border-top: 1px solid #dcd69a; } .comment-meta { font-size: 12px !important; margin-bottom: 5px; color: #999462; text-transform: uppercase; } .comment-meta a { text-decoration: none; } .comment-permalink { float: left; display: inline; margin-left: -30px; } .comment-author { font-style: normal; } .the-comment { font-size: 14px !important; } #respond { clear: both; } #respond h3 { margin-bottom: 10px; } .main-content .field { float: left; display: inline; width: 100%; margin: 0 0 20px; } .main-content label { display: block; padding-bottom: 5px; font-size: 12px; text-transform: uppercase; } .main-content label small { font-size: 10px; color: #999462; } .main-content .input-text, .main-content textarea { width: 445px; padding: 2px; border: 3px solid #00bff3; font: bold 16px/24px 'lucida grande', verdana, sans-serif; color: #000; } .main-content .button-holder { text-align: right; } .main-content textarea { overflow: auto; } /*** ARCHIVE PAGE ***/ .pagination { float: left; width: 100%; padding-top: 20px; font-size: 12px !important; line-height: 14px !important; border-top: 1px solid #dcd69a; } .pagination strong { float: left; font-weight: bold; padding: 4px 9px; color: #f00; background: #dcd69a; border: 1px solid #dcd69a; margin-right: 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; } .pagination a { float: left; text-decoration: none; margin-right: 3px; } .pagination a strong { background: none; color: #f00; margin: 0; } .pagination a:hover strong { color: #fff; background: #f00; border-color: #f00; } .navigation { float: left; width: 100%; } .navigation a { font-weight: bold; } .navigation .alignleft { float: left; } .navigation .alignright { float: right; } .navigation .alignleft a:hover, .navigation .alignright a:hover { text-decoration: none; } .video-entry { float: left; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #dcd69a; } .video-thumb { float: left; margin: 0 20px .2em 0; } .video-thumb .no-preview { display: block; width: 100px; padding: 10px; text-align: center; background: #dcd69a; } .video-thumb img { background: #dcd69a; } .video-meta { float: right; width: 300px; } .video-meta .edit-link { margin: 0 !important; } /*** TAGS ***/ .tag-cloud-body .main-content h1 { float: none; text-align: center; } #grande-tag-cloud { clear: both; background: #fff url(i/L/cloud-bottom.gif) no-repeat 0 100%; } #grande-tag-cloud ul { padding: 170px 60px; text-align: center; background: url(i/L/cloud-top.gif) no-repeat 0 0; } #grande-tag-cloud ul li { list-style: none; display: inline-block; padding: 2px 0; background: none; } #grande-tag-cloud ul li a { display: inline-block; padding: .1em .5em; text-decoration: none; text-transform: uppercase; background: #f6f6f6; border-radius: .5em; -webkit-border-radius: .5em; -moz-border-radius: .5em; -khtml-border-radius: .5em; } #grande-tag-cloud ul li a:hover { color: #fff; background: #00bff3; } /*** GALLERY ***/ .gallery { float: left; clear: both; width: 100%; margin-bottom: 30px; } .gallery-row { float: left; clear: both; width: 100%; } .gallery-item { float: left; width: 150px; margin-right: 12px; } .gallery-icon { width: 150px; height: 100px; } .gallery-caption { text-align: center; } /*** SPONSORS ***/ #sponsor-list { float: left; width: 100%; margin-bottom: 30px; } #sponsor-list li { float: left; list-style: none; width: 150px; height: 100px; margin: 0 0 20px 0; padding: 0; text-align: center; background: none; } /*** SUBMIT VIDEO ***/ .submit-video-body #sidetags, .submit-video-body #sidesearch { display: none; } .errors { color: #f00; padding-left: 150px; background: url(i/I/error.gif) no-repeat 0 0; } .errors p { margin-bottom: 10px !important; } .confirmation { color: #060; padding-left: 120px; background: url(i/I/confirmation.gif) no-repeat 0 0; } .confirmation p { font-size: 24px !important; line-height: 32px !important; } .errors, .confirmation { margin-bottom: 20px; padding-top: 20px; padding-bottom: 30px; } /* Standard sIFR styles */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash #content h1 { visibility: hidden; letter-spacing: -2px; } .sIFR-hasFlash .main-content h2, .sIFR-hasFlash .supplementary-content h4, .sIFR-hasFlash .egida { visibility: hidden; } .sIFR-hasFlash #comments-status { font-weight: bold; }