/* Theme Name: Teatr Praga Theme URI: http://www.estinet.pl Author: Marcin Bober Author URL: http://www.estinet.pl Theme URL: http://www.estinet.pl */ @charset "utf-8"; /* CSS Document */ /* * Web Fonts from fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2013 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: FontSite Inc. * License URL: http://www.fontspring.com/fflicense/fontsite * * */ @font-face { font-family: 'craft_gothicregular'; src: url('fonts/CraftGothic-Regular-webfont.eot'); src: url('fonts/CraftGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CraftGothic-Regular-webfont.woff') format('woff'), url('fonts/CraftGothic-Regular-webfont.ttf') format('truetype'), url('fonts/CraftGothic-Regular-webfont.svg#craft_gothicregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'craft_gothicbold'; src: url('fonts/CraftGothic-Bold-webfont.eot'); src: url('fonts/CraftGothic-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CraftGothic-Bold-webfont.woff') format('woff'), url('fonts/CraftGothic-Bold-webfont.ttf') format('truetype'), url('fonts/CraftGothic-Bold-webfont.svg#craft_gothicbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'craft_gothicsemi_condensed'; src: url('fonts/CraftGothic-SemiCondensed-webfont.eot'); src: url('fonts/CraftGothic-SemiCondensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CraftGothic-SemiCondensed-webfont.woff') format('woff'), url('fonts/CraftGothic-SemiCondensed-webfont.ttf') format('truetype'), url('fonts/CraftGothic-SemiCondensed-webfont.svg#craft_gothicsemi_condensed') format('svg'); font-weight: normal; font-style: normal; } @import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; letter-spacing:0px; word-spacing:0px; text-decoration: none; } a { text-decoration:none; color:#000; } .clr { clear: both; } body { padding: 0px; margin: 0px; /*font-family: 'Open Sans', sans-serif;*/font-family: 'craft_gothicsemi_condensed'; font-size: 16px; line-height: normal; font-weight: normal; background-color: #666666; } body.home { position:absolute; width:100%; height:100%; } body.pages { } #menu { position: absolute; left: 100px; top: 30px; background-image: url(images/menu-bg.png); line-height: 30px; height: 30px; width: 728px; z-index:15; } #menu ul { list-style-type: none; } #menu ul li { display: inline; } #menu-item-12 a { background-image: url(images/home.png); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; margin:0px !important; padding:0px!important; width: 45px; } #menu ul li a { display: block; float: left; font-size: 18px; color: #FFFFFF; padding-right: 15px; padding-left: 15px; text-transform: lowercase; margin: 0px 5px; } .home .menu-bottom { position: absolute; bottom: 20px; left: 100px; margin:0px !important; } .pages #content-page { position:relative; } .menu-bottom { position: relative; margin-top: 20px; margin-left: 100px; width: 728px; background-image: url(images/menu-bg.png); line-height: 30px; height: 30px; z-index:5; } .menu-bottom ul { list-style-type: none; } .menu-bottom ul li { display: inline; } .menu-bottom ul li a { display: block; float: left; font-size: 17px; color: #FFFFFF; padding-right: 15px; padding-left: 15px; text-transform: lowercase; margin-left: 8px; } #logo { bottom:90px; right:30px; position:fixed; z-index:5; } #mckis { bottom:20px; right:30px; position:fixed; z-index:5; } #mckis a { padding-top:30px; color:#fff; background-image: url(images/img-mckis.png); background-repeat: no-repeat; background-position: right top; } #left_menu { width:30px; overflow:hidden; position:fixed; height:100%; background-color: #000; top:0; z-index:5; } #left_menu:hover { width:200px; overflow:visible; z-index: 15; } #left_menu:hover > .sign { display:none; } .sign { background-image: url(images/repertuar.png); background-repeat: no-repeat; background-position: 5px 100px; height: 100%; width: 40px; position: absolute; z-index: 20; background-color: #000; } #box-header { background-color: #000; line-height:40px; position: absolute; width: 180px; top:0px; left:0px; z-index:10; margin-left: 20px; } #box-header h2 { font-size:17px; color:#fff; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 0px; } div.left_menu_wrapper { position: relative; height: 100%; width: 210px; overflow: auto; background-color: #000; } div.left_menu { } div.left_menu { margin-top:80px; margin-left:20px; padding-right:20px; } .left_menu li { padding: 20px 0px; background-color: #000; border-bottom:solid 1px #8a8a8a; width: 200px; list-style:none; } .left_menu a { display: block; padding: 0px 20px 0px 0px; color: #fff; } .event-data { margin-bottom:6px; } span.event-data-day { background-color:#fff; padding:1px 3px; color:#000; font-size: 12px; } .ticket { } .ticket a { color:#b5ccd6; } #cycle-loader { height:32px; left:50%; margin:0px; position:absolute; top:50%; width:32px; z-index:5; } #maximage { display:none; position:fixed !important; top:0; z-index:1; } .mc-image {background-position: 50% 50% !important;} .mc-hide-scrolls { overflow:hidden; } body .mc-cycle { height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:-1; } div.mc-image { /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition: If you are using fading transitions, use 'opacity: */ -webkit-transition: opacity 2500ms ease-in-out; -moz-transition: opacity 2500ms ease-in-out; -o-transition: opacity 2500ms ease-in-out; transition: opacity 2500ms ease-in-out; /*If you are using horizontal slide transitions, use the following CSS: -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:center 0px; background-repeat:no-repeat; height:100%; overflow:hidden; width:100%; } .mc-old-browser .mc-image { overflow:hidden; } #search { top:20px; right:30px; position:fixed; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; height: 24px; z-index:5; } #searchform .field { float: left; border: 0; font-size: 11px; width: 180px; color: #333; background-color: #FFFFFF; height: 20px; padding-right: 1px; padding-left: 4px; } #searchform .searchsubmit { background-color: #8a8a8a; text-indent: -9999px; background-position: center center; float: left; border:0px; width: 25px; cursor: pointer; background-image: url(images/searchBtn.png); background-repeat: no-repeat; height: 23px; margin-top: -1px; } #main-navigation { position:fixed; float: right; right:30px; top:80px; z-index:5; } #main-navigation a { color: #FFFFFF; font-weight: bold; line-height: 15px; } #arrow_left, #arrow_right { z-index:1000; font-size: 20px; } #arrow_left { float:left; margin-right:10px; z-index:1000; } #arrow_right { float:left; margin-left:10px; } #arrow_left:hover, #arrow_right:hover { } #arrow_left:active, #arrow_right:active { } #cycle-nav { float:left; } #cycle-nav ol { float:left; } #cycle-nav ol a { background-color:#000000; line-height:15px; display:block; text-align:center; float:left; width:15px; color:#FFFFFF; margin-right:2px; text-indent: -9999px; } #cycle-nav ol a.activeSlide { background-color:#FFFFFF; color:#000000; } #content-wrapper { position: relative; width: 728px; margin-left: 100px; margin-top: 100px; z-index:5; background-color: #FFFFFF; background-image: url(images/main-dots.png); } #content-page .post { padding: 15px; } .post { min-height:450px; } .post p { margin-bottom:10px; } .post h1 { font-family: 'craft_gothicbold';font-size: 28px; margin-bottom: 10px; } .post h2 { font-family: 'craft_gothicbold'; font-weight:bold; } #event-calendar { margin-top: 20px; width: 300px; margin-bottom: 30px; } #event-calendar h2 { font-weight: normal; font-size: 13px; margin-top: 5px; } #event-calendar p { font-size: 25px; } .event-pic { float: right; margin-left: 20px; margin-bottom: 20px; } #event-description { } #event-description p { margin-bottom: 10px; } #news-wrapper .news-set { padding-bottom:30px;} #news-wrapper .news-title { } #news-wrapper .news-title a { display:block; } #news-wrapper .news-date { font-size: 11px; margin-bottom: 10px; display:none; } #news-wrapper a.more-link { display:block; text-align:right; color:#000; font-weight:bold; font-size:11px; } .event-date { margin-bottom:10px; } #events-wrapper-full { top:100px; left:100px; position:absolute; z-index:5; } #events-warszawa, #events-mazowsze { position:relative; } .category-name { width: 150px; background-color: #000; color: #fff; font-size: 30px; padding: 5px; float: left; margin-top: 190px; height: 40px; line-height: 40px; text-align: center; } .event-set { width:240px; height:240px; float:left; margin-right:20px; margin-bottom:20px; position: relative; z-index: 1; } h2.spektakl-title { position: absolute; bottom: 0px; background-image: url(images/title-bg.png); color: #fff; padding: 5px 0px 5px 5px; width: 235px; font-size: 20px; font-weight: normal; z-index: 50; } .opis, .film, .zdjecia { background-repeat: no-repeat; text-indent: -9999px; height:35px; width:35px; } .opis { background-image: url(images/tekst.png); } .film { background-image: url(images/film.png); } .zdjecia { background-image: url(images/zdjecia.png); } .ngg-gallery-thumbnail-box { float: left; margin-bottom: 10px; margin-right: 5px; } .news-img { width:180px; float:left; margin-right:20px; } .news-img img { width:180px; } #impresariat { border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #474747; } #impresariat td { padding: 10px 0 !important; text-align: left; vertical-align: top; border-bottom: 1px solid #474747; border-collapse: collapse; } #impresariat td img { padding-right:30px; } #impresariat p { padding: 0px; margin: 0px; } #impresariat h2 { font-size: 15px; font-weight:bold; } #impresariat a { font-weight:bold; }