@color_bg: #FFF200; @color_bg_hover: darken(@color_bg,15%); //#CAB602; @color_bg_text: #fafafa; @color_font: #333333; @color_link: #d63a3a; @color_header: #333333; body { background: @color_bg; margin: auto; padding: 0; font-family: 'Monda', "Lucida Grande", Tahoma, Verdana, Arial, sans-serif; font-size: 13px; font-weight: normal; color: @color_font; //.vignette; //.gradient( @color_bg, darken(@color_bg,15%), @color_bg); } a img { border: 0px; } a { color: @color_link; /* font-weight:bold;*/ text-decoration: none; } a:hover { font-weight:bold; cursor:pointer; } hr { border: 0; border-top:2px dashed #333; margin: 20px 0px; clear:both; } .vignette { -webkit-box-shadow: 0 0 150px rgba(227, 13, 13, 0.5) inset; -moz-box-shadow: 0 0 150px rgba(227, 13, 13, 0.5) inset; box-shadow: 0 0 150px rgba(227, 13, 13, 0.5) inset; } .vignette2 { -webkit-box-shadow: 0 0 10px rgba(119, 119, 119, 0.6) inset, 3px 4px 10px rgba(0,0,0, 0.5); -moz-box-shadow: 0 0 10px rgba(119, 119, 119, 0.6) inset, 3px 4px 10px rgba(0,0,0, 0.5); box-shadow: 0 0 10px rgba(119, 119, 119, 0.6) inset, 3px 4px 10px rgba(0,0,0, 0.5); } #columns h1, .cke_show_borders h1{ color: @color_header; font-size: 18px; font-weight: bold; margin-bottom: 15px; margin-top: 0; padding: 5px 0; text-align: center; } #columns h2,.cke_show_borders h2 { border-bottom: 1px solid @color_bg_hover; color: @color_header; margin-bottom: 15px; padding-bottom: 5px; font-size: 13px; margin-top: 0; } #second h1, #second h2, #second h3, #columns h1 { //.rounded; //text-shadow: 1px 1px 2px desaturate(@color_bg_hover,100%); // border: 1px solid lighten(@color_bg_hover,10%); } #second h3, #second h2{ color: @color_header; margin-bottom: 5px; // background: @color_bg_hover; padding: 5px; text-align:center; font-weight: bold; font-size: 13px; margin-top:0; } #second .box { margin-bottom: 20px; } #first .box { padding:0px 30px; } #join_facebook{ padding-bottom:10px; } #f_cont { overflow:hidden; margin-bottom: 40px; } #f1,#f2 { } #f1 { float: left; width: 240px; } #f2 { float: right; width: 480px; } #slides { // .rounded(20px); width: 360px; z-index:5; position:relative; overflow:hidden; margin-bottom:20px; } #slides ul, #slides li { list-style: none; } #slides .slides_container img, .slides_container{ /* height: 400px;*/ width: 360px; } #slides h2{ margin-bottom: 0px !important; margin-top: 0 !important; } #slides .next,#slides .prev { position:absolute; top: 35px; right:35px; display:block; z-index:6; } .slides_container { overflow:hidden; position:relative; } #slides .next { right:15px; } #slides .pagination { position: absolute; right: 10px; top: 15px; z-index: 7; margin:0; padding: 0 !important; } #slides .pagination li { float:left; margin:0 1px; margin-right:5px; } #slides .caption h3 { font-size: 12px; margin-bottom: 5px; } #slides .caption p { margin:0; } #slides .pagination li a { background-image: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/slider/pagination.png"); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 12px; width: 12px; } #slides .pagination li.current a { background-position: 0 -12px; } #slides .caption { -moz-border-radius: 0 0px 10px 0px; border-radius: 0 0px 10px 0px; position:absolute; bottom:0px; left: 0px; /* height:344px; */ width: 100%; padding: 10px 15px 15px; background:url(http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/slider/bg.png) repeat; //background: fadeout(@color_bg,40%); font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #333; text-align: justify; } #slides .caption h3{ margin-top:0; } #slides h1 { font-size: 16px; } #slides p { font-size:12px; } #slides .pagination, #slides .caption { display:none; } .fan_box .page_stream, .fan_box .page_stream_short { border-top: 1px solid #FEFEFF !important; } #slides.main .slides_container img, #slides.main .slides_container { height: 260px !important; width: 700px !important; } #slides.main { width: 700px !important; } /* BUTTONY */ .button { display:block; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; } .yellow { background:#fdcf2e; color: #4a4a4a; } .yellow a { color: #4a4a4a; } .blue { background: #4e658f; color: #fff; } .white { background: #fff; } .grey { background:#666666; color: #fff; } .grey a { color: #fff; } #container { margin: auto; width: 1000px; position: relative; clear: both; } #stempel { position:absolute; right: -195px; top: -70px; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg); z-index:-4; } #columns { clear: both; overflow:hidden; //padding: 20px; // background: url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/bg.png'); // .vignette2; // .border-radius(30px, 60px, 60px, 30px); } ul.social { margin-top: 5px; list-style: none; } ul.social li { float: left; margin-right: 15px; } ul.language { position: fixed; top:0; left:10px; list-style: none; padding: 8px 0 0px 5px; padding-left: 5px; margin:0; overflow:hidden; z-index:99999; } ul.language li { float: left; margin-left: 5px; line-height:20px; } ul.language li a{ font-weight: normal; opacity: 0.4; } .left a:hover, ul.language li a.selected, ul.language li a:hover{ font-weight:bold; opacity: 1; } .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); background: -o-linear-gradient(@stop, @start); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); } #top_header { text_align: center; marging-top:10px; } #top_header h1 a { font-weight: normal; letter-spacing: 4pxpx; text-align: left; white-space: pre; text-shadow: 0px 0px 6px rgba(155,155,155,0.7); text-shadow: none; margin-top:5px; } #top_header .cont { margin: auto; width:1000px; position:relative; } #top_header h1{ float: left; font-size: 13px; margin-top: 0; padding: 6px 0px; /* padding: 6px 20px;*/ } .left { float: left; } .right { float: right; } .padrb { padding-right:20px; padding-bottom:10px; } #header_left { overflow: hidden; width: 700px; border-bottom: 20px solid @color_bg_hover; padding-bottom: 20px; float: left; /*height: 260px;*/ height: 175px; /* font-family: 'Marcellus SC', serif; font-family: 'Alegreya SC', serif; */ } #header_right { overflow: hidden; float: right; width: 240px; border-bottom: 20px solid @color_bg_hover; padding-bottom: 20px; /*height: 170px;*/ height: 175px; } #header_right h1{ font-size:35px; } #header_left h1 { clear: both; display: block; float: left; font-size: 135px; /* line-height: 214px;*/ line-height: 140px; letter-spacing: -4px; margin: 0; overflow: hidden; padding: 0 20px; text-align: left; white-space: pre; word-spacing: -4px; text-shadow: 5px 5px 3px rgba(0,0,0,0.20); } #header_left h2 { background: @color_bg; clear: both; color: @color_font; float: right; font-size: 40px; font-style: normal; font-weight: normal; line-height: 24px; margin: 0; padding: 10px; text-align: left; white-space: pre; } #second{ float: right; width: 240px; z-index: 100; background: @color_bg_text; padding: 12px; } .banner:both{ overflow:hidden; } #second .banner { } #first { float: left; width: 700px; z-index: 100; font-weight: normal; color: @color_font; padding: 12px; background: @color_bg_text; position: relative; } #first, #second { } /* Menu boczne */ #navigation { margin:0px; padding:0px; width:100%; font-weight:bold; font-size: 16px; } #navigation > li > a { cursor:pointer; border:1px solid #CCCCCC; background:#4a4a4a url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/collapsed.png') repeat-x; color:#FFFFFF; display:block; margin:0px; padding:5px 10px 5px 20px; text-decoration: none; height: 20px; } #navigation a:hover { color:#fdcf2e; background:#4e658f url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/expanded.png') repeat-x; } #navigation > li a.head { background:#4a4a4a url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/collapsed_arrow.png') no-repeat; } #navigation > li a.selected { /* color:#fdcf2e; */ background:#4e658f url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/expanded_arrow.png') no-repeat; } #navigation ul { border-width:0px; padding:0; text-indent:0px; } #navigation li { list-style:none outside none; position:relative; } #navigation li li a { padding:3px; padding-left: 40px; display:block; color: #4e658f; } #navigation .current { color:#fdcf2e; background:#4e658f url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/expanded.png') repeat-x; } #navigation .current_arrow { position:absolute; right:-19px; bottom:6px; display:block; background:url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/active.png') no-repeat top left; height:12px; width:19px; } #navigation > li > .current_arrow { bottom: 9px; right: -18px; } #navigation li li a img { float:right; position: relative; left:12px; top:3px; z-index:1000; } #navigation li li:hover { background-color:#4e658f; } #navigation li li:hover a{ color:#fdcf2e; } #kontakt { clear:both; overflow:hidden; margin-bottom:20px; padding:20px; background: @color_bg; border:1px solid #ccc; } form#kontakt input[type='text'], form#kontakt textarea, form#kontakt select{ width: 99%; background: #eee; border: 1px solid #ccc; } form input.submit { width: 77px; background: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/wyslij.png") no-repeat 0px 2px; padding-right: 12px; text-align: right; border: 0px; float:right; font-style:italic; color: #fff; text-transform: lowercase; cursor: pointer; } #after ul { list-style: disc outside url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/znacznik.png"); font-style: italic; line-height: 20px; padding-left: 30px; } #after ul li { margin-bottom:10px; } #first #after { clear:both; } td{ vertical-align:top; padding: 5px; } #first p { line-height: 18px; } .quad { width: 100%; text-align:center; } .quad p.category { font-style: italic; margin:0; } .quad h3 { margin-bottom: 5px; } .quad div { float:left; padding: 0px 15px 15px 15px; width: 209px; overflow: hidden; position: relative; } .quad a.wiecej { display: block; border: 1px #333 solid; padding: 2px 5px 2px 2px; -moz-border-radius: 3px; border-radius: 3px; width: 130px; float: right; font-weight: bold; margin-top:5px; text-align: right; background: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/wiecej.png") no-repeat 10px 5px; position: absolute; bottom:20px; right: 20px; } .quad .blue a.wiecej { border-color: #fff; color: #fff; background: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/wiecej_wh.png") no-repeat 10px 5px; } #footer { width:1000px; clear:both; font-family: Tahoma; font-size: 12px; text-align:center; margin: 20px auto auto; overflow: hidden; } #footer p{ margin-top:7px; } #footer p#copy { float: left; } #footer p#copy span { font-size: 10px; } #site_wrapper { overflow:hidden; position: relative; } #footer .hop { float:right; } /* Footer big */ #footer_big { width:100%; margin: auto; overflow: hidden; z-index: 100; position:relative; margin-top:20px; } #footer_big_content { width: 1000px; margin: auto; } #footer_big_content .quad div { float:left; } .error { text-align: left; line-height: 25px; background: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/warning.png") no-repeat 0px 10px; padding: 10px 20px 10px 45px; clear:both; margin: 0px 0px 15px; color: #666; font-size: 140%; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } #second .error { line-height: 15px; padding: 10px 0px 15px 40px; font-size: 12px; } .mail_success { background: url("http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/koperta.png") no-repeat 25px 25px; text-align: left; line-height: 25px; padding: 10px 20px 10px 100px; clear:both; margin: 15px; color: #666; font-size: 140%; border-top:1px #ccc solid; border-bottom:1px #ccc solid; } .mail_success span{ width: 100%; font-size: 140%; } #galeria #caption { height: 45px; background: #FF6702; width: 100%; color: white; font-size: 120%; text-align: center; } #galeria #caption img.left { float: left; margin-left: 8px; margin-top:8px; } #galeria #caption img.right { float: right; margin-right: 8px; margin-top:8px; } #galeria #caption div { width: 490px; float: left; text-align: center; margin-top:5px; } div.movie_min { position: relative; float:left; overflow: hidden; border: 1px #662900 solid; padding: 10px; margin: 10px; } div.movie_min:hover { background: url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/mov_bg.png') repeat; } div.movie_min img{ } .movie_info, .artist_info{ display:none; margin-left:2px; border-left:1px dotted @color_link; padding-left:15px; margin-top:5px; margin-bottom:15px; } img.top { position: absolute; left: 0px; top: 0px; z-index: 10; } img.bottom { } h2.usluga { background: #FF6702; color: #fff; margin: 0; padding:5px; } p.usluga { background: #db5d1a; margin: 0; padding:15px 10px; } .clear { clear: both; } .water { position: relative; display: inline-block; margin: 0; padding:0; } .water .mark1 { position: absolute; top:0px; left:0px; z-index:10; } .water .mark2 { position: absolute; bottom:0px; right:0px; z-index:10; } /* AKTUALNOSCI */ div.news { margin-bottom:20px; } div.news .data{ color: #9c9778; font-weight: bold; } div.news .data span{ } div.news .tytul{ font-weight: bold; font-size: 16px; margin: 0; text-align: left; border-bottom: 3px solid @color_bg_hover; } div.news .tresc{ overflow:hidden; clear:both; margin-bottom: 15px; } div.news .tresc.krotka{ } div.news .tytul:hover{ text-decoration: underline; } div.news p { overflow:hidden; } div.news a.dzial { color: #3399CC; font-weight: bold; } /* PAGINACJA */ .paginacja { padding: 5px; margin: 20px; text-align:center; clear:both; } .paginacja a { padding: 5px; color: #4e658f; } .paginacja strong { background-color: #006699; color: #fff; padding: 5px; } /* GALERIA */ /* po 4 */ div.gallery4 a{ color: #4e658f; } div.gallery4{ width:160px; overflow:hidden; float:left; color: #666; font-weight: bold; margin-right:10px; margin-bottom:10px; } div.gallery4 .crop { height:95px; overflow:hidden; display:block; margin-bottom: 5px; margin-top: 10px; } div.gallery4 a img{ width: 230px; border: 1px solid #eee; } div.gallery4 .data{ color: #9c9778; font-weight: bold; } div.gallery4 .uzytkownik{ font-size:0.8em; } /* po 3 */ div.gallery3 a{ } div.gallery3{ overflow:hidden; float:left; color: #666; font-weight: bold; margin-right:10px; margin-bottom:10px; border: 1px solid #ddd; -webkit-box-shadow:3px 3px 3px #ccc; -moz-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; background:#fff; } div.gallery3:hover{ } div.gallery3 .cont { border: 10px solid #fff; border-bottom: 25px solid #fff; } .gallery3 .tytul { font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; text-align: center; } .gallery3 .data { text-align:center; } .gallery3.margin { margin-right:12px; } div.gallery3 .crop { height:140px; width: 200px; overflow:hidden; display:block; margin-bottom: 5px; margin-top: 10px; } div.gallery3 a img{ width: 230px; } div.gallery3 .data{ color: #9c9778; font-size: 12px; font-weight: normal; } div.gallery3 .uzytkownik{ font-size:0.8em; } /* NAWIGACJA */ a.more { color: @color_link; float: right; font-weight: bold; padding: 5px; } a.more:hover { background-color: @color_bg_hover; } #mapka { border: 1px solid #CCCCCC; height: 320px; margin-bottom: 20px; width: 700px; } .clear { clear: both; display: block; } /* Menu dolne */ .menu, .menu ul, .menu li, .menu a { margin: 0; padding: 0; border: none; outline: none; z-index:1000; } .menu { clear: both; height: 33px; background: black; padding:0px 0 10px; margin-bottom:10px; } .menu li { position: relative; list-style: none; float: left; display: block; height: 40px; text-align: center; } .menu li.break { margin-right: 20px; } .menu li.break a { } .menu li a { display: block; margin: 6px 0; line-height: 28px; text-decoration: none; font-size: 14px; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; white-space:nowrap; //text-shadow: 2px 4px 3px darken(@color_bg,20%); // .rounded(10px); color: white; } .menu li:first-child a { border: 0; } .menu li:last-child a{ } .menu li:hover > a { color: @color_bg; //border: 1px solid lighten(@color_bg_hover,10%); } .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; //background: @color_bg; background: black; z-index: 999; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; //border: 1px solid @color_bg_hover; } /* Third level */ .menu ul ul { left: 0px; top:0; z-index: 2000; border:1px solid #222; } /*IE7 hack*/ .menu ul { *display: none; } .menu li:hover > ul { *display: block; // .rounded(10px); } .menu li:hover > ul { opacity: 1; } .menu ul li { z-index: 999; height: 0; overflow: hidden; padding: 0; width:inherit; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; float:none; } .menu li:hover > ul li { height: 36px; overflow: visible; padding: 0; } .menu ul li a { padding: 5px 10px 5px 10px; margin: 0; border: none; /*width:100px;*/ min-width:100px; font-weight:normal; } .menu ul li:hover a { } .menu ul li:last-child a { padding-bottom: 3px; } #second .news_min { margin-top: 30px; } .news_min { clear:both; } .news_min h2 { margin-bottom:0px !important; } div.news_main { overflow:hidden; border-bottom: 1px dashed #AAAAAA; padding: 10px; } div.news_main .data{ } div.news_main .data { margin-right:10px; } div.news_main .tytul { margin:0; display:inline; } div.news_main .tytul a{ } div.news_main .tytul:hover{ text-decoration: underline; } div.news_main p { overflow:hidden; } div.news_main a.dzial { color: #3399CC; font-weight: bold; } .slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}.slabtextdone .slabtext{display:block;line-height:0.9;} .item_list h2{ margin-bottom: 0px !important; margin-top: 0px !important; } .item_list.short h2{ display:inline-block; } .item_list ul{ padding: 3px 0 2px; margin: 0 0 20px; } .item_list li .data { font-size: 13px; margin-right: 2px; } .item_list ul li { font-size: 14px; line-height: 20px; padding: 5px 10px; // list-style:disc inside; // list-style-image: url('http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/bullet.png'); } .item_list ul li:last-child { border-bottom: none; } .item_list ul li:hover { background: @color_bg; } .item_list ul { list-style: none; padding:0; margin:0; } .item_list li { padding-left: 1em; } .item_list li:before { content: "•"; color: @color_link; padding-right: 5px; } #artist_page { margin-bottom:20px; overflow:hidden; } .artist_column { width: 220px; float: left; margin-right:20px; } .artist_column.last{ margin-right:0; } #ad { font-size: 15px; text-align: right; } #horn_top { margin-left: -60px; margin-top: 0; } #artist_containter .cover { float:right; margin-left:10px; margin-bottom:10px; } #artist_containter.event .content { float:left; width: 380px; margin-right: 20px; } #artist_containter.event .content.max { width: 100%; } #artist_containter.event .artist .item_list h2, #artist_containter.event .content h2 { border-bottom:none; text-align:center; border-bottom: 2px solid @color_bg_hover; margin-top:10px !important; } #artist_containter.event .data { color: darken(@color_font,20%); } .data .dzien { font-size:18px; } .data .human { font-size:11px; } .data .godzina { font-size:14px; } .data .miejsce { font-weight: bold; } #artist_containter.event .artist { float:left; width: 300px; clear:none; } #artist_containter .gallery { clear:both; } #artist_containter .gallery .img_cont{ float: left; margin: 5px; } a.thumb img{ //.bordered_and_rounded(6px, 20px,@color_bg_hover ); padding: 6px; } .bordered_and_rounded(@border:5px, @round:20px, @color:#666666) { // .rounded(@round); border:@border solid @color; } #artist_containter .content, #artist_containter .content_max { text-align:justify; } #artist_containter h2 { border-bottom: 1px solid @color_bg_hover; color: @color_header; font-size: 18px; margin-bottom: 10px; margin-top: 0; padding-bottom: 5px; text-align: center; } #artist_containter h3 { color: @color_header; font-size: 14px; margin-bottom: 10px; margin-top: 0; padding-bottom: 5px; text-align:center; } div.capty-wrapper { // .rounded(20px); } div.capty-caption { background-color: @color_bg_hover; color: @color_link; font-size: 12px; padding-left: 10px; padding-top: 5px; cursor:pointer; border-top: 1px solid #E3CD02; } div.capty-caption a { color: #318DAD; font: bold 11px verdana; text-decoration: none; text-shadow: none; } a.current_url { font-weight:bold !important; color:@color_link !important; } .fb-like { margin:20px 0; } #artist_containter { overflow:hidden; margin-bottom:20px; } .main_text { margin-bottom:20px; } .main_text h2, .cke_show_borders h2 { display:inline-block; } .main_text p ,.cke_show_borders p{ margin-top:0; } .main { margin-bottom: 20px; clear:both; overflow: hidden; } #tabs{ overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; } #tabs li{ float: left; margin: 0 .4em 0 0; } #tabs a{ position: relative; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); padding: 5px 6px 5px 8px; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 5px 0 0 0; box-shadow: 2px 3px 2px rgba(145, 145, 145, 0.5); text-align:center; } #tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after{ background: #fdfdfd; } #tabs a:focus{ outline: 0; } #tabs a::after{ content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); box-shadow: 2px 3px 2px rgba(145, 145, 145, 0.5); transform: skew(5deg); border-radius: 0 5px 0 0; } #tabs #current a, #tabs #current a::after{ background: #fdfdfd; z-index: 3; font-weight: bold; } #tabs #current a { border-left: 1px solid #EEEEEE; // border-top: 1px solid #EEEEEE; } #tabs .human_day { font-size:12px; font-weight:normal; } #tab_content { color: #333333; background: #fdfdfd; padding: 2em; position: relative; z-index: 2; border-radius: 0 5px 5px 5px; box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5); border: 1px solid #eee; border-top: 0px; } #tab_content .item_list ul li:hover { background: #f1f1f1; } #tab_content .item_list a{ color: #ef1658; } .main_text h1 { margin-bottom: 5px !important; } .main_text .breadcrumb { font-size: 11px; left: 15px; position: absolute; top: 10px; } .rounded (@radius: 5px) { -webkit-border-radius: @radius; -moz-border-radius: @radius; -ms-border-radius: @radius; -o-border-radius: @radius; border-radius: @radius; } .border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { -webkit-border-top-right-radius: @topright; -webkit-border-bottom-right-radius: @bottomright; -webkit-border-bottom-left-radius: @bottomleft; -webkit-border-top-left-radius: @topleft; -moz-border-radius-topright: @topright; -moz-border-radius-bottomright: @bottomright; -moz-border-radius-bottomleft: @bottomleft; -moz-border-radius-topleft: @topleft; border-top-right-radius: @topright; border-bottom-right-radius: @bottomright; border-bottom-left-radius: @bottomleft; border-top-left-radius: @topleft; .background-clip(padding-box); } .opacity(@opacity: 0.5) { -moz-opacity: @opacity; -khtml-opacity: @opacity; -webkit-opacity: @opacity; opacity: @opacity; @opperc: @opacity * 100; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; filter: ~"alpha(opacity=@{opperc})"; } .background-clip(@argument: padding-box) { -moz-background-clip: @argument; -webkit-background-clip: @argument; background-clip: @argument; } .fb_ltr{ //.rounded(); } #family a { margin: 10px 0; } #family img { width: 240px; margin-bottom:10px; } /* MAIN GALLERY */ .view { width: 220px; height: 220px; margin: 6px; float: left; //margin: 2px; //border: 4px solid #ffffff; overflow: hidden; position: relative; text-align: center; //-webkit-box-shadow: 1px 1px 2px #e6e6e6; //-moz-box-shadow: 1px 1px 2px #e6e6e6; //box-shadow: 1px 1px 2px #e6e6e6; cursor: default; //background: #fff url(http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/bgimg_white.jpg) no-repeat center center; background: #fff url(http://2016.europeanfilmfestival.szczecin.pl/assets/themes/front/images/bgimg_black.jpg) no-repeat center center; } .view .mask,.view .content { width: 220px; height: 220px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { width: 220px; height: 220px; display: block; position: relative; } .view h2 { text-transform: uppercase color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; } .view p { line-height: inherit; font-family: Georgia, serif; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 10px; text-align: center; } /* .view a.info { display: inline-block; text-decoration: none; padding: 3px 10px; background: #555; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; // position:absolute; // bottom: 20px; font-size:12px; // left: 60px; } .view a.info:hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } */ .view-tenth .mask h2 a, .view-tenth .mask p a{ color: white !important; cursor:pointer; } .view-tenth .title { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; background: @color_bg; //border-top: 1px solid #E3CD02; bottom: 0; color: @color_link; font-size: 13px; font-weight: normal; left: 0; padding: 5px 10px; position: absolute; width: 200px; z-index: 9999; transition: all 0.5s ease-in-out; } .view-tenth:hover .title { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.5s ease-in-out; } .view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .view-tenth .mask { background-color: rgba(255, 231, 179, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10px 20px -10px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: white !important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; margin-bottom:0; } .view-tenth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; color: white !important; } /* .view-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } */ .view-tenth:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .view-tenth:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-tenth:hover h2,.view-tenth:hover p{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } #galleria{ //.bordered_and_rounded(6px, 20px,@color_bg_hover ); padding:6px; overflow:hidden; margin-bottom:20px; } .galleria-stage .galleria-image img, .galleria-images iframe, .galleria-stage{ // .rounded(20px); } .galleria-info { bottom: 100px !important; left: 315px !important; // .rounded(20px); overflow:hidden; } #counter_container { position: fixed; bottom:0; left:10px; width: 240px; text-align:center; } #counter_container.static { position: static; } .language.static { float: right; position:static; } .main_page #first, .main_page #second { background: none !important; } #family { margin-top: 0px; } .likebox-frame{ height: 183px !important; left: -2px !important; overflow: hidden !important; position: relative !important; top: -1px !important; width: 164px !important; z-index: 10 !important; } .likebox-frame iframe{ left: -30px !important; overflow: hidden !important; position: relative !important; top: -1px !important; } #gallery_masonry .masonry_block { padding:5px; } #gmap_dojazd { clear:both; margin-top:20px; } #gmap_dojazd h2 { margin-bottom:0; } .gmap3{ margin: 0px auto 20px; width: 700px; height: 300px; } .content_max { overflow:hidden; clear:both; } .return{ margin: 30px 0px 10px; text-align:right; } #second .item_list { margin-bottom:20px; } .dodaj_film { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:arial; font-size:16px; font-weight:bold; padding:7px 0px; text-align:center; text-decoration:none; text-shadow:1px 1px 0px #ffffff; margin-bottom:10px; width: 240px; }.dodaj_film:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.dodaj_film:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ .cse .gsc-control-cse, .gsc-control-cse { background: none !important; border: 0 !important; padding: 10px 0 !important; } /* FORMULARZ FILMOWY */ #movie_form input, #movie_form textarea { width: 100%; } #movie_form .chapter { font-size: 23px; font-weight: bold; margin: 30px 0 20px !important; text-align:center; border-left: 2px solid #DF3C22; border-right: 2px solid #DF3C22; } #movie_form div.gosub { position: relative; display: block; color: #df3c22; font-weight: bold; text-align: justify; margin-top:20px; margin-bottom:10px; } #movie_form div.gosub a, #movie_form div.gosub label { color: #64554b; margin: 0px 5px 0px 5px; font-size: 14px; } #movie_form div.gosub a p { display: inline; color: #A09687; margin: 0; padding: 0; } #movie_form .multicheckbox{ clear:both; overflow:hidden } #movie_form label.light{ background: none repeat scroll 0 0 #EBEBEB; clear: none; color: #000000; cursor: pointer; float: left; line-height: 20px; padding: 3px 10px; margin-right:10px; margin-bottom: 10px; width: 200px; } #movie_form label.light input[type="checkbox"] { margin-right: 10px; width: 10px; } #movie_form input[type="submit"]{ background-color: #F8CF26; background-image: linear-gradient(to bottom, #F8CF26, #F8CF26); border: 1px solid #E3B807; border-radius: 3px; color: #000000; display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 12px; margin-bottom: 10px; padding: 10px; text-decoration: none; text-transform: uppercase; width: 300px; margin-top:20px; cursor:pointer; } #webmenu { display: block; padding: 0; overflow:hidden; } #webmenu ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #webmenu ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 12px 0px; float: left; } #webmenu ul li a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: bold 11px Tahoma, Verdana, sans-serif; /* color: #A09687; */ color: #353333; padding: 0 0 0 12px; } #webmenu ul li a img { position: relative; right: 5px; top: 4px; }