@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?-ht7hs4'); src: url('../fonts/icomoon.eot?#iefix-ht7hs4') format('embedded-opentype'),url('../fonts/icomoon.woff?-ht7hs4') format('woff'),url('../fonts/icomoon.ttf?-ht7hs4') format('truetype'),url('../fonts/icomoon.svg?-ht7hs4#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="fa-"],[class*=" fa-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-gear:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-tag:before { content: "\f02b"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-edit:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before { content: "\f064"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-exclamation-triangle:before,.fa-warning:before { content: "\f071"; } .fa-comment:before { content: "\f075"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-facebook:before { content: "\f09a"; } .fa-unlock:before { content: "\f09c"; } .fa-rss-square:before,.fa-rss:before { content: "\f09e"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0a2"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-wrench:before { content: "\f0ad"; } .fa-group:before { content: "\f0c0"; } .fa-chain:before { content: "\f0c1"; } .fa-paperclip:before { content: "\f0c6"; } .fa-disc:before, .fa-save:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-edit-strikethrough:before, .fa-strikethrough:before { content: "\f0cc"; } .fa-edit-underline:before, .fa-underline:before { content: "\f0cd"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-unsorted:before { content: "\f0dc"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-up:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-rotate-left:before { content: "\f0e2"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-sitemap:before { content: "\f0e8"; } .fa-exchange:before { content: "\f0ec"; } .fa-bell-o:before { content: "\f0f3"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-reply:before,.fa-mail-reply:before { content: "\f112"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-flag-o:before { content: "\f11d"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-calendar-o:before { content: "\f133"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-play-circle:before { content: "\f144"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-toggle-down:before { content: "\f150"; } .fa-toggle-up:before { content: "\f151"; } .fa-toggle-right:before { content: "\f152"; } .fa-file:before { content: "\f15b"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-play:before { content: "\f16a"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0 { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0 { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0 { -o-transform: rotate(0); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0 { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0 { transform: rotate(0); } 100% { transform: rotate(359deg); } } .fa-spin { display: inline-block; } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height:1%; } .clearfix { display: block; } ::selection { background:#328efe; color:#000; } strong, b {font-weight: bold;} .text em { font-style: italic; } .text code { white-space: pre; font-family: monospace; font-size: 14px; white-space: normal; } html { height: auto; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { background: #fdfdfd; height: 100%; } body * { box-sizing: border-box; -moz-box-sizing: border-box; } body, body * { font-family: Arial, "Liberation Sans", "Droid Sans", Tahoma, "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; } #footer h4 {border-bottom: 1px solid #5b99c3;} #footer h4, #footer a {color: #d9e6ef;} #footer a i.fa {opacity: .7;} #footer .xx-big {font-size: 25px;} #footer .x-big {font-size: 22px;} #footer .xx-large {font-size: 19px;} #footer .large {font-size: 16px;} #footer .normal {font-size: 13px;} #footer .x-small {font-size: 11px;} #footer h4 {color: #fff;} #footer a.tag:hover {background-color: #5b99c3; border: 1px solid #3f7ca5;} body#not-logged #site .author a * {color: #4383af !important;} div#nav, div#footer {transform: translateZ(0);} .wrapper { min-width: 950px; max-width: 1280px; margin: 0 auto; height: 100%; } #content { position: relative; } #site { position: relative; margin-bottom: 220px; z-index: 2; width: 100%; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); min-height: 650px; } #site > div.wrapper { background: #fff; min-height: 650px; } #site a { z-index: 2; } .grid { width: 100%; float: left; background-color: #fff; } .grid-main { margin-right: 335px; } .grid-full {width: 100%; padding-left: 4px;} .grid-right { width: 300px; float: left; margin-left: -301px; height: 100%; } .grid-left { width: 300px; float: left; } .grid-left + .grid-main { margin-right: 0; border-right: 0; } #nav { background: #4383af; vertical-align: middle; position: fixed; width: 100%; z-index: 99; } #nav .nav { border-bottom: none; } #nav .nav li a { color: #fff; line-height: 27px; font-size: 13px; font-weight: bold; height: 50px;} #nav > div.wrapper > ul:first-child li a { border-bottom: 2px solid transparent; } #nav .nav li a * { font-size: 1.4rem; font-size: 1.4rem; } #nav .nav li a:hover, #nav .nav li.active a { color: #fff !important; border-color: #fff !important; opacity: 1;} #nav .nav li a.avatar { padding: 0; } #nav .annotation {z-index: 98;} #nav .annotation .wrapper { border-color: transparent; } #nav + div { padding-top: 49px; } #nav .notification a:hover, .notification a:hover {border-bottom: none;} #nav .notification a b, .notification a b {box-shadow: 0 1px #600; z-index: 2; padding: 0 3px; font-weight: bold; min-width: 16px; height: 16px; position: absolute; right: -2px; top: 2px; background: #e74c3c; text-shadow: 0 1px #900; background: #FF5917; color: #fff; border-radius: 3px; text-align: center; font-size: 11px; line-height: 16px; vertical-align: middle;} #nav .notification p a.close, .notification p a.close {right: 0;} #nav li.notification p, .notification p {padding: 4px 25px 4px 44px; min-height: 40px; margin: 0 !important; position: relative; } #nav li.notification p *, .notification p * {vertical-align: top;} #nav li.notification p * {line-height: 16px; font-size: 11px} #nav li.notification p a, .notification p a {display: inline; padding: 0; text-decoration: none;} #nav li.notification p a:hover, .notification p a:hover {color: #4383af !important;} #nav li.notification .menu-list li, .menu-list.notification li {margin: 0; padding: 0; position: relative; } #nav li.notification .menu-list li:hover, .menu-list.notification li:hover p {background: #f1f4f5;} #nav li.notification .menu-list li.type-light-warning:hover, .menu-list.notification li.type-light-warning:hover p {background: #fffba0;} #nav li.notification .menu-list li p .avatar, .menu-list.notification li p .avatar {position: absolute; left: 10px; top: 8px;} #nav li.notification .menu-list li.buttons { margin-top: -4px; border-top: 1px solid #e5e7e9; border: 1px solid #bdc3c7; position: absolute; left: 0px; bottom: -37px; } #nav li.notification .menu-list li.buttons a {display: inline-block;} #nav li.notification .menu-list li.buttons a:hover {border-color: transparent !important; color: #1c5083 !important; } #nav li.notification .menu-list li.buttons a:last-child {float: right;} .rbl-block .menu-list.notification h4 {padding: 26px 0 4px 0 !important;} .rbl-block .menu-list.notification li:first-child h4 {padding-top: 0 !important;} #nav li.logged-user {margin-right: -5px;} #nav li.logged-user a.dropdown-show {padding: 0; width: 40px; height: 40px;} #nav li.notification a.hashtag { font-size: 1.8rem; vertical-align: bottom; line-height: 2.7rem; font-weight: bold; } #zgloszenie i.fa-times {color: #fff;} i.fa-times {color: #c0392b;} #nav li img.avatar {border-bottom: none !important; width: 40px; height: 40px; margin-top: 4px;} #nav li img.avatar.small { border-bottom: none !important; width: 25px; height: 25px; margin-top: 0px; } #nav li.wykopnew {position: relative;} #nav li.wykopnew:after {content: ''; display: block; position: absolute; width: 27px; height: 11px; bottom: 5px; right: 8px; z-index: 2; background: url('/static/wykoppl/s/895d8aeb442b43ed428ed48540b0cfb4.png') no-repeat 0 0;} @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #nav li.wykopnew:after {content: ''; display: block; position: absolute; width: 27px; height: 11px; bottom: 5px; right: 8px; z-index: 2; background: url('/static/wykoppl/s/be437791e14bf71d46304e033349f947.png') no-repeat 0 0; background-size: 27px 11px;} } #footer { background: #4383af; color: #fff; height: 600px; padding-top: 375px; vertical-align: middle; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 0; } #footer .wrapper { padding: 20px 10px; } #footer a {color: #fff;} #footer a:hover { color: #fff !important; } #footer .width-one-fourth a:hover { color: #fff !important; opacity: .5; } i.fa { font-size: 1.4rem; font-weight: normal; } html { font-size: 62.5%; } body { font-size: 13px; font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; color: #34495e; color: #2c3e50; } h1, h2, h3, h4, h5, h6 {font-weight: bold; font-size: 18px; font-size: 1.8rem; position: relative; } big { font-size: 20px; font-size: 20px; font-size: 2.0rem; line-height: 23px; line-height: 2.3rem; } small { font-size: 11px; font-size: 10px; font-size: 1.0rem; line-height: 14px; line-height: 1.4rem; } .nav { border-bottom: 2px solid rgba(237, 237, 237, 1); overflow: hidden; margin-bottom: 0px; padding: 0 10px; } .nav .info { float: left; margin-right: 12px; vertical-align: middle; font-weight: bold; text-transform: uppercase; line-height: 38px; line-height: 3.8rem; } .nav li { float: left; margin-right: 5px; } .nav > ul li a { color: #95a5a6; display: block; padding: 10px 10px; float: left; border-bottom: 2px solid transparent; } .nav li a:hover { border-bottom: 2px solid #34495e; } .nav li.active a { color: #34495e; border-bottom: 2px solid #34495e; font-weight: bold; } #nav .nav li.active a {background-color: #2e6e99;} #nav .nav > ul { float: left; } #nav .nav > ul:last-child { float: right; } .nav > ul { float: right; } .nav > ul:last-child { float: left; } .nav p + ul > li:last-child { margin-right: 0; } .nav.panel li {text-align: center;} .nav.panel big { font-size: 28px; font-size: 2.8rem; font-weight: normal; display: block; padding: 1.0rem 0; } .nav.panel li a span {font-size: 11px; font-size: 1.1rem;} a.link, a {text-decoration: none; color: #4383af;} .dark { color: #34495e; } .light { color: #95a5a6; } .dark a span { color: #34495e;} body a#register.link:hover, .showlinks:hover a, body a:hover { color: #1c5083 !important; } body a#register.link *, body a#register.link {font-size: 13px !important; } .color-bright, .color-bright a { color: #fff; } .hot {color: #ff5917 !important;} .lcontrast:hover a.affect.color-0, .color-0, .color-0:hover { color: #339933 !important; } .lcontrast:hover a.affect.color-1, .color-1, .color-1:hover { color: #ff5917 !important; } .lcontrast:hover a.affect.color-2, .color-2, .color-2:hover { color: #BB0000 !important; } .lcontrast:hover a.affect.color-3, .color-3, .color-3:hover { color: #ff0000 !important; } .lcontrast:hover a.affect.color-4, .color-4, .color-4:hover { color: #999999 !important; } .lcontrast:hover a.affect.color-5, .color-5, .color-5:hover { color: #000000 !important; } .lcontrast:hover a.affect.color-6, .color-6:hover { color: #367aa9 !important; } .lcontrast:hover a.affect.color-1001, .color-1001, .color-1001:hover { color: #999999 !important; } .lcontrast:hover a.affect.color-1002, .color-1002, .color-1002:hover { color:#999999 !important; text-decoration: line-through !important; } .lcontrast:hover a.affect.color-2001, .color-2001, .color-2001:hover { color: #3f6fa0 !important; } .size-xl {font-size: 28px; line-height: 32px;} .size-l {font-size: 22px; line-height: 26px;} .size-m {font-size: 18px; line-height: 22px;} .size-s {font-size: 15px; line-height: 19px;} .size-xs {font-size: 13px; line-height: 17px;} .size-xxs {font-size: 11px; line-height: 15px;} .screen { background: #34495e url('/static/wykoppl/s/8e38bdabfde52dad071f73468e6ec061.png') repeat; text-align: center; position: relative; z-index: 2; } .screen iframe { display: block; margin: 0 auto; width: 100%; position: relative; z-index: 3 !important; } .screen .jw-reset { z-index:4; } .force-controlbar-display.jw-state-playing .jw-controlbar, .force-controlbar-display.jw-state-playing .jw-dock { display:table !important; } .jw-plugin-related .jw-related-thumb .jw-related-thumb-title { display: block !important; } .jw-skin-seven .jw-icon-display { color: #ff0046 !important; } .jw-skin-seven .jw-icon-display:hover { color: #fff !important; } .jw-tab-focus:focus { outline: none !important; } .jwplayer:not(.jw-flag-fullscreen) .jw-controlbar { bottom: -31px !important; background: black !important; display:table !important; } .jwplayer:not(.jw-flag-fullscreen) { overflow: visible !important; margin-bottom:41px !important; } .jwplayer.jw-flag-fullscreen .jw-controlbar { width:80% !important; margin:auto !important; } @media screen and (max-width: 480px) { .jwplayer:not(.jw-flag-fullscreen) .jw-controlbar { background: black !important; } .jwplayer:not(.jw-flag-fullscreen) { overflow: visible !important; margin-bottom:35px !important; } } .jw-controls { overflow: visible !important; } .jwplayer.jw-flag-overlay-open-related:not(.jw-flag-fullscreen) {margin-bottom:0 !important;} .article { padding-left: 80px; padding-right: 16px; margin: 16px 0; position: relative;} .article > div { margin-bottom: 16px;} .article > div > div { margin-bottom: 10px; } .article > div p.text { font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: 300;} body .article h2.default-big, .article h2 { font-size: 22px; font-size: 2.2rem; line-height: 26px; line-height: 2.6rem; margin-bottom: 8px; margin-bottom: 0.8rem; } .article h2 a:visited { color: #95a5a6; } .article > div p.text a { color: #34495e; } .article > div p.text a:hover { color: #000 !important; border-bottom: 1px dotted #e5e7e9;} .article .media-content { float: left; max-width: 300px; } .article .media-content p.description { display: none; } .article .media-content + div { margin-left: 315px; } body p.small {font-size: 11px !important;} .article.fullview {margin-top: 0px;} .article.fullview h2 {margin-top: 5px;} .article.fullview .diggbox {top: 18px;} .article.preview h2 { font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2.0rem; font-weight: bold; margin-bottom: 0.3rem; padding-top: 3px;} .article h2 a + sup {font-size: 11px; font-size: bold; vertical-align: top; line-height: 10px; background: #f1f1f1; border-radius: 2px; padding: 0 2px; color: #95a5a6;} div.text > p, .article.preview > div p.text { font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; } #add-new .description > p.text textarea {font-size: 15px; font-size: 1.5rem; line-height: 19px; line-height: 1.9rem;} div.text > p a {color: #3498db;} ul.sub li div.text > p { font-size: 14px; font-size: 1.4rem; } .grid-right div.text > p { font-size: 12px; font-size: 1.2rem; } .article.preview > div > div { margin-bottom: 4px; } .article.preview .media-content { float: left; } .article.preview .media-content + div { margin-left: 205px; } .article.preview .media-content img { width: 207px; width: 190px; } .width-one-third .article { overflow: visible; } .width-one-third .article.preview .media-content { width: 100%; float: none;} .width-one-third .article.preview .media-content img { width: 100%;} .article.preview div.description + .media-content { float: none; } .article.preview div.description + .media-content + div { margin-left: 0px; } .article.preview.small h2 { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; margin-bottom: 4px; margin-bottom: 0.4rem;} .article.preview.small .media-content { float: right; margin-left: 10px;} .article.preview.small .media-content + div { margin-left: 0px; } .article.preview.small .media-content { margin-left: 10px;} .article.preview.small .wblock {padding: 4px 0;} .article.preview.small .author p { top: 4px; top: 0.4rem} .article.preview.passage {padding-left: 10px;} .article.preview.passage .media-content img {width: 148px;} .article.preview.passage .media-content + div {margin-left: 160px;} .article.preview.passage h2 {margin-bottom: 15px;} .article.preview.passage > div > div.description p.text {font-size: 14px;} .wblock { padding: 8px 16px 12px 16px; position: relative; padding: 14px 16px;} .sub li .profile img { width: 30px; height: 30px; width: 3.0rem; height: 3.0rem; } .sub li .profile + div { margin-left: 40px; } .sub .wblock { padding-left: 65px; padding-top: 0px; padding-bottom: 7px; } .wblock .author {padding-bottom: 3px;} .wblock .author b { font-size: 12px; font-size: 1.2rem; font-weight: bold; } .wblock .author small { font-size: 11px; font-size: 1.1rem; margin-left: 8px; } .text { word-wrap: break-word; margin-bottom: 4px; margin-bottom: 0.4rem;} .wblock a.profile { float: left; margin-top: 4px; } .wblock .profile + div { margin-left: 50px; margin-top: -17px; } .wblock form.reply .profile + div {margin-top: 0;} .pmStream .wblock .profile + div, .streammini .wblock .profile + div {margin-top: 0px; } .pmStream li {min-height: 50px;} .wblock.mini {padding: 0px;} .wblock.mini .avatar {width:20px; width: 2.0rem; height: 20px; height: 2.0rem;} .wblock.mini .profile + div {margin-left: 30px;} .wblock.mini .author p { top: 0;} .streammini .wblock.mini .author a.ellipsis {max-width: 155px;} .streammini .sub .wblock.mini .author a.ellipsis {max-width: 125px;} .media-content { position: relative; overflow: hidden; display: inline-block; width: auto; padding: 1px; min-height: 80px; min-height: initial; margin: 0.5rem 0 0 0; padding-bottom: 26px; } .media-content.video { max-width: 550px; } .media-content.crop { padding-bottom: 6px; } .article .media-content, .media-content.no-description { padding-bottom: 0; } .media-content.no-description .description { display: none; } .media-content.too-long-pic { max-height: 450px; } .article.preview .media-content.video { margin-top: 0; margin-bottom: 0; } .media-content img { float: left; max-width: 100%; } .media-content > a {display: block; min-width: 150px; min-height: 25px;} .media-content.too-long-pic .expand { font-size: 11px; font-size: 1.1rem; width: 100%; position: absolute; text-align: center; color: #95a5a6; text-shadow: 0px 1px #000; bottom: 0; z-index: 3; margin-bottom: 26px; background: rgba(0,0,0,.6); cursor: pointer; } .streammini .media-content.too-long-pic .expand {display: none;} .media-content .description { background: #fff; border-top: 1px solid #f4f6f7; font-size: 1.1rem; width: 100%; min-height: 2.6rem; line-height: 2.6rem; vertical-align: top; display: block; position: absolute; bottom: 0px; left: 0; } .media-content .description * { vertical-align: top; } .media-content .manager a:last-child {float: right;} .media-content.hide-image {min-height: 0; max-width: 100%; padding-bottom: 0;} div.text p .media-content {display: block;} .media-content .description span.file-size, .media-content .description a.affect.hide {position: absolute; right: 0; background: #fff; padding-left: 4px;} .media-content .description a:first-child {float: none;} .media-content .description a:first-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 60%; display: inline-block; } .media-content .manager {background: #f6f8f9; text-align: center; padding: 5px;} .media-content .manager a:first-child {float: left;} .more { text-align: center; line-height: 22px; line-height: 2.2rem; vertical-align: middle; font-size: 11px; font-size: 1.1rem; font-weight: bold; color: #95a5a6; } .more a:hover i { color: #2c3e50 !important; } .voters-list { font-size: 11px; font-size: 1.1rem; margin-bottom: 6px; margin-bottom: 0.6rem; } .voters-list * { color: #95a5a6 !important; } .streammini .media-content.too-long-pic { max-height: 150px; } .streammini ul.sub li div.text > p, .streammini .author *, .streammini .text { font-size: 12px; font-size: 1.2rem; } .streammini ul.sub {margin-left: 30px;} .comments-stream .reply { padding-left: 50px; } .comments-stream .sub .reply { padding-left: 0px; } .wblock textarea, .wblock form textarea { width: 100%; min-height: 5.0rem; font-size: 15px; font-size: 1.5rem;} .wblock a.profile, .wblock form a.profile { margin-top: 0px; } .reply.light fieldset.arrow_box:after, .reply.light a.profile, .reply.light fieldset.row.buttons p:first-child { display: none; } .reply.light .profile + div {margin-left: 0;} .replyOn .wblock.replyForm { background: #f8fafb !important; border-top: 1px solid #ededed; padding-left: 66px; } .replyOn .wblock.replyForm .profile img {width: 30px; height: 30px;} .replyOn .wblock.replyForm .profile + div {margin-left: 55px;} fieldset.arrow_box {padding: 0 !important;} .diggbox { position: absolute; text-align: center; left: 15px; left: 26px; top: 5px; width: 49px; } .diggbox span:first-child, .rdiggbox { display: block; width: 49px; height: 42px; line-height: 42px; vertical-align: middle; font-weight: bold; color: #ff5917; background: url('/static/wykoppl/s/e3abfc1aa5c7d1cccb3ab17c806ba38d.png') no-repeat; } .rdiggbox { position: absolute; top: 5px; left: 5px; text-align: center; margin:auto; } .jw-custom-title { display: block; position: absolute !important; bottom: 0; left: 0; width: 100%; height: auto !important; background-color: rgba(0,0,0,.5) !important; padding: 5px; text-overflow: ellipsis; overflow: hidden; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .diggbox span:first-child, .rdiggbox { background: url('/static/wykoppl/s/1752678287771b1f3e5cc381983d43da.png') no-repeat; background-size: 49px 126px; background-repeat: no-repeat; } } .diggbox.digout span:first-child { background-position: 0 -42px; color: #ff5917; } .diggbox.digout span:last-child { color: #4383af !important; } .diggbox.digout.burried span:first-child { background-position: 0 -42px; color: #95a5a6; opacity: .4; } .diggbox.digout.burried span:last-child { opacity: .8; color: #95a5a6 !important; border: none; background: none; } .diggbox.digout a span.button {color: #95a5a6;} .diggbox span.button { line-height: 20px; font-size: 11px; font-size: 1.1rem; font-weight: normal !important; padding: 0; margin-top: 3px; width: 49px; color: #4383af; } .diggbox span.button.submit { color: #fff; } .diggbox .hot, .rdiggbox .hot { display: inline-block; width: 17px; height: 16px; border-radius: 8px; background-position: 3px -133px !important; background-color: #fff !important; position: absolute; top: 0px; right: 0px; z-index: 5; pointer-events: none; } .diggbox a.dropdown-show {font-size: 11px; font-size: 1.1rem;} .diggbox a.dropdown-show i.fa-caret-down {display: none;} .form-big .diggbox {top: 15px;} .addons .diggbox {top: 10px;} .comments-stream.touch-content {background: #fff; border-left: 1px solid #dae2e4; border-right: 1px solid #dae2e4; border-bottom: 1px solid #ededed; } .comments-stream.touch-content li:nth-child(3n+1) > div {border-left: none; margin-left: 7px; clear: left;} .comments-stream.touch-content li:nth-child(3n+3) > div {border-right: none;} .comments-stream.touch-content > li.hot {margin-left: 0;} .comments-stream.touch-content > li .lcontrast {padding-bottom: 25px;} .touch-content .article.preview .media-content + div {margin: 0;} .touch-content .article.preview h2 {font-size: 22px; line-height: 28px;} .touch-content .width-one-third { background: #fff; } .touch-content .diggbox { position: relative; margin: 0; top: 0; left: 0; float: left; } .touch-content .diggbox + h2 {margin-left: 60px;} .touch-content .article > div {margin-bottom: 8px;} .touch-content .paylink .media-content img {max-height: 195px;} .touch-content .paylink .description {margin-top: 20px;} .touch-content .width-one-third { overflow: hidden; border: 1px solid #ededed; border-bottom: none; margin-top: -1px; margin-left: -1px; padding-bottom: 200px; margin-bottom: -200px; background: transparent; } .touch-content.comments-stream > li { margin-bottom: 0; border: 0 !important; border-radius: 0; } ul.comments-stream.touch-content > li:nth-last-of-type(-n+3) .width-one-third { padding-bottom: 40px; margin-bottom: -40px; } .touch-content.comments-stream > li .article .diggbox { top: 5px; width: auto; margin-right: 10px; } .touch-content .article > div.fix-tagline { margin-top: 10px; } .touch-content.comments-stream .media-content {margin-top: 0;} .touch-content .author {min-height: 20px; position: relative; border: none; margin-bottom: 7px; margin-top: -35px;} .touch-content .author p {top: 0; padding-right: 0; } .tag, .button, button, input.button, input[type="submit"] { display: inline-block; *display: inline; zoom: 1; cursor: pointer; text-align: center; line-height: 2.8rem; font-weight: bold; color: #34495e; background-color: #f4f6f7; border-radius: 3px; border: 1px solid #bdc3c7; border: 1px solid #e1e3e4; padding: 0 1.0rem; white-space: nowrap; } input[type="submit"] { line-height: normal; padding: 5px 12px !important; } .button:hover { color: inherit !important; background-color: #fafafa; border-color: #95a5a6; border-color: #e1e3e4; color: #4383af !important; } .button.selected { color: #fff !important; background-color: #4383AF; border-color: #296690; box-shadow: none; } .button.disabled { cursor: default; opacity: .3; } .button.mikro *, .button.mikro { line-height: 1.4rem; line-height: 1.0rem; font-size: 10px; font-size: 1.0rem !important; font-weight: bold; padding: 0.4rem 0.3rem !important; } .button.create { border: 1px solid transparent; background: none; box-shadow: none; } .button.create:hover { border: 1px solid #c8c8c8; background-color: #eaeaea; border: 1px solid #95a5a6; background-color: #fafafa; border-color: #e1e3e4; } .button.width-full {font-size: 1.8rem; text-align: left; padding: 10px;} .tag { padding: 0 0.3rem; line-height: 2.0rem; font-weight: normal; box-shadow: none; color: #4383af; } .tag em { opacity: .5; } .tag.create { border: 1px solid transparent; background: none; box-shadow: none; } .tag.create:hover { border: 1px solid #d8d8d8; background-color: #f5f5f5; } .tag.active { border: 1px solid #d8d8d8; background-color: #f5f5f5; color: #2c3e50 !important; opacity: 1 !important; font-weight: bold; } body .affect.mark, body a.mark {opacity: 1 !important; color: #4383AF !important; font-weight: bold; } .relatedTagsExtra > *, #mainTags {margin-bottom: 5px; line-height: 25px; line-height: 2.5rem; } .addTags .tag {color: #7f8c8d;} .relatedTagsExtra > div > .tag:first-child {width: 120px; text-align: right; border: none; background: none;} .relatedTagsExtra > div > .tag:first-child:after {content: ":";} .mf_upload_m, .mf_upload_m form {position: inherit !important;} x:-o-prefocus, .mf_upload_ins { display: none; } .mf_upload_ins {opacity: .7; pointer-events: none; padding: 2px 2px 8px 2px; } .mf_upload_ins div {height: inherit; color: #c0392b; font-size: 16px; line-height: 65px; vertical-align: bottom;} form { padding: 10px; } form.nospace { padding: 0px; } form.noborder {border: none;} .wblock > form {padding-left: 0; padding-right: 0;} textarea { display: inherit; resize:vertical; z-index: 2; } textarea, input[type="text"], input[type="password"], input[type="date"] { border: 1px solid #9cabac; border: 1px solid #ededed; border-radius: 3px; padding: 10px 6px; padding: 1.0rem 0.6rem; width: 100%; } textarea.error, input[type="text"].error, input[type="password"].error, input[type="date"].error { border: 1px dotted #e74c3c; } textarea:hover, input[type="text"]:hover, input[type="password"]:hover { border: 1px solid #ccc; box-shadow: 0 0 2px 1px rgba(189, 195, 199, .2); } textarea:focus, input[type="text"]:focus, input[type="password"]:focus { outline: 0; border: 1px solid #bbb; box-shadow: 0 0 2px 1px rgba(189, 195, 199, .2); } button.submit, .button.submit, input[type="submit"] { color: #fff; background-color: #4383af; border: 1px solid #3b6f92; padding: 0 16px; } .button.submit:hover, input[type="submit"]:hover { color: #fff !important; background-color: #4b8bb7; } button.active {background-color: #34495e; border-color: #7f8c8d; box-shadow: none;} input[type="text"]:disabled { background-color: #F4F6F7; border-color: #ecf0f1; } input[type="text"]:disabled:hover { box-shadow: none; } form select {border: 1px solid #e5e7e9;} select {padding: 4px 4px 5px 4px !important;} option span { padding: 4px; } fieldset { vertical-align: middle; } label { cursor: pointer; vertical-align: middle; font-size: 11px; font-size: 1.1rem; font-weight: bold; text-transform: uppercase; } label.inline { text-transform: none; color:#2C3E50; font-size: inherit; vertical-align: top; margin-left: 5px; } label.inline * { vertical-align: top; } label.inline + input[type="text"] {display: inline-block; width: 80%;} input[type="text"].create { border: transparent; background: transparent; } input[type="text"].create:hover, input[type="text"].create:focus { background: #fff; } label small { text-transform: none; } legend { font-weight: bold; text-transform: uppercase; } input.width-half {width: 49% !important;} .notice {position: relative; } .form-big {border: 2px solid #F4F6F7; border-radius: 4px;} .form-big > div:first-child { padding: 30px; border-bottom: 2px solid #F4F6F7; background: #f7f7fa; text-align: center; } .form-big > div:last-child { background: #f7f7fa; padding: 20px; margin-top: 20px; text-align: center; } .form-big fieldset a.button:last-child {float: right;} .form-big fieldset { padding: 10px 10px 0 10px; } .form-big fieldset.nospace { padding: 0; } .form-big fieldset input[type="text"], .form-big fieldset input[type="password"] { font-size: 24px; font-size: 2.4rem; } .form-big .button, .form-big input[type="submit"] { font-size: 18px; font-size: 1.8rem; padding: 1.0rem 3.0rem; } .form-big .submit-row { text-align: center; } .form-big .submit-row em { font-style: italic; } .form-big .submit-row .button, .form-big .submit-row input[type="submit"] { width: 100%; } .form-big .submit-row input[type="submit"] { line-height: 3.8rem; margin-bottom: 10px; } .form-big .submit-row .button.facebook-colors { margin-top: 10px; border: 1px solid #3B5B98; box-shadow: none; } .form-big .button i.fa { font-size: 20px; font-size: 2.0rem; } .form-big h3 i.fa {font-size: 1.8rem;} .form-big .media-content {background: none;} .form-big .addTags input[type="text"] {width: 70%; padding: 5px; border: 1px solid #e1e3e4;} .form-big .addTags select {width: 29%; border: 1px solid #e1e3e4;} .form-big .article div.description {min-height: 73px;} .form-big .manager {height: 56px; line-height: 46px; vertical-align: middle;} .form-big .manager .button.mikro {padding: 0.8rem 1.0rem !important; margin-top: 7px;} .form-big .addRelated input[type="text"] {font-size: 1.3rem; } .form-big .add-section h2 {margin-top: -10px;} .form-big h2 textarea {border: none; font-size: 20px; font-size: 2.0rem; color: #4383af; min-height: 2rem; font-weight: bold;} .form-big .description .text textarea {border: none;} .form-big .add-section .fix-tagline {margin-left: 5px;} .form-big #commentForm a.button { padding: 0 1.0rem;} .form-big #commentForm a.button, .form-big #commentForm a.button i.fa { font-size: 14px; font-size: 1.4rem;} fieldset.row.buttons big {line-height: 4.8rem; vertical-align: middle;} fieldset.files > * { vertical-align: middle; display: inline-block; *display: inline; zoom: 1;} fieldset.surveyRow > * { vertical-align: middle; display: inline; *display: inline; zoom: 1;} fieldset.files, fieldset.surveyRow { line-height: 30px; vertical-align: middle; padding: 3px 0 5px 0; margin-bottom: 5px; border-bottom: 1px dashed #ecf0f1; } fieldset.files > img {max-width: 30px; max-height: 30px;} fieldset.files ul, fieldset.surveyRow ul { float: right; } fieldset.files span, fieldset.surveyRow span { margin-left: 8px; max-width: 38%; display: inline-block; *display: inline; zoom: 1; } fieldset.files input[type="checkbox"] { float: left; margin-top: 8px; } input[type=checkbox]:checked + label { color: #2c3e50 !important;} input[type=checkbox] + label { color: #95a5a6 !important; } .check-and-label > input[type="radio"], .check-and-label > input[type="checkbox"] {margin-left: -26px;} .check-and-label {margin-left: 27px;} .register-captcha img.captcha { height: 48px; margin-top: 3px; border-radius: 3px; border: 1px solid #ededed;} .register-captcha input#captchaField { width: 205px; } .with-legend {border: 1px solid #ededed; padding: 10px; margin-bottom: 15px; background: #fafafa;} .with-legend legend {font-size: 10px; border: 1px solid #ededed; padding: 3px; background: #fff; color: #e74c3c;} .switcher fieldset.files {margin-left: 31px;} .switcher fieldset.files span {max-width: 64%;} .switcher fieldset.files:last-child {border: none;} .switcher * {margin-right: 6px;} .switcher *:last-child {margin-right: 0px;} .counterContainer {position: relative;} .counterContainer .counter {position: absolute; top: -15px; right: -10px; font-size: 11px; padding: 1px 4px; background: #f1f4f5; border: 1px solid #ededed; font-weight: bold; border-radius: 3px;} .settings fieldset { margin-bottom: 20px; } .settings .row { margin-bottom: 5px; } .settings .row > label:first-child {margin-left: 25px; display: inline-block; min-width: 100px; text-transform: none; font-size: 13px;} .settings select {min-width: 200px; border-color: #e5e7e9; border-radius: 2px;} fieldset > label + select {margin: 15px 0 15px 10px;} .settings #auto_location input, .settings #auto_location {width: 30%; } #settingsBox input[type="file"] { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } #settingsBox .rel.avatar-holder span {opacity: 0; position: absolute; top: 61px; left: 35px; font-weight: bold; color: #fff; text-shadow: 0 0 3px #000;} #settingsBox .rel.avatar-holder:hover span {opacity: 1;} #settingsBox .rel.avatar-holder img.abs.loader {position: absolute; top: 63px; left: 11px;} #nav .wrapper {position: relative; overflow: visible;} #nav form.naturalsearch { position: absolute; top: 2px; left: 128px; width: calc(100% - 471px); } #nav form.naturalsearch input[type="text"] {font-size: 17px;} #nav form.naturalsearch > div {position: relative;} #nav form.naturalsearch ul {position: absolute; width: 100%; border: 1px solid #e1e4e5; margin-top: -3px; } #nav form.naturalsearch ul li {display: block !important; background: #fff; float: none !important; margin: 0;} #nav form.naturalsearch ul li:last-child {border-bottom: none;} #nav form.naturalsearch ul li a {float: none !important; display: block !important; color: #2C3E50; padding: 10px 5px; border-bottom: 1px solid #e1e4e5;} #nav form.naturalsearch ul li a:hover { color: #1C2E40 !important; border-bottom: 1px solid #e1e4e5 !important;} .row.elements > a, .row.elements > ul > li { margin-right: 15px; } .row.elements > ul > li:last-child { margin-right: 0; } .row.elements a * {white-space: nowrap;} .row.elements a.affect:hover, .row.elements a:hover {color: #1c5083 !important;} .row.buttons { line-height: 28px; vertical-align: middle; overflow: hidden; padding-top: 2px; } .row.buttons p { float: left; } .row.buttons p:last-child { float: right; } .row.elements ul, .row.elements ul li {display: inline-block; *display: inline; zoom: 1; } .row.elements ul.responsive-menu li:first-child {display: none;} a.embed-button {border: 1px solid rgba(67, 131, 175,.5); line-height: 1.2rem; padding: 2px 12px; border-radius: 3px;} a.embed-button > span {font-size: 1.6rem;} .row.elements.actions a.embed-button {margin-right: 0; float: right; opacity: 0;} .wblock:hover .row.elements.actions a.embed-button {opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s;} .avatar.male { -webkit-box-shadow: 0px 2px 0px 0px rgba(70, 171, 242, 1); box-shadow: 0px 2px 0px 0px rgba(70, 171, 242, 1); border-radius: 2px 2px 0 0; } .user-profile .avatar.male { box-shadow: 0px 4px 0px 0px rgba(70, 171, 242, 1); } .avatar.female { -webkit-box-shadow: 0px 2px 0px 0px rgba(242, 70, 208, 1); box-shadow: 0px 2px 0px 0px rgba(242, 70, 208, 1); border-radius: 2px 0 0 2px; } .user-profile .avatar.female {box-shadow: 0px 4px 0px 0px rgba(242, 70, 208, 1);} .avatar { border-radius: 2px; border-bottom: none !important; -webkit-box-shadow: 0px 2px 0px 0px rgba(229, 231, 233, 1); box-shadow: 0px 2px 0px 0px rgba(229, 231, 233, 1); border-bottom: 2px solid #fff !important; } .user-profile .avatar {box-shadow: 0px 4px 0px 0px rgba(229, 231, 233, 1);} .avatar.full { width: 150px; height: 150px; } .avatar.default { width: 40px; height: 40px; } .avatar.small { width: 25px; height: 25px; } .avatar.tiny { width: 15px; height: 15px; } .lcontrast .affect { color: #95a5a6; color: #c1c3c4 !important; transition: color 0.3s ease; } .comments-stream .lcontrast .actions .affect { color: #d7dcdd; } .lcontrast:hover .affect { color: #666; } .lcontrast:hover .actions a.affect, .lcontrast:hover a.affect { color: #4383af !important; transition-delay: .2s; } .lcontrast .hide { opacity: 0; transition: opacity 0.3s ease; } .lcontrast:hover .hide { opacity: 1; transition: opacity 0.3s ease; } .comments-stream .wblock.hidden-comment {min-height: 70px;} .comments-stream .wblock.hidden-comment div.text, .comments-stream .wblock.hidden-comment div.text + .row.actions { display: none; } .comments-stream .wblock .author.ellipsis + p.more {display: none;} .comments-stream .wblock.hidden-comment .author.ellipsis + p.more {display: block;} .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fix-tagline *.tag { } .fix-tagline * { white-space: nowrap; } .fix-tagline .tag + a.affect:last-child {margin-left: 5px;} .linksline a {margin-right: 10px;} .linksline > span:first-child {margin-right: 20px;} .linksline span + p {float: right;} .markbold { font-weight: bold; } table { border: 1px solid #ededed; width: 100%; } th, td {padding: 10px; border: 1px solid #ededed; text-align: left; vertical-align: top;} th { font-weight: bold; border-bottom-width: 2px; border-bottom-color: #e3e5e6; background: #f4f6f7; background: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%); } th a.sort { float: right; font-size: 11px; font-size: 1.1rem; font-weight: normal; } tr:nth-child(even) { background: #fcfcfc; } tr:hover {background: #f6f8f9;} table.list {border: none;} table.list, table.list th, table.list td {border-left: none; border-right: none; vertical-align: middle;} table.list, table.list tr:first-child td {border-top: none !important;} table.list tr:last-child td {border-bottom: none !important;} table.list.small td {padding-left: 0px; vertical-align: middle;} table.list.clear.small td {border: none; padding: 3px;} table.list p.description {border-top: none;} table.list.profilesRankTable td a * { vertical-align: middle; } table.list.clear tr {background: none;} .showCharts small {font-size: 11px !important; margin-left: 20px;} table.panel, table.panel * {border: none; background: none; font-weight: normal; text-transform: lowercase; margin-bottom: 0;} table.panel td {background: #F1F4F5;} table.panel td:hover {background: #ecf0f1;} table tr.infopanel td a {display: block; text-align: center;} .dropdown table tr {background: #fff;} .dropdown table td {padding: 0;} .dropdown table td a {padding: 10px; display: block;} .dropdown table td a:hover {background: #f1f4f5;} tr.note-ban { background: #FFEDED; } tr.note-note { background: #DEF4FF; } tr.note-warn { background: #FFFCDE; } tr.note-unban { background: #fff; } tr.note-private { background: #E7FFDE; } div.note-inf {max-width: 600px; white-space: normal; text-overflow: ellipsis; overflow: hidden;} .tagChartTooTip {border: 1px solid #ededed; background: #fff; margin-top: -10px; margin-left: -10px; width: 100px; } .tagChartTooTip > div {padding: 10px; color: #777 !important;} .arrow_box { position: relative; } .arrow_box:after { right: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(237, 237, 237, 0); border-right-color: #ededed; border-width: 8px; margin-top: -8px; } .add3comment.arrow_box:after {top: 40px;} .arrow-box-bubble { position: relative; background: #ffffff; border: 2px solid #ededed; } .arrow-box-bubble:after, .arrow-box-bubble:before { top: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow-box-bubble:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 8px; margin-left: -8px; } .arrow-box-bubble:before { border-color: rgba(237, 237, 237, 0); border-top-color: #bdc3c7; border-width: 11px; margin-left: -11px; } .qtip-pos-tl .arrow-box-bubble:after, .qtip-pos-tl .arrow-box-bubble:before, .qtip-pos-tc .arrow-box-bubble:after, .qtip-pos-tc .arrow-box-bubble:before, .qtip-pos-tr .arrow-box-bubble:after, .qtip-pos-tr .arrow-box-bubble:before { top: auto; bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .qtip-pos-tl .arrow-box-bubble:after, .qtip-pos-tc .arrow-box-bubble:after, .qtip-pos-tr .arrow-box-bubble:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .qtip-pos-tl .arrow-box-bubble:before, .qtip-pos-tc .arrow-box-bubble:before, .qtip-pos-tr .arrow-box-bubble:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #bdc3c7; border-width: 11px; margin-left: -11px; } .qtip-pos-lt .arrow-box-bubble:after, .qtip-pos-lt .arrow-box-bubble:before, .qtip-pos-lc .arrow-box-bubble:after, .qtip-pos-lc .arrow-box-bubble:before, .qtip-pos-lb .arrow-box-bubble:after, .qtip-pos-lb .arrow-box-bubble:before { right: 100%; top: 20px; left: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .qtip-pos-lt .arrow-box-bubble:after, .qtip-pos-lc .arrow-box-bubble:after, .qtip-pos-lb .arrow-box-bubble:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 8px; margin-top: -8px; } .qtip-pos-lt .arrow-box-bubble:before, .qtip-pos-lc .arrow-box-bubble:before, .qtip-pos-lb .arrow-box-bubble:before { border-color: rgba(255, 255, 255, 0); border-right-color: #bdc3c7; border-width: 11px; margin-top: -11px; } .qtip-pos-rt .arrow-box-bubble:after, .qtip-pos-rt .arrow-box-bubble:before, .qtip-pos-rc .arrow-box-bubble:after, .qtip-pos-rc .arrow-box-bubble:before, .qtip-pos-rb .arrow-box-bubble:after, .qtip-pos-rb .arrow-box-bubble:before { left: 100%; top: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .qtip-pos-rt .arrow-box-bubble:after, .qtip-pos-rc .arrow-box-bubble:after, .qtip-pos-rb .arrow-box-bubble:after { border-color: rgba(136, 183, 213, 0); border-left-color: #fff; border-width: 8px; margin-top: -8px; margin-left: 0px !important; } .qtip-pos-rt .arrow-box-bubble:before, .qtip-pos-rc .arrow-box-bubble:before, .qtip-pos-rb .arrow-box-bubble:before { border-color: rgba(194, 225, 245, 0); border-left-color: #bdc3c7; border-width: 11px; margin-top: -11px; margin-left: 0px !important; } .active-counter.arrow_box:after { top: 11px; border-color: rgba(237, 237, 237, 0); border-right-color: #e74c3c; border-width: 4px; margin-top: -4px;} .error, .red { color: #e74c3c !important; } .progress { width: 100%; height: 16px; border: 1px solid #D3D7DF; background: #ecf0f1; border-radius: 3px; position: relative; padding: 1px; } .progress .bar { background: #3498db; height: 12px; border-radius: 2px; position: relative; } .cell { display: table-cell; border: 1px solid #f3f3f3; vertical-align: top; padding: 10px; } .cell img { width: 50%; } .icon-media { width: 40px; height: 30px; position: absolute; top: 50%; margin-top: -15px; margin-top: -41px; margin-left: -20px; left: 50%; color: #fff; border-radius: 6px; text-align: center; line-height: 30px; vertical-align: middle; pointer-events: none; -webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .3); box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, .3); } .article .icon-media, .no-description .icon-media {margin-top: -15px;} .icon-media.play { background: #ca0000; border-bottom: 1px solid #5a0000; } .icon-media.zoom { background: #000; opacity: .9; border: 1px solid #aaa; } .icon-media.gif { width: 40px; height: 40px; border-radius: 20px; border: 2px solid #fff; background-color: #000; font-weight: bold; opacity: .9; line-height: 37px; } q { quotes: "«" "»"; } cite { color: #7f8c8d; display: block; padding-left: 20px; } cite + br + br {display: none;} cite:after, cite:before { content: '" '; font-size: 2.4rem; font-style: italic; vertical-align: bottom; font-family: "Times New", Georgia, Times, serif; margin-left: -16px; line-height: 14px; } cite:before {line-height: 0px; vertical-align: bottom;} cite:after {margin-left: 4px; vertical-align: middle;} .donttouch {cursor: default;} .showSpoiler, .show-more { background: #ecf0f1; padding: 1px 5px; color: #aaa; border-radius: 3px; cursor: pointer; white-space: nowrap; } .information > div { margin-bottom: 15px; } .information ul li { margin-bottom: 5px; } .info-line {padding: 4px 0; font-size: 12px; font-size: 1.2rem;} .article + .mark-bg .info-line {padding-left: 95px;} .mark-bg .info-line {padding-left: 67px;} .text-center.all-in > *, .text-center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .manage-helper {position: absolute; right: 0; top: 0; border-left: 1px solid #ededed; padding-left: 10px;} .manage-helper a.hide.red {position: absolute; top: 0; margin-left: 5px;} .ellipsis .manage-helper + a {padding-right: 160px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} blockquote h6 {font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-bottom: 8px;} blockquote {font-size: 12px; font-size: 1.2rem; } blockquote ul {margin-bottom: 8px; } blockquote b {font-size: 14px; font-size: 1.4rem; } .lowercase {text-transform: lowercase;} .decimal {list-style-type: decimal; padding-left: 20px; } .lower-alpha {list-style-type: lower-alpha; padding-left: 20px;} .static-text ul, ul.default {list-style-type: disc; padding-left: 20px;} ul li span.heading {width: 55px; display: inline-block; text-align: right;} .author i.fa-plus, .c2a7017 { color: #27ae60; color: #3b915f;} .author i.fa-minus, .cbb0000 { color: #c0392b; } .bspace-small {margin-bottom: 15px !important;} .bspace {margin-bottom: 25px;} .bspace-big {margin-bottom: 50px;} .tspace {padding-top: 25px;} .tspace-big {padding-top: 50px;} .space {padding: 10px;} .spacev {padding: 10px 0;} .space:empty {padding: 0;} .lspace { padding: 4px 0; } .rel { position: relative; } .fright {float: right;} .hspace {margin-left: 10px;} .spaceh {margin-right: 10px;} .hspaceh {margin: 0 10px;} .tspacehh {margin-top: 5px; padding-top: 5px;} img.scalable {width: 100%;} .make-center-block { margin: 0 auto !important; } .clear-top { margin-top: 0 !important; padding-top: 0 !important; border-top: none !important; } .clear-bottom { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } .dnone { display: none; } .overflow {overflow: hidden;} .author {border-bottom: 1px solid #f4f6f7; } .author p {float: right; position: absolute; right: 0; top: 13px; top: 1.3rem; padding-right: 16px;} .streammini .author p {padding-right: 0px;} .sub .author p { top: 0px; top: 0rem; } .author p b span { font-size: 15px; font-size: 1.5rem; } .author p * {margin-left: 0.2rem; line-height: 20px; vertical-align: top;} .author p *:first-child {margin-left: 0;} .author p .favourite { position: absolute; right: 0; top: 0.3rem; display: none;} .author.hlight {border-bottom: 1px solid #c8e6c7 !important;} ul.related li > div > div:first-child {margin-bottom: 5px;} ul.related li > div > div:first-child p b, ul.related li > div > div:first-child p a {vertical-align: middle;} ul.related li > div > div:first-child p b {padding: 1px 2px; min-width: 21px; display: inline-block; text-align: center;} .author p b {padding: 0 2px; min-width: 21px; display: inline-block; text-align: center;} ul.related li > div > div:first-child p b.voted, .author p b.voted {border-radius: 2px;} ul.related li > div > div:first-child p b.voted *, .author p b.voted * {color: #fff;} ul.related li > div > div:first-child p b.voted.plus, .author p b.voted.plus {background: #27ae60; background: #3b915f; } ul.related li > div > div:first-child p b.voted.minus, .author p b.voted.minus {background: #c0392b;} .width-full {width: 100%;} .width-one-third { width: 33%; vertical-align: top; display: inline-block; *display: inline; zoom: 1;} .width-one-third.block { display: block; float: left;} .width-one-fourth { width: 24%; vertical-align: top; display: inline-block; *display: inline; zoom: 1;} .width-full.max {max-width: 100%;} .width-one-third.max { max-width: 33%; } .width-two-third {max-width: 66%;} .width-one-fourth.max { max-width: 24%; } .width-half.max {max-width: 50%;} .width-sides {width: 40%;} .width-sides-middle {width: 18%;} .width-half {width: 50%;} .inlblk {display: inline-block; *display: inline; zoom: 1;} .block {display: block;} .scale-image {width: 100%;} .width-half.inlblk {width: 49%;} .width-two-third {width: 66%;} .width-fixed-column {width: 500px;} .vertical-top {vertical-align: top;} .vertical-middle {vertical-align: middle;} .tdivider-dotted {border-top: 1px dotted #ededed;} .tdivider { border-top: 1px solid #ededed; } .bdivider { border-bottom: 1px solid #ededed; } .mark-bg {background: #f8fafb !important;} #nav.absolute {position: absolute !important;} .absolute {position: absolute;} .relative {position: relative;} .fixed {position: fixed;} .center {margin: 0 auto;} .reset-float { float: none !important; } .reset-space { margin: 0 !important; padding: 0 !important; } .reset-margin { margin: 0 !important; } .reset-height { height: auto; } .reset-decor {background: none !important; border: none !important;} .width-two-third .avatar.absolute + div.vertical-top {margin-left: 200px;} .error-page {padding-top: 8%;} .error-block {min-height: 200px;} .error-block big {font-size: 172px; line-height: 155px; color: #bdc3c7;} .error-block small {font-size: 23px; margin-right: -99px;;} .error-block p a.button {margin-right: 15px;} .comments-stream li.link div.article.blacklisted {min-height: 20px; max-height: 59px; opacity: .3; overflow: hidden;} .comments-stream li.link div.article.blacklisted {padding-bottom: 6px;} .comments-stream li.link div.article.blacklisted h2 { text-overflow: ellipsis; overflow: hidden; height: 22px; height: 2.2rem; white-space: nowrap; } #blocked-frame .error-page {position: absolute; top: 100px; left: calc(50% - 33%);} div.related {height: 180px; overflow: hidden; position: relative;} div.related .more { position: absolute; right: 0; bottom: -5px; width: 100%; } ul.related > li { display: inline-block; width: 207px; margin: 0 10px 20px 0; } ul.related li > div > div:first-child p {float: right;} ul.related li > div {position: relative;} ul.related li > div div.content { width: 100%; height: 139px; overflow: hidden; border: 1px solid #F4F6F7; background: #fafcfd;} ul.related li > div div.content span { display: block; } ul.related li div span.data { position: absolute; width: 205px; height: 40%; bottom: 1px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } ul.related li div.content a:hover + span.data { opacity: .2; } ul.related li > div span.data > span { z-index: 4; position: relative; padding: 3px; height: 100%; } ul.related li > div span.data > span b { max-height: 3.7rem; overflow: hidden; } ul.related li > div span.data > span * { display: block; } ul.related li > div span.data > span em { font-size: 11px; font-size: 1.1rem; } ul.related li > div span.data > span em a { display: inline; } ul.related li > div span.data > span.cover { background: #fff; height: 100%; width: 205px; position: absolute; bottom: 0; z-index: 3;} ul.related-list li > div.wblock div:first-child {float: left; width: 60px; padding-top: 1px;} ul.related-list li > div.wblock div + div {margin-left: 20px;} ul#related li.in-add3 {padding-bottom: 10px; margin-bottom: 5px;} ul#related li.in-add3:last-child {border: none;} ul#related li.in-add3 h2 {padding-top: 10px;} ul#related li.in-add3 h2 a small {display: block; margin-top: 5px; max-width: 90%; font-size: 12px; font-weight: normal;} ul#related li.in-add3 a.edit {position: absolute; right: 5px; top: 30px;} div.check.related { height: auto; overflow: visible; } div.check.related > div.nav + div.space { height: 400px; overflow: auto;} div.check.related .diggbox { top: 5px; } div.check.related h2 small { font-size: 13px; font-weight: normal; color: #2c3e50 !important; } ul.related li > div span.data > span em.logoreklama { position: absolute; bottom: 3px; right: 3px; font-size: 11px; color: #bbb; } ul.related li > div span.data > span em.logoallegro { display: block; width: 40px; height: 14px; background: url('/static/wykoppl/s/69a11563a85d91dadd0ba4c8940ffef4.png') no-repeat 0 0; position: absolute; bottom: 3px; } .summary { width: 400px; min-height: 170px; background: #fff; padding: 10px; border: 1px solid #bdc3c7; border-bottom-width: 2px; z-index: 50; position: relative;} .summary > div { position: relative; color: #7f8c8d; font-size: 12px; font-size: 1.2rem;} .summary > div h3 span, .summary > div h3 i.fa {position: absolute; top: 3px; right: 3px; font-size: 13px; font-size: 1.3rem; font-weight: normal;} .summary > div > img { position: absolute; top: 0; left: 0; } .summary > div textarea { padding: 3px; font-size: 12px; font-size: 1.2rem;} .summary > div > img + div {padding-left: 110px; height: 100px;} .summary > div div.row.buttons { margin-top: 30px; line-height: 32px;} .summary > div div.row.buttons.folContainer {margin-top: 10px;} .summary > div div.row.buttons > a:first-child {min-width: 100px; margin-right: 6px;} .summary > div div.row.buttons + div {margin-top: 6px;} .summary .button { font-size: 13px; font-size: 1.3rem; } .summary form.userNote fieldset p { margin-top: 7px; z-index: 5; position: relative;} .summary.tag {min-height: 140px; cursor: auto;} .summary.tag * {text-align: left;} .summary.tag h3 {font-size: 24px; font-size: 2.4rem;} .summary.tag h3 a {display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; line-height: 2.8rem;} .summary.tag > div > div:first-child {margin-bottom: 30px;} .summary.tag > div div.row.buttons > a:first-child {min-width: 60px;} .summary.tag .sub-menu {padding-top: 5px;} .summary.popup {position: fixed; left: 50%; margin-left: -300px; top: 14%; width: 600px;} .summary.popup > div h3 { font-size: 18px; font-size: 1.8rem; } .summary.popup > div > div:first-child {padding-bottom: 25px;} .summary.popup form ul.sub-menu {border-top: none;} .summary.popup .close { right: 0; top: 0px;} .popup--header { padding: 15px 0px; } .popup--content { max-height: 400px; padding: 0 5px; overflow-x: auto; } .popup--footer { padding: 5px 5px; } .popup--footer--left { width: 50%; display: inline-block; } .popup--footer--right { text-align: right; width: 50%; display: inline-block; } .summary div.text {margin-top: 20px;} .summary div.text > * {margin-bottom: 5px;} .summary div.text ul.default {padding-left: 17px;} .summary.width-full {width: 100%; border: none;} .summary.popup.add3 > div > div {padding: 10px; position: relative;} .summary.popup.add3 > div > div ol li:first-child {margin-bottom: 10px;} .summary.popup.add3 > div > div ol li i {display: block;} .summary.popup.add3 > div > div ol li i cite {margin: 0 0 10px -5px;} .summary.popup.add3 > div > div + div {padding: 10px;} .summary.popup.add3 .close {top: 10px; right: 10px;} .vote-block {padding: 10px; display: inline-block; vertical-align: top;} .vote-block big {margin-right: 20px;} .vote-block > p {margin-bottom: 10px;} .vote-block > p * {line-height: 28px !important; vertical-align: middle;} .vote-block > p > a.button.submit {float: right; margin: 4px;} .socialbar {margin-top: 15px; height: 35px;} .socialbar * {vertical-align: middle; margin-right: 10px;} .entry.single ul.sub .profile img.avatar {width: 30px; height: 30px;} #sitecover, .overlay { background: #2c3e50; position: fixed; top:0; right:0; bottom:0; left:0; opacity: .8; z-index: 45; display: none;} .media-header .commercial-header { height: 200px; } .commercial-header div { width: 100%; position: absolute; bottom: 0; height: 40px; z-index: 4; color: #fff; text-align: right; } .commercial-header div p {line-height: 37px;} .commercial-header div p * { line-height: 40px; vertical-align: middle; } .commercial-header div p img { margin-top: -3px; margin-right: 1px; } .media-header div.head { vertical-align: middle;} .media-header div.head form {float: left;} .media-header form * {font-size: 24px; font-size: 2.4rem; vertical-align: middle; margin: 0;} .media-header .row.buttons { line-height: 46px; } blockquote p.description, .media-header p.description { border-top: 1px solid #ededed; padding-top: 5px; margin-top: 5px; line-height: 16px; color: #788DA2; } .head.channel h2 { float: left; font-size: 24px; font-size: 2.4rem; line-height: 45px; line-height: 4.5rem; font-weight: normal; } .r-block.channels li a span {max-width: 270px; vertical-align: bottom; overflow: hidden; display: inline-block;} div.cover { background: #2c3e50; opacity: .6; z-index: 3; } .usercard { overflow: hidden; position: relative; white-space: nowrap; padding: 2px; max-width: 300px; } .usercard a { display: block; } .usercard a.close, .usercard a.hide { position: absolute; top: 0; right: 3px; background: none !important; } .usercard .color-0:hover, .usercard .color-1:hover, .usercard .color-2:hover, .usercard .color-3:hover, .usercard .color-4:hover, .usercard .color-5:hover, .usercard .color-6:hover { border-bottom: none !important; } .usercard img { display: block; float: left; width: 40px; width: 4.0rem; height: 40px; height: 4.0rem; margin-right: 4px; } .usercard span { text-overflow: ellipsis; overflow: hidden; display: block; } .usercard span.info { color: #95a5a6; font-size: 11px; font-size: 1.1rem; } .usercard.mini { line-height: 29px; } .usercard.mini.width-one-third { width: 32%; } .usercard.mini.fullinfo { line-height: 15px; line-height: 1.5rem; } .usercard.mini img { width: 25px; width: 2.5rem; height: 25px; height: 2.5rem; } .usercard.mini span.info { display: none; } .right-footer { bottom: 10px; width: 320px;} .right-footer a.button { bottom: 10px; position: relative; width: 75px; height: 75px; line-height: 80px; border-color: #bdc3c7; box-shadow: 0 1px 0 0 rgba(128,128,128,.2);} .right-footer a.button i { font-size: 28px;} .right-footer a.button .active-counter { width: 24px; height: 24px; border-radius: 12px; top: -12px; right: -12px; line-height: 24px; vertical-align: middle; padding: 0; margin: 0; text-align: center; } .w-item { margin-bottom: 14px; position: relative; } .w-item a { display: block; } .w-item.mini { max-width: 300px; min-height: 64px; } .w-item.mini span.image { width: 115px; height: 66px; display: block; float: left; margin-right: 10px; background: #e5e7e9; border: 1px solid #e5e7e9; } .w-item.mini span.image + span { display: block; margin-left: 124px; padding-bottom: 18px; } .w-item.mini span.title { display: block; max-height: 44px; max-height: 4.4rem; overflow: hidden; font-weight: bold; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .w-item.mini a.close {top: -2px; right: 0;} .menu-list li .w-item.mini {margin-bottom: 0;} .w-item.mini span.unread-comments {position: absolute; right: 0; bottom: 0; font-size: 11px; letter-spacing: -1px;} .w-item.mini + .recommended-by {margin-top: 5px;} .w-item .results { position: absolute; left: 124px; bottom: 0; color: #ff5917; font-size: 14px; font-size: 1.4rem; } .user-profile .rank-number { display: inline-block !important; font-weight: bold; font-size: 20px; background: #2c3e50; position: absolute !important; z-index: 2; bottom: 9px; right: 0; width: auto; height: 30px; color: #fff; line-height: 30px; vertical-align: middle; text-align: right; padding: 0 10px; } .user-profile .rank-number.color-0 {background-color: #339933 !important; color: #fff !important;} .user-profile .rank-number.color-1 {background-color: #ff5917 !important; color: #fff !important;} .user-profile .rank-number.color-2 {background-color: #BB0000 !important; color: #fff !important;} .user-profile .rank-number.color-3 {background-color: #ff0000 !important; color: #fff !important;} .user-profile .rank-number.color-4 {background-color: #999999 !important; color: #fff !important;} .user-profile .rank-number.color-5 {background-color: #000000 !important; color: #fff !important;} .menu-list li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ecf0f1; position: relative; } .menu-list > li > i.fa {margin: 0 6px 0 2px; font-size: 1.4rem; width: 18px;} .menu-list > li > p > b {width: 43px; display: inline-block; } .menu-list.notification > li > p > b {width: auto; display: inline-block; } #nav .menu-list > li > p > b {width: auto;} .menu-list li:last-child { border-bottom: none; } .menu-list.mini {margin-top: -7px !important;} .menu-list.mini li {padding-bottom: 3px; margin-bottom: 3px;} .inline-list > * {display: inline-block; margin-right: 5px;} .inline-list > * a {padding-right: 8px;} .sub-menu.inline-list > *:after { content: "·"; color: #bdc3c7; } .sub-menu { border-top: 1px solid #e5e7e9; padding-top: 10px; margin-top: 10px; } .sub-menu.menu-list.bordered li:last-child { border-bottom: 1px solid #e5e7e9; } .sub-menu li.active * {color: #2c3e50; font-weight: bold;} .sub-menu.menu-list > li > a >i.fa:first-child {width: 26px;} .sub-menu.inline-list > *:last-child:after { content: ""; } .sub-menu li h4 a {display: block;} .r-block.search i.fa-check-square {color: #e1e3e4 !important;} .r-block.search li a {color: #788DA2 !important; opacity: .8;} .r-block.search li a:hover {opacity: 1;} .r-block.search li a.active {color: #2c3e50 !important; font-weight: bold; opacity: 1;} .r-block.search li .active i.fa-check-square {color: #2c3e50 !important;} ul.sub-menu.menu-list.mini li ul.sub-menu.menu-list.mini { margin-left: 30px; margin-top: 5px !important; } .background { background-color: #ecf0f1; background-size: cover !important; position: relative; background: linear-gradient(to bottom, #ecf0f1 0%,#e1e5e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0f1', endColorstr='#e1e5e6',GradientType=0 ); } .background .background-info {position: absolute; bottom: 10px; right: 10px;} .user-profile .background { height: 200px; background-position: center center; } .user-profile .background.empty { height: 110px; } .user-profile .background .photo { position: absolute; top: 100px; left: 10px; z-index: 3; } .user-profile .background.empty .photo {top: 10px;} .photo { width: 150px; height: 150px; position: relative; } .photo * {position: absolute; display: block; width: 100%; height: 100%;} .photo a {text-align: center; vertical-align: middle; line-height: 150px; opacity: 0;} .background a.change-bg {position: absolute; width: 100%; height: 100%; line-height: 200px; vertical-align: middle; text-align: center; opacity: 0; top: 0; left: 0;} .background a.change-bg:hover, .photo a:hover {opacity: 1; border: 2px dashed #fff; color: #fff !important; text-shadow: 0px 1px 3px #000; font-weight: bold; transition: opacity 0.5s ease; opacity: 1; transition-delay: .2s;} .user-profile .background + div { padding-left: 170px; position: relative; line-height: 30px;} .user-profile .background + div > div > div:first-child { height: 49px; overflow: hidden; } .user-profile .background + div > div > div:first-child h2 { margin-top: 10px; font-size: 22px; font-size: 2.2rem; } .user-profile div:first-child h2 a, .user-profile div:first-child h2 small {font-size: 12px; font-size: 1.2rem;} .user-profile div:first-child p.text { line-height: 20px; line-height: 2.0rem; margin: 5px 0 10px 0;} .user-profile .background + div > div > div:last-child { position: absolute; top: 10px; right: 10px; } .panel object {width: 100%; opacity: .3; max-width: 147px; height: 30px; display: block; margin: 0 auto;} object canvas {width: 100% !important;} object * {width: 100%;} .panel { display: table; width: 100%; text-transform: uppercase; font-weight: bold;} .panel > div { display: table-cell; text-align: center; vertical-align: top;} .panel > div:first-child { border-right: 1px solid #f4f6f7; min-width: 150px;} .panel > div a { color: #95a5a6; display: block; padding: 20px; min-height: 84px;} .panel > div big { font-size: 32px; font-size: 3.2rem; } .panel > div.active {border-bottom: 2px solid #34495e;} .panel > div.active a {color: #34495e;} .panel > div.active b {color: #e74c3c;} .panel > div.active object { opacity: 1; } .panel > div span {display: block;} .panel > div span b {white-space: nowrap;} .panel + .nav { border-top: 1px solid #e5e7e9; } .panel a:hover * { opacity: 1 !important; } h4 + .panel {margin-top: -10px;} .dropdown-show { position: relative; } .dropdown { display: none; color: #34495e; position: absolute; z-index: 10; width: 220px; padding-top: 3px; margin-top: 38px; text-align: left; line-height: 16px; line-height: 1.6rem; text-transform: none; word-wrap: break-word; } .dropdown > div { background: #fff; border: 1px solid #bdc3c7; border-radius: 2px; } .button.create:hover i.fa-caret-down, .button > span, .button a > i.fa-caret-down { padding: 6px 0 6px 7px; margin-left: 7px; border-left-width: 1px; border-left-style: solid; border-left-color: #e1e3e4; } .button.submit > span, .button.submit a > i.fa-caret-down { border-left-color: inherit; } .button.create i.fa-caret-down {border-left-color: transparent;} .button .dropdown { padding-top: 0; margin-top: 0; margin-left: -10px; font-weight: normal; } .button.mikro .dropdown-show { padding: 3px 5px 3px 5px; margin-left: 7px; border-left-width: 1px; border-left-style: solid; border-left-color: inherit; } .dropdown ul { max-height: 430px; overflow: auto; } .dropdown ul li { float: none; width: 100%; margin-right: 0; border-bottom: 1px dotted #ededed; } .dropdown ul li:hover { } .dropdown ul li > h6, .dropdown ul li a { display: block; float: none; color: #4383af !important; opacity: 1; padding: 5px 10px; border-bottom: none; height: auto !important; } .dropdown ul li > h6 {text-transform: uppercase; color: #34495e !important; background: #f8fafb !important;} .dropdown ul li a:hover { border-bottom: none; } .dropdown ul li a:hover * { color: #34495e !important; border-bottom: none !important; } .dropdown i.fa {margin-right: 10px;} .dropdown:hover, .dropdown-show.auto2:hover + .dropdown { display: block; } .dropdown.fix-dropdown { padding-top: 0px; margin-top: -2px; } .dropdown.fix-dropdown.right-position { right: 0; } .full-dropdown-list li:first-child {display: block !important;} .dropdown.right {margin-left: -171px;} #nav .dropdown {width: 300px;} li.logged-user .dropdown.right {margin-left: -250px;} li.notification .dropdown.right {margin-left: -227px;} li.login .dropdown.right {margin-left: -222px;} li.facebook-colors *, li.facebook-colors a:hover {color: #3B5B98 !important;} li.facebook-colors {background: none !important; } .facebook-colors {background: #3B5B98 !important;} .facebook-colors *, .facebook-colors a:hover {color: #fff !important; } li.facebook-colors i.fa {font-size: 19px; font-size: 1.9rem !important;} .form-big form a.facebook-colors span, li.facebook-colors span {font-weight: bold; border: none !important;} .searcher {margin-bottom: 0 !important;} .searcher input[type="text"] {width: calc(100% - 100px); margin-right: -5px;} .searcher input[type="submit"] {width: 100px; padding: 10px 12px 9px 10px !important;} .searcher form + div {margin-top: 10px; font-size: 13px;} .searcher form + div .save-search a {margin-right: 20px;} .searcher form + div .button {padding: 2px 8px !important; font-size: 11px; line-height: 2.2rem; font-weight: bold;} .searcher-list i.fa.fa-circle {font-size: 1rem !important;} .searcher .opendrop i {font-size: 1rem;} .searcher .opendroplist {margin-top: 10px;} .searcher .opendroplist > ul > li {display: inline-block; vertical-align: top; min-width: 160px;} .searcher .opendroplist > ul > li:not(:last-child) {margin-right: 20px;} .searcher .opendroplist li * {vertical-align: middle;} .searcher .opendroplist li {margin-bottom: 5px; padding: 0 5px 5px 0px; } .searcher .opendroplist li.title { font-size: 11px; font-weight: bold; text-transform: uppercase;} .searcher .opendroplist li.title b {display: block; margin-bottom: 10px;} .searcher .opendroplist li input[type="checkbox"] {margin-left: 0px;} .searcher .opendroplist li label {text-transform: none; font-size: 13px; font-weight: normal; color: #34495e !important;} .searcher input[type=checkbox]:checked + label {font-weight: bold;} .searcher .opendrop.active + .opendroplist {display: block !important; } .searcher .save-search {border-top: 1px solid #ededed; padding-top: 10px;} #surveyBox {max-width: 100%; margin-left: 70px;} #surveyBox ul li {margin-bottom: 5px;} #surveyBox ul li > div:first-child { float: right; line-height: 2.4rem; font-size: 11px; } #surveyBox ul li > div:last-child { height: 2.4rem; width: 70%; border: 1px solid #eaeaed; border-radius: 2px; position: relative;} #surveyBox ul li > div:last-child > span { display: block; line-height: 2.4rem; position: relative; z-index: 2; text-shadow: 0 1px rgba(255,255,255,.4); font-weight: bold; font-size: 11px; padding: 0 5px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #surveyBox ul li > div:last-child > div { height: 100%; background: rgba(67, 131, 175,.25); border-radius: 2px; position: absolute; top: 0; left: 0; z-index: 1;} #surveyBox fieldset {text-align:right; padding: 10px 0; border-top: 1px solid #f1f1f1; margin: 10px 0 20px 0;} .dialog, .annotation { position: relative; word-wrap: break-word;} .dialog .content, .annotation .content { padding: 8px 0; } .close { position: absolute; top: 8px; right: 8px; color: #d1d1d1; } .notification .new, .type-warning { background-color: #ffc439; background-color: #fae693 } .type-light-caution, .type-light-warning { background-color: #fdf6d5; background-color: #FFFDCA; } .type-light-positive, .type-light-success { background-color: #def0d8; color: #438557; } .type-light-red, .type-light-alert { background-color: #f2dedd; color: #b8394a; } .type-light-silver {background-color: #d7d7d7; color: #b8394a; } .type-success { background-color: #27ae60; background-color: #d4efdf; color: #108340; } .type-error { background-color: #dd4b3b; background-color: #f7cec5; color: #ac2415; } .type-alert { background-color: #fae693; } .type-light-info { background-color: #EBF8FF; } .type-light-info p { margin-bottom: 5px; } .annotation .icon.big, .annotation .fa, .dialog .content > img { float: left; } .annotation .fa { padding: 0 7px;} .annotation p { margin-left: 50px; font-weight: bold; font-size: 14px; padding-top: 5px; line-height: 20px; } .dialog > div, .annotation > div { padding-right: 24px; } .dialog { border-bottom: 1px solid #eaeaea; } .dialog .content p { margin-left: 66px; } .annotation a { color: inherit !important; text-decoration: underline; } h4 + .annotation {margin-bottom: 10px;} #newEntriesCounter {position: relative; z-index: 5;} .active-annotation a { display: block; text-align: center; } .active-counter {display: inline-block; background: #e74c3c; position: absolute; right: -10px; bottom: 34px; padding: 1px 3px; border-radius: 3px; color: #fff; font-size: 10px; } .type-permanent {z-index: 10; position: fixed; width: 100%; top: 0;} .type-permanent + .type-permanent, .type-permanent + #nav {top: 58px;} .type-permanent + .type-permanent + #nav {top: 116px;} .type-permanent + #nav + div {padding-top: 107px;} .type-permanent + .type-permanent + #nav + div {padding-top: 165px;} .type-permanent i.icon.big {margin: 10px 0 0 10px;} table .new, li.new { background-color: #FFF5CC !important; background-color: #FFF5CC !important } i.icon { background: url('/static/wykoppl/s/fb15aafdc7210d322194b9dd821e7f62.png') no-repeat 0 0; display: inline-block; text-indent: -9999px; vertical-align: middle; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { i.icon { background: url('/static/wykoppl/s/c3d23bcf439f7af51024c494df7bb4af.png') no-repeat 0 0; background-size: 200px 350px; background-repeat: no-repeat; } .decade-icon { background: url('/static/wykoppl/s/7f53930ba418b4430982303172fb41ee.png') no-repeat 0 0; background-size: 300px 250px; background-repeat: no-repeat; } } i.icon.big { width: 33px; height: 33px; } i.icon.tiny {width:17px; height: 17px;} i.type-success { background-position: 0 0; } i.type-warning { background-position: 0 -33px; } i.type-error { background-position: 0 -66px; } i.type-cookie { background-position: 0 -99px; } i.big-btn-wykop { width: 29px; height: 26px; background-position: -171px 0; margin-left: -10px; margin-right: 5px;} i.big-btn-zobato { width: 29px; height: 22px; background-position: -171px -29px; margin-left: -10px; margin-right: 5px;} i.tiny.wykop-w {background-position: -133px 0;} i.tiny.hot { background-position: 3px -133px !important; } i.tiny.w-letter { background-position: -134px -19px !important; } i.tiny.m-letter { background-position: -134px -39px !important; } i.icon.enter { width: 11px; height: 8px; background-position: -110px 0px !important; } .active i.icon.enter { background-position: -110px -10px !important; } #nav i.icon {display: inline-block; margin: 4px 0;} i.wykop-logo { width: 93px; height: 19px; background-position: 0 -148px; } i.microblog-logo { width: 93px; height: 19px; background-position: 0 -167px; } i.zobato-commercial { width: 181px; height: 27px; background-position: 0 -300px; } span i.fa-external-link {font-size: 10px;} em.mark-number { padding: 1px 5px; background-color: #2a6393; border-radius: 3px; font-size: 14px; font-size: 1.4rem; } .baner-mobile {width: 300px; height: 120px; background: url('/static/wykoppl/s/d138c1448606931918d4535b20fe6733.png') no-repeat 0 0; position: relative;} .baner-mobile a {display: block; width: 137px; height: 40px; position: absolute; text-indent: -9999px;} .baner-mobile a.apple {top: 75px; left: 7px;} .baner-mobile a.android {top: 75px; left: 157px;} .m-show {display: none;} #w-button { width: 130px; height: 35px; position: fixed; bottom: -2px; left: 10px; background: #4383af; color: #fff; z-index: 1000; border: 1px solid white; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 0 0 1px rgba(40, 40, 40, .2); } #w-button a i {margin-right: 8px;} #w-button a {padding: 6px 2px 0 2px; width: 100%; height: 100%; display: block; color: #fff !important; text-align: center;} a.screening, div.screening {display: none;} body.screening #site {position: relative;} body.screening .wrapper { max-width: 986px; } body.screening a.screening { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background-position: center 49px; background-repeat: no-repeat; background-attachment: fixed; z-index: -1 !important; } body.screening div.screening {display: block;} body.screening div.screening div.baner {width: 950px; height: 100px;} .m-hideboard * {text-align: center !important;} .m-hideboard iframe {margin: 0 auto !important;} ul.mainnav {min-width: 65%;} .m-showmobileboard {display: none;} .mobile-ad {display: none;} .unloged-box > .dropdown.right {width: 300px; background: #fff; margin-left: -175px; border: 1px solid #ededed; box-shadow: 0 0 4px rgba(0,0,0,.1);} .unloged-box > .dropdown.right form { background: #fff; float: none;} .unloged-box > .dropdown.right form > div {float: none;} .unloged-box > .dropdown.right form input[type="text"], .unloged-box > .dropdown.right form input[type="password"]{ border: 1px solid #ededed; border-radius: 3px; padding: 10px 6px; padding: 1.0rem 0.6rem; font-size: 12px; width: 100%; } .unloged-box > .dropdown.right form label { cursor: pointer; vertical-align: middle; font-size: 11px; font-size: 1.1rem; } .unloged-box > .dropdown.right form input[type="submit"] { font-size: 12px; } .unloged-box > .dropdown.right li.facebook-colors a {background: #fff; padding: 5px 10px !important; border: none; border-bottom: 1px dotted #ededed;} .unloged-box > .dropdown.right li.facebook-colors span, .unloged-box > .dropdown.right li.facebook-colors i.fa {vertical-align: middle;} .unloged-box > .dropdown.right form fieldset.row.buttons {line-height: 16px;} .unloged-box > .dropdown.right form fieldset.row.buttons p {text-align: right; padding-top: 5px; float: none;} .unloged-box > .dropdown.right li.mark-bg.text-center a {background: transparent !important; border: none; padding-top: 12px; padding-bottom: 12px; font-weight: bold;} .unloged-box > .dropdown.right li.mark-bg.text-center a span {font-weight: normal;} @media screen and (max-width: 980px) { body.screening div.screening, .m-hideboard {display: none;} .m-showmobileboard {display: block;} } #f8fafb !important @media only screen and (max-width: 768px) { body #site {min-width: 768px;} body .wrapper {min-width: 768px !important;} .grid-right, #nav .m-hide {display: none;} .grid-main {margin-right: 0} #overlay-ad #wrap {width: 80% !important; margin: 0 auto; position: relative;} #overlay-ad #container {width: 100% !important; background-size: contain !important; background-repeat: no-repeat !important; } #overlay-ad #nav-ad {top: -85px !important;} #overlay-ad #nav-ad li {width: 100%; text-align: center;} #overlay-ad #nav-ad li:first-child {margin-bottom: 20px;} .mobile-ad {display: block;} .mobile-ad > div.container { max-width: 620px; margin: 0 auto; margin-top: 20px; background: #fff; position: relative; padding: 30px 10px 10px 10px; z-index: 1000; } .mobile-ad > div.container > div > * {width: 100%;} .mobile-ad a.close-ad {position: absolute; top: 10px; right: 10px;} .mobile-overlay { background: #2c3e50; position: fixed; top:0; right:0; bottom:0; left:0; opacity: .8; z-index: 45;} } @media screen and (max-width: 721px) { .lcontrast .hide { opacity: .7; } div.screening a.screening {display: none;} body.screening .wrapper { width: 100%; } .fs-commercial {display: none;} .type-permanent + .type-permanent + #nav, .type-permanent + .type-permanent, .type-permanent + #nav {top: auto;} body #site, body .wrapper { min-width: 100% !important; } div.grid-right {margin-top: 30px !important;} .r-block {margin: 0 4px 4px 4px !important;} .m-reset-margin { margin: 0 !important; } .m-reset-padding { padding: 0 !important; } .m-reset-float { float: none !important; } .m-reset-floated * { float: none !important; } .m-reset-position { position: relative !important; } .m-reset-width { width: auto !important; } .m-reset-height { height: auto !important; } .m-reset-min-height { min-height: 0 !important; } .m-reset-top { top: 0 !important; } .m-reset-left { left: 0 !important; } .m-reset-block { display: inline !important; } .m-make-block { display: block !important; } .m-make-center { text-align: center !important; } .m-make-center-block { margin: 0 auto !important; } .m-make-align-left * { text-align: left !important; } .m-padding-bott {padding-bottom: 30px;} .m-margin-top {margin-top: 30px;} .m-set-fullwidth, .usercard.mini.width-one-third.m-set-fullwidth { width: 100%; max-width: 100%;} .m-set-space { padding: 10px;} #nav form.naturalsearch {display: none !important;} .m-kill-dropdown:hover + .dropdown {display: none;} .m-hide { display: none !important; } .m-show {display: block;} #nav li.wykopnew:after {display: none;} #nav li.wykopnew {position: static;} .force-scalable * {width: 100% !important;} .m-flex > * {width: 48%; display: inline-block; vertical-align: top;} .menu-list.m-flex > li {height: 90px;} .menu-list.m-flex > li:nth-child(even) {margin-left: 22px;} #nav.absolute + div#site {padding-top: 49px !important;} #nav > div > ul li, #nav > div > ul li a {display: block; float: none; padding-left: 0;} #nav > div > ul li {display: none;} #nav > div > ul li:first-child a {padding-left: 0 !important; width: 30px;} #nav > div > ul li:first-child + li, #nav > div > ul li:first-child {display: inline-block;} #nav > div > ul li.active a, #nav > div > ul li a:hover {border-bottom: none !important;} #nav > div > ul:last-child li:first-child {display: none;} #nav > div > ul:last-child li:last-child {display: block;} #nav > div li.m-show + li.active a {background: none;} #nav > div .mainnav li.m-show + li ~ li a {padding-left: 30px;} #nav > div > ul:last-child li.notification ul.menu-list li {display: block;} #nav > div > ul:last-child li.notification .dropdown {margin-top: -5px !important; position: fixed; right: 0px; width: 100%; max-width: 400px;} #nav > div > ul.mainnav li.m-show ~ li {display: none;} #nav > div > ul li.active {display: block !important;} #nav > div > ul li.active a {display: block !important; position: absolute !important; top: 0px; left: 30px; width: auto; padding-left: 10px !important;} #nav > div > ul li.activated:first-child + li {margin-top: 0px; margin-left: 30px;} #nav > div > ul.mainnav li.activated ~ li {display: inline-block; width: 100%;} #nav ul li.login {position: absolute; right: 10px;} li.logged-user {position: absolute; top: 0px; right: 10px;} .right-footer {display: none !important; } form.reply .row.buttons p:last-child {margin-top: 10px; display: block; float: none; text-align: right;} form.reply .row.buttons p:first-child .button {width: 30px; height: 30px; line-height: 30px; padding: 0 5px; margin-bottom: 10px;} .row.buttons .button.editcode {width: 36px !important;} .row.buttons .button.editspoiler {width: auto !important;} .media-content { width: 100%; } .media-content .description { font-size: 0.9rem !important; } .article.preview .media-content { max-width:100%; max-height: 150px; width: 100%; margin-bottom: 10px !important; background-color: #f6f8f9;} .article.preview .media-content img { width: 100%; display: block; margin: 0 auto; float: none; margin-top: -5%;} li.switcher i + span.light {display: block;} li.switcher fieldset.files span {max-width: 50%;} #preview-holder {overflow: hidden;} .author p { float: none; position: static; padding: 1.0rem 0; } .author p a { margin-right: 1.5rem; } .author p .favourite { position: static; } .author small { white-space: nowrap; } .comments-stream .reply {padding-left: 0;} .wblock form textarea { min-height: 10.0rem; font-size: 1.2rem; } .article.preview .description + .row.elements, .article.preview .fix-tagline {display: none;} .grid, #site > div.wrapper {padding: 0 4px !important;} .wblock a.profile {margin-left: 0px;} .wblock .profile + div {margin-left: 50px !important;} .comments-stream li .sub .wblock {padding-left: 45px;} div.author {height: 50px; position: relative; padding-top: 20px;} div.author p {position: absolute; padding: 0; top: 0; right: 0;} div.author p * {margin-right: 0; margin: left: 15px;} .summary.popup {width: 100%; margin-left: 0; left: 0;} .nav p.info.m-reset-float {float: left !important;} .sub li .profile img {width: auto; height: auto;} .wblock a.profile {margin-left: 0px !important;} td {padding: 10px 5px;} .comments-stream li .sub li div.text, .comments-stream li .sub li .row.elements.actions, .comments-stream li div.text, .comments-stream li .row.elements.actions {margin: 10px 0 10px -50px !important; font-size: 13px;} .comments-stream.support li .sub li div.text, .comments-stream.support li .sub li .row.elements.actions, .comments-stream.support li div.text, .comments-stream.support li .row.elements.actions {margin: 10px 0 10px 0px !important;} .entry.replyOn .wblock.replyForm, .replyOn .wblock.replyForm { padding-left: 6px; } .replyOn .wblock.replyForm .profile img {width: 40px; height: 40px;} .replyOn .wblock.replyForm .profile + div {margin-left: 55px;} .row.elements { position: relative; } .row.elements ul li {display: none;} .row.elements ul li a { display: block; } .row.elements ul.responsive-menu li:first-child {display: inline-block !important; padding-top: 0 !important; } .row.elements ul:hover { position: absolute; left: 0; background: #fff; z-index: 2; padding: 0 6px; border: 1px solid #eaeaea; width: 100%;} .row.elements ul:hover li { display: block; padding: 8px 0; } ul.sub .row.elements ul:hover { position: absolute; background: #f9f9f9; z-index: 2; padding: 0 7px;} .comments-stream.touch-content li:nth-child(3n+1) > div {clear: none;} .comments-stream.touch-content li:nth-child(2n+1) > div {clear: left;} .comments-stream.touch-content li > div {margin-left: 0px !important; border-left: 1px solid #dae2e4 !important; border-right: 1px solid #dae2e4 !important;} .comments-stream.touch-content li:nth-child(2n+2) > div {margin-left: -1px !important; border-right: none !important;} .comments-stream.touch-content .diggbox {top: 0;} .touch-content .width-one-third { width: 50%; } .panel div { border-bottom: 1px solid #ededed; font-size: 1.4rem; } .panel > div a { color: #95a5a6; display: block; padding: 10px 15px; min-height: 0;} .panel div:last-child { border: none; } .cell { display: block; } .cell img { width: 100%; } body { font-size: 13px; font-size: 13px; font-size: 1.1rem; line-height: 18px; line-height: 1.6rem; color: #34495e; } #footer .width-one-third {width:32%;} .sub li .profile + div {margin-left: 50px;} #nav li img.avatar {width: 30px; height: 30px;} li.m-add, li.notification.m-tag, li.notification.m-user {display: block !important; position: absolute; top: 0; right: 85px;} li.notification.m-user {right: 120px;} li.notification.m-tag {right: 160px;} .touch-content .author {float: right; margin-top: -45px;} li.m-logout {display: block !important; position: absolute; right: -5px;} li.logged-user {margin-right: 30px !important;} .mark-bg .info-line {padding-left: 10px;} .touch-content .width-one-third .article.preview .diggbox + h2 {padding-left: 10px;} #dyingLinksBox.comments-stream .article.preview .diggbox {background: transparent; top: 10px !important;} #dyingLinksBox.comments-stream .article.preview > div > div {margin-bottom: 14px;} .link.dying-links .diggbox {float: left; margin-right: 10px !important;} body .article.fullview .diggbox, body .article.preview .diggbox { text-align: left; position: relative; top: 0 !important; left: 0 !important; width: auto !important; padding: 0; margin: 6px 0 10px 0; display: inline-block; } body .touch-content.comments-stream > li .article .diggbox {display: block; float: none; margin: 20px 0 10px 0;} body .touch-content .width-one-third .article.preview .diggbox + h2 {padding: 0; margin: 0;} .article.fullview .diggbox span:first-child, .article.preview .diggbox span:first-child { display: inline-block; margin-top: -6px; text-align: center; font-size: 14px; } .diggbox span.button, .diggbox a.dropdown-show { font-size: 15px; font-size: 1.5rem !important; padding: 3px 10px; margin-left: 5px; width: auto; } .diggbox .hot {left: 35px; right: auto;} .article .row.elements, .article div.lcontrast .fix-tagline {font-size: 14px; font-size: 1.4rem;} .article div.lcontrast > * {margin-bottom: 10px !important;} .article .row.elements > span:last-child {display: block; margin-top: 10px;} body .article.preview, body .article.fullview {padding-left: 10px;} body .article.preview .media-content {max-width: 100%; } body .article.preview .media-content img {height: 100% !important;} .article div.lcontrast .fix-tagline, body .article.fullview .diggbox + div > h2, body .article.preview .diggbox + div > h2 {padding-left: 0 !important;} body .article.fullview h2, body .article.preview h2 {font-size: 18px; line-height: 20px;} .article.preview .fix-tagline .tag.affect {display: none;} .socialbar {margin: 20px 0 0 0;} .socialbar > * {margin-bottom: 10px; display: inline-block !important;} ul.related > li {width: 45%; overflow: hidden;} ul.related > li * {text-overflow: ellipsis;} div.author {margin-bottom: 3px; border-bottom: none;} div.row.elements.actions {font-size: 14px;} form#add-new.default.adding .diggbox {position: absolute;} .user-profile .background.empty { height: 175px; } .form-big form.login-form fieldset.submit-row, .form-big form.register-form fieldset.submit-row {display: table-cell;} .voters-list {margin-top: 1.2em; margin-bottom: 1.2em;} #commentFormContainer ul.responsive-menu {width: 100%; display: table; padding: 0;} #commentFormContainer ul.responsive-menu:hover {position: relative !important; border: none !important; background: transparent !important; text-align: left; } #commentFormContainer ul.responsive-menu > li {padding : 8px 0; margin: 0 4px;} #commentFormContainer ul.responsive-menu > li > input {margin-left: 0;} #commentFormContainer ul.responsive-menu li:first-child {display: none !important;} #commentFormContainer ul.responsive-menu li {display: table-row; padding: 1em 0 !important;} .reply .row.buttons {width: 100%; float: none;} .reply fieldset.row.buttons > p > a {display: table-cell;} .reply fieldset.row.buttons > p > a.cancelForm {float: left;} .reply fieldset.row.buttons > p {display: table; table-layout: fixed; width: 100%; border-spacing: 5px;} .reply fieldset.row.buttons > p:first-child {margin-left: -5px;} form.reply .row.buttons > .button, form.reply .row.buttons p:first-child > .button {padding: .4em 1em; width: auto !important;} form.reply .row.buttons p:first-child {float: none;} .searcher .save-search {border-left: none; margin-left: 0; padding-left: 0; margin-top: 20px; width: 100%; display: block;} .searcher .save-search a.button {margin-top: 10px;} #surveyBox {max-width: 100%; margin-left: 0px;} .pager p > a:not(:first-child) {margin-left: 5px;} .pager p > a:nth-of-type(1n+4) {display: none;} .pager p > span {display: none;} .pager p > a:last-child {display: inline-block !important; float: right;} .pager p > a.selected {display: inline-block !important;} #footer .width-two-third.m-set-fullwidth {width: 100% !important;} #footer .width-one-fourth.m-set-fullwidth, #footer .width-one-third.m-set-fullwidth {display: inline-block !important; width: 47% !important;} #footer a {font-size: 14px;} #footer .space {padding-left: 0;} #footer ul > li {margin-bottom: 12px;} #footer .wrapper .width-one-third.inlblk {width: 100% !important;} #footer .width-two-third > div:last-child {width: 100% !important;} #footer .width-two-third > div:last-child ul li {width: 47% !important; display: inline-block;} #site > .wrapper > .nav.bspace {display: none;} .article.fullview {padding-right: 10px;} .article.fullview .media-content img {width: 100% !important; height: auto !important;} ul.comments-stream li div.author {padding-top: 30px;} } @media screen and (device-aspect-ratio: 40/71) { #nav li img.avatar {width: 30px; height: 30px;} li.m-add, li.notification.m-tag, li.notification.m-user { right: 65px;} li.notification.m-user {right: 95px;} li.notification.m-tag {right: 125px;} li.logged-user {margin-right: 15px !important;} } @media screen and (max-width: 580px) { .m-flex > * {width: 100%; display: block;} .menu-list.m-flex > li {height: auto;} .menu-list.m-flex > li:nth-child(even) {margin-left: 0px;} .m-flex .w-item.mini {max-width: none;} .article .media-content {width: 100%; display: block; max-width: none;} .article .media-content + div {display: inline-block; vertical-align: top; width: 100%; margin-left: 0px !important;} .article div.lcontrast h2, .article div.lcontrast .fix-tagline {padding-left: 70px;} .article .media-content + div h2, .article .media-content + div .fix-tagline {padding-left: 0px;} #dyingLinksBox.comments-stream .article.preview .diggbox {background: transparent; top: 0 !important;} .article.fullview .diggbox, .article.preview .diggbox {z-index: 10; left: 11px; top: 14px !important; padding: 5px; width: 59px; border-bottom-right-radius: 3px; } .touch-content .width-one-third .article.preview .diggbox {left: 0; top: 4px !important;} .article.fullview {padding-left: 10px;} .article.preview {padding-left: 10px;} #add-form-content .width-two-third, #add-form-content .width-one-third {width: 100%;} #add-form-content .sub-menu.menu-list li:first-child {border-top: 1px solid #ededed; margin-top: 10px; padding-top: 10px;} li.switcher i + span.light {display: inline-block;} .comments-stream li.entry .sub .wblock div.text, .comments-stream li.entry .sub .wblock .row.elements {margin-left: 0px;} .touch-content .paylink .media-content img {max-height: 157px;} } @media screen and (max-width: 540px) { .touch-content .width-one-third { width: 100%; min-height: 0; height: auto; } .comments-stream.touch-content li > div {margin-left: 0px !important; border-left: none !important; border-right: none !important;} .touch-content .paylink .media-content img {max-height: 105px;} } #lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; } #lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal; } #lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 10px; } .lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; } .lb-prev, .lb-next { width: 49%; height: 100%; display: block; cursor: pointer; } .lb-prev { left: 0; float: left; background: url(/static/wykoppl/s/5f3875ea3a6a416621ce18c5c80be459.png) left -48% no-repeat; background: url(/static/wykoppl/s/5f3875ea3a6a416621ce18c5c80be459.png) left -200% no-repeat; } .lb-next { right: 0; float: right; background: url(/static/wykoppl/s/8e0c367a1177fc9e336b7d4e343cded0.png) right -48% no-repeat; background: url(/static/wykoppl/s/8e0c367a1177fc9e336b7d4e343cded0.png) right -200% no-repeat; } .lb-prev:hover { background-position: left 48%; } .lb-next:hover { background-position: right 48%; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 10px; color: #bbbbbb; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px; } .lb-data .lb-close { width: 35px; height: 35px; float: right; padding-bottom: 0.7em; outline: none; background: url('/static/wykoppl/s/57f501358b988e33ee87a403168ec408.png') no-repeat 0 0; } .lb-dataContainer {position: relative;} .lb-closeContainer {position: absolute; right: 0;} .lb-data .lb-close:hover { cursor: pointer; } .ac_results { border: 1px solid #bdc3c7; background-color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; font-size: 12px; min-width: 325px; -webkit-box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); box-shadow: 0px 6px 3px -3px rgba(128, 128, 128, .3); } .ac_results li { padding: 7px 5px; white-space: nowrap; color: #2c3e50; text-align: left; border-bottom: 1px dotted #ededed; } .ac_results li:last-child { border-bottom: none; } li.ac_over { cursor: pointer; background-color: #87C8F5; background-color: #ecf0f1; } .ac_results li img { border: 1px solid #f1f1f1; border-radius: 2px; } li.ac_over .cbd { color: #444; } .ac_match { font-weight: bold; } .cpointer { cursor: pointer; } #zgloszenie {width: 666px; color: #34495e; background: #fff; border-radius: 3px; z-index: 999999; margin-left: 50%; left: -333px; top: 30px; position: fixed; text-align: left} #zgloszenie .header { color: #fff; font-size: 20px; padding: 12px 10px; background: #c0392b; } #zgloszenie .header .close { margin: 12px 10px; } #zgloszenie .header span.title { } #zgloszenie ul li { border-bottom: 1px solid #e5e7e9; padding: 4px 0; } #zgloszenie ul li input { float: left; width: 15px; } #zgloszenie ul li label { display: block; font-size: 13px; font-weight: normal; text-transform: lowercase; } #zgloszenie div.view { padding: 10px 10px; font-size: 14px; max-height: 120px; overflow-x: hidden; overflow-y: auto; position: relative; } #zgloszenie div.view + div { position: relative; -webkit-box-shadow: 0px -10px 15px -5px rgba(0, 0, 0, .4); box-shadow: 0px -10px 15px -5px rgba(0, 0, 0, .4); } #zgloszenie div.view .author { font-size: 11px; color: #34495e; } #zgloszenie ul li > div { padding: 4px 10px; font-size: 11px; font-weight: bold; } #zgloszenie ul li input { margin-right: 5px; } #zgloszenie div.switch { border-top: 1px solid #ffe085; border-bottom: 1px solid #ffe085; font-size: 10px; font-weight: bold; text-align: center; } #zgloszenie div.switch a {color: #cf4f43; display: block; text-decoration: none; background: #fdefc5;} #zgloszenie div.switch a:hover {background: #fff7dd;} #zgloszenie div.title { background: #ecf0f1; border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; font-size: 14px; font-weight: bold; padding: 5px 10px 5px 30px; display: none; } #zgloszenie ul.reason-list li:hover { transition-property: background-color; transition-duration: .1s; transition-timing-function: ease-in; background-color: #f1f4f5; } #zgloszenie ul.reason-list li.active { color: #fff; background-color: #c0392b; } #zgloszenie div div.desc { margin-left: 21px; display: none; } #zgloszenie div.desc p { font-size: 11px; } #zgloszenie input.bigred { background-color: #c0392b; border: none; border-radius: 3px; padding: 8px 32px; font-size: 20px; color: #fff; text-shadow: 0 1px #c0392b; -webkit-box-shadow: 0px 2px 0px 0px #c0392b; box-shadow: 0px 2px 0px 0px #c0392b; } #zgloszenie input.bigred:hover { background-color: #c0392b; text-shadow: 0 1px #911f13; } #zgloszenie .submitzone { padding: 10px 10px 20px 10px; } #zgloszenie .submitzone > div { margin-bottom: 15px; color: #717f8e; font-size: 11px; } #zgloszenie .submitzone textarea { width: 634px; height: 50px; border-radius: 3px; border: 1px solid #bdc3c7; font-size: 14px; padding: 5px; } #zgloszenie .submitzone > a { font-weight: bold; } #zgloszenie .learnmore { display: block; width: 28px; height: 14px; color: #fff; float: right; line-height: 12px; text-align: right; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 3px; } #zgloszenie div.view .thanks { padding: 20px 0; } #zgloszenie div.view .thanks h3 { font-size: 18px; margin-bottom: 15px; } #zgloszenie ::-webkit-scrollbar { width: 15px; } #zgloszenie ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(100,100,100,0.3); -webkit-border-radius: 2px; border-radius: 2px; background: #F3F3F4; } #zgloszenie ::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; background: rgba(200,200,200,0.8); } #zgloszenie ::-webkit-scrollbar-thumb:hover { background: rgba(160,160,170,0.8); background: rgba(231,76,60,0.8); } #zgloszenie ::-webkit-scrollbar-thumb:window-inactive { background: rgba(200,200,200,0.4); } #zgloszenie ul.responsive-menu li {border-bottom: none;} .pmView { width: 250px; height: 400px; z-index: 100000; position: fixed; border: 1px solid black; bottom: 0px; right: 0px; background: white; } h4.aelogo { border-top: 1px solid rgba(128,128,128,.1); margin-top: 10px; padding-top: 10px; } h4.aelogo img { display: inline-block; max-width: 100px; vertical-align: middle; margin-left: 10px; } h4 { text-transform: uppercase; color: #7f8c8d; color: #788DA2; font-size: 11px; font-size: 1.1rem; line-height: 13px; line-height: 1.3rem; border-bottom: 1px solid #e5e7e9; padding-bottom: 10px; margin-bottom: 10px; } h4 small { float: right; text-transform: lowercase; font-size: inherit; } h4.nobottom {margin-bottom: 0;} .static-text h2 { font-size: 28px; font-size: 2.8rem; padding-bottom: 10px; font-weight: normal; border-bottom: 1px solid #ededed; text-transform: uppercase; } .static-text h3 { padding-bottom: 5px; font-weight: normal;} .static-text > div:first-child {margin-top: 30px;} .static-text > div { margin-bottom: 26px; line-height: 18px;} .static-text h4.clear-bottom {padding-bottom: 5px !important;} .static-text div > * {margin-bottom: 5px;} .static-text div ul, .static-text div ol {margin-left: 20px;} .static-text .type-light-warning {font-size: 11px; line-height: 14px; padding: 5px;} .static-text pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 10px; background: #fafafa; border: 1px solid #ededed; border-radius: 2px; } .fitalic {font-style: italic;} pre {font-family: monospace, sans-serif;} #owncontent {font-size: 16px; line-height: 22px;} #owncontent h1 {font-size: 28px; line-height: 32px; font-weight: normal;} #owncontent ul { margin-left: 20px; } #owncontent ul li {list-style-type: disc; } #owncontent cite { color: inherit;} #owncontent em { font-style: italic;} #site { background-color: #f5f7f8; background-color: #ecf0f1; } .comments-stream {background-color: #f5f7f8; background-color: #ecf0f1; } .comments-stream > li { background: #fff; margin-bottom: 3px; margin-bottom: 3px; border-radius: 3px; border-bottom: 1px solid #dae2e4; border-left: 1px solid #dae2e4; border-right: 1px solid #dae2e4; border-left: 1px solid #e5eaec; border-right: 1px solid #e5eaec; } .comments-stream > li .article .diggbox { top: 13px; } .comments-stream > li.dying-links .article .diggbox { top: 10px; } .comments-stream > li.hot { border-left: 3px solid #e74c3c; margin-left: -3px; margin-bottom: 3px; color: inherit !important; } .hot h4 { padding: 10px 0; margin: 0 10px; color: #e74c3c; } h4 .avatar { display: inline-block; width: 25px; height: 25px; vertical-align: middle; } h4 a.profile:first-child { margin-left: 30px; } h4.fullborder {padding-top: 10px; border-top: 1px solid #e5e7e9;} .article { padding-left: 80px; padding-left: 95px; padding-right: 16px; margin: 5px 0; position: relative; padding-top: 8px; } .article.nodiggbox {padding-left: 0; padding-right: 0;} .article {padding-left: 80px;} .comments-stream .article { margin-top: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 80px; min-height: 75px; } .comments-stream .article.preview .media-content {margin-bottom: 0px;} .comments-stream .article.preview > div:last-child {margin-bottom: 0px; } .wblock {padding: 5px;} .author p {padding-right: 5px; top: 5px;} .comments-stream > li .article .diggbox {top: 14px;} .diggbox {left: 16px;} .sub .wblock {padding-left: 76px;} .wblock .profile + div {margin-left: 70px;} .wblock a.profile {margin-left: 10px;} .r-block .wblock a.profile, .sub .wblock a.profile {margin-left: 0px;} .r-block .wblock .author {padding-bottom: 0;} .pmContainer .wblock #commentForm a.profile {margin-left: 20px;} .pmContainer .wblock #commentForm .profile + div {margin-left: 80px;} .r-block a, div.text > p {word-wrap: break-word;} #nav .nav li a:hover {color: #d9e6ef !important;} .wblock .author small {margin-left: 2px;} .comments-stream .reply {padding-left: 60px;} i.fa.size-xxs {font-size: 10px;} .wblock form.reply.ajax {padding: 0;} .r-block .fix-tagline {overflow: hidden;} .reply fieldset.row.buttons .button a {color: #34495e;} .reply fieldset.row.buttons p > * {margin: 0 3px 0 0; display: inline-block;} #add-new .type-light-warning.space p.normal {color: #e74c3c !important;} #site {min-width: 950px;} .clearboth {clear: both;} .rbl-block ul.menu-list.notification li p {padding-right: 60px !important;} ul.menu-list.notification li p small {position: absolute; bottom: 0; right: 7px;} .selectUrl p a {margin-right: 10px;} .rbl-block.overflow.m-reset-width.force-scalable.m-hide {padding: 10px;} .rbl-block.overflow.m-reset-width.force-scalable.m-hide * {max-width: 100%;} .lcontrast:hover .author a small.affect {color: #4383af !important;} .comments-stream .dying-links {border: 1px solid #dae2e4; } .comments-stream .dying-links .article { min-height: 0; } #social_widget.facebook {height: 195px; text-align: center;} .grid, #site > div.wrapper { background: none; padding: 0 4px; } .grid-right { width: 320px; margin-left: -320px; border-left: none; margin-top: 0px; } .r-block, .grid-right > .r-block, .grid-right > div { background-color: #fafafa; border-radius: 3px; border-bottom: 1px solid #dae2e4; border-left: 1px solid #e5eaec; border-right: 1px solid #e5eaec; margin-bottom: 3px; padding: 10px; } .r-block:empty, .grid-right > .r-block:empty, .grid-right > div:empty {display: none;} .rbl-block { background-color: #fff; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom: 1px solid #dae2e4; border-left: 1px solid #e5eaec; border-right: 1px solid #e5eaec; margin-bottom: 3px; } .fix-b-border { border-bottom-width: 0px !important; } .fix-rbl-space { margin-top: -4px; } #nav .nav li a strong { font-size: 14px; font-size: 1.4rem; font-weight: normal; } #autopromotion, .recentPlaceHolder { display: none; } .deleted { opacity: .3; } .deleted:hover { opacity: 1; } .mediaStream { padding:5px; } .mediaStream img{ vertical-align:bottom; z-index: 1; } .mediaStream div { display: inline-block; position: relative; } .mediaStream div span.info { z-index: 20; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; padding: 5px; background: #000; opacity: .7; display: none; } .mediaStream div span.info .entryIntro { height: 15px; display: block; overflow: hidden; color: #ddd !important; margin-right: 30px} .mediaStream div:hover span.info { display: inline-block; } .mediaStream div a.color-5 {color: #fff !important; } .mediaStream div.plus18 { background: url(/static/wykoppl/s/fcc777f4327a4911e4950db48359954f.jpg) center center no-repeat #C0D8E4; z-index: 2 } .mediaStream div.plus18:hover { background: #000; opacity: 1; z-index: 2 } .mediaStream div.plus18 img { opacity: 0.1; } .mediaStream div.plus18:hover img { opacity: 1 } .mediaStream div.nsfw { background: url(../img/nsfw.jpg) center center no-repeat #ECF0F1; z-index: 2 } .mediaStream div.nsfw:hover { background: #000; opacity: 1; z-index: 2 } .mediaStream div.nsfw img { opacity: 0.1; } .mediaStream div.nsfw:hover img { opacity: 1 } .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 305px; min-width: 100px; box-shadow: none; padding: 0; text-align: left; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper iframe, .videoWrapper object, .videoWrapper video { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; } .disable-hover, .disable-hover * { pointer-events: none !important; } .wblock .author b {font-size: 13px; font-size: 1.3rem;} .wblock .more, .more, .wblock .author small {font-size: 12px; font-weight: normal;} div.text > p {font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem; width: calc(100% - 11px);} ul.sub li .wblock .author b {font-size: 13px; font-size: 1.3rem;} ul.sub li div.text > p {font-size: 13px; font-size: 1.3rem; line-height: 17px; line-height: 1.7rem;} #nav li.notification p a, #nav li.notification p * {font-size: 12px !important; font-weight: normal !important; vertical-align: bottom !important; line-height: 16px !important;} #nav li.notification p {color: #999; line-height: 17px; font-size: 12px;} #nav li.notification p a:first-child {line-height: 15px !important;} .annotation p {font-weight: normal; font-size: 13px;} .annotation p:first-of-type {font-weight: bold; font-size: 14px;} .r-block .wblock .author b {font-size: 12px; font-size: 1.2rem;} .r-block .wblock .more, .r-block .more, .r-block .wblock .author small {font-size: 11px !important; font-weight: normal;} .r-block div.text > p {line-height: 15px; line-height: 1.5rem;} #nav li.logged-user {margin-left: 10px;} .highlighted, .ownComment, .authorComment, .newComment {margin-left: -3px;} .highlighted { border-left: 3px solid #27ae60 !important;} .ownComment { border-left: 3px solid #3498db;} .authorComment { border-left: 3px solid #e67e22; } .newComment { border-left: 3px solid #f1c40f; } .inlineChart.cfff { color: #fff; } #site > div.switch-sides .grid-main { margin-left: 0; width: calc(100% - 335px); float: right !important; margin-right: 0;} #site > div.switch-sides .grid-right { float: left; margin-left: 0; } #site > div.switch-sides .grid {float: right; margin-left: -320px;} .table-row {display: table; table-layout: fixed; width: 100%; border-spacing: 10px;} .table-cell, .table-row > div {display: table-cell; vertical-align: top;} .table-inline {display: inline-table; vertical-align: top;} .yearsummary .wblock .table-row {border-spacing: 0; margin-top: 25px;} .yearsummary .wblock .table-row > {vertical-align: middle;} .yearsummary .wblock .table-row > div:last-child {text-align: right;} .block-space {padding: 40px; 10px;} .yearsummary .button.big {padding: 15px 30px;} .yearsummary .rbl-block {margin-bottom: 10px;} .yearsummary .calendar { height: 130px; background: #c0392b; margin-top: 3px; } .yearsummary .calendar > div:first-child {height: 20px; background: #a82319;} .yearsummary .calendar > div.cover {opacity: 1; height: 110px; background-color: transparent; background-image: url('/static/wykoppl/s/4516fbba1c277a8f9d04672efe14013b.png'); background-repeat: no-repeat; background-position: center center;} .yearsummary .wblock .profile + div {margin-top: 0;} .yearsummary .wblock .profile + div p {margin-bottom: 8px;} .yearsummary .wblock .profile + div p b {font-size: 16px;} .yearsummary .wblock .profile + div p i {font-style: italic;} .yearsummary h4 {color: #4683af; color: #a82319; font-size: 14px; text-align: center;} .yearsummary h5 {font-size: 10px; text-transform: uppercase; margin: -10px 0 10px 0; border-bottom: 1px solid #dadada; padding-bottom: 5px;} .yearsummary h5.male {color: rgb(70, 171, 242);} .yearsummary h5.female {color: rgb(242, 70, 208);} .yearsummary .votes, .yearsummary .date {width: 80px;} .yearsummary .date {text-align: center; color: #95a5a6;} .yearsummary .date > span {display: block; font-size: 18px; font-weight: bold;} .yearsummary .votes {font-size: 18px; text-align: right; font-weight: bold;} .yearsummary .comments-stream > li {border: none;} .yeargallery {overflow: hidden;} .yeargallery li {float: left;} .yeargallery li img {width: 100%; border-right: 2px solid transparent; border-left: 2px solid transparent;} .yeargallery li.half {width: 50%;} .summary-table {width: 75%; margin: 0 auto; table-layout: fixed;} .summary-table > div:first-child {border-bottom: 1px solid #bdc3c7;} .summary-table > div {border-bottom: 1px solid #EAEAEA;} .summary-table > div:last-child {border-bottom: none;} .summary-table .table-inline, .summary-table .table-cell {vertical-align: middle !important;} .summary-table > div > div:first-child {width: 30%; text-align: left;} .summary-table > div > div {width: 69%; table-layout: fixed; text-align: center; padding: 20px;} .summary-table small {font-size: 15px; font-weight: bold; color: #c0392b;} .summary-table big {font-size: 22px; font-weight: bold; color: #27ae60;} .summary-table span.caption {color: #bdc3c7; font-size: 1.2rem;} .yearsummary .overlay {display: block;} #summary { position: fixed; top: 10%; left: 10%; z-index: 100; width: 80%; } .decadesummary .calendar { position: relative; width: 100%; height: 145px; background-color: #4b577b;} .decade-icon {background: url('/static/wykoppl/s/bd555a0caa9848a6b30d40ec1e78b40d.png') no-repeat 0 0;} .yearsummary.summary2016 .calendar > div.cover {background-image: url(/static/wykoppl/s/8c72dcc47589fe3d1c57716b96608305.png);} .yearsummary .calendar > div:first-child:before { content: ''; display: block; width: 100%; height: 30px; background-image: url(/static/wykoppl/s/a3e67ff90674c1f75ea505cc1d93e83d.png); background-repeat: repeat-x; background-position: 7px 8px;} .decade-icon.header {display: inline-block; width: 26px; height: 22px; background-position: 0 0; vertical-align: middle; margin: -3px 4px 0 0;} .decade-icon.image {display: block; width: 300px; height: 127px; background-position: 0 -22px; position: absolute; top: 5px; left: 10px; z-index: 2;} .decade-icon.balloon-1 {display: block; width: 34px; height: 42px; background-position: 0 -150px; position: absolute; top: 55px; right: 200px; -webkit-animation:balloon1 3s ease-in-out infinite; -moz-animation:balloon1 3s ease-in-out infinite; -o-animation:balloon1 3s ease-in-out infinite; animation:balloon1 3s ease-in-out infinite; } .decade-icon.balloon-2 {display: block; width: 40px; height: 52px; background-position: -40px -150px; position: absolute; top: 40px; right: 165px; -webkit-animation:balloon2 4s ease-in-out infinite; -moz-animation:balloon3 4s ease-in-out infinite; -o-animation:balloon2 4s ease-in-out infinite; animation:balloon2 4s ease-in-out infinite; } .decade-icon.balloon-3 {display: block; width: 51px; height: 65px; background-position: -90px -150px; position: absolute; top: 45px; right: 90px; -webkit-animation:balloon3 6s ease-in-out infinite; -moz-animation:balloon3 6s ease-in-out infinite; -o-animation:balloon3 6s ease-in-out infinite; animation:balloon3 6s ease-in-out infinite; } .decade-icon.balloon-4 {display: block; width: 51px; height: 65px; background-position: -150px -150px; position: absolute; top: 35px; right: 20px; -webkit-animation:balloon1 5s ease-in-out infinite; -moz-animation:balloon1 6s ease-in-out infinite; -o-animation:balloon1 6s ease-in-out infinite; animation:balloon1 6s ease-in-out infinite; } @-webkit-keyframes balloon1 { 0%,100%{ -webkit-transform:translateY(0) rotate(-6deg);} 50%{ -webkit-transform:translateY(-20px) rotate(8deg); } } @-moz-keyframes balloon1 { 0%,100%{ -moz-transform:translateY(0) rotate(-6deg);} 50%{ -moz-transform:translateY(-20px) rotate(8deg); } } @-o-keyframes balloon1 { 0%,100%{ -o-transform:translateY(0) rotate(-6deg);} 50%{ -o-transform:translateY(-20px) rotate(8deg); } } @keyframes balloon1 { 0%,100%{ transform:translateY(0) rotate(-6deg);} 50%{ transform:translateY(-20px) rotate(8deg); } } @-webkit-keyframes balloon2 { 0%,100%{ -webkit-transform:translateY(0) rotate(6eg);} 50%{ -webkit-transform:translateY(-30px) rotate(-8deg); } } @-moz-keyframes balloon2 { 0%,100%{ -moz-transform:translateY(0) rotate(6deg);} 50%{ -moz-transform:translateY(-30px) rotate(-8deg); } } @-o-keyframes balloon2 { 0%,100%{ -o-transform:translateY(0) rotate(6deg);} 50%{ -o-transform:translateY(-30px) rotate(-8deg); } } @keyframes balloon2 { 0%,100%{ transform:translateY(0) rotate(6deg);} 50%{ transform:translateY(-30px) rotate(-8deg); } } @-webkit-keyframes balloon3 { 0%,100%{ -webkit-transform:translate(0, -10px) rotate(6eg);} 50%{ -webkit-transform:translate(-20px, 30px) rotate(-8deg); } } @-moz-keyframes balloon3 { 0%,100%{ -moz-transform:translate(0, -10px) rotate(6eg);} 50%{ -moz-transform:translate(-20px, 30px) rotate(-8deg); } } @-o-keyframes balloon3 { 0%,100%{ -o-transform:translate(0, -10px) rotate(6eg);} 50%{ -o-transform:translate(-20px, 30px) rotate(-8deg); } } @keyframes balloon3 { 0%,100%{ transform:translate(0, -10px) rotate(6eg);} 50%{ transform:translate(-20px, 30px) rotate(-8deg); } } @-webkit-keyframes balloon4 { 0%,100%{ -webkit-transform:translate(10px, -10px) rotate(-8eg);} 50%{ -webkit-transform:translate(-15px, 20px) rotate(10deg); } } @-moz-keyframes balloon4 { 0%,100%{ -moz-transform:translate(10px, -10px) rotate(-8eg);} 50%{ -moz-transform:translate(-15px, 10px) rotate(10deg); } } @-o-keyframes balloon4 { 0%,100%{ -o-transform:translate(10px, -10px) rotate(-8eg);} 50%{ -o-transform:translate(-15px, 10px) rotate(10deg); } } @keyframes balloon4 { 0%,100%{ transform:translate(10px, -10px) rotate(-8eg);} 50%{ transform:translate(-15px, 10px) rotate(10deg); } } .decadesummary { margin-bottom: 50px;} .decadesummary .asheader, .decadesummary .decade-header {font-size: 13px; text-transform: uppercase; color: #838384; font-weight: bold; } .decadesummary .decade-header {margin-top: 25px;} .decadesummary .asheader {margin-bottom: 15px; margin-top: 0;} .decadesummary .calendar + .decade-header {margin-top: 0px;} .decadesummary .support-link {color: #888; font-size: 12px; margin-top: 16px; padding-top: 3px; border-top: 1px solid #eaeaea; clear: both;} .decadesummary .wrapit {padding: 15px 10px;} .decadesummary .topgap {margin-top: 25px;} .decadesummary .astable {display: table; table-layout: fixed; width: 100%; border-spacing: 10px;} .decadesummary .astable > div {display: table-cell; vertical-align: middle;} .decadesummary .astable.watchers > div > div {display: table-cell; min-width: 90px; margin-right: 20px; text-align: center;} .decadesummary .astable.watchers > div > div p {font-size: 16px;} .decadesummary big.blacknumber, .decadesummary big.bluenumber {font-size: 58px; font-weight: bold; color: #4d95c4; vertical-align: middle;} .decadesummary big.blacknumber {color: #000;} .decadesummary .button.supersize {text-transform: uppercase; font-size: 18px; font-weight: bold; padding: 10px 60px; margin: 30px auto;} .decadesummary .button.supersize {max-width: 100%; overflow: hidden; text-overflow: ellipsis;} #blablacar-widget header {height: 55px; border-bottom: 2px solid #d8dfe0; background: #1e87c7 url('/static/wykoppl/s/3d1401f7691c24afb06f1b6e45922081.png') no-repeat 0 0;} #blablacar-widget form {padding-left: 55px; background: #fff url('/static/wykoppl/s/595270cf894756281282ad2a9e6906a2.png') repeat-y 27px 0;} #blablacar-widget form fieldset {margin-bottom: 10px; position: relative;} #blablacar-widget form fieldset.columns p {width: 60%; float: left; } #blablacar-widget form fieldset.columns p > input {height: 36px;} #blablacar-widget form fieldset.columns p:last-child {width: 35%; float: right;} #blablacar-widget form fieldset.columns p:last-child * {width: 100%; height: 36px;} #blablacar-widget form input {-webkit-transition-duration: .2s; transition-duration: .2s;} #blablacar-widget form input[type="submit"] {background: #ffbf00; color: #fff; border: 1px solid rgb(232,190,64);} #blablacar-widget fieldset.blabla-sprite:before {background-image: url('/static/wykoppl/s/3d1401f7691c24afb06f1b6e45922081.png');} #blablacar-widget fieldset.blabla-sprite.blabla-from:before {content: ''; display: block; width: 18px; height: 18px; position: absolute; left: -36px; top: 10px; background-position: 0 -70px;} #blablacar-widget fieldset.blabla-sprite.blabla-to:before {content: ''; display: block; width: 18px; height: 18px; position: absolute; left: -36px; top: 10px; background-position: 0 -90px;} #blablacar-widget fieldset.blabla-sprite.blabla-route:before {content: ''; display: block; width: 18px; height: 18px; position: absolute; left: -35px; top: 6px; background-position: 0 -115px;} #blablacar-widget fieldset.blabla-sprite.blabla-cal:before {content: ''; display: block; width: 18px; height: 18px; position: absolute; left: -36px; top: 10px; background-position: 0 -137px;} #blablacar-widget .route-choose {padding: 5px 0;} #blablacar-widget .route-choose a {color: #666; font-size: 12px; display: block; position: relative; -webkit-transition-duration: .2s; transition-duration: .2s;} #blablacar-widget .route-choose a:after {content: '▼'; display: block; position: absolute; top: 0px; left: 40%; color: #666;} #blablacar-widget .route-choose a:hover:after, #blablacar-widget .route-choose a:hover {color: #1e87c7;} @media screen and (max-width: 768px) { .decadesummary .watchers .table-row > div { margin-bottom: 30px; } } @media screen and (max-width: 950px) { .summary-table {width: 90%;} .summary-table > div > div:first-child {width: 100%; text-align: center;} .summary-table > div > div {width: 100%; padding: 5px;} } @media screen and (max-width: 768px) { .table-row {display: block; margin-bottom: 20px;} .table-row > div {display: block; vertical-align: top; width: 100% !important; text-align: left !important;} .yearsummary .date, .yearsummary .votes {font-size: 14px !important;} .yearsummary .date > span {display: inline; font-size: 14px ;} .yearsummary h5 {margin-top: 0;} .summary-table {width: 100%;} .summary-table > div {margin-bottom: 15px;} .summary-table > div > div:first-child {width: 100%; text-align: center;} .summary-table > div > div {width: 100%; padding: 5px;} .button.big {padding: 10px 20px; white-space: normal; line-height: 16px;} #summary { position: fixed; top: 2%; left: 2%; z-index: 100; width: 96%; height: 96%; overflow: auto; } } #overlay-ad {display: block;} #overlay-for-container {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: #fff; background-position: center top; background-repeat: repeat;} #overlay-ad #nav-ad {position: absolute; top: -60px; width: 100%;} #overlay-ad #nav-ad li:first-child {float: left;} #overlay-ad #nav-ad li:first-child p {text-shadow: 0 1px rgba(256,256,256,.7); color: #000;} #overlay-ad #nav-ad li:last-child {float: right;} #overlay-ad #wrap {width: 760px; margin: 0 auto; position: relative;} #overlay-ad #container {width: 760px; height: 460px; position: absolute; background-size: cover !important; background-color: #fff; background-position: top left; background-repeat: no-repeat; top: 120px;} #overlay-ad #container > a {display: block; width: 100%; height: 100%;} #overlay-ad #container > a img {width: 100%; height: 100%;} #overlay-ad #container .video-ad {display: block; padding: 10px; background: #fff; border: 1px solid #aaa; position: absolute; top: 50px; right: 50px;} #overlay-ad #container .video {display: block; width: 620px; height: 470px; } #bmone2n-7069\.1\.1\.36, #bmone2n-7069\.4\.1\.30, #bmone2n-7069\.2\.1\.30, #bmone2n-7069\.3\.1\.30 { min-height:255px; } #bmone2n-7069\.1\.1\.30, #bmone2n-7069\.4\.1\.36, #bmone2n-7069\.2\.1\.36, #bmone2n-7069\.3\.1\.36 { min-height:205px; } #div-gpt-ad-1457453597696-0 { margin:auto; } .woodle { width: 170px; height: 50px; position: absolute; left: 51%; text-indent: -9999px; } .woodle > a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; } .woodle > a:hover {text-decoration: none !important;} .doodle.november-1 {background: url('/static/wykoppl/s/f52d7e7d01f2fd9e8563a4ee0a5ed951.png') no-repeat 0 0;} .doodle.november-11 {background: url('/static/wykoppl/s/5fb0d9d0f67ccde8e2eaf18893df9209.png') no-repeat 0 0;} .doodle.xmas2014 {background: url('/static/wykoppl/s/fcbae883d2319c2f3d43c97a09a1a7ef.png') no-repeat 0 0;} .doodle.birthday-9th {background: url('/static/wykoppl/s/cdb31a8f9aaca0672a79633dd3297f79.png') no-repeat 0 0;} .doodle.newyear-2015 {background: url('/static/wykoppl/s/05877724548f85f5b17e4a0ef65b24d6.png') no-repeat 0 0;} .doodle.wosp {background: url('/static/wykoppl/s/48c3acd315c48bee53807610ab720a7c.png') no-repeat 0 0;} .doodle.tlusty-czwartek-2015 {background: url('/static/wykoppl/s/15668fd29ed35d08b5e292add77f1978.png') no-repeat 0 0;} .doodle.friday13th-2015 {background: url('/static/wykoppl/s/7fca0987f02e948a383ea5ecf9b55ddc.png') no-repeat 0 0;} .doodle.valentines-2015 {background: url('/static/wykoppl/s/34ed116d65f4c1db9ff63534c0e79f98.png') no-repeat 0 0;} .doodle.dzien-kobiet-2015 {background: url('/static/wykoppl/s/3a91253c1af7062b47b6692f17ea2385.png') no-repeat 0 0;} .doodle.easter-2015 {background: url('/static/wykoppl/s/103c91e81670e71be14efde81249b532.png') no-repeat 0 0;} .doodle.mothersday-2015 {background: url('/static/wykoppl/s/8819afe06ea99faa59816e335d9eaa4b.png') no-repeat 0 0;} @media (max-width: 963px) { .woodle {left: 483px;} } @media (max-width: 768px) { .woodle {display: none;} } div.article.notification-alert, .comments-stream .article.notification-alert { background-color: #FAEBB7; margin-bottom: 0; padding: 20px; } div.article.notification-alert p, .comments-stream .article.notification-alert p { padding: 5px; position: relative; font-size: 14px; } div.article.notification-alert p span .comments-stream .article.notification-alert p span { margin-right: 200px; display: block; } div.article.notification-alert p span { margin-right: 0; } div.article.notification-alert p a.button .comments-stream .article.notification-alert p a.button { position: absolute; right: 0; top: 5px; } .pickmeup { background: #000; border-radius: 0.4em; -moz-box-sizing: content-box; box-sizing: content-box; display: none; z-index: 100000; position: absolute; } .pickmeup * { -moz-box-sizing: border-box; box-sizing: border-box; } .pickmeup .pmu-instance { display: inline-block; height: 13.8em; padding: .5em; text-align: center; width: 15em; } .pickmeup .pmu-instance .pmu-button { color: #eee; cursor: pointer; outline: none; text-decoration: none; } .pickmeup .pmu-instance .pmu-today { background: #17384d; color: #88c5eb; } .pickmeup .pmu-instance .pmu-button:hover { background: "transparent"; color: #88c5eb; } .pickmeup .pmu-instance .pmu-not-in-month { color: #666; } .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover { color: #333; cursor: default; } .pickmeup .pmu-instance .pmu-selected { background: #136a9f; color: #eee; } .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected { background: #17384d; } .pickmeup .pmu-instance nav { color: #eee; display: -ms-flexbox; display: -webkit-flex; display: flex; line-height: 2em; } .pickmeup .pmu-instance nav *:first-child :hover { color: #88c5eb; } .pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next { display: none; height: 2em; width: 1em; } .pickmeup .pmu-instance nav .pmu-month { width: 14em; } .pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * { display: inline-block; line-height: 3.6em; width: 3.5em; } .pickmeup .pmu-instance .pmu-day-of-week { color: #999; cursor: default; } .pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * { display: inline-block; line-height: 1.5em; width: 2em; } .pickmeup .pmu-instance .pmu-day-of-week * { line-height: 1.8em; } .pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next { display: block; } .pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month { width: 13em; } .pickmeup .pmu-instance:first-child:last-child .pmu-month { width: 12em; } .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years { display: none; } .embed-return { padding: 1px 4px; border-top: 1px solid #f1f1f1 } .embed-return img { display: inline-block; max-width: 100px; vertical-align: middle; margin-left: 10px; } .embed-ama-button { color: #fff !important; background-color: #c0392b; padding: 4px 10px; font-size: 11px; font-weight: bold; border-radius: 2px; } .embed-ama-button:hover { color: #fff !important; } .rek-label { color: #444; background: #fff; font-family: arial; padding: 3px 10px; font-size: 10px; -webkit-transform: rotate(90deg); -webkit-transform-origin: left top; -moz-transform: rotate(90deg); -moz-transform-origin: left top; -ms-transform: rotate(90deg); -ms-transform-origin: left top; -o-transform: rotate(90deg); -o-transform-origin: left top; transform: rotate(90deg); transform-origin: left top; position: absolute; left: 3%; top:0px; white-space: nowrap; font-size: 11px; display: inline-block; width:90px; } p.media-helpers-wrapper > span + a {margin-right: 5px;} .slot-li { height: 200px; } .slot-li * { overflow: hidden; } .slot-li iframe { width:98%; height: 98%; } .unloged-box a:not(:hover), .unloged-box .button.submit:not(:hover) { background-color: lightgrey; border: 1px lightgrey solid; } .row.buttons.tag-observe-buttons { float:right;} .row.buttons.tag-observe-buttons p, .row.buttons.tag-observe-buttons div {float:left;}