:root { --c-grey: #F2F2F2; --c-blue: #06438B; --c-red: #D9000D; --c-input-border: #D8D8D8; --c-dark-grey: #606060; --c-site-star: #D9000D; --c-users-star: #F5BD00; } a { color: var(--c-blue); text-decoration: none; cursor: pointer; } a:hover { color: var(--c-red); } body, html { font-family: 'Poppins', sans-serif; font-size: 13px; margin: 0; padding: 0; color: #606060; } input { color: #606060; } input, button { font-family: 'Poppins', sans-serif; } h1, h2, h3, h4, h5, p, ul, ol, li { margin: 0; padding: 0; } h1, h2, h3, h4, h5 { font-weight: bold; font-style: normal; } h1{ color: #000; font-size: 27px; line-height: 40px; } ul, ol { display: block; padding-left:20px; } ul { list-style: url('../img/raquo.gif'); } ul.simple { padding: 0; list-style: none; list-style-image: none; } ul.simple li { margin-bottom: 4px; } img { border: 0; } form { display: block; margin: 0; padding: 0; } .clear { clear: both; } .clear-ie6 { display: none; _display: block; _clear: both; font-size: 1px; height: 1px; } div.hr { border-top: 1px solid #e2eaef; margin-top: 2px; height: 2px; } div.hr.bold { border-top: 2px solid #c2d0dc; } div.hr hr { display: none; } td, th { vertical-align: top; } th { padding: 3px; } code { color: #666666; padding: 13px; display: block; background: white; margin-bottom: 10px; } ::placeholder { color: #606060; opacity: 1; } :-ms-input-placeholder { color: #606060; } ::-ms-input-placeholder { color: #606060; } input.button { vertical-align: middle; } input.button1 { background: url('../img/button-1.png') #c6231a; border: 0; width: 60px; height: 23px; color: white; padding-bottom: 2px; vertical-align: middle; } input.text, select { border: 1px solid var(--c-input-border); font-size: 16px; padding: 10px; border-radius: 5px; vertical-align: middle; width: 180px; } input.disabled { background: #eeeeee; cursor: default; } input.checkbox { vertical-align: middle; } textarea { border: 1px solid var(--c-input-border); font: inherit; font-size: 16px; padding: 10px; width: 100%; box-sizing: border-box; border-radius: 5px; } input[type="submit"]{ color: #fff; background-color: #007BD5; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 700; border: none; padding: 10px 18px; } input[type="submit"]:hover{ background-color: var(--c-blue); transition: all 0.2s ease-out; } .simple-narrow-box, .simple-full-box, .simple-half-box { border: 1px solid var(--c-input-border); background: white; padding: 20px; margin-bottom: 20px; } .simple-full-box.login-box { background: #f3f3f3; border-radius: 10px; padding: 40px; border:0; max-width:550px; margin:30px auto; position: relative } .simple-full-box.login-box input.text, .simple-full-box.login-box select { width:95%; } .simple-full-box.login-box .registerHint { position: absolute; top:55px; right:30px; font-size:16px; } .simple-half-box{ width: 50%; box-sizing: border-box; } .simple-top-wide-box{ padding: 0 22% 15px; border-bottom: 1px solid var(--c-input-border); font-size: 16px; line-height: 24px; margin-bottom: 15px; } .simple-ads-box { border: 1px solid #f7f9fb; background: #f7f9fb; padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; margin-bottom: 7px; } .simple-narrow-box { padding: 7px; } .shaded-wide-box-noheader { } .shaded-narrow-box-notext { } .best-pages-header{ display: flex; align-items: center; font-size: 26px; font-weight: 700; line-height: 50px; color: var(--c-red); padding-bottom: 20px; } .best-pages-header .h-logo{ display: inline-block; background: url('/img/new/h-logo.svg') center center no-repeat; width: 180px; height: 50px; margin-right: 15px; position: relative; top: 2px; } .shaded-narrow-box h2, p.h2 { font-size: 18px; font-weight: 700; color: #000; padding: 20px 0; } .shaded-narrow-box-cont.tags a{ color: #007BD5; text-decoration: underline; } .shaded-narrow-box-cont.tags a:hover{ color: var(--c-red); text-decoration: none; } .simple-full-box h2, .simple-full-box h1 { color: black; font-size: 34px; padding-bottom: 30px; padding-left: 0; } .shaded-wide-box-cont h1 { font-size:18px; } .shaded-box-foot { } .box-form .shaded-wide-box-cont, .box-form .shaded-narrow-box-cont { } .more-link { background: url('../img/ico/more-btn.png') no-repeat left; _background-image: url('../img/ico/more-btn.gif'); padding-left: 20px; } .rss-link { background: url('../img/ico/rss.gif') no-repeat left; padding-left: 20px; } .main-narrow-column .shaded-box-foot .rss-link { position: absolute; top: 3px; left: 200px; } img.icon { width: 16px; height: 16px; vertical-align: middle; } div.message { background: #EEEEEE; font-weight: bold; margin-bottom: 7px; padding: 18px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; border-radius: 8px; border:0; } div.messageInfo { background-color: #d8f1e4; border-color: #a5dec0; } div.messageWarning { background-color: #fce3e2; border-color: #da271d; } div#messagesBoxFixed { display:none; position: fixed; border-radius: 5px; right: 10px; top: 10px; padding: 12px 18px; font-size: 16px; line-height: 20px; background-color: var(--c-dark-grey); color: #fff; } div#messagesBoxFixed.messageInfo{ background-color: #1FC97B; } div#messagesBoxFixed.messageWarning{ background-color: #da271d; } div#messagesBoxFixed.show { display: block; animation-duration: .5s; animation-iteration-count: 1; animation-name: fadein; animation-timing-function: ease } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .tableList { width: 100%; border-top: 2px solid #c2d0dc; border-spacing: 0; border-collapse: separate; !border-collapse: expression('separate', cellSpacing = '0'); } .tableList td { height: 25px; padding: 4px; padding-left: 10px; border-top: 2px solid white; vertical-align: middle; background-color: #ebf0f4; } .tableListMaxMain, .tableListMaxMain span { white-space: nowrap; } .tableListMaxMain .main { width: 100%; } .form-fields{ padding: 15px 0; display: flex; flex-direction: column; } .form-fields .input{ padding: 0 0 8px 0; display: flex; flex-direction: column; position: relative; } .form-fields .input .label{ font-weight: 700; font-size: 16px; line-height: 40px; max-width: 50%; } .form-fields .input .field{ max-width: 50%; position: relative; } .form-fields .input .field p { right: 0; top: 0; left: auto; margin: 40px 0 0 0; max-width: 48%; background: #ffdc98; border-radius: 7px; } .form-fields .input .field.full{ max-width: 100%; } .form-fields .input .field .ck-editor p { margin: 15px 0; max-width: none; background: none; } .form-fields .rules{ padding: 10px 0; } .form-fields .double-input{ display: flex; align-items: center; justify-content: space-between; max-width: 50%; } .form-fields .double-input>.input{ width: 48%; box-sizing: border-box; width: 100%; } .form-fields .double-input .input .label {width: 100%; max-width: 98%} .form-fields .double-input .input .field {width: 100%; max-width: 98%} .add-page-anon{ display: flex; justify-content: center; flex-direction: column; align-items: center; } .add-page-anon .simple-full-box{ width: 80%; background: #f3f3f3; border-radius: 10px; padding: 40px; border:0; } .add-page-anon .simple-full-box h1{ padding-left: 0; } .add-page-anon h3{ margin: 30px 0 20px 0; font-size: 34px; line-height: 26px; padding-bottom: 5px; border-bottom: 0; color: #000; } .add-page-anon .message{ width: 100%; box-sizing: border-box; } .invoice-form { display: flex; flex-wrap: wrap; flex-direction: column; } .invoice-form .input { } .invoice-form input.text, .invoice-form select{ max-width: 400px; } .invoice-form .double-field{ display: flex; max-width: 410px; } .invoice-form .double-field .input{ margin-right: 10px; } .invoice-form .double-field .input .label, .invoice-form .double-field .input .field{ max-width: 100%; } #corrections h3{ color: var(--c-red) } #corrections table{ background-color: rgba(217, 0, 13, .2); border-collapse: collapse; max-width: 50%; margin: 10px 0; } #corrections table thead td{ font-weight: 700; color: var(--c-red); } #corrections table td{ padding: 5px; border-bottom: 1px solid var(--c-red); } #corrections table td:first-child{ white-space: nowrap; padding-right: 15px; } #corrections table td:last-child{ width: 100%;​ } .jsPopup-Tlo { z-index:1; width:100%; opacity : .25; filter: alpha(opacity=25); background-color:black; position:fixed; top:0px; left:0px; } .jsPopup-Nosnik { z-index : 2; position : fixed; _position : absolute; left:0 !important; width : 100%; top:0; } .jsPopup-Box { position : relative; margin : auto; text-align : center; font-weight : bold; background-color : #ffffff; border-radius: 10px; color : black; overflow: hidden; padding: 20px; } .jsPopup-InnerBox { position : relative; display: flex; align-items: center; flex-direction: column; } .jsPopup-ContentBox { overflow: auto; min-height: 40px !important; padding: 0 0 20px 0; font-size: 20px; font-weight: 700; display: flex; flex-direction: column; justify-content: center; min-width: 310px; } .jsPopup-ButtonBar { left:0; height: 40px; overflow:hidden; } .jsPopup-ButtonBar input { position: relative; top: 4px; width:60px; margin:0; margin-left:5px; margin-right:5px; color: #fff; background-color: #007BD5; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 700; padding: 6px 15px; } #jsPopup-button-YES{ background-color: #8ABE5E; } #jsPopup-button-NO{ background-color: #D9000D; } .jsPopup-TitleBar { position: relative; height: 24px; font-size: 18px; color: var(--c-blue); text-align: left; text-indent: 8px; padding: 10px; padding-top: 0; } .jsPopup-CloseButton { position: absolute; display: block; top: -10px; background-color: var(--c-red); width: 40px; height: 40px; color: #fff; line-height: 40px; right: 0; } .jsPopup-CloseButton::before{ content: 'X'; color: #fff; position: absolute; top: 0; } .jsPopup-CloseButton:hover::before { color: #000; } #loadingIndicator { position: fixed; _position: absolute; top: 0; left: 0; display: none; color: white; font-weight: bold; background-color: red; padding: 4px; opacity: 0.85; filter: alpha(opacity=85); } .forms-hiddenFields { display: none; } .forms-fieldCounter { font-size: 10px; position: absolute; right: 5px; top: 15px; } .form-fields .forms-fieldCounter { left: 270px; right: auto; } .table-form th { text-align: right; } .main-wide-column .table-form { padding-right: 20px; padding-bottom: 20px; } .main-wide-column .table-form table { margin-top: 10px; } .main-wide-column .table-form th { width: 120px; padding-bottom: 3px; } .main-wide-column .table-form td { padding-bottom: 3px; } .main-wide-column .table-form p { } .main-full-column .table-form { padding-bottom: 20px; padding-top: 20px; } .main-full-column .table-form table{ width: 100%; } .simple-full-box .table-form th { width: 120px; padding-right: 5px; vertical-align: middle; font-size: 16px; } .simple-full-box .table-form td { padding-bottom: 8px; } .simple-full-box .table-form td.plain { padding-top: 3px; } .main-narrow-column .table-form table { width: 100%; } .main-narrow-column .table-form th { font-weight: normal; padding-left: 0; } .main-narrow-column .table-form textarea { width: 100%; !width: auto; } .formArea { position: relative; margin-bottom: 15px; } .formHint { background-color: #fffff0; border: 1px solid #ffcc67; padding: 10px; padding-left: 19px; padding-right: 19px; } .formAreaNoTable { padding: 15px; } .formAreaNoTable p { padding-bottom: 10px; } .formHintAbsoluteNarrow { position: absolute; top: 15px; left: 450px; width: 210px; } .formHintAbsoluteWide { position: absolute; top: calc(100% - 5px); left: 0; z-index: 100; width: 100%; box-sizing: border-box; } .form-wide-fields input.text, .form-wide-fields textarea, .form-wide-fields select { width: 100%; box-sizing: border-box; } input.text.small{ max-width: 250px; box-sizing: border-box; } .textArea { padding: 15px; padding-right: 80px; } .textArea p, .formArea p { padding-bottom: 9px; } .textArea ul { margin: 25px; margin-top: 10px; list-style: square; } .textArea li { margin-bottom: 10px; } .textArea li ul { list-style:circle; } ul.pagination, ul.simplePagination { list-style: none; padding: 0; font-size: 18px; display: flex; align-items: center; justify-content: center; } .shaded-box-foot ul.pagination, .shaded-box-foot ul.simplePagination { } ul.pagination li, ul.simplePagination li { display: inline-block; } ul.pagination li a, ul.simplePagination li a { text-decoration: none; color: var(--c-red); background: white; border: 1px solid #F3F3F3; min-width: 38px; height: 38px; line-height: 38px; text-align: center; display: inline-block; margin: 0 2px; } ul.pagination li a.side-link{ padding: 0 8px; } ul.pagination li a.side-link svg{ display: none; } ul.pagination li a:hover, ul.simplePagination li a:hover { border: 1px solid var(--c-input-border); } ul.pagination li.active { min-width: 38px; height: 38px; line-height: 38px; background-color: var(--c-red); color: #fff; text-align: center; border: 1px solid var(--c-red); margin: 0 2px; } .pagination-box{ padding: 20px; margin: 10px 0; border: 1px solid var(--c-input-border); } /* Obiekty niestandardowe, ale odpowiadające za pewną część funkcji serwisu (np. reklamy, avatar itp) */ .shaded-wide-box.ads .shaded-wide-box-cont { background-color: #fffff0; } .shaded-wide-box.ads .shaded-wide-box-cont ul { list-style: none; list-style-image: none; padding: 0; } .shaded-wide-box.ads .shaded-wide-box-cont li { margin-bottom: 4px; overflow: hidden; _width: 100%; } .shaded-wide-box.ads .shaded-wide-box-cont li a { font-weight: bold; } #htmlBody{ display: flex; flex-direction: column; align-items: center; } #main-mainContainer, #main-logoBar { width: 1425px; padding: 0 10px; } #main-mainContainer{ background-color: #fff; } #userprofile-main{ display: none; } #main-topBar { display: flex; align-items: center; justify-content: space-between; } #main-topBar h1 { font-weight:normal; font-size: 12px; color: #333333; display: inline; } #main-userPanel{ display: flex; align-items: center; position: relative; margin-left: 15px; transition: all 0.2s ease-out; } #main-userPanel>span{ font-size: 14px; font-weight: 700; color: #000; line-height: 50px; text-decoration: none; transition: all 0.2s ease-out; display: flex; align-items: center; cursor: pointer; } #main-userPanel a:hover{ color: var(--c-red); } #main-userPanel svg{ width: 30px; height: 30px; padding: 0 10px; transition: all 0.2s ease-out; } #main-topBar ul { padding:0; display: block; text-align: right; position: absolute; display: flex; z-index: 99999999; flex-direction: column; top: 70px; right: 0; background-color: var(--c-grey); border-top: 2px solid var(--c-red); opacity: 0; transition: all 0.2s ease-out; min-width: 100%; } #main-userPanel ul li{ border-bottom: 1px solid var(--c-input-border); background-color: var(--c-grey); } #main-userPanel ul a{ display: block; padding: 5px 10px; font-size: 16px; text-decoration: none; color: #000; transition: all 0.2s ease-out; white-space: nowrap; text-align: left; padding: 10px; } #main-userPanel ul a:hover{ background-color: var(--c-input-border); } #main-userPanel:hover>span{ color: var(--c-red); } #main-userPanel:hover svg{ fill: var(--c-red); } #main-userPanel ul.show{ opacity: 1; } #main-topBar li { display: block; } #main-registerBtn, #main-logoutBtn { border-right: 0 !important; padding-right: 0 !important; margin-right : 0 !important; } .add-page{ color: #fff; font-size: 16px; font-weight: 700; border: none; background-color: var(--c-red); line-height: 50px; border-radius: 5px; padding: 0 20px 0 15px; cursor: pointer; transition: all 0.2s ease-out; } .add-page:hover{ color:#fff; background: #ff000f } .add-page svg{ fill:#fff; height: 19px; width: 19px; position: relative; top: 4px; padding-right: 5px; transition: all 0.2s ease-out; } .add-page:hover svg{ fill: var(--c-blue); } #main-topBar .add-page{ padding: 10px; line-height: 18px; display: flex; align-items: center; } #main-topBar .add-page .bottom{ font-size: 10px; color: #fff; line-height: 14px; display: block; font-weight: 400; } #main-topBar .add-page svg{ top: 0; } #main-logoContainer{ background-color: var(--c-grey); width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } #main-logoBar { height: 90px; display: flex; align-items: center; position: relative; justify-content: space-between; } #main-logoBar-logo, #main-logoBar-logo img { display: block; width: 209px; height: 60px; } #main-logoBar-logo img { font-size: 40px; color: black; font-weight: bold; } #main-logoBar .line-menu-element{ position: relative; } #main-logoBar .line-menu-element span{ color: #000; font-size: 18px; font-weight: 700; line-height: 90px; display: block; cursor: pointer; height: 90px; } #main-logoBar .line-menu-element span:hover{ color: var(--c-red); } #main-logoBar .line-menu-element:hover ul{ display: block; } #main-logoBar .line-menu-element ul{ display: none; list-style: none; background-color: #fff; flex-direction: column; position: absolute; top: 89px; left: 0; border: 1px solid #e2e2e2; z-index: 100; padding-bottom: 5px; -webkit-box-shadow: 6px 6px 16px 0 rgb(0 0 0 / 16%); box-shadow: 6px 6px 16px 0 rgb(0 0 0 / 16%); min-width: 100%; box-sizing: border-box; padding: 0; min-width: 570px; padding: 10px; } #main-logoBar .line-menu-element ul li{ display: inline-block; margin-right: 15px; } #main-logoBar .line-menu-element ul li a{ color: var(--c-dark-grey); text-decoration: underline; line-height: 30px; } #main-logoBar .line-menu-element ul li a:hover{ color: var(--c-red); } #main-logoBar #main-searchForm p { border: 1px solid var(--c-input-border); border-radius: 5px; display: block; padding: 11px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; } #main-logoBar #main-searchForm #main-searchSumbit { cursor: pointer; background:none; border: none; } #main-logoBar #main-searchForm #main-searchSumbit svg{ height: 21px; width: 21px; } #main-logoBar #main-searchInput { border: none; font-size: 16px; line-height: 25px; width: 240px; padding: 0; } #main-menuBar { position: relative; height: 39px; background: url('../img/menubar-bg.png') no-repeat #527193; overflow: hidden; } #main-menuBar ul { background: url('../img/menubar-menu-bg.png') no-repeat #708eb0; display: inline; list-style: none; padding: 0; height: 27px; position: absolute; top: 9px; left: 9px; } #main-menuBar li { display: block; float: left; background: url('../img/menubar-menu-separator.png') no-repeat right; } #main-menuBar li a { display: block; float: left; color: white; text-decoration: none; padding-left: 7px; padding-right: 10px; padding-top: 4px; height: 23px; text-shadow:#314559 1px 1px; } #main-menuBar li a:hover { background: url('../img/menubar-menu-bg-hover.png') no-repeat bottom; } #main-menuBar li.first a { padding-left: 10px; } #main-menuBar li.last { padding-right: 7px; background: url('../img/menubar-menu-bg-right.png') no-repeat right; } #main-navBar { border-bottom: 1px solid var(--c-input-border); overflow: hidden; font-size: 14px; line-height: 20px; color: #606060; padding: 12px 0; display: flex; flex-wrap: wrap; align-items: center; } #main-navBar .breadcrumbs{ list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0 5px; margin: 0; } #main-navBar .breadcrumbs .sep{ padding: 0 5px; } #main-navBar .breadcrumbs a{ text-decoration: none; color: #606060; } #main-navBar .breadcrumbs a:hover { color: var(--c-red); } #main-navBar .breadcrumbs li:last-child a{ font-weight: 700; } #main-navBar a{ padding: 0 4px; } #main-content { padding-top: 15px; background: #fff; } #main-content-box { display: flex; justify-content: space-between; } #main-content-box.center-context{ justify-content: center; } #main-content-sub { clear: both; height: 18px; background: url('../img/maincontent-bg-bottom.png') repeat-x bottom #f7f9fb; } #main-footBar{ border-top: 2px solid #e0e0e0; clear: both; box-sizing: border-box; margin: 20px auto 0; background-color: #fff; padding: 20px 20px 20px 20px; position: relative; } #main-footBar{ font-family: Arial; } #main-footBar p{ margin: 0; font-size: 14px; } #footer-logo{ height: 28px; width: 118px; border-right: 1px solid #dbdbdb; float: left; } #footer-menu{ float: left; padding-left: 20px; width: calc(100% - 145px); font-weight: 400; padding-top: 7px; font-size: 15px; } #footer-menu { font-size: 15px;} #footer-menu a{ font-size: 14px; } #footer-menu .sep{ color: #dbdbdb; } .bold{ font-weight: bold; } .footer-menu-sep{ color: #dbdbdb; margin: 0 5px; } #footer-menu a, #footer-links a{ color: #424242; text-decoration: none; } #footer-menu a:hover, #footer-links a:hover{ text-decoration: underline; } #footer-links{ border-left: 1px solid #dbdbdb; padding-left: 20px; padding-top: 30px; margin-left: 118px; font-size: 12px; color: #424242; line-height: 1.7em; } #footer-copyright{ padding-top: 25px; color: #9a9a9a; font-size: 10px; margin-left: 118px; border-left: 1px solid #dbdbdb; padding-left: 20px; line-height: 20px; } #footer-link-list{ margin-top: 10px; } #footer-link-list span, #footer-link-list a{ font-size: 14px; } #mobile-footer, .mobile-footer-div, .mobile-buttons, .mobile-sliders{ display: none; } .main-wide-column { width: 1065px; overflow: hidden; flex-grow: 0; flex-shrink: 0; padding-top: 20px; } .main-narrow-column { width: 320px; overflow: hidden; flex-grow: 0; flex-shrink: 0; } .main-full-column { width: 100%; } input.text, select { width: 100%; max-width: 300px; } .full input.text, .full select { width: 100%; max-width: none; } .footer-categories{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; } .footer-categories ul{ list-style: none; padding: 0; } ul#index-categories, ul#index-categories li ul { list-style: none; padding: 0; } ul#index-categories{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; justify-items: stretch; align-items: stretch; justify-content: stretch; align-content: stretch; grid-auto-flow: dense; padding-bottom: 20px; } ul#index-categories>li { padding: 20px 0; border-bottom: 1px solid var(--c-input-border); } .cat-with-icon>a{ display: block; padding: 7px 0 7px 46px; background: url(/img/new/icons.svg) no-repeat left top #fff; color: #000; font-size: 18px; font-weight: 700; line-height: 26px; } .cat-with-icon>a:hover{ color: var(--c-red); } .cat-with-icon>a span{ font-weight: 400; } .cat-with-icon.top-cat-1>a{ background-position-y: 6px; } .cat-with-icon.top-cat-22>a{ background-position-y: -75px; } .cat-with-icon.top-cat-25>a{ background-position-y: -154px; } .cat-with-icon.top-cat-16>a{ background-position-y: -474px; } .cat-with-icon.top-cat-4>a{ background-position-y: -235px; } .cat-with-icon.top-cat-11>a{ background-position-y: -312px; } .cat-with-icon.top-cat-7>a{ background-position-y: -393px; } .cat-with-icon.top-cat-21>a{ background-position-y: -552px; } .cat-with-icon.top-cat-6>a{ background-position-y: -633px; } .cat-with-icon.top-cat-5>a{ background-position-y: -712px; } .cat-with-icon.top-cat-15>a{ background-position-y: -795px; } .cat-with-icon.top-cat-23>a{ background-position-y: -871px; } .cat-with-icon.top-cat-9>a{ background-position-y: -954px; } .cat-with-icon.top-cat-12>a{ background-position-y: -1032px; } .cat-with-icon.top-cat-8>a{ background-position-y: -1111px; } ul#index-categories li { font-size: 14px; } ul#index-categories li a { font-weight: bold; white-space: nowrap; } ul#index-categories>li>a:hover, ul#index-categories li ul li a:hover{ color: var(--c-red); } ul#index-categories li ul{ display: flex; flex-direction: column; padding-left: 46px; } ul#index-categories li ul li { line-height: 28px; } ul#index-categories li ul li a { color: var(--c-dark-grey); text-decoration: underline; } ul#index-categories li ul li a.more { color: #007BD5; } ul#index-categories li ul li a { font-weight: normal; } ul.index-letter-list { list-style-type: none; padding: 0; } ul.index-letter-list li { display: inline; font-size: 18px; padding-right: 5px; } .page-narrow-list { padding-left: 0; } .page-narrow-list li { margin-bottom: 7px; list-style-position: inside; } .page-narrow-list a { !padding-left: 10px; margin-left: -5px; } .page-narrow-list span { display: block; } .page-narrow-list span.category a { font-size: 11px; !padding-left: 0; } .page-narrow-list span a { margin: 0; display: inline; } .shaded-narrow-box .page-narrow-list{ list-style: none; } .page-narrow-list li{ border-bottom: 1px solid var(--c-input-border); padding-bottom: 15px; margin-bottom: 15px; } .shaded-narrow-box .page-narrow-list .page-top-info{ display: flex; } .page-narrow-list span.page-thumb-min{ flex-shrink: 0; margin:0 15px 15px 0; } .page-narrow-list span.page-thumb-min{ flex-shrink: 0; margin-right: 15px; } .page-narrow-list .page-top-info a, .similar-categories a{ color: var(--c-blue); font-size: 14px; line-height: 20px; font-weight: 700; word-break: break-word; } .page-narrow-list .page-top-info a:hover, .similar-categories a:hover{ color: var(--c-red); } .page-narrow-list .page-top-info .category a{ font-size: 12px; line-height: 28px; font-weight: 400; color: #007BD5; } .page-narrow-list .short-descr{ color: var(--c-dark-grey); font-size: 12px; line-height: 18px; text-align: justify; } .comments-narrow, .comments-wide { list-style: none; list-style-image: none; padding: 0; } .comments-narrow .comment-min svg{ fill: #606060; width: 24px; height: 24px; } .comments-narrow li { position: relative; padding-bottom: 15px; margin-bottom: 15px; } .comments-narrow li { display: flex; border-bottom: 1px solid var(--c-input-border); } .comments-narrow .comment-data{ padding-left: 15px; } .comments-narrow a, .comments-narrow span { font-size: 14px; font-weight: 700; line-height: 20px; color: var(--c-blue); } .comments-narrow a:hover{ color: var(--c-red); } .comments-narrow span.avatar-min { position: absolute; top: 3px; left: 0; } .comments-narrow span.date { color: var(--c-dark-grey); display: block; font-size: 12px; line-height: 28px; font-weight: 400; } .comments-narrow p{ font-size: 15px; line-height: 23px; color: var(--c-dark-grey); } .comments-wide span.date { color: #666666; } .comments-wide span.ipdata { color: #666666; font-size: 11px; } .comments-wide p { font-size: 16px; line-height: 26px; color: #000; width: calc(100% - 100px); overflow: hidden; } .page-comment-votebar { display: block; position: absolute; top: 10px; right: 10px; } .page-comment-votebar span { display: block; text-align: right; color: var(--c-dark-grey); white-space: nowrap; overflow: hidden; font-size: 16px; } .page-comment-votebar span.positive { color: #76C96B; } .page-comment-votebar span.negative { color: #CE4F57; } .page-comment-votebar{ display: flex; align-items: center; } .page-comment-votebar a { display: block; float: left; width: 26px; height: 26px; text-decoration: none; color: white; border-radius: 50%; font-size: 18px; line-height: 26px; text-align: center; margin-left: 8px; } .page-comment-votebar a.positive { background-color: #76C96B; } .page-comment-votebar a.negative { background-color: #CE4F57; } .comments-wide .author { font-weight: bold; } .comments-wide .anonymous { text-decoration: none; color: black; cursor: text; } .comments-wide .author-comments-count { position: absolute; display: block; top: 40px; left: 0; width: 30px; font-size: 9px; color: #666666; text-align: center; } .anonymous-author-block { display: block; float: left; margin-right: 3px; _width: 320px; max-width: 340px; overflow: hidden; white-space: nowrap; } .page-list .page-modvote, .page-list .page-uservote { display: flex; align-items: center; } .page-list .page-uservote { _width:185px; } .page-list .page-modvote .label, .page-list .page-uservote .label { padding-right: 10px; } .page-list .page-modvote .page-modvote-vote, .page-list .page-uservote .page-uservote-vote { display: block; width: 93px; height: 17px; float: left; } .page-list .page-uservote .page-uservote-vote { position: relative; top: 1px; width: 38px; margin-right: 3px; background: url('../img/uservote-zero.png') no-repeat 0px 0px #939393; height: 16px; } .page-list .page-modvote .page-modvote-vote span, .page-list .page-uservote .page-uservote-vote span { display: block; height: 17px; width: 0; float: left; background: url('../img/modvote-allstars.png') no-repeat; text-indent: 100px; overflow: hidden; _text-indent: 0; _font-size: 0px; } .page-list .page-uservote .page-uservote-vote span { background: url('../img/uservote-full.png') no-repeat 0px 0px #00cb00; height: 16px; } .page-list .page-modvote .vote1 span { width: 17px; } .page-list .page-modvote .vote2 span { width: 36px; } .page-list .page-modvote .vote3 span { width: 55px; } .page-list .page-modvote .vote4 span { width: 74px; } .page-list .page-modvote .vote5 span { width: 93px; } .page-list .page-uservote .vote1 span { width: 9px; } .page-list .page-uservote .vote2 span { width: 16px; } .page-list .page-uservote .vote3 span { width: 23px; } .page-list .page-uservote .vote4 span { width: 30px; } .page-list .page-uservote .vote5 span { width: 38px; } .page-list { list-style: none; list-style-image: none; padding: 0; display: flex; flex-direction: column; } .page-list li { padding: 20px 0 20px 250px; position: relative; min-height: 170px; border-bottom: 1px solid var(--c-input-border); } .page-list li:last-child{ } span.page-thumb-min { display: block; width: 120px; height: 90px; border: 1px solid #CECECE; } span.page-thumb-min img { display: block; width: 120px; height: 90px; } span.page-thumb-med { display: block; width: 235px; height: 170px; } span.page-thumb-med img { width: 100%; height: 100%; } .no-thumb{ background-color: #F2F2F2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; } .no-thumb .no-thumb-logo{ display: block; background: url('/img/new/logo.svg') center center no-repeat; height: 50px; padding: 20px 0; width: 100%; opacity: .5; } .no-thumb .no-thumb-text{ color: #606060; font-size: 10px; line-height: 16px; text-align: center; } span.page-thumb-min .no-thumb .no-thumb-logo{ background-size: 70%; height: 15px; } span.page-thumb-min .no-thumb .no-thumb-text{ font-size: 8px; line-height: 14px; text-align: center; } .page-list span.page-thumb-min, .page-list span.page-thumb-med { position: absolute; top: 0px; left: 0px; } .page-list span.page-thumb-med{ top: 20px; border: 1px solid #CECECE; } .page-list .page-title { position: relative; font-weight: bold; z-index: 2; font-size: 18px; line-height: 27px; } .page-list p { display: block; font-size: 13px; line-height: 18px; overflow: hidden; color: var(--c-dark-grey); margin: 10px 0; } p.page-list-categories{ line-height: 28px; } p.page-list-categories a{ color: #007BD5; } .page-list span { font-size: 13px; line-height: 28px; color: var(--c-dark-grey); } .page-list-uservote { margin-left: 20px; } .page-list-comments { display: block; text-align: right; width: 100px; position: absolute; top: 3px; left: 340px; } .page-list-content { min-height: 70px; _margin-top: -15px; } .page-list-sub { display: flex; align-items: center; border-top: 1px solid #EDEDED; padding: 12px 0 0 0; } .adlinks-box { margin-bottom: 20px; position: relative; } .adlinks-header{ color:#000; font-size: 26px; font-weight: 700; line-height: 50px; } .adlink-list { list-style: none; padding: 0; } .adlink-list li{ padding: 15px 0; border-bottom: 1px solid var(--c-input-border); min-height: auto; } .adlink-list li:last-child{ border: none; } .adlink-list .adLink-entry{ display: flex; } .page-thumb-min{ margin-right: 15px; } .adlink-list .adLink-entry span a{ display: block; color: var(--c-blue); font-size: 14px; line-height: 20px; font-weight: 700; word-break: break-word; margin-bottom: 5px; } .add-link{ position: absolute; right: 0; top: 0; display: flex; align-items: center; color: var(--c-red); font-size: 14px; line-height: 50px; } .add-link svg{ fill: var(--c-red); height: 19px; width: 19px; } .page-details { position: relative; padding: 30px; border: 1px solid var(--c-input-border); display: flex; flex-direction: column; } .page-details p { margin-top: 12px; margin-bottom: 12px; } .page-details h1, #add-comment-form h2 { font-size: 27px; line-height: 40px; font-weight: 700; color: #000; } .page-details h1 .seoh1{ display: block; font-weight: 700; font-size: 13px; line-height: 28px; color: var(--c-dark-grey); } .page-details .item-top{ display: flex; justify-content: space-between; } .page-details span.page-thumb { display: block; width: 320px; height: 240px; border: 1px solid var(--c-input-border); flex-grow: 0; flex-shrink: 0; } .page-details span.page-thumb img { display: block; width: 320px; height: 240px; } .page-details .page-info{ flex-grow: 2; padding-left: 30px; display: flex; flex-direction: column; justify-content: space-between; } .page-details .page-url, .page-details .page-url a{ color: #007BD5; font-size: 18px; line-height: 27px; margin: 0; } .page-details .page-url a:hover{ color: var(--c-red); } .page-favourite, .page-favourite-del { font-size: 14px; position: absolute; top: 255px; left: 350px; margin: 0 !important; } .page-favourite a, .page-favourite-del a { padding-left: 25px; background: no-repeat left; } .page-favourite a { background-image: url('../img/ico/add.png'); _background-image: url('../img/ico/add.gif'); } .page-favourite-del a { background-image: url('../img/ico/delete.png'); _background-image: url('../img/ico/delete.gif'); } .page-broken-tip { color: var(--c-dark-grey); font-size: 11px; position: absolute; top: 20px; right: 30px; text-decoration: underline; cursor: pointer; } .page-broken-tip:hover{ color: var(--c-red); } table.page-categories, table.page-categories tr, table.page-categories td { padding: 0; margin: 0; border-collapse: collapse; } /* zastąpione tabelką .page-categories-label { height: 35px; float: left; _position: absolute; _left: 0; margin-top: 0 !important; / * bug CSS? * / padding-right: 7px; } */ ul.page-categories-list { list-style: none; list-style-image: none; padding: 0; } .page-comment-form input, .page-comment-form textarea{ border: 1px solid var(--c-input-border); font-size: 18px; padding: 10px; border-radius: 5px; } .page-comment-form textarea { width:100%; box-sizing: border-box; } .comment-form-btm{ display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .comment-form-btm>div{ display: flex; } .comment-form-btm>div #pageFront-captcha{ display: flex; align-items: center; padding-right: 15px; } .comment-form-btm>div #pageFront-captcha strong{ padding: 0 3px; } .page-comment-form input.comment-submit{ color: #fff; background-color: #007BD5; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 700; border: none; padding: 10px 18px; } .page-description { width: 100%; overflow: hidden; font-size: 18px; line-height: 30px; color: #000; } .article-description a { color: var(--c-blue); font-weight: 700; } .article-description .page-thumb{ float: left; margin: 0 10px 10px 0; } .page-details .article-description .page-info{ padding-left: 0; } .article-description .date{ color: #606060; margin: 0; } .page-details .line-items{ border-top: 1px solid var(--c-input-border); padding: 15px 0; margin: 0; display: flex; flex-wrap: wrap; } .page-details .line-items>span { padding-right: 5px; display: inline-block; } .page-details .line-items ul.page-categories-list{ display: flex; } .page-details .line-items, .page-details .line-items a{ font-size: 14px; line-height: 20px; color: #000; text-align: left; } .page-details .line-items:last-child{ padding-bottom: 0; } .page-details .line-items a{ color: var(--c-blue); text-decoration: underline; } .page-details .line-items a:hover{ color: var(--c-red); } .rating{ display: flex; align-items: center; } .rating span{ display: inline-block; height: 22px; width: 22px; margin-right: 4px; } .rating span svg{ width: 100%; height: 100%; } .rating.site-rating .full svg{ fill: var(--c-site-star); } .rating.users-rating .full svg{ fill: var(--c-users-star); } .rating .empty svg{ fill: #C9C9C9; } .page-details .page-buttons, .page-details .page-buttons>div{ display: flex; justify-content: space-between; align-items: center; } .page-details .page-buttons a{ border: 2px solid #007BD5; border-radius: 5px; font-size: 14px; font-weight: 700; line-height: 21px; color: #007BD5; background-color: #fff; padding: 10px 15px; display: flex; align-items: center; cursor: pointer; transition: all 0.2s ease-out; } .page-details .page-buttons a svg{ height: 14px; width: 20px; fill: #007BD5; transition: all 0.2s ease-out; } .page-details .page-buttons .phone{ margin-right: 10px; } .page-details .page-buttons .message svg, .page-details .page-buttons .opinion svg{ top: -1px; position: relative; } .page-details .page-buttons a:hover{ color: #fff; background-color: #007BD5; } .page-details .page-buttons a:hover svg{ fill: #fff; } .page-details .page-ratings{ display: flex; } .page-details .page-modvote, .page-uservote { display: block; position: relative; } .page-details .page-modvote{ padding-right: 50px; } .page-details .page-modvote .label, .page-details .page-uservote .label { display: block; font-weight: bold; font-size: 13px; line-height: 28px; color: var(--c-dark-grey); } .page-details .page-ratings .rating span{ width: 30px; height: 30px; } .page-details .page-modvote-text, .page-details .page-uservote-text, .page-details #page-yourvote-message, .page-details .page-uservote-count { color: #666666; font-size: 10px; position: absolute; } .page-details .page-modvote-text { top: 40px; left: 98px; } .page-details .page-uservote-text { position: absolute; top: 11px; left: 190px; font-weight: bold; } .page-details .page-uservote-count { position: absolute; display: block; width: 65px; height: 20px; top: 22px; left: 190px; } #page-yourvote-message { display: block; margin-left: 15px; } .page-details .page-modvote-vote { position: absolute; top: 10px; left: 95px; display: block; width: 0; height: 24px; background: url('../img/modvote-big-allstars.png'); } .page-uservote-vote { } .page-uservote-vote span { } .page-yourvote{ padding: 15px 0; display: flex; align-items: center; } .page-yourvote .label { font-size: 18px; color: var(--c-dark-grey); margin-right: 15px; } .page-yourvote .page-uservote-vote { display: flex; align-items: center; } .page-details .page-modvote .vote1 { width: 24px; } .page-details .page-modvote .vote2 { width: 52px; } .page-details .page-modvote .vote3 { width: 81px; } .page-details .page-modvote .vote4 { width: 109px; } .page-details .page-modvote .vote5 { width: 137px; } .page-uservote-vote.vote1 .page-vote-button:nth-child(-n+1) svg { fill: var(--c-users-star); } .page-uservote-vote.vote2 .page-vote-button:nth-child(-n+2) svg { fill: var(--c-users-star); } .page-uservote-vote.vote3 .page-vote-button:nth-child(-n+3) svg { fill: var(--c-users-star); } .page-uservote-vote.vote4 .page-vote-button:nth-child(-n+4) svg { fill: var(--c-users-star); } .page-uservote-vote.vote5 .page-vote-button:nth-child(-n+5) svg { fill: var(--c-users-star); } .page-details .page-modvote-vote span { display: none; } .page-vote-button, .page-uservote-vote .rating>span { display: block; width: 40px; height: 40px; padding: 0 2px; } .page-vote-button svg, .page-uservote-vote .rating>span svg{ width: 100%; height: 100%; fill: #D8D8D8; } #page-vote-button-1 { left: 132px; } #page-vote-button-2 { left: 142px; } #page-vote-button-3 { left: 152px; } #page-vote-button-4 { left: 162px; } #page-vote-button-5 { left: 172px; } .shaded-wide-box .rss-label { float: right; padding-top: 6px; padding-bottom: 7px; padding-right: 10px; } .shaded-wide-box .rss-label .rss-link { margin-left: 3px; } #tags-by-letter div.list { font-size: 14px; line-height: 200%; height: 100%; overflow: hidden; margin-top:20px; } #tags-by-letter div.list span { display: block; width: 280px; float: left; } #tags-by-letter .pagination { margin-top: 30px; } #pageFront-comments.comments-wide li{ display: flex; justify-content: space-between; } #pageFront-comments.comments-wide .avatar-min{ flex-grow: 0; flex-shrink: 0; width: 61px; height: 61px; border-radius: 50%; text-align: center; line-height: 61px; background-color: var(--c-input-border); display: flex; align-items: center; justify-content: center; } #pageFront-comments.comments-wide .avatar-min svg{ width: 40%; height: 60%; fill: #fff; } #pageFront-comments.comments-wide .avatar-min img{ width: 100%; height: 100%; border-radius: 50%; box-sizing: border-box; } #pageFront-comments.comments-wide .comment-data{ border: 1px solid var(--c-input-border); border-radius: 8px; padding: 15px 20px; flex-grow: 2; margin: 0 0 20px 10px; position: relative; } #pageFront-comments.comments-wide .comment-meta-data{ font-size: 13px; line-height: 26px; color: var(--c-dark-grey); font-weight: 700; } #pageFront-comments.comments-wide .comment-meta-data span{ font-weight: 400; } #add-comment-form{ padding: 20px 0; } .s-width{ padding-right: 20px; } .page-similar-list{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; list-style: none; } #category-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px 20px; justify-items: stretch; align-items: stretch; justify-content: stretch; align-content: stretch; grid-auto-flow: dense; padding: 5px 0 0 45px; } #category-list li { display: block; } #category-list li a{ display: inline-block; font-size: 14px; line-height: 14px; color: var(--c-dark-grey); text-decoration: underline; } #category-list li a:hover{ text-decoration: none; color: var(--c-red); } #category-pagin-tip { text-align: right; font-size: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 3px; } #category-order-bar { padding: 10px 0; font-size: 12px; line-height: 18px; display: flex; align-items: center; } #category-order-bar a { font-size: 12px; line-height: 18px; color: #007BD5; text-decoration: underline; margin-left: 15px; } #category-order-bar a:hover{ color: var(--c-red); text-decoration: none; } #category-order-bar a.active { font-weight: 700; color: white; background-color: var(--c-red); padding: 2px 5px; display: inline-block; border-radius: 5px; text-decoration: none; } .category-linked-sign { color: #666666; font-style: italic; font-size: smaller; } .similar-categories a{ display: inline-block; font-size: 12px; line-height: 14px; color: var(--c-dark-grey); text-decoration: underline; margin-right: 15px; font-weight: 400; } span.avatar-min { display: block; width: 30px; height: 30px; } span.avatar-min img { display: block; width: 30px; height: 30px; overflow: hidden; } span.avatar { display: block; width: 90px; height: 90px; border: 1px solid #c2d0dc; padding: 1px; } span.avatar img { display: block; width: 90px; height: 90px; overflow: hidden; } #userprofile-infobox { height: auto; overflow: hidden; margin-bottom: 0px; background-color: var(--c-grey); padding: 20px; border-radius: 8px; border: 0; } .user-profile-menu{ padding: 0 0 15px 0; } #userprofile-infobox h2 { font-weight: normal; font-size: 17px; margin-bottom: 8px; color: #000; font-weight: 700; } #userprofile-infobox span.avatar { float: left; margin-right: 6px; _margin-right: 3px; } #userprofile-infobox p { padding-top: 3px; padding-bottom: 3px; } #userprofile-infobox ul{ list-style: none; padding: 0; margin: 0; } #userprofile-infobox .package-info-side{ font-size: 14px; padding: 15px 0; display: block; } #userprofile-infobox .package-info-side>span{ display: block; line-height: 24px; } #userprofile-infobox a { display: block; font-size: 15px; color: var(--c-blue); padding: 5px 0; } #userprofile-infobox a:hover { color: var(--c-red); } #userprofile-infobox .brk{ margin-bottom: 16px; } #userProfile-shoutbox { list-style: none; padding: 0; } #userProfile-shoutbox li { padding-left: 43px; background: url('../img/avatar-arr.png') no-repeat 32px 11px; position: relative; padding-bottom: 10px; _width: 199px; font-size: 12px; } #userProfile-shoutbox a { font-size: 13px; } #userProfile-shoutbox span.avatar-min { position: absolute; top: 3px; left: -2px; } #userProfile-shoutbox span.date { color: #666666; display: block; font-size: 10px; padding-top: 2px; padding-bottom: 3px; } #userProfile-shoutbox .anonymous { text-decoration: none; color: black; cursor: text; } #userProfile-comments.comments-wide a { font-weight: bold; } #userProfile-comments.comments-wide li { padding-left: 0; background: none; } #userProfile-comments.comments-wide .page-comment-votebar { left: 530px; } .user-panel .page-list{ border-bottom: 1px solid var(--c-input-border); } .page-list .edit-header{ padding: 5px 0; margin: 0; min-height: auto; } .page-list .edit-header a{ margin-left: 10px; } .page-list .edit-header button, .page-list .actions button{ cursor: pointer; border: none; border-radius: 8px; background-color: var(--c-dark-grey); color: #fff; transition: all 0.2s ease-out; } .page-list .edit-header button:hover, .page-list .actions button:hover{ background-color: var(--c-red); } .page-list .edit-header button span, .page-list .actions button span{ color: #fff; } .user-panel .search-box{ padding: 15px 0 10px; display: flex; align-items: center; } .user-panel .search-box .add-page{ margin-right: 20px; line-height: 47px; } .user-panel .search-box form button{ cursor: pointer; border: 1px solid var(--c-input-border); border-radius: 5px; background-color: #fff; transition: all 0.2s ease-out; padding: 9px 25px; margin-left: 10px; } .user-panel .search-box button:hover{ background-color: var(--c-red); } .user-panel .search-box button:hover svg{ fill: #fff; } .user-panel .sort-options{ padding: 10px 0; } .user-panel .sort-options, .user-panel .sort-options>div{ display: flex; flex-direction: row; align-items: center; padding-right: 10px; } .user-panel .sort-options>div strong{ padding-right: 10px; white-space: nowrap; } .user-panel .sort-options .c-select{ width: 100%; } .user-panel .sort-options .c-select ul.show{ width: auto; min-width: 100%; display: block; } .user-panel .sort-options .c-select ul.show li{ display: block; white-space: nowrap; width: 100%; box-sizing: border-box; } .user-panel .sort-options .c-select svg{ margin-left: 10px; } .user-panel #user-searchForm{ display: flex; align-items: center; } .user-panel #user-searchForm input{ min-width: 400px; } .user-panel #user-searchForm svg{ height: 21px; width: 21px; } .user-panel .user-meta-data{ font-size: 16px; display: flex; align-items: center; border-bottom: 1px solid var(--c-dark-grey); padding: 5px 0; } .user-panel .user-meta-data>span{ display: inline-block; padding-right: 15px; } .packages{ display: flex; flex-wrap: wrap; justify-content: center; } .packages .package-box{ border: 1px solid var(--c-input-border); border-radius: 5px; box-sizing: border-box; padding: 15px; display: flex; flex-direction: column; align-items: center; width: calc(30% - 10px); margin: 0 15px 15px; box-sizing: border-box; transition: all 0.2s ease-out; background:#fff; } .packages .package-box:hover { border:3px solid #007bd5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .packages .package-box .number{ font-size: 75px; line-height: 80px; color: var(--c-blue); font-weight: 700; } .packages .package-box .agency{ font-size: 30px; line-height: 120%; color: var(--c-blue); font-weight: 700; } .packages .package-box .entry{ font-size: 20px; line-height: 25px; color: var(--c-blue); } .packages .package-box .entries{ padding-bottom: 10px; } .packages .package-box .c-length{ color: #000; } .packages .package-box .c-select{ margin: 5px 0 15px 0; background-color: #fff; } .packages .package-box.selected{ border-color: #007BD5; background-color: rgba(0, 123, 213, .1); border: 3px solid #007BD5; } .packages .package-box.selected .btn-buy{ color: #fff; background-color: #007BD5; } .c-select{ border: 1px solid var(--c-input-border); border-radius: 5px; padding: 5px 10px; position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 16px; color: #000; width: 50%; cursor: pointer; } .c-select .selected{ } .c-select svg{ width: 20px; height: 20px; flex-shrink: 0; } .c-select ul{ position: absolute; background: #fff; list-style: none; width: 100%; top: 35px; left: 0; margin: 0; padding: 0; border: 1px solid var(--c-input-border); display: none; } .c-select ul.show{ display: flex; flex-direction: column; z-index: 999999; } .c-select ul.scroll-able{ overflow-y: scroll; height: 170px; } .c-select ul li{ padding: 5px 10px; } .c-select ul li:hover, .c-select ul li.s{ background-color: var(--c-input-border); } .packages .package-box .price{ display: flex; flex-direction: column; align-items: center; min-height: 90px; box-sizing: border-box; } .packages .package-box .price .d{ font-size: 20px; line-height: 25px; color: #000; } .packages .package-box .price .value{ font-size: 20px; color: var(--c-red); padding: 5px 0; } .packages .package-box .price .value .n{ font-size: 30px; line-height: 35px; color: var(--c-red); } .packages .package-box .price .value-s{ font-size: 14px; line-height: 18px; color: var(--c-red); } .packages .package-box .btn-buy, .payments .btn-buy, #tokenizeButton{ border: 2px solid #007BD5; border-radius: 5px; font-size: 14px; font-weight: 700; line-height: 21px; color: #007BD5; background-color: #fff; padding: 10px 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease-out; width: 80%; text-align: center; margin: 20px 0 10px 0; } .packages .package-box .btn-buy:hover, .payments .btn-buy:hover, #tokenizeButton:hover{ color: #fff; background-color: #007BD5; } .payments{ display: flex; justify-content: center; align-items: center; } .payments>div{ border: 1px solid var(--c-input-border); border-radius: 5px; box-sizing: border-box; padding: 180px 15px 15px 15px; display: flex; flex-direction: column; align-items: center; width: calc(33.3% - 10px); margin: 0 5px 15px; box-sizing: border-box; } .payments span{ color: #000; font-size: 20px; line-height: 25px; font-weight: 700; } .payments .payu{ background: url('/img/payu.jpg') no-repeat center top; background-size: 80%; background-position-y: 15px; } .payments .paypal{ background: url('/img/paypal.png') no-repeat center top; background-position-y: 15px; } .package-info{ display: flex; flex-direction: column; padding: 15px 0; font-size: 16px; line-height: 28px; } .package-info strong{ font-size: 18px; padding-left: 5px; color:#000; } #invoice-info{ display: none; overflow: hidden; opacity: 0; margin-bottom: 15px; transition: all 0.2s ease-out; } #invoice-info.show{ display: block; opacity: 1; } #invoice-info .input{ padding-bottom: 10px; } .page-list .edit-header button svg, .page-list .actions button svg{ width: 15px; height: 15px; margin-right: 5px; fill: #fff; stroke: #fff; } .page-list .actions button.edit-button-s, .page-list .actions button.delete-button-s, .page-list .actions button.activate-button-s{ display: flex; align-items: center; } .page-list .actions button.edit-button-s{ background-color: #E6EFF4; } .page-list .actions button.edit-button-s span{ color: #000; margin: 0; } .page-list .actions button.edit-button-s svg{ fill: #007bd5; stroke: #2b7bd5; } .page-list .actions button.delete-button-s{ background-color: #F4E6E6; } .page-list .actions button.delete-button-s span{ color: #D9000D; margin: 0; } .page-list .actions button.delete-button-s svg{ fill: #D9000D; stroke: #D9000D; } .page-list .actions button.activate-button-s{ background-color: #E5EFDC; } .page-list .actions button.activate-button-s span{ color: #000; margin: 0; } .page-list .actions button.activate-button-s svg{ fill: #8ABE5E; stroke: #8ABE5E; } .pageUserM-fieldHint { /*border: 1px solid black; background-color:blue; color:white; font-size:11px; font-weight: bold;*/ display: none; } .categoryTree-subNode { display: none; } .categoryTree-nodeButton { cursor: pointer; background-repeat: no-repeat; background-position: left; padding-left: 18px; font-size: 10px; margin-left: 10px; } #categoryTree-container .folded { background-image: url('/img/folded-button.png?rev=1'); } #categoryTree-container .unfolded { background-image: url('/img/unfolded-button.png?rev=1'); } .categoryTree-nodeElement { font-weight: bold; cursor: pointer; } .categoryTree-subNode .categoryTree-nodeElement { font-weight: normal; } #categoryTree-container { text-align: left; font-weight: normal; } .categoryTreeMapNode-new { color: red; } #categoryTree-container li { list-style: url('../img/rarrow.png?v=2'); padding: 6px; font-size: 16px; } .adminFront-suball-box { clear: both; width: 886px; margin: auto; margin-top: 5px; margin-bottom: 15px; border: 1px solid #c2d0dc; background: #f7f9fb; padding: 7px; } #admin-mainContainer { border: 5px solid white; position: relative; background-color: #e2e2e2; min-width: 1450px; } #admin-contents { margin-left: 180px; border-left: 5px solid white; background-color: #ebebeb; min-height: 700px; padding: 15px; padding-top: 7px; padding-bottom: 30px; } .admin-suball-box { min-width: 736px; clear: both; border: 5px solid white; border-top: 0; background-color: #ebebeb; padding: 7px; } #admin-contents #main-navBar, #admin-contents #main-content-sub { display: none; } #admin-contents #main-content, #admin-contents .shaded-wide-box, #admin-contents .shaded-wide-box h2, #admin-contents .shaded-wide-box-cont { background: none; border: 0; } #admin-contents .shaded-wide-box h2 { font-size: 16px; font-weight: bold; } #admin-menu { float: left; width: 180px; overflow: hidden; } #admin-menu ul { padding: 0; list-style: none; list-style-image: none; } #admin-menu ul li { background: url('/img/admin-menu-header.png') repeat-x #006396; color: white; font-weight: bold; font-size: 14px; padding-top: 4px; text-indent: 9px; } #admin-menu ul li ul { margin-top: 4px; background-color: #e2e2e2; border-top: 1px solid #003366; padding: 2px; padding-top: 8px; padding-bottom: 8px; } #admin-menu ul li ul li { background: none; color: black; font-weight: normal; text-indent: 0; padding: 0; } #admin-menu ul li ul li a { margin-top: 1px; display: block; background: #f2f2f2; text-decoration: none; color: black; padding: 1px; padding-top: 0; padding-left: 10px; } #admin-menu ul li ul li a:hover { background: white; } #admin-mainContainer div.hr { border-top: 2px solid #333333; margin-top: 3px; margin-bottom: 3px; } #admin-menu div.hr { margin: 5px; } #admin-menu p { padding-left: 10px; } #admin-contents input.text, #admin-contents textarea { border: 1px solid #676767; font-size: 12px; vertical-align: baseline; } form.admin-head-filter { float: right; padding-top: 5px; } form.admin-head-filter p { float: left; padding-right: 10px; } ul#admin-page-list { list-style: none; list-style-image: none; padding: 0; } ul#admin-page-list li { background-color: white; margin-bottom: 5px; position: relative; padding: 9px; padding-bottom: 6px; } ul#admin-page-list div.page-info-1 { position: absolute; top: 9px; left: 9px; width: 320px; max-height: 130px; overflow: auto; } ul#admin-page-list p { margin-bottom: 4px; } ul#admin-page-list span.label { font-weight: bold; color: #006699; } ul#admin-page-list div.page-info-1 span.label { float: left; width: 50px; padding-right: 5px; text-align: right } ul#admin-page-list div.page-info-2 { min-height: 100px; margin-left: 340px; } ul#admin-page-list div.hr { border-color: #e2e2e2; } ul.admin-page-list-bar { list-style: none; list-style-image: none; display: inline; padding: 0; } ul.admin-page-list-bar li { display: inline; padding: 0 !important; margin: 0 !important; padding-right: 8px !important; padding-left: 4px !important; border-right: 1px solid black; } ul.admin-page-list-bar li.last { border: 0; } ul#admin-page-list .page-title { font-weight: bold; } .admin-pagin-bar { margin: 7px; margin-left: 8px; margin-top: 10px; } .admin-pagin-bar input { float: right; } #admin-contents .pagination a { color: black; border-color: #999999; } #admin-contents .pagination a:hover { border-color: #666666; } #admin-zgloszenia-filter { float: right; margin: 1px; margin-top: 5px; } #admin-zgloszenia-filter input { vertical-align: middle !important; } #admin-contents form.table-form table { width: 100%; margin-top: 15px; } #admin-contents form.table-form th { font-weight: normal; width: 200px; padding-right: 6px; font-size: 14px; } #admin-contents form.table-form td.noinput { padding-top: 4px; } #admin-contents form.table-form input.text, #admin-contents form.table-form textarea { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 4px; padding-right: 4px; font-size: 13px; } #admin-contents .admin-page-edit-old { border: 1px solid #cccccc !important; background-color: #f9f9f9; } .admin-pageEdit-changedField { display: none; } .buttonCol { width: 130px; } .confirmBar { padding-top: 10px; } #admin-comments-table { width: 100%; margin-bottom: 10px; } #find-user-dropdown{ background-color: #fff; position: absolute; box-sizing: border-box; width: 400px; max-height: 200px; overflow-y: scroll; list-style: none; padding: 0; } #find-user-dropdown li{ cursor: pointer; padding: 2px; } #find-user-dropdown li:hover{ background-color: #dedede; } @media screen and (max-width: 1449px) { #admin-mainContainer{ min-width: auto; padding: 0 10px; width: 100%; box-sizing: border-box; } } .google-ad-side, .google-ad-top, .google-ad-cont, .google-ad-details { display: block; position: relative; overflow: hidden; } .google-ad-side iframe, .google-ad-top iframe, .google-ad-cont iframe, .google-ad-details iframe { position: absolute; top: 0; left: 0; border: 0; } .google-ad-side { width: 250px; height: 250px; left: -4px; } .google-ad-top { width: 728px; height: 90px; } .google-ad-cont { width: 336px; height: 280px; margin-bottom: 10px; margin-top: 5px; margin-left: 133px; } .google-ad-details { width: 468px; height: 15px; } .mobile-only, #mobile-menu-btns, .mobile-more{ display: none; } @media screen and (max-width: 1464px) { #main-mainContainer, #main-logoBar{ width: 100%; box-sizing: border-box; } .main-wide-column{ width: calc(100% - 340px); box-sizing: border-box; } #main-userPanel{ margin-left: 5px; } #main-userPanel{ margin-left: 5px; } #main-topBar .add-page{ line-height: 20px; padding: 8px 8px 8px 5px; font-size: 14px; } #main-logoBar .line-menu-element span{ font-size: 16px; } } @media screen and (max-width: 1200px) { #main-logoBar .line-menu-element span{ display: none; } } @media screen and (max-width: 1000px) { #main-logoBar #main-searchInput{ width: 200px; } } @media screen and (max-device-width: 900px) { .mobile-only{ display: block; } #mobile-menu-btns{ display: flex; position: absolute; right: 10px; top: 10px; z-index: 1000; } #mobile-menu-btns button{ width: 50px; height: 50px; background: none; border: none; padding: 0; margin: 0 0 0 10px; text-align: center; } #mobile-menu-btns button svg{ width: 30px; height: 30px; } #main-mainContainer, #main-logoBar, .main-wide-column, .main-narrow-column, .main-full-column{ width: 100%; box-sizing: border-box; } #main-content-box{ flex-direction: column; } #main-logoBar{ height: auto; align-items: flex-start; flex-direction: column; } #main-logoBar-logo, #main-logoBar-logo img{ height: 36px; width: 130px; } #main-logoBar-logo{ padding: 15px 0px; } #main-searchForm{ width: 100%; height: 0px; transition: all 0.2s ease-out; overflow: hidden; } #main-searchForm.show{ height: 100%; } #main-logoBar #main-searchInput{ width: 100%; } #main-topBar{ align-items: center; width: 100%; } .add-page{ color: var(--c-red); background: none; font-size: 13px; line-height: 66px; font-weight: 700; white-space: nowrap; } .add-page svg{ fill: var(--c-red); height: 14px; width: 14px; } #main-userPanel>span{ height: 64px; } #main-userPanel>span>span{ display: none; } #main-userPanel{ margin-left: 0; display: none; } #main-navBar , #main-navBar .breadcrumbs a{ font-size: 12px; line-height: 18px; } #main-navBar>span{ display: none; } .simple-top-wide-box{ width: 100%; font-size: 12px; line-height: 18px; padding: 0 0 15px; margin-bottom: 0; } ul#index-categories{ grid-template-columns: 1fr; } ul#index-categories li ul{ display: none; } span.page-thumb-med{ width: 172px; height: 130px; } .no-thumb .no-thumb-text{ text-align: center; } .page-list .page-title{ word-break: break-all; } .page-list li{ padding: 165px 0 20px 0; } .page-list-sub{ flex-direction: column; align-items: flex-start; } .page-list-uservote{ margin: 0; } .page-list .page-modvote, .page-list .page-uservote{ width: 100%; } .page-list .page-uservote{ padding-top: 10px; } .page-list .page-modvote .label, .page-list .page-uservote .label{ font-size: 13px; width: 50%; box-sizing: border-box; display: inline-block; } #category-list{ grid-template-columns: 1fr; } h1{ font-size: 18px; line-height: 37px; } #category-order-bar{ border: 1px solid var(--c-input-border); border-radius: 5px; display: flex; flex-direction: column; position: relative; height: 50px; padding: 0; overflow: hidden; transition: all 0.2s ease-out; margin-top: 15px; margin-bottom: 15px; } #category-order-bar.show{ overflow: visible; } #category-order-bar>span{ display: none; } #category-order-bar a, #category-order-bar a.active{ display: block; width: 100%; box-sizing: border-box; background-color: #fff; font-size: 16px; line-height: 30px; color: var(--c-dark-grey); text-decoration: none; z-index: 100; margin: 0; padding: 10px; border: 1px solid var(--c-input-border); border-top: none; border-radius: 0; font-weight: 400; position: relative; top: 51px; } #category-order-bar span.mobile-only{ position: absolute; border: none; display: block; font-size: 16px; line-height: 30px; padding: 10px; width: 100%; box-sizing: border-box; } #category-order-bar span.mobile-only svg{ width: 20px; height: 20px; position: absolute; right: 10px; top: 14px; } ul.pagination li a.side-link{ display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; } ul.pagination li a.side-link span{ display: none; } ul.pagination li a.side-link svg{ display: block; height: 18px; width: 18px; fill: var(--c-red); } ul.pagination li a, ul.simplePagination li a, ul.pagination li.active{ min-width: 35px; height: 35px; line-height: 35px; } .page-details{ padding: 10px 10px 40px 10px; } .page-details .item-top, .page-details .page-ratings, .page-yourvote, .comment-form-btm, .comment-form-btm>div{ flex-direction: column; } .page-details .page-info{ padding: 10px 0 0 0; } .page-details h1, #add-comment-form h2{ font-size: 20px; line-height: 30px; } .page-details .page-buttons, .page-details .page-buttons>div{ flex-wrap: wrap; justify-content: center; } .page-details .page-buttons>div{ margin-bottom: 15px; } .page-details span.page-thumb, .page-details span.page-thumb img{ max-width: 320px; width: 100%; box-sizing: border-box; height: auto; } .page-broken-tip{ top: auto; bottom: 10px; right: 10px; } .page-description{ font-size: 16px; line-height: 24px; } .page-details .line-items, .page-details .line-items a{ font-size: 14px; line-height: 21px; flex-wrap: wrap; } #page-yourvote-message{ margin: 0; } .page-uservote-vote .rating{ margin: 10px 0; } .main-wide-column .table-form{ padding: 0; } .page-comment-form input{ width: 100%; box-sizing: border-box; } .comment-form-btm>div{ margin-top: 15px; } .comment-form-btm{ align-items: flex-end; } #pageFront-comments.comments-wide .avatar-min{ width: 34px; height: 34px; } .s-width{ padding: 0; } .comments-wide p{ width: 100%; } #pageFront-comments.comments-wide .comment-data{ padding: 15px 15px 42px; } .page-comment-votebar{ top: auto; bottom: 15px; } .formHintAbsoluteNarrow{ position: static; top: auto; left: auto; width: 100%; box-sizing: border-box; } .textArea{ padding: 0px; } input.text.url{ width: 100%; box-sizing: border-box; margin: 10px 0; } .table-form table th, .table-form table td, .simple-full-box .table-form td, .simple-full-box .table-form th{ width: 100%; display: block; } .simple-full-box .table-form th{ text-align: left; } .jsPopup-Box, .jsPopup-InnerBox, .jsPopup-TitleBar, .jsPopup-ContentBox, .jsPopup-ContentBox div{ width: 100% !important; box-sizing: border-box; } .jsPopup-ContentBox{ left: auto !important; } .jsPopup-CloseButton{ left: auto !important; right: 0px; } .jsPopup-TitleBar{ height: 26px; padding: 0; } .jsPopup-CloseButton{ width: 30px; height: 30px; line-height: 30px; text-align: center; } .jsPopup-CloseButton::before{ left: 0; } #main-topBar ul{ top: 60px; } .packages, .payments{ flex-direction: column; } .packages .package-box, .payments>div{ width: 100%; margin: 0 0 15px 0; } .simple-half-box, .add-page-anon .simple-full-box{ width: 100%; box-sizing: border-box; } .simple-full-box.login-box .registerHint{ top: 96px; right: auto; left: 41px; } #main-topBar ul{display:none;} #main-userPanel ul.show{display:flex;} .footer-categories{ flex-direction: column; } .footer-categories ul{ display: flex; } .footer-categories ul li{ padding: 2px; } .page-similar-list{ grid-template-columns: 1fr 1fr; } #main-logoBar .line-menu-element{ display: none; } #main-topBar .topBar-buttons{ width: 100%; padding: 15px 0; justify-content: space-between; } #main-topBar .topBar-buttons a{ margin: 0 !important } #main-topBar .add-page{ padding: 10px 12px; line-height: 14px; font-size: 14px; font-weight: 700; text-align: left; color: #fff; background: var(--c-red); border-radius: 10px; } #main-topBar .add-page .bottom{ display: block; padding-top: 5px; font-size: 10px; font-weight: 700; } #main-topBar .add-page svg{ display: none; } .add-link{ font-weight: 700; } .adlinks-box .add-link{ right: 0; top: 0; } .adlink-list .adLink-entry{ display: block; } .adlink-list span.page-thumb-min{ float: left; border-radius: 10px; } .adlink-list span.page-thumb-min img{ border-radius: 10px; } .page-list.articles-list li{ border: none; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid var(--c-input-border); display: flex; flex-direction: column; } .page-list.articles-list span.page-thumb-med{ margin: 0 0 20px 0; width: 100%; height: 250px; box-sizing: border-box; float: none; top: 0; } .show-all{ display: block; border: 1px solid var(--c-blue); border-radius: 5px; font-size: 20px; line-height: 30px; font-weight: 700; padding: 10px 20px; margin: 20px auto 0; text-align: center; width: 260px; box-sizing: border-box; } .index-best-pages.page-list li{ padding: 8px 0 20px 0; } .index-best-pages.page-list span.page-thumb-med{ } .index-best-pages.page-list p:first-of-type:before{ } .index-best-pages.page-list .page-title{ font-size: 18px; } .form-fields .input .field, .form-fields .input .label, .form-fields .double-input{ max-width: none; } .add-page-anon h3{ line-height: 35px; } .form-fields .forms-fieldCounter{ min-width: 60px; } .add-page-anon .simple-full-box{ padding: 15px; } .form-fields .input .label{ line-height: 20px; padding: 10px 0; } input.text, select{ max-width: none; } .formHint{ padding-left: 10px; padding-right: 10px; } #footer-logo{ border: none; } #footer-menu{ width: auto; padding: 0; } #footer-links, .mobile-h{ display: none; } #mobile-footer{ display: inline-block; padding: 8px 20px 8px 8px; font-size: 13px; border: 1px solid #c2c2c2; border-radius: 3px; -webkit-appearance:none; height: 15px; overflow: hidden; } #mobile-footer.show{ height: 100px; overflow: scroll; } #mobile-footer a, #mobile-footer span{ display: block; text-decoration: none; color: #000; font-size: 14px; padding: 5px 0; margin-bottom: 2px; } #mobile-footer span{ padding: 0; margin-bottom: 10px; } .mobile-footer-div, .mobile-footer-div-empty{ position: relative; display: block; margin: 10px 0; } .mobile-footer-div:before{ content: '\25BC'; position: absolute; right: 20px; top: 10px; } #main-footBar .footer-right{ display: flex; flex-direction: column; border-left: 1px solid var(--c-input-border); padding-left: 20px; } #footer-copyright{ margin: 0; padding: 0; border: none; } .adlink-list .adLink-entry span a{ font-size: 16px; line-height: 26px; height: 92px; display: flex; align-items: center; } .adlink-list .adLink-entry>span>span{ display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; } .adlink-list .adLink-entry>span>span.expanded{ display: block; line-clamp: unset; -webkit-line-clamp: unset; } .mobile-more{ display: block; position: absolute; right: 0; bottom: 0px; background-color: #fff; } .mobile-more span{ text-decoration: underline; } .articles-header-index{ line-height: 30px; margin-bottom: 20px; } .articles-header-index span{ display: block; } .add-account{ display: flex; align-items: center; justify-content: center; color: #fff; background: var(--c-red); padding: 10px 15px; border-radius: 5px; font-size: 20px; line-height: 30px; font-weight: 700; border: none; width: 320px; margin: 10px auto 0; } .add-account svg{ fill: #fff; height: 30px; width: 30px; margin-right: 10px; position: relative; } .full-box{ padding: 20px; } .admin-page-list li{ position: relative; } .admin-page-list.page-list span.page-thumb-med{ width: 110px; height: 90px; border-radius: 10px; margin: 0; position: absolute; left: 15px; top: 15px; } .admin-page-list.page-list span.page-thumb-med img{ width: 100%; height: 100%; border-radius: 10px; } .admin-page-list.page-list .page-list-content>div{ flex-direction: column; align-items: flex-start; } .admin-page-list.page-list .page-list-content>div>div{ max-width: 100% !important; display: flex; flex-direction: column; align-items: flex-start; } .admin-page-list.page-list .page-list-content div div span.tag { font-size: 8px; line-height: 12px; color: var(--c-blue); background-color: #E6EFF4; border-radius: 3px; padding: 2px 4px; display: inline-block; text-align: center; margin-left: 120px; } .admin-page-list.page-list .page-list-content .page-title{ margin-left: 120px; min-height: 90px; } .admin-page-list.page-list .page-list-content>div>div.actions{ flex-direction: row-reverse; margin-bottom: 15px;; justify-content: flex-end; } .admin-page-list.page-list .page-list-content>div>div.actions a:last-child button{ margin-left: 0; } .admin-page-list.page-list .page-list-content .page-list-status{ flex-direction: column; align-items: flex-start !important; margin-top: 10px; } .admin-page-list.page-list .page-list-content .page-list-status>div{ margin: 0 0 5px !important; } .edit-header-part, .page-list .edit-header>a{ display: block; } #userprofile-infobox{ position: relative; } #userprofile-infobox a{ text-decoration: underline; } .toggle-userprofile{ border: none; position: absolute; right: 20px; top: 15px; padding: 5px; } .toggle-userprofile svg{ width: 20px; height: 20px; fill: var(--c-blue); } .toggle-userprofile.active svg{ transform: rotate(180deg); } #userprofile-infobox-content{ display: none;; } #userprofile-infobox-content.show{ display: block; } #userprofile-infobox>h2{ margin-bottom: 0; } #userprofile-infobox .mobile-only-footer{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0 0; } #userprofile-infobox .mobile-only-footer .logout{ color: #606060; font-size: 16px; line-height: 30px; } #userprofile-infobox .mobile-only-footer button{ color: var(--c-blue); font-size: 16px; line-height: 30px; border: none; display: flex; align-items: center; } #userprofile-infobox .mobile-only-footer button svg, #userprofile-main svg{ width: 20px; height: 20px; fill: var(--c-blue); margin-left: 10px; } .user-panel .sort-options, .user-panel .sort-options>div{ flex-wrap: wrap; } .user-panel .sort-options>div{ width: 50%; flex-basis: 50%; box-sizing: border-box; } .user-panel #user-searchForm input{ min-width: auto; } #userprofile-main{ display: none; position: absolute; top: 60px; left: 0; width: 100%; background-color: var(--c-grey); z-index: 1000; padding: 20px; border-color: #707070; border-width: 1px 0; box-sizing: border-box; } #userprofile-main.show{ display: block; } #userprofile-main ul{ padding: 0; margin: 0; list-style: none; } #userprofile-main a{ color: var(--c-blue); display: block; text-decoration: underline; font-size: 16px; line-height: 30px; } #userprofile-main button{ color: var(--c-blue); display: block; text-decoration: underline; background: none; border: none; padding: 0; margin: 0; } #userprofile-main .h2{ color: #000; font-size: 18px; line-height: 30px; font-weight: 700; margin: 0 0 10px; } #userprofile-main .hide-menu{ border: 1px solid var(--c-blue); border-radius: 5px; background-color: #fff; font-size: 20px; line-height: 30px; font-weight: 700; padding: 10px 20px; width: 260px; margin: 10px auto 20px; text-decoration: none; } #userprofile-main .logout{ display: block; color: #606060; font-size: 16px; line-height: 30px; text-align: center; border-top: 1px solid var(--c-input-border); padding: 20px 0 0; box-sizing: border-box; width: calc(100% + 40px); margin-left: -20px; } #userprofile-main::before{ content: ''; position: absolute; background-color: var(--c-grey); border: 1px solid #707070; border-width: 1px 1px 0 0; transform: rotate(-45deg); width: 10px; height: 10px; top: -6px; right: 30px; } #main-mobile-menu-btn.active svg{ fill: var(--c-red); } .page-details .article-description span.page-thumb, .page-details .article-description span.page-thumb img{ width: 100%; height: auto; max-width: none; float: none; } } @media screen and (max-device-width: 400px) { #main-topBar .add-page{ padding: 8px 8px; } }