/** * @package Joomla * @subpackage ju_otan Theme */ /* Font face declarations*/ /* Pristina */ @font-face { font-family: 'Pristina'; src: url('../fonts/pristina.otf') format('opentype'), url('../fonts/pristina.eot') format('embedded-opentype'), url('../fonts/pristina.woff') format('woff'); url('../fonts/pristina.svg#Pristina-Regular') format('svg') font-weight: normal; /* General style */ body { color:#2E0202; background-color:#f2f2f2; /* font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,Pristina,sans-serif ehelyett így: */ font: 13px Pristina, Arial, sans-serif; } /*headings*/ h1,h2,h3,h4,h5,h6 {color:#1a1a1a; font-weight:300;} h1{font-size:35px} h2{font-size:27px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} ol{list-style:decimal} ul{list-style:disc} li{margin-left:30px} /*links*/ a { color:#cc3300; text-decoration:none;} a:hover, a:active, a:focus { color:#1a1a1a;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{ margin-bottom:20px} /*modules*/ .white { color: #333; background-color: #fff; margin: 0 auto 10px auto; border: 1px solid #f1f1f1; padding: 5px; } .white:hover { color: #333; background-color: #f9f9f9; } .grey { color: #333; background-color: #f5f5f5; margin: 0 auto 5px auto; padding: 5px; border: 1px solid #f1f1f1; } .grey:hover { color: #333; background-color: #ddd; } .red { color: #f1f1f1; margin: 0 auto 10px auto; background-color: #cc3333; padding: 5px; border: 1px solid #fafafa; } .blue { color: #f1f1f1; margin: 0 auto 10px auto; background-color: #0e99d3; padding: 5px; border: 1px solid #fafafa; } .green { color: #f1f1f1; margin: 0 auto 10px auto; background-color: #6bc32a; padding: 5px; border: 1px solid #fafafa; } .orange { color: #f1f1f1; margin: 0 auto 10px auto; background-color: #fc7317; padding: 5px; border: 1px solid #fafafa; } .white h3, .grey h3 { margin: -5px 0px 3px 0px; font-size: 1.5em; padding: 0px 8px; line-height:34px; } .dark h3, .dark h3, .red h3, .blue h3, .green h3, .orange h3{ color: #f1f1f1; margin: -5px 0px 3px 0px; font-size: 1.5em; line-height:34px; padding: 4px; border-bottom: 1px #999 solid ; } .dark { background-color: #444; margin: 0 auto 10px auto; color: #ddd; padding: 5px; } .dark ul, .mcolor ul, .white ul { padding-left: 10px; } .dark a, .colors a { color: #ddd; text-decoration: underline;} /*lists*/ li {list-style:none;} span.latestItemImage img {max-width:100%!important;} /* Grid */ .block {padding:0 10px 45px 7px;} /*joomla columns*/ .cols-2 .item, .cols-3 .item, .cols-4 .item {float:left; margin:0 2%;} .cols-2 .item {width:48.0%;} .cols-3 .item {width:30.2%;} .cols-4 .item {width:21.5%;} .column-1 {margin-left:0!important;} .cols-2 .column-2, .cols-3 .column-3, .cols-4 .column-4 {margin-right:0!important;} /* Joomla meus */ /*default menu*/ .joomla-nav {margin:0;} .joomla-nav li {list-style:none; margin:0;} /*menu1 style*/ .menu1 li {margin-bottom:10px;} .menu1 li a {display:block; padding:4px 15px; background:#f5f5f5; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#808080; text-decoration:none;} .menu1 li a:hover, .menu1 li a:active, .menu1 li a:focus, .menu1 li a.active { color:#fff; text-decoration:none;} /* Joomla elements */ .cat-children {margin-bottom:20px;} /*messages*/ .tip-wrap {background:#fff; padding:10px; border:solid 1px #ddd;} /*article archives*/ .filter-search select {margin-right:10px;} /* Forms */ .inputbox, input, textarea { border:0; background:url(../images/input-bg.png); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:7px; color:#808080;} /*forms buttons*/ .button, .btn, button { font-size:90%!important; text-transform:uppercase; padding:2px 10px; background-image:url(../images/button-bg.png); background-repeat:repeat-x; background-position:left bottom; background-color:#800000; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; border:0;} .button:hover, .btn:hover, button:hover {color:#fff; text-decoration:none; background-position:left top;} /*contact form*/ #contact-form legend {font-size:92%; font-style:italic; color:#999;} #contact-form input {width:300px; max-width:90%; margin-bottom:15px;} #contact-form .control-label {padding-bottom:5px;} #contact-form textarea {width:450px; max-width:90%; margin-bottom:15px;} #contact-form .email-copy input {width:20px;} /* Page layout */ .container {background:#transparent;} /*separator*/ .separator {visibility:visible; height:3px; width:auto; margin:0 21px; background:url(../images/line.png) repeat-x;} /*feature section*/ #feature .container {padding-top:0px;} /*before content section*/ #top .container {padding-top:20px;} /*content section*/ #content .container {padding-top:20px; width:1200px;} /*after content section*/ #info .container .separator {background:url(../images/line.png) repeat-x; margin-bottom:20px;} /*bottom section*/ #bottom .container {background:#f5f5f5; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding-top:20px;} /*page bottom container section*/ #page-container-bottom {padding-bottom:10px; width: 1200px; padding-left: 80px;} #page-container-middle {padding-bottom:10px; width: 1200px; padding-left: 80px;} /*category list section*/ .category-list {margin-bottom:20px;} /*module bottom margins in sidebars*/ .left .module-container, .right .module-container {margin-bottom:20px;} /* Header */ #header {background: #2E0202; padding:10px 0 0 0; height: 150px;} /*logo*/ .logo {float:left; margin-left:1%; margin-top: -0px; padding-left:10px;} #logo-image {margin:0;} #logo-image a {display:block; text-indent:-999px; overflow:hidden;} /*header content*/ .header-content background-image: -webkit-linear-gradient(top, #2e0202, #2e0202); background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -ms-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); border-bottom: 0px solid #cc3300;} .search-form {text-align:right; width: 200px; float: right;} /* Navigation */ /*navigation container*/ #navigation {display:block; font-size: 16px;} /*fixed navigation when site is scroll*/ .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} #navigation ul {margin:0; } /*hide select menu*/ .select-menu {display:none;} /* left offset of submenus need to match (see below) */ #navigation .sf-menu ul {width:160px!important;} /* match ul width */ #navigation ul.sf-menu li li.sfHover ul {left:169px!important;} /* match top ul list item height */ #navigation .sf-menu > li:hover > ul, #navigation .sf-menu > li.sfHover > ul {top:45px!important;} #navigation ul.main-nav {margin:0;} /*root menu items*/ #navigation .sf-menu li {background: none; margin:0 3px 0 0;} #navigation .sf-menu a {border:0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; padding:13px 15px; color:#7f7f7f;} /*active root menu items*/ #navigation .sf-menu li:hover, #navigation .sf-menu li.sfHover, #navigation .sf-menu li.sfHover a, #navigation .sf-menu li#current a, #navigation .sf-menu a:focus, #navigation .sf-menu a:hover, #navigation .sf-menu a:active, #navigation .sf-menu li.selected a { color:#fff;} /*padding right fore parent menu item*/ #navigation .sf-menu a.sf-with-ul {} /*dropdown menu items*/ #navigation .sf-menu li li {background:0;} #navigation .sf-menu li li a {font-weight:normal; color:#fff; font-size:12px; text-shadow: none; padding:10px 15px; border-bottom:0; border-left:0;} /*dropdown hover and active menu items*/ #navigation .sf-menu li li:hover, #navigation .sf-menu li li.sfHover, #navigation .sf-menu li li#current a, #navigation .sf-menu li li a:focus, #navigation .sf-menu li li a:hover, #navigation .sf-menu li li a:active {background:0;} /*style for ul dropdown container*/ #navigation .sf-menu li ul {border:0; border-top: 4px solid #555; margin-top:-3px;} #navigation .sf-menu li ul ul {margin-top:0;} /* Footer */ /*footer section*/ #footer {font-size:92%;} #footer .separator {background-position:left -1px; margin-bottom:25px;} #footer .block {padding-bottom:25px;} /*footer menu*/ .footer-menu {margin:0;} .footer-menu li {display:inline; list-style:none; margin:0 10px 0 0; background:url(../images/footer-menu-bg.png) no-repeat right center; padding-right:15px;} .footer-menu li:last-child {margin-right:0; padding-right:0; background:0;} .footer-menu li a {text-transform:uppercase; font-size:92%;} /* Articles */ /*article layout*/ .article-bg {margin-bottom:20px;} /*article info*/ .article-info {font-size:92%; font-style:italic; color:#999; margin-bottom:15px; padding:5px 0;} .article-info ul {margin:0;} .article-info ul li {list-style:none;float:left;margin:0 15px 0 0;padding:0 0 0 18px;} .article-info ul li.category-name {background:url(../images/icons/16x16/folder_2.png) no-repeat left center;} .article-info ul li.create, .article-info ul li.modified, .article-info ul li.published {background:url(../images/icons/16x16/calendar_2.png) no-repeat left center;} .article-info ul li.createdby {background:url(../images/icons/16x16/user_2.png) no-repeat left center;} .article-info ul li.hits {background:url(../images/icons/16x16/graph.png) no-repeat left center;} /*print and email icons*/ .article-info ul li.print-icon, .article-info ul li.email-icon {display:block; float:right; margin:0; padding:0;} .article-info ul li.print-icon a, .article-info ul li.email-icon a {display:block; width:18px; height:18px; margin-left: 8px; text-indent:-999px; overflow:hidden;} .article-info ul li.email-icon a {background:url(../images/system/emailButton.png) no-repeat center center;} .article-info ul li.print-icon a {background:url(../images/system/printButton.png) no-repeat center center;} /* Modules */ /*module1 style*/ .module1 {background:#f5f5f5; border:solid 1px #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:20px;} /*center style*/ .text-center {text-align:center;} /*latest news module*/ .latestnews {margin:0;} .latestnews li {list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; display:block; border-bottom:solid 1px #ddd;} .latestnews li a {background:url(../images/readmore-arrow.png) no-repeat right 4px; padding:0 14px 0 0;} /*breadcrumb module*/ .breadcrumbs {font-size:92%; padding-top:11px;} .breadcrumbs ul {margin:0; text-align:right;} .breadcrumbs ul li {display:inline; margin:0;} .breadcrumbs li.pathway {background:url(../images/breadcrumb.png) no-repeat right center; margin:0 7px 0 0; padding:0 16px 0 0;} /*search module*/ #mod-search-searchword {margin-top:5px; width:90%; background: #fff; padding-left:20px; font-size:94%;} /* Pagination */ .readmore {background-color:#fafafa; padding: 5px 15px; } ul.pagenav {margin-bottom:0;} .pagination, .k2Pagination {float:left; width:100%; padding:0!important; margin:0 0 45px 0!important;} .pagination ul, .k2Pagination ul {padding:0!important; margin:0!important;} .pagination ul li, .k2Pagination ul li {float:left; margin:0 10px 0 0!important; border:0!important; padding:0!important; list-style:none;} .pagination ul li.pagination-start span.pagenav, .pagination ul li.pagination-prev span.pagenav, .pagination ul li.pagination-next span.pagenav, .pagination ul li.pagination-end span.pagenav, .pagination ul li span.pagenav, .pagination ul li a.pagenav, .k2Pagination ul li.pagination-start span.pagenav, .k2Pagination ul li.pagination-prev span.pagenav, .k2Pagination ul li.pagination-next span.pagenav, .k2Pagination ul li.pagination-end span.pagenav, .k2Pagination ul li span.pagenav, .k2Pagination ul li a.pagenav, .k2Pagination ul li {display:block; padding:0; margin:0; line-height:25px; height:25px; width:29px; font-size:100%;} .pagination ul li span.pagenav, .k2Pagination ul li span.pagenav {text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:normal;} .pagination ul li a.pagenav, .k2Pagination ul li a.pagenav {border:solid 1px #ddd; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#fff;} .pagination ul li a.pagenav:hover, .pagination ul li a.pagenav:active, .pagination ul li a.pagenav:focus, .k2Pagination ul li a.pagenav:hover, .k2Pagination ul li a.pagenav:active, .k2Pagination ul li a.pagenav:focus {background-position: left center;} .pagination ul li.pagination-start span.pagenav, .pagination ul li.pagination-prev span.pagenav, .pagination ul li.pagination-next span.pagenav, .pagination ul li.pagination-end span.pagenav, .k2Pagination ul li.pagination-start span.pagenav, .k2Pagination ul li.pagination-prev span.pagenav, .k2Pagination ul li.pagination-next span.pagenav, .k2Pagination ul li.pagination-end span.pagenav, .pagination ul li.pagination-start a.pagenav, .pagination ul li.pagination-prev a.pagenav, .pagination ul li.pagination-next a.pagenav, .pagination ul li.pagination-end a.pagenav, .k2Pagination ul li.pagination-start a.pagenav, .k2Pagination ul li.pagination-prev a.pagenav, .k2Pagination ul li.pagination-next a.pagenav, .k2Pagination ul li.pagination-end a.pagenav {border:0!important; background:0!important;} .pagination ul li.pagination-start span.pagenav, .pagination ul li.pagination-prev span.pagenav, .pagination ul li.pagination-next span.pagenav, .pagination ul li.pagination-end span.pagenav, .k2Pagination ul li.pagination-start span.pagenav, .k2Pagination ul li.pagination-prev span.pagenav, .k2Pagination ul li.pagination-next span.pagenav, .k2Pagination ul li.pagination-end span.pagenav {font-weight:normal;} ul.pagenav li.pagenav-next, ul.pagenav li.pagenav-prev {margin-bottom:15px;} .results, .pagination-results {line-height:25px; text-align:right; margin:0;} /**article navigation*/ ul.pagenav {text-align:right; margin-bottom:20px;} ul.pagenav li {display:inline; margin:0 0 0 10px;}