/* Theme Name: tarozum-theme Version: 1.0 Author: Robert Ryba (ryboxx design) */ body { font-family: open_sansregular; font-size: 13px; color: #121212; background: #f7f8f9 url(images/body-bg.jpg) center top no-repeat; } a { text-decoration: none; } a.more { color: #dc453c; display: block; } a.more:hover { text-decoration: underline; } a.more.bt { display: inline-block; background: #f24a41; padding: 10px 15px; color: #fff; float: right; margin-top: 30px; } a.more.bt:hover { background: #10a1d6; text-decoration: none; } h1 { display: block; font-family: open_sansbold; font-size: 25px; color: #3c3c3c; margin: 0; margin-bottom: 25px; max-width: 70%; } h1.subpage { padding-left: 70px; } ul { margin: 0; padding: 0; } #wrapper { width: 1000px; margin: 0 auto; } header a { text-decoration: none; color: #121212; } header .icon-box, header nav { float: left; height: 90px; overflow: hidden; } header .icon-box, aside { width: 225px; } header .icon-box { background: #f24a41; } header .icon-box img { margin-top: 20px; margin-right: 10px; } header .icon-box img.icon-mobile { margin-left: 35px; } header nav, .inside-content { width: 775px; } .contents { margin-left: 20px; } .contents.subpage { padding-bottom: 80px; } nav ul { margin-top: 35px; margin-left: 15%; } nav li { float: left; } nav li a { display: block; font-size: 15px; padding: 0 10px; } nav li a:hover, nav li.current-menu-item a, nav li.current-page-ancestor a { color: #10a1d6; } aside { background: #121212; color: #fff; margin-bottom: 50px; } aside .menu-box, .box.widget_wysija { margin-left: 15px; } aside .menu-box { font-size: 15px; margin-bottom: 40px; } aside .menu-box ul { list-style: none; } aside .menu-box ul li a { display: block; height: 40px; line-height: 40px; padding: 0 10px; border-bottom: 1px solid #353333; color: #fff; } aside .menu-box ul li a:hover, aside .menu-box ul li.current-menu-item a, aside .menu-box ul li.current-page-ancestor a { background: url(images/aside-menu-hover.jpg) right top no-repeat; } aside, .inside-content { float: left; } aside .logo-box img { display: block; } a.button, .newsletter-box .title { display: block; font-family: open_sansbold; text-align: center; font-size: 24px; } a.button.news, a.button.archives, nav li a, .category-box a, footer ul li a, .newsletter-box input.wysija-submit, a.more, .contest-view .menu li a, .contest-view table tr td, .sponsors-list .sponsor-box, .news-list.people .menu li a { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } a.button.news { height: 121px; background: #1d1d1d; color: #f24a41; line-height: 121px; } a.button.news:hover { background: #fff; } a.button.archives, .newsletter-box .title { height: 82px; background: #f24a41; color: #fff; line-height: 82px; } a.button.archives:hover { background: #fff; color: #f24a41; } #slideshow { position: relative; height: 366px; background: url(images/slideshow-bg.jpg) 0 0 no-repeat; } #slideshow.subpage { height: 245px; } #slideshow .logos-tartxt-box { width: 100%; position: absolute; left: 0; bottom: 0; } #slideshow .logos-tartxt-box .logos, #slideshow .logos-tartxt-box .tar-txt { float: left; width: 50%; height: 67px; line-height: 67px; text-align: center; } #slideshow .logos-tartxt-box .logos { background: rgba(255,255,255,0.9); } #slideshow .logos-tartxt-box .logos img { margin-top: 8px; } #slideshow .logos-tartxt-box .tar-txt { background: rgba(242, 74, 65, 0.8); color: #fff; font-family: open_sansbold; font-size: 20px; } #slideshow .black-box { width: 110px; height: 122px; background: #1d1d1d; position: absolute; right: 0; bottom: -122px; } #coin-slider { width: 775px; height: 366px; } .search-box { margin: 20px 0px; position: relative; } .search-box input { width: 90%; height: 40px; background: #efecec url(images/search-bg.png) right center no-repeat; border: 1px solid #c4c4c6; padding: 0px 5%; color: #7f8080; } .search-box .line { float: left; width: 450px; height: 1px; background: #c4c4c6; margin-top: 20px; } .search-box .search { float: left; width: 285px; margin-left: 18px; } .newsletter-box { margin-bottom: 50px; } .newsletter-box .title { background: #10a1d6; } .newsletter-box input.wysija-input, .newsletter-box input.wysija-submit { font-family: open_sansregular; border: none; } .newsletter-box input.wysija-input { width: 90%; height: 40px; padding: 0px 5%; background: #efecec; color: #7f8080; } .newsletter-box input.wysija-submit { background: #f24a41; padding: 15px 40px; color: #fff; margin-left: 30px; } .newsletter-box input.wysija-submit:hover { background: #10a1d6; } .last-news-box { margin-bottom: 50px; } .last-news-box .item { float: left; width: 28%; border-bottom: 12px solid #efecec; padding-bottom: 15px; margin-right: 8%; } .last-news-box .item:nth-child(3) { margin-right: 0; } .last-news-box .item .head { border-left: 5px solid #efecec; font-family: open_sansbold; } .last-news-box .item .date, .news-list .news-box .date { background: #10a1d6; display: inline-block; font-size: 15px; color: #fff; padding: 5px 10px; position: relative; left: -5px; } .last-news-box .item .title { font-size: 18px; margin-top: 10px; margin-left: 15px; height: 75px; overflow: hidden; } .last-news-box .item .title a { color: #3d3c3c; } .last-news-box .item .title a:hover { text-decoration: underline; } .last-news-box .item .txt { margin-top: 20px; height: 90px; overflow: hidden; } .last-news-box .item a.more { text-align: right; margin-top: 20px; } .media-contest-box { padding-bottom: 80px; } .media-contest-box .media-box, .media-contest-box .contest-box { float: left; width: 48%; } .media-contest-box .media-box { margin-right: 2%; } .media-contest-box .contest-box { margin-left: 2%; } .media-contest-box .contest-box .line { background: #efecec; margin-bottom: 8px; } .media-contest-box .contest-box .line a { display: inline-block; font-family: open_sansbold; color: #fff; padding: 10px 20px; background: #10a1d6; } .media-contest-box .contest-box .line:nth-child(2n) a { background: #f24a41; } .media-contest-box .contest-box a.more { text-align: right; } .shows-sumo-box .item { float: left; width: 25%; height: 185px; background: #efecec; position: relative; } .shows-sumo-box .item .icon { position: absolute; top: -25px; left: 38%; z-index: 500; } .shows-sumo-box .item .txt { font-size: 18px; text-align: center; font-family: open_sansbold; margin-top: 75px; padding: 0px 15px; color: #3c3c3c; } .shows-sumo-box a.more.bt { float: left; } footer { width: 100%; background: url(images/footer-bg.jpg) center top no-repeat; } .center-box { width: 1000px; margin: 0 auto; } footer .sponsors-box .logos, footer .sponsors-box .title { float: left; height: 60px; overflow: hidden; } footer .sponsors-box .logos { width: 80%; } footer .sponsors-box .title { width: 20%; background: #f24a41; font-family: open_sansbold; font-size: 18px; color: #fff; text-align: center; line-height: 60px; } footer .head-footer-box { background: #121212 url(images/sumo-footer-bg.png) 650px bottom no-repeat; padding: 20px 40px; padding-top: 40px; color: #efecec; } footer .head-footer-box h1, footer .head-footer-box a { color: #efecec; } footer .head-footer-box .quick-access { float: left; width: 40%; } footer .head-footer-box .archives { float: left; width: 25%; } footer .head-footer-box .contact { float: left; width: 35%; text-align: right; font-family: open_sansbold; } footer .head-footer-box .contact h1 { max-width: 100%; } footer .head-footer-box .contact a { font-size: 25px; color: #10a1d6; } footer .head-footer-box .contact a.e-mail { color: #f24a41; } footer .head-footer-box .copyright { margin-top: 20px; font-size: 12px; text-align: right; } footer .cookie-info { font-size: 12px; color: #3c3c3c; background: url(images/cookie-bg.png) 0 0 no-repeat; padding-left: 45px; margin: 10px 0px; } footer ul { list-style: none; } footer ul li { margin-bottom: 15px; } footer ul li a:hover { color: #10a1d6; } footer .quick-access ul li { float: left; display: block; width: 30%; } footer .quick-access ul li a { display: none; } footer .quick-access ul li ul li { float: none; width: 100%; } footer .quick-access ul li ul li a { display: block; } .media-contest-box .media-box .videos { height: 185px; overflow: hidden; margin-bottom: 1%; } .media-contest-box .media-box .images { float: left; width: 45%; height: 127px; margin-right: 1%; overflow: hidden; } .media-contest-box .media-box .images .calibrationFill, .media-contest-box .media-box .videos .calibrationFill, .shows-sumo-box .item .calibrationFill { width: 100%; height: 100%; } .media-contest-box .media-box .links { float: left; width: 54%; } .media-contest-box .media-box .links a { display: block; color: #fff; text-align: center; } .media-contest-box .media-box .links a:first-child { height: 37px; background: #10a1d6 url(images/videos-links-bg.png) 0 0 no-repeat; margin-bottom: 2%; line-height: 37px; } .media-contest-box .media-box .links a:last-child { padding: 25px 0px; background: #f24a41 url(images/images-links-bg.png) right top no-repeat; } .category-box, .contest-view .menu, .news-list.people .menu { background: #efecec; padding: 9px 10px; margin-bottom: 75px; } .category-box a, .contest-view .menu li a, .news-list.people .menu li a { display: inline-block; padding: 10px 25px; background: #f24a41; color: #fff; font-family: open_sanssemibold; font-size: 14px; margin: 5px 3px; } .category-box a:hover, .contest-view .menu li a:hover, .news-list.people .menu li a:hover { background: #10a1d6; } .news-list .news-box { border-bottom: 1px solid #efecec; padding-bottom: 20px; margin-bottom: 20px; } .news-list.view .news-box { border-bottom: none; } .news-list .news-box .left { float: left; width: 26%; height: 165px; overflow: hidden; background: #EFECEC url(images/no-image-bg.png) center center no-repeat; } .news-list.view .news-box .left { width: 36%; } .news-list.people .news-box .left { height: 250px; position: relative; } .news-list.people .news-box .left img { height: 100%; } .news-list .news-box .left .calibrationFill { width: 100%; height: 100%; } .news-list .news-box .right { float: left; width: 74%; } .news-list.view .news-box .right { width: 64%; } .news-list .news-box .date { position: static; font-family: open_sansbold; } .news-list.people .news-box .date { font-size: 25px; padding: 15px 20px; line-height: 20px; } .news-list.people .news-box .date span { font-family: open_sansregular; font-size: 15px; } .news-list .news-box .info { border-left: 5px solid #EFECEC; padding-left: 15px; padding-top: 10px; } .news-list.view .news-box .info { font-family: open_sanssemibold; } .news-list.people .news-box .info { text-align: center; font-family: open_sansbold; font-size: 16px; padding: 10px 0px; } .news-list .news-box .title { font-family: open_sansbold; font-size: 18px; margin-bottom: 5px; height: 25px; overflow: hidden; } .news-list .news-box .title a { color: #3D3C3C; } .news-list .news-box .title a:hover { text-decoration: underline; } .news-list .news-box .desc { height: 55px; overflow: hidden; } .news-list .news-box a.more { text-align: right; margin-top: 20px; } .news-list .news-box .comments-box { margin-top: 50px; } .news-list.people .news-box table.data { width: 100%; margin: 0 auto; } .news-list.people .news-box table.data tr th, .news-list.people .news-box table.data tr td { padding: 5px 15px; } .news-list.people .news-box table.data tr th { width: 25%; text-align: right; } .news-list.people .news-box table.data tr td { text-align: left; width: 75%; } .news-list.people .news-box table a { font-family: open_sansbold; color: #f24a41; } .gallery { margin-top: 50px; } .gallery .item { float: left; width: 225px; height: 140px; border: 3px solid #efecec; margin: 5px 10px; overflow: hidden; } .gallery .item img { width: 100%; height: 100%; } .gallery .item span.roll { width: 225px; height: 140px; } .news-list.people .news-box .left span.roll { width: 100%; height: 100%; } .gallery .item span.roll, .video-image-gallery a span.roll, .news-list.people .news-box .left span.roll { background:url(images/small-hover-gallery.png) center center no-repeat #faf9f9; position: absolute; z-index: 500; } .video-image-gallery a { float: left; display: block; width: 47%; height: 200px; position: relative; border: 3px solid #efecec; margin: 1%; overflow: hidden; background: #efecec; } .video-image-gallery a .calibrationFill { width: 100%; height: 100%; } .video-image-gallery.media a { width: 30%; height: 275px; } .video-image-gallery a span.roll { width: 100%; height: 100%; background: url(images/small-hover-imgallery.png) center 35px no-repeat #faf9f9; } .video-image-gallery a .title { display: block; width: 94%; position: absolute; background: rgba(242,74,65,0.9); left: 0; bottom: 0; padding: 7px 3%; color: #fff; font-size: 15px; z-index: 600; } .video-image-gallery.v a .title { background: rgba(16,161,214,0.9); } .video-image-gallery a:nth-child(2n) .title { background: rgba(18,18,18,0.9); } .video-image-gallery.v a span.roll { background: url(images/small-hover-viedogallery.png) center 35px no-repeat #faf9f9; } .video-image-gallery.media a span.roll { background: url(images/small-hover-gallery.png) center center no-repeat #faf9f9; } .contest-view { margin-top: 50px; } .contest-view .title, .news-list.people .title { text-align: center; font-family: open_sansbold; font-size: 20px; margin-bottom: 30px; } .contest-view .menu, .news-list.people .menu { margin-bottom: 50px; } .contest-view .menu ul, .news-list.people .menu ul { list-style: none; } .contest-view .menu li, .news-list.people .menu li { float: left; } .contest-view table { width: 100%; } .contest-view table tr td, .contest-view table tr th { padding: 10px 15px; border: 3px solid #f7f8f9; } .contest-view table tr th { background: #10a1d6; color: #fff; } .contest-view table tr:nth-child(2n) td { background: #EFECEC; } .contest-view table tr:hover td { background: #1d1d1d; color: #fff; } .contest-view table tr td:nth-child(1) { width: 50%; } .contest-view table tr td:nth-child(2), .contest-view table tr td:nth-child(3) { width: 25%; text-align: center; } .pagination-box { text-align: center; margin-top: 30px; } .pagination-box span, .pagination-box a { background: #efecec; } .pagination-box span.current { background: #f24a41; } article { margin-bottom: 30px; } article a { color: #3D3C3C; } article a:hover { text-decoration: underline; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { overflow:hidden; float:left; width:100%; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { width: 100%; cursor: pointer; position: relative; max-width: 130px; max-height: 55px; } footer .sponsors-box .logos ul li { list-style: none; float: left; } .sponsors-list .sponsor-box { display: block; float: left; width: 28%; padding: 2%; background: #efecec; color: #121212; } .sponsors-list .sponsor-box:hover { -webkit-box-shadow:inset 1px 1px 5px 1px #C9C9C9; box-shadow:inset 1px 1px 5px 1px #C9C9C9; } .sponsors-list .sponsor-box:nth-child(2n) { background: none; } .sponsors-list .sponsor-box .logo { width: 100%; height: 150px; margin-bottom: 15px; } .sponsors-list .sponsor-box .info { text-align: center; height: 145px; overflow: hidden; } .sponsors-list .sponsor-box .name, .sponsors-list .sponsor-box .website { font-family: open_sanssemibold; margin-bottom: 10px; } .sponsors-list .sponsor-box .website { margin-bottom: 0; } .sponsors-list .sponsor-box .adress { margin-bottom: 5px; } .contact-view { border-bottom: 3px solid #EFECEC; padding-bottom: 50px; margin-bottom: 50px; } .contact-view .left, .contact-view .right { float: left; width: 50%; } .contact-view a { color: #f24a41; text-decoration: underline; } .cs-title { background: rgba(242,74,65,0.8); color:#fff; width: 94%; padding: 10px 3%; } .cs-title span { display: block; } .cs-title .left { float: left; width: 87%; padding-right: 3%; padding-top: 10px; } .cs-title .left .title { font-family: open_sansbold; font-size: 20px; margin-bottom: 15px; height: 30px; overflow: hidden; } .cs-title .left .desc { height: 38px; overflow: hidden; } .cs-title .right { float: left; width: 10%; min-height: 101px; background: url(images/slideshow-caption-bg.png) 0 0 no-repeat; } aside .logo-slider-box { background: #3c3c3c; height: 200px; } /* ----- MOBILE ELEMENTS ----- */ .mobile-logo-box { display: block; background: #fff; text-align: center; font-family: open_sansbold; padding: 20px 0; font-size: 30px; color: #10a1d6; } .mobile-logo-box span { font-size: 35px; } .mobile-logo-box.display { display: none; } /* ---------- FACEBOOK ---------- */ #face-slider { position: fixed; right:-302px; top: 200px; z-index: 1100; } #face-slider #tab { cursor:pointer; height:110px; width:35px; float:left; background: url(images/facebook.png) no-repeat center center; } #face-code { padding:5px; border: solid #10a1d6 3px; background: #fff; float:left; width:286px; height:420px; -moz-border-radius: 0 0 0 8px; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } .desc-gallery { margin: 0 10px; } /* ----- CLEARFIX ----- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }