/***************************************** CSS file for edukacija.hanfa.hr Copyright (c) web.burza.hr *****************************************/ /* GLOBAL =====================================================================*/ body { font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #000; background: #d1d1d0 url('cssimg/bkg-body.png') repeat-x left top; } a { color: #00498d; text-decoration: none; } a:hover, a:active { text-decoration: underline; } a:focus { background: #d1d1d0; } input:focus, textarea:focus { background: #d1d1d0 !important; } input[type=submit]:focus { background: #444 !important; } .skip-links { position: absolute; top: 0; left: -9999px; z-index: 100; width: 100%; margin: 0; } .skip-links a:focus, .skip-links a:active { display: block; position: absolute; top: 0; left: 9999px; width: 100%; padding: .8em 0; color: #fff; background: #444; font: bold 1.2em/1.0 Arial, Helvetica, sans-serif; text-align: center; } .structural { position: absolute; left: -9999px; top: -9999px; } abbr, acronym { border-bottom: 1px dotted #5a6768; cursor: help; } acronym { speak: normal; } abbr.initialism { speak: spell-out; } abbr.truncation { speak: normal; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear { display: inline-block; } h2 { font-size: 2.2em; font-weight: bold; border-bottom: 3px solid #a80000; clear: both; } h3 { font-size: 2.3em; font-weight: normal; } p { font-size: 1.3em; } /* LAYOUT =====================================================================*/ #sizer { width: 990px; margin: 22px auto; position: relative; background: transparent url('/css/cssimg/bkg-sizer.png') repeat-y center top; } #header { background: transparent url('/css/cssimg/bkg-header.jpg') no-repeat left top; height: 700px; position: relative; } #content { background: transparent url('/css/cssimg/bkg-content.png') no-repeat center bottom; margin-top: -534px; padding: 0px 15px 20px 15px; position:relative; } #main-content { float: left; width: 595px; padding: 2px 15px 0 20px; min-height: 600px; } #side-content { float: right; width: 300px; padding: 0 15px; } #footer { background-color: #444; clear: both; margin: 0 15px; color: #fff; padding: 20px 15px 25px 20px; position: relative; } /* HEADER =====================================================================*/ /*** BRANDING ***/ #logo { position: absolute; top: 61px; left: 32px; font-size: 5.5em; text-transform: uppercase; letter-spacing: -.045em; font-weight: bold; } #logo a { color: #a80000; text-decoration: none; } #logo a acronym { color: #000; font-weight: normal; letter-spacing: -.011em; border: none; } #logo-hanfa { position: absolute; top: 20px; left: 35px; } #logo-hanfa a { position: relative; display: block; width: 160px; height: 28px; } #logo-hanfa a:focus { border: 1px solid #333; } #logo-hanfa a span { position: absolute; width: 100%; height: 100%; background: transparent url('/css/cssimg/logo-hanfa.png') no-repeat left top; } /*** MAIN NAVIGATION ***/ #navigation { font-size: 1.7em; border-bottom: 1px solid #a80000; position: absolute; top: 17px; right: 31px; padding-bottom: .29em; } #navigation li { display: inline; border-right: 1px solid #000; padding: 0 .29em; } #navigation li.last-child { border: none; padding-right: 0; } #navigation li.first-child { padding-left: 0; } #navigation li.last-child a { padding-right: 0; } #navigation li.first-child a { padding-left: 0; } #navigation li a { color: #000; text-decoration: none; padding: 0 .3em 0 0; } #navigation li a:hover { color: #888; } /* NAVIGATION HIGHLIGHTING */ #body_clanak_homepage #nav-homepage, #body_clanak_view #nav-articles, #body_clanak_archive #nav-articles, #body_clanak_search #nav-articles, .podrucja-interesa_body #nav-tags, #body_info_o_nama #nav-about, .novinari-pitaju_body #nav-journalists, #body_info_datoteke #nav-downloads, #body_info_video_materijali #nav-campaign { color: #a80000; } /*** QUICK SEARCH FORM ***/ #quick-search-form { position: absolute; top: 73px; right: 31px; } #quick-search-form label { display: block; font-size: 1.4em; } #quick-search-form label span { cursor: pointer; } #quick-search-form input.input-text { width: 224px; padding: .37em; border: 1px solid #d9d9d9; position: static; bottom: 0; left: 0; margin-right: 7px; font-size: 1.4em; background: #fff; color: #000; } #quick-search-form #submit { text-transform: uppercase; color: #fff; background-color: #a80000; border: 0; padding: .5em .4em; font-size: 1.2em; font-weight: bold; cursor: pointer; } /* MAIN CONTENT =====================================================================*/ /* TODO: Zamijeni sve #body__templates_display s pravim body IDjem! */ #main-content h1 { font-size: 2.4em; font-weight: bold; line-height: 1em; letter-spacing: -.003em; padding: .49em 0 .3em 0; color: #00498d; } #main-content h2 { padding-bottom: .1em; margin-bottom: .8em; } #main-content h2.first-child { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: .4em; } #main-content h3 { line-height: 1.2em; padding-bottom: .1em; } #main-content h3 a { color: #00498d; } #main-content .article { border-top: 1px solid #d0d0d0; padding-top: 1.3em; margin-bottom: 0.9em; } #main-content div.first-child { border-top: none; padding-top: 0; } #main-content p { line-height: 1.4em; padding-bottom: 1em; } #main-content .more { clear: both; padding-top: .5em; } #main-content .more a { font-size: .85em; color: #fff; background: #a80000 url('/css/cssimg/icons/document.png') no-repeat 93% center; padding: 0.28em 1.9em 0.3em 0.6em; } #main-content .more a:hover { text-decoration: none; } #main-content .more a:focus { background-color: #444; } #main-content a { color: #a80000; } #main-content ul, #main-content ol { font-size: 1.3em; padding-bottom: 1.3em; list-style-position: inside; } #main-content ul { list-style-type: square; list-style-image: url("/css/cssimg/list-bullet.png"); } #main-content ol { list-style-type: decimal; } #main-content sup { vertical-align: super; font-size: .7em; } #main-content sub { vertical-align: sub; font-size: .7em; } #main-content hr { margin-bottom: 1.3em; border: none; border-top: 1px solid #d0d0d0; } /*** IMAGES ***/ .image-left { float: left; padding: .2em 1.2em .5em 0 !important; } .image-right { float: right; padding: .2em 0 .5em 1.2em !important; } #body_clanak_homepage .article .image-left { padding: 0 !important; margin: .2em 1.2em .3em 0 !important; } /*** ARTICLE META DATA ***/ #main-content p.meta-data { font-size: 1.2em; padding-bottom: 1.05em; } #body_clanak_view #main-content p.meta-data { padding-bottom: 2.2em; } p.meta-data span { color: #808080; } p.meta-data a { color: #a80000; } /*** VIDEO ***/ .video-container { background: #464646; padding: 10px; margin-bottom: 1.5em; } .video-placeholder { float: left; width: 400px; } .video-meta { float: right; width: 165px; padding-left: 10px; } .video-meta p.title { color: #ffc20e; font-style: italic; font-size: 1.8em; } .video-meta p.desc { color: #fff; font-style: italic; font-size: 1.2em; } .video-meta dt { color: #fff; font-weight: bold; font-size: 1.2em; } .video-meta dd { color: #b0d235; font-size: 1.2em; } /* SIDE CONTENT =====================================================================*/ #side-content h2 { margin-bottom: .35em; } #side-content h3 { font-size: 1.5em; font-weight: bold; color: #5a6768; padding: .7em 0; } #side-content dt { font-size: 1.5em; line-height: 1.2em; padding-bottom: .1em; } #side-content dd { font-size: 1.2em; line-height: 1.35em; } #side-content dd a { color: #a80000; } #side-content dd span { color: #808080; } #side-content #article-link-listing li { border-top: 1px solid #d3d3d3; padding: .6em 0 .3em 0; margin-bottom: .6em; } #side-content #article-link-listing li.first-child { border: none; padding-top: 0; } /*** CONTACT FORM ***/ #side-content #contact-form { padding-bottom: 3em; } p.notice { color: #808080; font-style: italic; padding-bottom: .5em; } #side-content p.notice span, #side-content label span { color: #ff0000; font-weight: bold; font-size: 1.2em; } #side-content label { font-size: 1.1em; color: #6f7b7c; } #side-content input.input-text, #side-content textarea { border: none; background: #f2f2f1; padding: .4em; margin-bottom: .5em; width: 290px; } #side-content #contact-form-submit { color: #fff; background-color: #a80000; border: 0; padding: .4em; cursor: pointer; font-size: 1.2em; } .form-errors { border: 2px solid #ff0000; margin-bottom: 1em; padding: .7em; } .form-errors ul { list-style-type: square; list-style-image: url("/css/cssimg/list-bullet.png"); list-style-position: inside; font-size: 1.2em; padding-left: .9em; } .form-errors h3 { color: #ff0000 !important; padding: 0 0 .7em 1.4em !important; background: transparent url("/css/cssimg/icons/error2.png") no-repeat left 16%; } .inline-error { border: 1px solid #ff0000 !important; } .form-success h3 { padding-left: 1.4em !important; background: transparent url("/css/cssimg/icons/success2.png") no-repeat left center; } /*** CONTACT INFO ***/ #side-content .vcard { padding-bottom: 3em; color: #5a6768; } #side-content .vcard dt, #side-content .vcard dd { font-size: 1.4em; } #side-content .vcard dd span { color: #5a6768; } /* FOOTER =====================================================================*/ #footer { border-top: 12px solid #d1d1d0; } #footer p { font-size: 1.1em; } #footer dl { font-size: 1.1em; } #footer dt, #footer dd { line-height: 1.8em; } #footer .vcard .org { font-weight: bold; } #footer .vcard a { color: #fff; } #footer .vcard dt { float: left; padding-right: .3em; } #footer .vcard dt.contact { float: none; } #copyright { position: absolute; right: 16px; top: 20px; } #burza { position: absolute; right: 8px; bottom: 12px; } #burza a { text-indent: -9000px; width: 29px; height: 29px; background: transparent url("/css/cssimg/logo-burza.png") no-repeat left top; display: block; } /* TAGS =====================================================================*/ /*** TAG CLOUD ***/ .tag-cloud { overflow: hidden; padding: .6em 0 1.4em 0; } .tag-cloud li { font-size: 1.2em; line-height: 2; display: inline; } .tag-cloud a { white-space: nowrap; color: #0275e0 !important; } .tag-cloud .rank-2 { font-size: 1.2em; line-height: 2; } .tag-cloud .rank-3 { font-size: 1.35em; line-height: 1.777; } .tag-cloud .rank-4 { font-size: 1.5em; line-height: 1.6; } .tag-cloud .rank-5 { font-size: 1.65em; line-height: 1.455; } .tag-cloud .rank-6 { font-size: 1.8em; line-height: 1.334; } .tag-cloud .rank-7 { font-size: 1.95em; line-height: 1.231; } .tag-cloud .rank-8 { font-size: 2.1em; line-height: 1.143; } .tag-cloud .rank-9 { font-size: 2.25em; line-height: 1.067; } .tag-cloud .rank-10 { font-size: 2.4em; line-height: 1; } /*** TAG SEARCH FORM ***/ #tag-search-form { background: #ecf1f5 url("/css/cssimg/bkg-main-search-form.jpg") no-repeat left bottom; margin: -.9em 0 1.5em 0; padding: 17px 20px; } #tag-search-form label { color: #a80000; font-size: 1.2em; display: block; padding-bottom: 5px; font-weight: bold; cursor: pointer; width: 9em; } #tag-search-form #tag-query { border: 0; background-color: #fff; color: #000; margin-right: 13px; padding: .5em; width: 60%; } #main-content.has-JS #tag-query { width: 98%; } #tag-search-form #tag-submit { text-transform: uppercase; color: #fff; background-color: #00498d; border: 0; padding: .5em .4em; font-size: 1.2em; font-weight: bold; cursor: pointer; } /*** TAG SEARCH RESULTS ***/ #body_podrucja-interesa_results h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: .4em; font-size: 2.2em; line-height: 1.5;} #body_podrucja-interesa_results #main-content .featured-listing h2 { border-bottom: 1px dotted #dbdbdb; } #selected-tags { margin-bottom: 1em; } #selected-tags ul { font-size: 2.4em; list-style-image: none; list-style-type: none; padding-bottom: 0; } #selected-tags ul li { position: relative; float: left; padding-right: .3em; margin-right: .6em; background: transparent url("/css/cssimg/icons/delimiter.gif") no-repeat 100% 80%; } #selected-tags ul li.last-child { background: none; } #selected-tags ul li a { color: #0275e0; } #selected-tags ul li a.action { position: absolute; top: 5px; right: 5px; } #tag-filter { background: transparent url("/css/cssimg/icons/tag-icon.jpg") no-repeat left 5px; border-top: 1px dotted #dbdbdb; border-bottom: 1px dotted #dbdbdb; padding: .5em 0; margin-bottom: 2em; } #tag-filter h2 { padding: 0 0 0 2em; margin: 0; } #tag-filter h2 a { color: #a80000; } #tag-filter .tag-cloud { padding-left: 3.8em; padding-bottom: .6em; } #tag-filter.expanded h2, #tag-filter.collapsed ul, #tag-filter.collapsed .close { position: absolute; top: -9999px; left: -9999px; } #tag-filter .close { font-size: 1.5em; font-weight: bold; text-align: right; color: #000; padding: 0; } #tag-filter .close a { color: #a80000; } #tag-filter .tag-cloud { font-size: 1em;; } #tag-filter .tag-cloud a { color: #0275e0; } #tag-cloud-container .tag-cloud { font-size: 1em; } #body_podrucja-interesa_results #main-content h2 { font-size: 1.8em; border: 0; } /*** PAGINATION ***/ #main-content .pagination { border-top: 1px dotted #dbdbdb; border-bottom: 1px dotted #dbdbdb; font-size: 1.2em !important; padding: .6em 0; margin-bottom: 1.5em; } #main-content .pagination p { padding: 0; font-size: 1em !important; display: inline; } #main-content .pagination strong { color: #000; } #main-content .pagination a { color: #0275e0; } #main-content .pagination strong, #main-content .pagination p a, #main-content .pagination .prev a { background: transparent url("/css/cssimg/pagination-item-delimiter.png") no-repeat right center; padding-right: .6em; margin-right: .5em; } #main-content .pagination .prev a { padding-right: .8em; margin-right: .2em; } /* ARTICLE SEARCH =====================================================================*/ /*** ARTICLE SEARCH FORM ***/ #article-search-form { background: #ecf1f5 url("/css/cssimg/bkg-main-search-form.jpg") no-repeat left bottom; margin: -.9em 0 1.5em 0; padding: 17px 20px; } #article-search-form label { color: #a80000; font-size: 1.2em; display: block; padding-bottom: 5px; font-weight: bold; cursor: pointer; width: 9em; } #article-search-form #query { border: 0; background-color: #fff; color: #000; margin-right: 13px; padding: .5em; width: 60%; } #article-search-form #article-submit { text-transform: uppercase; color: #fff; background-color: #00498d; border: 0; padding: .5em .4em; font-size: 1.2em; font-weight: bold; cursor: pointer; } strong.highlight { color: #000;background: #ffc20e; padding: .1em .3em; -moz-border-radius: .1em; -webkit-border-radius: .1em; border-radius: .1em; } #body_clanak_search h3.first-child { padding-bottom: .5em; font-size: 1.8em; } /* ABOUT US =====================================================================*/ #body_info_o_nama #main-content h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: 1em; font-size: 2.2em; line-height: 1.5;} #body_info_o_nama #main-content p {line-height: 1.5em;} /* ERRORS =====================================================================*/ #body_error_404 #main-content h1, #body_error_403 #main-content h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: 1em; font-size: 2.2em; line-height: 1.5;} /* JOURNALISTS =====================================================================*/ #body_novinari-pitaju_novinari_pitaju #main-content h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: 1em; font-size: 2.2em; line-height: 1.5;} #body_novinari-pitaju_novinari_pitaju .form-errors h3 { font-size: 1.6em; font-weight: bold; background-position: left 16%; } #body_novinari-pitaju_novinari_pitaju .form-errors ul { padding-bottom: 0em; } #body_novinari-pitaju_novinari_pitaju .form-success h3 { font-size: 1.6em; font-weight: bold; padding: 0; } #journalists-form p { font-size: 1.5em; padding-bottom: .7em; } #journalists-form p.inline { width: 47%; float: left; padding-right: 2em; } #journalists-form p.last { padding-right: 0; } #journalists-form p.block { clear: both; } #journalists-form label { display: block; } p.notice span, #journalists-form label span { color: #ff0000; font-weight: bold; font-size: 1.2em; } #journalists-form input.input-text, #journalists-form textarea { border: none; background: #f2f2f1; padding: .4em; margin-bottom: .5em; width: 98%; } #journalists-form-submit { color: #fff; background-color: #a80000; border: 0; padding: .4em; cursor: pointer; font-size: 1em; margin: 0 auto; width: 7em; display: block; } /* DOWNLOADS =====================================================================*/ #body_info_datoteke #main-content h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: 1em; font-size: 2.2em; line-height: 1.5;} .downloads { list-style-type: none !important; list-style-image: none !important; } .downloads a, .downloads p { padding-left: 33px; } .downloads a { background: transparent url(/css/cssimg/icons/excel.png) no-repeat left 10%; font-size: 1.9em; display: block; line-height: 1; margin-bottom: .2em; } .downloads a span { color: #000; font-size: .7em; } .downloads p { font-size: 1em; display: block; line-height: 1; margin-bottom: .5em; } .brochures a.first-child {margin-right: 10px;} .brochures a {margin-bottom: 10px;} .brochures img {margin-top: 5px;} /* CAMPAIGN =====================================================================*/ #body_info_video_materijali #main-content h1 { color: #fff; border: 0; background-color: #a80000; padding: 0 .3em; margin-bottom: 1em; font-size: 2.2em; line-height: 1.5;} #body_info_video_materijali #main-content h2 { clear: both; } .info_body .video-placeholder { width: auto; margin: 4px 20px 10px 0; } .info_body #main-content h1 {padding: 0.49em 0 0.8em;} #body_info_video_materijali #main-content .more { clear: none; } /* ADMIN RELATED =====================================================================*/ .edit-link { background: #fff; color: #f00; padding: 1px; margin: 1px; position: absolute; top: 0; right: 0; z-index: 100; } #profiling { position: absolute; right: -290px; top: 5px; width: 480px; z-index: 100; font-size: 1.1em; } #profiling_overview { text-align: right; color: #000; } #profiling_overview a { color: #888; text-decoration: underline; } #profiling_details { position: relative; top: -1px; background: #333; border: 1px solid #111; height: 600px; overflow: auto; padding: 10px; } #profiling_details thead * { font-weight: bold; color: #999; border-bottom: 1px solid #ccc; text-align: left; } #profiling_details tbody th, #profiling_details tbody td { border-bottom: 1px solid #ccc; padding: 5px 10px; font-weight: normal !important; font-size: 1em !important; } #profiling_details tbody th { padding: 5px 10px 5px 2px; text-align: left; } .diff_col, .total_col, #profiling_details tbody td { text-align: right !important; padding-right: 2px; padding-left: 20px; } #profiling_details tbody th { color: #666; } #profiling_details td span { display: block; padding-bottom: 2px; margin-bottom: 1px; border-bottom: 1px solid #eee; } #profiling_details .cool { color: #70BA0B !important; } #profiling_details .risky { color: #FF9000 !important; } #profiling_details .critical { color: #FF0000 !important; }