/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #007B71; color: #fff; text-shadow: none; } ::selection { background: #007B71; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ===== Primary Styles ======================================================== Author: ========================================================================== */ body{background-image:url(../img/bg_photos.png); background-repeat:no-repeat; background-position:center; background-position:top;} header{margin-bottom:20px;} #itemscope {overflow:hidden; text-indent:-9999px; display:block; height:10px;} #button-dentofresh{position:fixed; right:0; bottom:0; overflow:hidden; text-indent:-9999px;} #button-dentofresh a{width:150px; height:116px; display:block; background: url(../img/button_dentofresh.png) no-repeat; background-position:0 0; } #button-dentofresh a:hover{background-position:0 -133px;} #wrapper {width:660px; margin:0 auto;} #greenline{height:3px; width:100%; background-image:url(../img/bg.gif); background-repeat:repeat-x;} #banner-konkurs {float:right; overflow:hidden; text-indent:-9999px;} #banner-konkurs a{display:block; width:230px; height:138px; background: url(../img/konkurs.png) no-repeat;} #banner-konkurs a:hover{background-position:0 -140px;} #navigation ul{margin:0 50px 0 0; padding:0 0 0 150px; list-style-type:none; float:right; background: url(../img/bg_nav.png) no-repeat;} #navigation li{float:left; overflow:hidden; text-indent:-9999px;} #navigation a{display:block; height:31px; background: url(../img/navigation.png) no-repeat;} #link-dentofresh a{width:117px; background-position:0 0;} #link-dentofresh a:hover{background-position:0 -31px;} #link-agenci a{width:63px; background-position:-115px 0px;} #link-agenci a:hover{width:63px; background-position:-115px -31px;} #link-dodaj a{width:100px; background-position:-180px 0px;} #link-dodaj a:hover{background-position:-180px -31px;} #link-galeria a{width:65px; background-position:-280px 0px;} #link-galeria a:hover{background-position:-280px -31px;} #link-konkurs a{width:87px; background-position:-350px 0px;} #link-konkurs a:hover{width:87px; background-position:-350px -31px;} #main{width:570px; margin:0 auto;} #video-section{margin:0 auto; width:540px;} #video{height:304px; -moz-box-shadow: 0px 0px 20px 5px #ccc; -webkit-box-shadow: 0px 0px 20px 5px #ccc; box-shadow: 0px 0px 20px 5px #ccc;} #video-title h2{font-size:38px; font-weight:normal; color:#fff; margin:20px 0 10px 0; padding:0 0 5px 15px; background-color:#333; -moz-border-radius: 5px; border-radius: 5px; border-bottom:5px solid #6EBC20;} #video-title span{font-size:13px; display:block; color:#fff; background-color:#6EBC20; padding:1px 0 1px 10px; font-weight:bold; -moz-border-radius: 3px; border-radius: 3px;} #video-social{float:left; width:90px;} #video-description p{font-size:14px; margin:0 0 0px 0; padding:0 10px 10px 15px; } #banner-konkurs-section{margin:0 auto; width:540px;} /* #banner-konkurs-section a{display:block; width:540px; height:108px; background: url(../img/bg_banner2.png) no-repeat; background-position:0px 0px; overflow:hidden; text-indent:-9999px;} #banner-konkurs-section a:hover{background-position:0px -123px;} */ #video-thumbs-section{margin:5px auto; width:540px; padding-top:5px;} .video-thumb{float:left; } .video-thumb a{display:block; margin:1px; border:1px solid #ccc; padding:1px; -moz-border-radius: 3px; border-radius: 3px; text-decoration:none; color:#333} .video-thumb a:hover{border:1px solid #007B71; background-color:#71BB23; color:#fff;} .video-thumb p{font-size:9px; text-transform:uppercase; margin:0; padding:1px 0 0 3px;} #foot-navigation {margin:0 auto; width:660px;} #foot-navigation ul{ist-style-type:none; text-transform:uppercase; font-size:10px;} #foot-navigation li{float:left;} #foot-navigation a{display:block; text-decoration:none; padding:1px 5px; color:#007C71;} #foot-navigation a:hover{background-color:#007C71; color:#fff;} #social-section{margin:15px auto; width:660px; text-align:right;} #social-section h4{font-size:10px; font-weight:normal; text-transform:uppercase; margin:0; color:#666;} #dentofresh-page{background: url(../img/bg_dentofresh.png) no-repeat; background-position:0px -10px; padding-top:150px;} #dentofresh-page h1{overflow:hidden; text-indent:-9999px;} #dentofresh-page dt{font-size:16px; font-weight:bold; margin-top:10px; font-style:italic;} #dentofresh-page dd{font-size:14px; font-style:italic;} #dentofresh-page a{color:#333;} #dentofresh-page a:hover{color:#000;} #agenci-page{background: url(../img/bg_agenci.png) no-repeat; background-position:0px 0px; height:504px; position:relative;} #drdento {position:absolute; left:30px; top:110px; width:250px;} #drdento p{color:#333; font-size:12px;} #mrfresh {position:absolute; right:20px; top:110px; width:250px;} #mrfresh p{color:#333; font-size:12px;} #agents{position:absolute; left:50px; bottom:25px; width:450px;} #agents p{color:#fff; font-size:13px; text-align:center;} .regulamin h1{font-size:16px;} .regulamin h2{font-size:14px; margin-bottom:0;} .regulamin ol{margin:0;} .regulamin li{font-size:12px;} .regulamin a{color:#333;} #nagrody-section{width:900px; height:562px; margin:0 auto; background: url(../img/konkurs_nagrody.png) no-repeat; position:relative } #nagroda1, #nagroda2, #nagroda3 {position:absolute; color:#fff; font-size:11px;} #nagroda1 {top:270px; left:180px; width:280px;} #nagroda2 {top:250px; right:180px; width:230px;} #nagroda3 {bottom:70px; left:340px; width:250px;} /* added by thomas miklasky 12.06.2012 */ /* links */ a.vote-button { display:block; width:70px; height:20px; background:url(../img/bg-button-vote.jpg); position:relative; top:-2px; } a.vote-button:hover { background-position:0 -25px; } a.button-a { background:#6FBC20; color:#FFF; font-size:14px; font-weight:bold; border:2px solid #6FBC20; text-transform:uppercase; margin-left:150px; text-decoration:none; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } a.button-a:hover { background:#FFF; color:#6FBC20; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } /* paragraphs */ div.video-box p { position:relative; margin:5px 0px 0px 80px; font-size:11px; color:#333; font-style:italic; width:380px; } div.vote-confirm-box p { color:#FFF; font-style:normal; margin:12px 0 0 15px; text-transform:uppercase; font-size:12px; width:180px; } p.accept-text { font-size:10px; font-style:italic; width:380px; margin-left:20px; } /* containers */ div.video-box { position:relative; margin:0px 0px 50px 0px; } div.video-votes { position:absolute; top:305px; left:0; color:#027C71; font-size:30px; font-weight:normal; } div.vote-confirm-box { position:absolute; top:40px; left:0; width:467px; height:54px; background:#007C71; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:none; } div.video-info { position:absolute; left:80px; top:0px; } div.mail-loader { display:none; position:absolute; top:4px; left:220px; } div.mail-message { display:none; position:absolute; top:7px; left:220px; color:#FFF; font-size:14px; width:240px; } div.inner-box { width:455px; margin-left:auto; margin-right:auto; position:relative; padding-bottom:30px; } div#mail-loader { position:absolute; bottom:53px; left:174px; display:none; } div#mail-message { background:#FFF; padding:10px 20px; text-align:center; width:350px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display:none; } div.mail-message-a { position:absolute; top:590px; } div.mail-message-b { position:absolute; top:160px; left:5px; } div.success-style { border:2px solid #6FBC20; color:#548F18; } div.error-style { border:2px solid #CC0000; color:#CC0000; } div.like-button-a { position:absolute; top:345px; left:473px; } div.finish-info { text-align:center; margin:40px 50px 80px 50px; } /* headers */ h1.konkursowe-poszukiwania { width:526px; height:41px; background:url(../img/header-konkursowe-poszukiwania.jpg); display:block; text-indent:-9999px; margin-left:60px; margin-top:50px; } h1.dziekujemy { width:398px; height:46px; background:url(../img/header-dziekujemy.jpg); display:block; text-indent:-9999px; margin-left:60px; margin-top:50px; } h1.dodaj-film { width:522px; height:43px; background:url(../img/header-dodaj-film.jpg); display:block; text-indent:-9999px; margin-left:60px; margin-top:50px; } div.video-box h2 { margin:0px 0px 0px 80px; padding:7px 0; font-size:26px; width:380px; line-height:1.1em;} div.video-box h3 { margin:0px 0px 0px 80px; padding:2px 0 2px 7px; font-size:12px; background:#6FBC20; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:380px; } /* form */ form.vote-confirm { display:block; } form.vote-confirm input[type=text] { position:absolute; top:10px; left:200px; width:200px; height:30px; border:2px solid #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:16px; padding-left:4px; outline:none; } form.vote-confirm input[type=text]:focus { border:2px solid #6FBC20; } form.vote-confirm input[type=submit] { position:absolute; top:12px; left:420px; width:30px; height:30px; border:0; background:url(../img/bg-input-vote.png); } form.vote-confirm input[type=submit]:hover { background-position:0 -34px; } form.add-video-form { } form.add-video-form label { text-transform:uppercase; display:block; font-size:10px; cursor:default } form.add-video-form input, form.add-video-form textarea { padding:0px 0px 0px 5px; margin:0px 0px 20px 0px; border:1px solid #0B7453; outline:none; font-size:11px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } form.add-video-form input[type=text] { width:400px; height:22px; } form.add-video-form textarea { width:395px; height:70px; padding:5px; margin-bottom:50px; } form.add-video-form input:focus, form.add-video-form textarea:focus { box-shadow:0 0 5px #0B7453; -webkit-box-shadow:0 0 5px #0B7453; -moz-box-shadow:0 0 5px #0B7453; border:1px solid #0B7453; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; } form.add-video-form input[type=checkbox] { float:left; } form.add-video-form input[type=submit] { width:140px; height:38px; background:#6FBC20; color:#FFF; font-size:14px; font-weight:bold; border:2px solid #6FBC20; text-transform:uppercase; margin-left:120px; } form.add-video-form input[type=submit]:hover { background:#FFF; color:#6FBC20; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } #grats a {background:#6FBC20; color:#FFF; font-size:14px; font-weight:bold; border:2px solid #6FBC20; text-transform:uppercase; text-decoration:none; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #grats a:hover {background:#FFF; color:#6FBC20; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } p.fin{float:left; margin:10px 10px 50px 0;} p.fin a{background:#6FBC20; color:#FFF; font-size:14px; font-weight:bold; border:2px solid #6FBC20; text-transform:uppercase; text-decoration:none; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} p.fin a:hover {background:#FFF; color:#6FBC20; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; } /* cookie */ div#cookies-message{background-color:#fff;} div#cookies-message p{color:#666; margin:0; padding: 1em 15em 1em 2em; font-size:11px; } div#cookies-message p a{color:#666; text-transform:uppercase; text-decoration:none;} div#cookies-message a.close {margin:0em 2em 0.5em 1em; float:left;} /* ============================================================================= Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }