@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: optional;
src: url('/templates/dxsitev4/fonts/open-sans-v44-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400 700;
font-stretch: 100%;
font-display: optional;
src: url('/templates/dxsitev4/fonts/open-sans-v44-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600 700;
font-display: optional;
src: url('/templates/dxsitev4/fonts/montserrat-v31-latin-ext.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600 700;
font-display: optional;
src: url('/templates/dxsitev4/fonts/montserrat-v31-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Open Sans Fallback';
src: local('Arial');
size-adjust: 105.15%;
ascent-override: 101.65%;
descent-override: 27.86%;
line-gap-override: 0%;
}
@font-face {
font-family: 'Montserrat Fallback';
src: local('Arial');
size-adjust: 112.83%;
ascent-override: 85.79%;
descent-override: 22.25%;
line-gap-override: 0%;
}
.theme-toggle {
-webkit-tap-highlight-color: rgba(0,0,0,0.1);
touch-action: manipulation;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.2s ease, transform 0.2s ease;
position: relative;
}
.theme-toggle:hover {
background: var(--bg-hover);
transform: scale(1.05);
}
.theme-toggle:active {
transform: scale(0.95);
background: var(--bg-hover);
}
.theme-toggle i {
pointer-events: none;
font-size: 18px;
transition: opacity 0.3s ease, transform 0.3s ease;
position: absolute;
}
.theme-icon-light {
color: var(--accent);
opacity: 1;
transform: rotate(0deg);
}
.theme-icon-dark {
pointer-events: none;
color: var(--text-secondary);
opacity: 0;
transform: rotate(-90deg);
}
html.light-mode .theme-icon-light {
pointer-events: none;
opacity: 0;
transform: rotate(90deg);
}
html.light-mode .theme-icon-dark {
pointer-events: none;
color: var(--accent);
opacity: 1;
transform: rotate(0deg);
}
#loading-layer {display: none !important;}
.quote_block,
.quote_block.noncontenteditable {
background: transparent !important;
border: none !important;
border-left: 3px solid var(--accent) !important;
border-radius: 0 !important;
margin: 6px 0 !important;
padding: 0 0 0 10px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
min-height: 0 !important;
font-size: 0 !important;
}
.title_quote {
background: transparent !important;
border: none !important;
color: var(--text-muted) !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
min-height: 0 !important;
line-height: 1.3 !important;
}
.title_quote a,
.title_quote [data-commentuser] {
font-size: inherit !important; color: var(--accent) !important;
font-weight: 500 !important;
}
.title_quote .quote_link {
display: none !important;
}
.quote_block .quote {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
font: inherit !important;
color: inherit !important;
display: contents !important;
}
.quote_block .quote_body,
.quote_body,
.quote_body.contenteditable {
padding: 0 !important;
margin: 0 !important;
color: var(--text-secondary) !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
font-style: italic !important;
}
.quote_body *,
.quote_body p,
.quote_body span,
.quote_body div,
.comment .quote_body p,
.comment .quote_body *,
.comment .quote_block .quote_body p {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
font-size: 13px !important;
line-height: 1.4 !important;
color: var(--text-secondary) !important;
font-style: italic !important;
}
.quote_body p:empty,
.quote_body br,
.quote_block + p:empty,
.quote_block + br,
.comment .quote_body p:empty {
display: none !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}
* {border: 0;margin: 0;outline: none;-webkit-tap-highlight-color: transparent !important;-webkit-touch-callout: none;}
html {background: var(--bg-body);font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;overflow-x: hidden;}
body {font-size: 15px;line-height: 1.6;background: var(--bg-body);min-width: 320px;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid var(--border-main);margin: 1em 0;padding: 0;}
img {max-width: 100%;}
ul, ol {list-style: none;}
fieldset {border: 0;margin: 0;padding: 0;}
a {text-decoration: none;color: var(--accent);}
a:hover,a:active {text-decoration: underline;color: var(--accent-hover);}
form {font-size: 0 !important;}
form label, form a, form input,form div {font-size: 15px;}
header {height: auto;}
.user {height: 48px;line-height: 48px;color: var(--text-secondary);font-size: 14px !important;}
.user a {color: var(--accent);font-weight: 700;}
.user form {float: right;font-size: 14px !important;font-weight: 700;opacity: 0.7;}
.user form:hover,.user form.active {opacity: 1;}
.user input[type="text"],.user input[type="password"] {background: var(--bg-input);border: 1px solid var(--border-main);padding: 0 10px;width: 93px;}
.user input[type="text"]:focus,.user input[type="password"]:focus,.user input[type="text"]:hover,.user input[type="password"]:hover {border-color: var(--accent);}
.user input[type="text"] {}
.user input[type="password"] {}
.user input[type="submit"]:hover {background: var(--accent-hover);}
.user input[type="submit"]:active {background: var(--accent-active);}
.user form a {color: var(--text-secondary);font-weight: 400;}
header .searchbox {display: flex;justify-content: flex-end;float: right;color: var(--text-secondary);margin: -2px 0 0 0;}
header .searchbox input[type="text"] {width: 257px;height: 42px;padding: 0 15px;margin: 0 10px 0 0;background: var(--bg-input);border: 1px solid var(--border-main);}
header .searchbox input[type="submit"] {background: var(--accent) url(../images/search_icon.png) no-repeat center center;border: none;text-indent: -999em;padding: 0 10px;width: 43px;height: 42px;}
header .searchbox input[type="submit"]:hover {background: var(--accent-hover) url(../images/search_icon.png) no-repeat center center;}
header .searchbox input[type="submit"]:active {background: var(--accent-active) url(../images/search_icon.png) no-repeat center center;}
header .searchbox input[type="checkbox"] {margin: 1px 0 0 0;}
header .searchbox label {padding: 0 0 0 10px;color: var(--text-secondary);}
.searchbox a.searchmore:hover {background: var(--accent-hover);text-decoration: none;}
.searchbox a.searchmore:active {background: var(--accent-active);}
.searchbox div {width: 445px;opacity: 0.7;font-size: 14px !important;margin: 49px 1px 0 1px;}
.searchbox div:hover {opacity: 1;}
.searchbox div a {float: right;font-weight: 600;color: var(--accent);text-decoration: none;}
.searchbox div a:hover {color: var(--accent-hover);text-decoration: none !important;}
.wrapper {margin: 0 auto 10px auto;display: flex;gap: 10px;}
aside {width: 240px;flex-shrink: 0;}
.content {width: 780px;flex-shrink: 0;display: flex;flex-direction: column;gap: 10px;}
.right {width: 240px;flex-shrink: 0;}
.boxed {background: var(--bg-card);border: 1px solid var(--border-main);-webkit-border-radius: 5px;-moz-border-radius: 8px;border-radius: 8px;margin: 10px 0 0 0;}
.content > .boxed {margin: 0;}.content > .view-toggle-bar {margin: 0;margin-top: 10px;}.content > .articles-container {margin: 0;}.content > .chat-widget {margin: 0 !important;}
.chat-widget {
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 14px;
overflow: hidden;
padding: 10px;
}
.chat-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
margin: 0;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px;
}
.chat-header-left {
display: flex;
align-items: center;
gap: 10px;
}
.chat-header-right {
display: flex;
align-items: center;
gap: 5px;
}
.chat-header-btn {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: var(--bg-input);
border: 1px solid var(--border-main);
color: var(--text-secondary);
}
.chat-title {
font-weight: 600;
color: var(--text-secondary);
font-size: 13px;
line-height: 28px;
}
.chat-body {
display: flex;
flex-direction: column;
height: 400px;
max-height: 400px;
margin-top: 10px;
}
.chat-widget.guest-mode .chat-body {
height: auto;
max-height: none;
}
.chat-login-required {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 20px 20px 15px;
text-align: center;
}
.chat-login-icon {
font-size: 36px;
color: var(--accent);
margin-bottom: 8px;
}
.chat-login-required p {
color: var(--text-secondary);
margin-bottom: 10px;
}
.chat-login-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
border-radius: 8px;
font-size: 13px;
font-weight: 600;
border: none;
background: var(--accent);
color: var(--text-on-accent);
}
.chat-widget.collapsed .chat-body {
display: none;
}
@media (max-width: 768px) {
.chat-body {
height: 350px;
}
}
nav.boxed section:first-child {border-top: 0;}
nav.boxed section {border-top: 1px solid var(--border-main);padding: 0;}
nav.menu ul {margin: 8px 6px 10px 6px;}
nav.menu ul ul {margin: 4px 0 -4px 0;}
nav.menu ul ul li {background: none;}
nav.menu li {text-align: left;border: 0;line-height: 16px;padding: 0;margin: 1px 0;border-radius: 8px !important;transition: all 0.2s ease;}
nav.menu li li {padding: 0;margin: 0;border-radius: 0;}
nav.menu ul > li:hover {background: var(--bg-input);}
nav.menu ul ul li:hover {background: var(--bg-input);}
nav.menu ul a {font-size: 14px !important;color: var(--text-secondary);width: 100%;display: block;font-weight: 600;padding: 8px 12px;text-decoration: none;}
nav.menu ul ul a {font-size: 13px;font-weight: 400;padding: 6px 12px 6px 20px;}
nav.menu li.active {background: var(--accent); color: var(--text-on-accent);}
nav.menu li.active:hover {background: var(--accent-hover);}
nav.menu ul > li:has(li:hover) {background: transparent;}
nav.menu a.menu-dmca {
color: var(--error) !important;
}
nav.menu a.menu-dmca:hover {
color: var(--error) !important;
}
nav.menu a.menu-dmca i {
margin-right: 5px;
}
.articles-container > .movie.boxed {
padding: 20px 25px 15px !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
}
.articles-container > .movie.boxed > h3, .articles-container > .movie.boxed > h1 {
color: var(--text-secondary) !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 1.4 !important;
margin: 0 0 15px 0 !important;
padding: 0 0 15px 0 !important;
border-bottom: 1px solid var(--border-main) !important;
text-align: left !important;
}
.articles-container > .movie.boxed > .informacje {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px 12px !important;
padding: 0 0 15px 0 !important;
margin: 0 0 15px 0 !important;
border-bottom: 1px solid var(--border-main) !important;
height: auto !important;
position: static !important;
}
.articles-container > .movie.boxed > .informacje .info-item {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 13px !important;
color: var(--text-secondary) !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
height: auto !important;
line-height: 1.4 !important;
float: none !important;
}
.articles-container > .movie.boxed > .informacje .info-item i {
color: var(--accent) !important;
font-size: 14px !important;
}
.articles-container > .movie.boxed > .informacje .info-item a {
color: var(--text-secondary) !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.articles-container > .movie.boxed > .informacje .info-item a:hover {
color: var(--accent) !important;
}
.articles-container > .movie.boxed > .informacje .info-tags {
display: inline !important;
font-size: 0 !important;
letter-spacing: -1em !important;
line-height: 1.8 !important;
gap: 0 !important;
}
.articles-container > .movie.boxed > .informacje .info-tags > i {
font-size: 14px !important;
letter-spacing: normal !important;
color: var(--accent) !important;
margin-right: 6px !important;
vertical-align: middle !important;
}
.articles-container > .movie.boxed > .informacje .info-tags a {
display: inline-block !important;
padding: 3px 10px !important;
margin: 3px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 14px !important;
font-size: 12px !important;
letter-spacing: normal !important;
color: var(--text-secondary) !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
vertical-align: middle !important;
}
.articles-container > .movie.boxed > .informacje .info-tags a:hover {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-on-accent) !important;
}
.movie.boxed {
position: relative;
}
aside .movie.boxed,
.right .movie.boxed {
transition: transform 0.2s ease;
}
aside .movie.boxed:hover,
.right .movie.boxed:hover {
transform: translateY(-5px);
}
.content .movie.boxed > h3, .content .movie.boxed > h1 {
margin-top: 35px !important;
}
.dmca-corner {
position: absolute;
top: 12px;
right: 12px;
color: var(--btn-danger-text) !important;
text-decoration: none !important;
padding: 6px 12px;
background: var(--btn-danger-bg);
border: 1px solid var(--btn-danger-border);
border-radius: 4px;
font-size: 12px;
font-weight: 600;
transition: all 0.2s ease;
z-index: 10;
}
.dmca-corner:hover {
color: var(--btn-danger-hover-text) !important;
background: var(--btn-danger-hover-bg);
border-color: var(--btn-danger-hover-bg);
}
.dmca-corner i {
margin-right: 4px;
}
.content .movie h3:not(.list-card-title) a:hover {text-decoration: none;color: var(--accent);}
.content .boxed {padding: 14px 19px 15px 19px;}
.movie p {line-height: 20px;margin: 12px 0 0 0;color: var(--text-secondary);}
.movie .opis p:first-child {margin: 0;}
.movie .informacje {position: relative;width: 100%;height: 37px;border-bottom: 1px solid var(--border-main);}
.movie .informacje p {position: absolute;font-size: 14px !important;right: 0;margin: 0;color: var(--text-secondary);line-height: 37px;padding: 0;}
.informacje span {font-size: 14px !important;color: var(--text-secondary);width: auto;float: left;display: block;height: 37px;line-height: 37px;padding: 0;margin: 0 15px 0 0;border: none;}
.movie .informacje p:first-child {left: 0;border-left: 0;}
.movie .informacje p.last {padding: 0 0 0 18px;text-align: right;}
.movie .informacje p:first-child span {padding: 0;margin-left: 0 !important;}
.post_author,.post_category {border-left: 0px !important;}
.rating-box {display: inline-flex !important;align-items: center;gap: 0;height: 37px;}
.rating-box > div, .rating-box .rating, .rating-box .stars-wrapper, .rating-box .stars-wrapper > div {border: none !important;padding: 0 !important;margin: 0 !important;height: auto !important;float: none !important;}
.rating-label {color: var(--text-secondary);font-size: 14px !important;display: inline !important;margin-right: 4px !important;}
.stars-wrapper {display: inline-flex !important;align-items: center;margin: 0 !important;padding: 0 !important;}
.informacje .rating-box .rating-avg-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 28px !important;
height: 20px !important;
background: var(--bg-body) !important;
color: var(--text-primary) !important;
font-size: 11px !important;
font-weight: 700 !important;
border-radius: 4px !important;
margin: 0 !important;
padding: 0 6px !important;
border: 2px solid var(--text-muted) !important;
float: none !important;
line-height: 1 !important;
}
.informacje .rating-box .rating-avg-badge.rating-low {border-color: var(--error) !important;}
.informacje .rating-box .rating-avg-badge.rating-mid {border-color: var(--warning) !important;}
.informacje .rating-box .rating-avg-badge.rating-high {border-color: #38bdf8 !important;}
.informacje .rating-box .rating-avg-badge.no-stars {margin-left: 4px !important;}
.rating {display: inline-block;}
.unit-rating {list-style: none;margin: 0;padding: 0;display: inline-flex;gap: 2px;}
.unit-rating li {display: inline-block;height: 14px;line-height: 14px;}
.unit-rating li.current-rating {display: none;}
.unit-rating li a {display: block;width: 14px;height: 14px;text-decoration: none;font-size: 0;position: static;}
.unit-rating li a::before {content: "\f005";font: normal normal normal 14px/1 FontAwesome;color: #6e7681;transition: color 0.15s ease;-webkit-font-smoothing: antialiased;}
.unit-rating li:hover a::before,.unit-rating li:has(~ li:hover) a::before {color: #f5c518;}
.informacje .rating-box {
margin-right: 4px !important;
}
.informacje .tmdb-rating {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
}
.informacje .tmdb-label {
color: var(--text-muted);
font-size: 13px;
margin-right: 4px;
}
.informacje .tmdb-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 28px !important;
height: 20px !important;
background: #2d2d2d !important;
color: #f5c518 !important;
font-size: 11px !important;
font-weight: 700 !important;
border-radius: 4px !important;
padding: 0 6px !important;
border: none !important;
}
.voted-text {
color: #38bdf8;
font-size: 12px;
font-weight: 600;
}
.quote,.scriptcode {border: 1px solid var(--border-main);background: rgba(255, 107, 0, 0.15);color: var(--accent);padding: 15px;margin: 20px 0px 0px 0px;font-size: 14px !important;line-height: 1.5;white-space: pre-line;border-radius: 8px !important;}
.hidetxt,.dle-hide,.spoiler-body,.hide-content {
background: linear-gradient(135deg, var(--bg-input) 0%, var(--bg-card) 100%);
border: 1px solid var(--border-main);
border-radius: 8px !important;
padding: 15px;
margin: 15px 0;
}
.hidetxt-title,.spoiler-title,.hide-title {
color: var(--accent);
font-weight: 600;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
}
.hidetxt-title:before,.hide-title:before {
content: "\f023";
font-family: FontAwesome;
}
.hide-message {
color: var(--error);
font-size: 13px;
padding: 10px 15px;
background: rgba(248, 81, 73, 0.1);
border: 1px solid rgba(248, 81, 73, 0.3);
border-radius: 4px;
}
.scriptcode-wrapper {position: relative;margin: 20px 0 0 0;padding-bottom: 40px;}
.scriptcode-wrapper .scriptcode,
.scriptcode-wrapper .quote,
.opis .scriptcode-wrapper .quote {
margin: 0 !important;
max-height: 105px;
overflow: hidden !important;
transition: max-height 0.3s ease;
display: block !important;
background: rgba(255, 107, 0, 0.15) !important;
border: 1px solid var(--border-main) !important;
padding: 15px !important;
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--accent) !important;
border-radius: 8px !important;
}
.scriptcode-wrapper.expanded .scriptcode,
.scriptcode-wrapper.expanded .quote,
.opis .scriptcode-wrapper.expanded .quote {max-height: none !important;overflow: visible !important;}
.scriptcode-wrapper .scriptcode-fade {position: absolute;bottom: 40px;left: 0;right: 0;height: 40px;background: linear-gradient(transparent, var(--bg-card));pointer-events: none;z-index: 1;}
.scriptcode-wrapper.expanded .scriptcode-fade {display: none;}
.scriptcode-toggle,
.movie .opis .scriptcode-toggle {position: absolute;bottom: 0;left: 0;right: 0;height: 40px;line-height: 40px;background: transparent;text-align: center;color: var(--accent);font-weight: 600;cursor: pointer;font-size: 14px !important;z-index: 2;outline: none;padding: 0;}
.scriptcode-toggle:hover {text-decoration: underline;}
.scriptcode-toggle:focus {outline: none;}
.download-hidden-wrapper {position: relative;margin: 20px 0;}
.download-hidden-overlay {
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 30px 20px;
text-align: center;
}
.download-hidden-overlay i {font-size: 48px;color: var(--accent);margin-bottom: 15px;display: block;}
.download-hidden-overlay p {color: var(--text-secondary);margin: 0 0 15px 0;font-size: 15px;}
.download-hidden-overlay .btn-show-links {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
color: var(--text-on-accent);
border: none;
padding: 10px 24px;
border-radius: 5px;
font-size: 14px !important;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
.download-hidden-overlay .btn-show-links i.fa-unlock {margin-right: 8px;font-size: 18px;color: var(--text-primary);}
.download-hidden-overlay .btn-show-links i.fa-spinner {margin-right: 8px;font-size: 18px;color: #fff;}
.download-hidden-overlay .btn-show-links:hover {background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);transform: translateY(-1px);}
.download-hidden-overlay .btn-login {
background: transparent;
color: var(--accent);
border: 2px solid var(--accent);
padding: 12px 30px;
border-radius: 8px !important;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
display: inline-block;
-webkit-tap-highlight-color: transparent;
}
.download-hidden-overlay .btn-login:hover {background: var(--accent-hover) !important;color: #fff !important;border-color: var(--accent) !important;}
.download-links-container {display: none;}
.download-links-container.visible {display: block;}
.download-hidden-wrapper.release-pair {margin: 10px 0;}
.download-hidden-overlay.compact {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 12px;
padding: 12px 16px;
background: rgba(22, 27, 34, 0.9);
border-radius: 8px !important;
border: 1px solid var(--border-main);
}
.download-hidden-overlay.compact i {
font-size: 18px !important;
margin: 0 !important;
color: var(--accent);
display: inline-block !important;
flex-shrink: 0;
}
.download-hidden-overlay.compact span {
color: var(--text-secondary);
font-size: 13px;
flex: 1;
}
.download-hidden-overlay.compact .btn-small {
padding: 6px 14px;
font-size: 12px;
border-radius: 4px;
flex-shrink: 0;
}
.download-hidden-overlay.compact .btn-show-links {
color: var(--text-on-accent);
background: var(--accent);
border: none;
cursor: pointer;
}
.download-hidden-overlay.compact .btn-login {
background: transparent;
color: var(--accent);
border: 1px solid var(--accent);
text-decoration: none;
}
.login-required-message {
text-align: center;
padding: 20px;
}
.login-required-message i {font-size: 36px;color: var(--accent);margin-bottom: 10px;display: block;}
.login-required-message p {color: var(--text-secondary);margin: 0 0 15px 0;font-size: 14px !important;}
.login-required-message .btn-login {
background: transparent;
color: var(--accent);
border: 2px solid var(--accent);
padding: 10px 24px;
border-radius: 5px;
font-size: 14px !important;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
display: inline-block;
-webkit-tap-highlight-color: transparent;
}
.login-required-message .btn-login:hover {background: var(--accent-hover) !important;color: #fff !important;border-color: var(--accent) !important;}
.addcomment .captcha-row {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 0;
flex-wrap: wrap;
}
.addcomment .captcha-image a {
display: inline-block;
}
.addcomment .captcha-image img {
border-radius: 8px !important;
border: 1px solid var(--border-main);
vertical-align: middle;
cursor: pointer;
}
.addcomment .captcha-input {
flex: 1;
max-width: 200px;
}
.addcomment input.recode {
background: var(--bg-body) !important;
border: 1px solid var(--border-main) !important;
color: var(--text-secondary) !important;
padding: 10px 15px !important;
border-radius: 5px !important;
font-size: 14px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.addcomment input.recode:focus {
border-color: var(--accent) !important;
outline: none !important;
}
.addcomment input.recode::placeholder {
color: var(--text-muted);
}
.movie .informacje a {color: var(--text-secondary);}
.opis {padding: 20px 0 0 0;text-align: center;}
.movie .dol {text-align: right;margin: 19px 0px 0px 0px;}
.movie .dol .lewa {float: left;line-height: 40px;margin-top: -2px;}
.movie .dol .lewa span {font-size: 14px !important;color: var(--text-muted);width: auto;float: left;display: block;height: 37px;line-height: 37px;padding: 0 0 0 18px;margin: 0 0 0 18px;}
.movie .dol .lewa a {color: var(--accent);}
.movie .dol .prawa .komentarze {font-size: 14px !important;color: var(--accent);margin-right: 20px;line-height: 40px;display: inline;}
.movie .dol .prawa .komentarze a {color: var(--accent) !important;background: none !important;border: none !important;padding: 0 !important;width: auto !important;height: auto !important;line-height: inherit !important;text-shadow: none !important;}
.movie .dol .prawa .komentarze a:hover {background: none;text-decoration: underline;}
.movie .dol .lewa a:hover {color: var(--accent-hover);}
.movie .dol .prawa > a:hover {background: var(--accent-hover) !important;text-decoration: none;}
.movie .dol .prawa > a:active,
.movie .dol .prawa > a:focus {background: var(--accent-active) !important;outline: none;}
.fullstory-footer {
padding: 10px 0 0 0;
margin-top: 10px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.dmca-report-btn {
margin-left: auto;
background: var(--btn-danger-bg) !important;
color: var(--btn-danger-text) !important;
border: 1px solid var(--btn-danger-border) !important;
text-decoration: none !important;
transition: all 0.2s ease;
font-size: 12px !important;
font-weight: 600;
padding: 6px 12px !important;
border-radius: 4px !important;
}
.dmca-report-btn:hover {
color: var(--btn-danger-hover-text) !important;
background: var(--btn-danger-hover-bg) !important;
border-color: var(--btn-danger-hover-bg) !important;
}
.dmca-report-btn i {
margin-right: 4px;
}
.fullstory-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
width: 100%;
}
.fullstory-views {
font-size: 14px !important;
color: var(--text-secondary);
}
.fullstory-views i {
color: var(--accent);
margin-right: 5px;
}
.fullstory-views strong {
}
.articles-container > .movie.boxed {
margin: 0 !important;
}
.articles-container .messages.addcomment.boxed,
.articles-container .infobox.boxed,
.articles-container .related-news-section.boxed,
.articles-container .comment.boxed,
.articles-container #dle-comments-form,
.content .messages.addcomment.boxed,
.content .infobox.boxed {
margin: 0;
width: 100%;
box-sizing: border-box;
}
.articles-container .infobox.boxed,
.articles-container .messages.addcomment.boxed,
.articles-container .related-news-section.boxed {
padding: 15px 19px;
}
.articles-container > form,
.articles-container #dle-comments-form,
#dle-comments-form {
margin: 0;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.articles-container .pagination {
margin-top: 0 !important;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px !important;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
border: none;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.btn:hover {
text-decoration: none;
}
.btn:active,
.btn:focus {
outline: none;
}
.btn-primary {
color: var(--btn-primary-text);
background: var(--btn-primary-bg);
}
.btn-primary:hover {
background: var(--btn-primary-hover);
box-shadow: var(--shadow-glow);
}
.btn-secondary {
background: var(--btn-secondary-bg);
color: var(--btn-secondary-text);
border: 1px solid var(--btn-secondary-border);
}
.btn-secondary:hover {
background: var(--btn-secondary-hover);
border-color: var(--accent);
}
.btn-sm {
padding: 8px 14px;
font-size: 12px;
}
.fullstory-actions a {
text-decoration: none;
}
.fullstory-actions a .btn {
display: inline-flex;
}
.fullstory-actions a:hover .btn-secondary {
border-color: var(--accent);
}
.fullstory-actions > a:has(.btn) {
text-decoration: none;
}
.fullstory-actions > span[data-favorites-add],
.fullstory-actions > span[data-favorites-del] {
display: none;
}
.fullstory-actions a:hover .btn-primary {
color: var(--btn-primary-text);
background: var(--accent-hover);
box-shadow: var(--shadow-glow);
}
.fullstory-actions a:hover .btn-secondary {
border-color: var(--accent);
}
.fullstory-footer {
position: relative;
}
.mass_comments_action {
font-size: 13px;
text-align: center;
margin: 10px 0 0 0;
padding: 15px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: var(--text-secondary);
}
.mass_comments_action select {
background: var(--bg-input);
border: 1px solid var(--border-main);
color: var(--text-secondary);
padding: 7px 12px;
border-radius: 8px !important;
font-size: 13px;
cursor: pointer;
height: 34px;
vertical-align: middle;
}
.mass_comments_action select:focus {
border-color: var(--accent);
outline: none;
}
.mass_comments_action input[type=submit],
.mass_comments_action .bbcodes {
color: var(--text-on-accent);
background: var(--accent);
border: none;
padding: 0 16px;
border-radius: 8px !important;
font-size: 13px;
cursor: pointer;
transition: background 0.2s;
vertical-align: middle;
height: 34px;
line-height: 34px;
margin: 0;
}
.mass_comments_action input[type=submit]:hover,
.mass_comments_action .bbcodes:hover {
background: var(--accent-hover);
}
.save-buttons {
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 10px 0 !important;
}
.save-buttons .bbcodes,
.save-buttons input[type=button] {
padding: 8px 16px;
border-radius: 8px !important;
font-size: 12px;
cursor: pointer;
border: none;
transition: all 0.2s;
height: auto !important;
width: auto !important;
}
.save-buttons .cancelchanges {
background: var(--bg-input);
color: var(--text-secondary);
border: 1px solid var(--border-main);
}
.save-buttons .cancelchanges:hover {
background: var(--border-main);
border-color: var(--text-secondary);
}
.save-buttons .applychanges {
color: var(--text-on-accent);
background: var(--accent);
}
.save-buttons .applychanges:hover {
background: var(--accent-hover);
}
.comment .cbot {border-top: 1px solid var(--border-main);height: auto;position: relative;margin: 20px 0 0 0;padding: 10px 0 0 0;}
.comment .ctop {border-bottom: 1px solid var(--border-main);display: flex !important;flex-direction: row !important;gap: 12px;padding: 12px 0;margin-top: 6px;position: relative;}
.comment .ctop-avatar {flex-shrink: 0;width: 50px;}
.comment .ctop-avatar img {width: 50px !important;height: 50px !important;border-radius: 50% !important;object-fit: cover !important;border: 2px solid var(--border-main) !important;display: block !important;}
.comment .ctop-content {flex: 1;min-width: 0;display: flex !important;flex-direction: column !important;gap: 4px;}
.comment .ctop-header {display: flex !important;flex-direction: row !important;align-items: center !important;gap: 8px;flex-wrap: wrap;margin-bottom: 8px;}
.comment .ctop-author {font-size: 16px;font-weight: 600;display: inline !important;}
.comment .ctop-author a {color: inherit;text-decoration: none;}
.comment .ctop-author a:hover {text-decoration: underline;}
.comment .ctop-group {font-size: 12px;color: var(--accent);background: rgba(190,123,59,0.15);padding: 2px 8px;border-radius: 4px;display: inline-block !important;}
.comment .ctop-meta-row {display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: space-between !important;width: 100%;}
.comment .ctop-meta {display: inline-flex !important;flex-direction: row !important;align-items: center !important;gap: 6px;font-size: 13px;color: var(--text-secondary);}
.comment .ctop-rating {display: inline-flex !important;align-items: center !important;gap: 4px;background: var(--bg-input);padding: 2px 8px;border-radius: 4px;position: relative;top: 1px;}
.comment .ctop-rating i {cursor: pointer;color: var(--text-secondary);}
.comment .ctop-rating i:hover {color: var(--accent);}
.comment .ctop-actions {display: inline-flex !important;flex-direction: row !important;align-items: center !important;gap: 0;font-size: 11px;}
.comment .ctop-actions a {color: var(--accent) !important;text-decoration: none;white-space: nowrap;padding: 0 6px;}
.comment .ctop-actions a:hover {color: var(--accent-hover) !important;}
.comment .ctop-actions a:not(:last-child)::after {content: "|";color: var(--text-muted);margin-left: 6px;}
.comm {padding: 20px 0 0 0;}
.comment p {line-height: 20px;margin: 12px 0 0 0;}
.comment .comm p:first-child {margin: 0;}
.content .comment .boxed {padding: 14px 19px 19px 19px;}
.tox.tox-tinymce {
border-color: var(--border-main) !important;
border-radius: 8px !important;
}
.tox .tox-edit-area__iframe {
background-color: var(--bg-input) !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
background: var(--bg-card) !important;
border-color: var(--border-main) !important;
}
.tox .tox-tbtn {
color: var(--text-secondary) !important;
}
.tox .tox-tbtn:hover {
background: var(--bg-hover) !important;
}
.tox .tox-statusbar {
background: var(--bg-card) !important;
border-color: var(--border-main) !important;
color: var(--text-muted) !important;
}
.addcomment ul {
list-style: none;
padding: 0;
margin: 0;
}
.addcomment li {
margin-bottom: 15px;
}
.addcomment li.plabel {
display: block;
width: 100%;
overflow: visible;
margin-top: 20px;
}
.addcomment .plabel input.cadd,
.messages .plabel input.cadd,
input[type="submit"].cadd {
display: inline-block;
width: auto;
height: auto;
min-width: 150px;
white-space: nowrap;
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
line-height: 1.4;
background: var(--accent);
color: var(--text-on-accent);
border: none;
padding: 10px 20px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.addcomment .plabel input.cadd:hover,
.messages .plabel input.cadd:hover,
input[type="submit"].cadd:hover {
background: var(--accent-hover);
}
.addcomment .plabel input.cadd:active,
.messages .plabel input.cadd:active,
input[type="submit"].cadd:active {
background: var(--accent-active);
}
.reply-actions {padding: 20px 0px;border-top: 1px solid var(--border-main);text-align: right;}
.reply-actions a:first-child {border-top: 1px solid var(--accent-hover) !important;background: var(--accent) !important;color: var(--text-primary) !important;}
.reply-actions > a:nth-child(2) {margin: 0!important;}
.mmenu {-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;background: var(--bg-card);overflow: hidden;width: 100%;height: 39px;margin: 15px 0 0 0;border-top: 1px solid var(--border-light);}
.mmenu li {float: left;width: 33%;background: url(../images/mmenu.jpg) repeat-y top left;}
.mmenu li:first-child {background: var(--bg-card);}
.mmenu li:hover {background: var(--border-main) url(../images/mmenu.jpg) repeat-y top left;}
.mmenu li:first-child:hover {background: var(--border-main);}
.mmenu .strong {width: 34%;}
.strong {font-weight: 600;}
.mdel {background: url(../images/icon_delete.jpg) no-repeat left;padding: 0 0 0 16px !important;opacity: 0.3;font-size: 14px !important;float: right;height: 19px;display: block;margin: 10px 0 0 0 !important;border: 0 !important;}
.mdel:hover {opacity: 0.7;}
.received {overflow: hidden;}
.content .messages.mnew h4, .content .messages.mnew h4 a, .content .addcomment h4, .content .addcomment h4 a, .content .newnews h4 {border-bottom: 1px solid var(--border-main);margin: 0 0 20px;padding: 0 0 15px;}
.content .messages.mread h4:first-child, .content .messages.mread h4:first-child a {border-bottom: 1px solid var(--border-main);margin: 0 0 20px;padding: 0 0 15px;}
.mbuttons .msent, .mbuttons .nnadd {border-top: 1px solid var(--accent-hover) !important;background: var(--accent) !important;color: var(--text-primary) !important;}
.content .list.boxed {padding: 14px 19px 19px 19px;}
.top_msg {border-bottom: 1px solid var(--border-main);height: 70px;position: relative;margin-top: 6px;}
.top_msg img {float: left;margin-right: 10px;max-height: 90%;}
.top_msg .info {position: absolute;right: 0;top: 5px;font-size: 14px !important;}
.top_msg .info span {display: block;color: var(--text-secondary);}
.msg_content {padding: 20px 0;}
.msg_bottom {border-top: 1px solid var(--border-main);height: auto;position: relative;margin: 20px 0 0 0;}
table.list {border-collapse: collapse;padding: 0;font-size: 14px !important;width: 100%;margin-top: 16px;}
table.list tr {border-bottom: 1px solid var(--border-main);}
table.list td {vertical-align: middle;padding: 8px 5px;}
table.list td input {margin-top: 2px;margin-right: -4px;}
.messages textarea {width: 720px;padding: 10px 10px 10px 10px !important;resize: none;}
.messages textarea, .messages input,#wlasny_comms textarea {padding: 0 10px;font-size: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 10px 0;}
.msent .messages input[type="text"] {width: 288px;height: 33px;line-height: 33px;}
.msent .messages input[type="checkbox"] {vertical-align: middle;margin: 0 5px 1px 0;}
.mbuttons input[type="submit"].msent:hover {background: var(--accent-hover) !important;}
.mbuttons input[type="submit"].msent:active {background: var(--accent-active) !important;}
.msent .messages .mchecking span {padding: 1px 0 2px 0;display: inline-block;}
.msent .messages .mchecking {font-size: 14px !important;color: var(--text-secondary);padding-bottom: 8px;}
.msent .messages .mchecking:hover {color: var(--text-secondary);}
.msent .messages label {display: inline-block;font-weight: 600;}
table .mdat {min-width: 100px;}
table.list td:first-child {padding: 8px 5px 8px 0;}
.list .mnew td:first-child {font-weight: 600;}
.list .ttop td, .list .ttop td:first-child {padding-top: 15px;}
.list .ttop {font-size: 14px !important;color: var(--text-muted);font-weight: 600;border-top: 1px solid var(--border-main);border-bottom: 1px solid var(--border-main);}
.messages .list .mnew td:first-child a {background-position: 0 -176px;}
.messages .list td:first-child a {background: url(../images/icon_message.jpg) no-repeat 0 3px;display: block;padding: 0 0 0 24px;}
.searchs textarea {width: 720px;padding: 10px 10px 10px 10px !important;resize: none;font-size: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 10px 0;}
.searchs label {font-weight: 400 !important;font-size: 14px !important;}
.searchs input[type="checkbox"] {margin: 2px 5px 0 0;}
.searchs input[type="text"],.searchs input[type="file"] {padding: 0 10px;font-size: 14px !important;height: 33px;line-height: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0;}
.content .searching.boxed {
overflow: hidden;
padding: 20px 25px 25px;
width: 100%;
flex: 0 0 100%;
box-sizing: border-box;
}
.content .searching h4 {
margin: 0 0 25px 0;
font-weight: 600;
font-size: 17px;
border-bottom: 1px solid var(--border-main);
padding: 0 0 15px;
display: flex;
align-items: center;
gap: 10px;
}
.content .searching h4 i {
color: var(--accent);
}
.search-section {
padding: 20px 0;
border-bottom: 1px solid var(--border-main);
}
.search-section:last-of-type {
border-bottom: none;
}
.search-results-section {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--border-main);
}
.search-results-section h4 {
margin-bottom: 15px;
}
.search-section.search-row-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: start;
}
@media (max-width: 768px) {
.search-section.search-row-2col {
grid-template-columns: 1fr;
gap: 15px;
}
}
.search-input-row {
display: flex;
gap: 10px;
align-items: stretch;
}
.search-input-row input[type="text"] {
flex: 1;
min-width: 0;
}
.search-btn-icon {
width: 48px;
height: 48px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--accent);
color: var(--text-on-accent);
border: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.2s;
flex-shrink: 0;
}
.search-btn-icon:hover {
background: var(--accent-hover);
}
.search-btn-icon i {
font-size: 18px;
}
.search-row .search-select {
flex: 1;
}
.search-row .search-select-small {
flex: 0 0 auto;
min-width: 120px;
}
.search-row .search-input {
width: 200px;
flex: 0 0 200px;
}
.search-section > .search-checkboxes {
margin-top: 12px;
}
.search-field {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.search-field > label {
display: flex;
align-items: center;
gap: 8px;
font-size: 14px !important;
font-weight: 600;
color: var(--text-secondary);
margin-bottom: 12px;
}
.search-field > label i {
color: var(--accent);
}
.search-field input[type="text"],
.search-input {
width: 100%;
padding: 12px 16px;
font-size: 14px !important;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
transition: border-color 0.2s, box-shadow 0.2s;
}
.search-field-main input[type="text"] {
font-size: 16px;
padding: 14px 18px;
}
.search-field input[type="text"]:focus,
.search-input:focus,
.search-select:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(190, 123, 59, 0.12);
}
.search-select {
width: 100%;
padding: 12px 16px;
font-size: 14px !important;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
cursor: pointer;
appearance: none;
box-sizing: border-box !important;
line-height: normal !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
}
.search-select option {
background: var(--bg-input);
}
.search-select-small {
width: auto;
min-width: 120px;
}
.search-input-small {
width: 60px !important;
text-align: center;
padding: 10px 12px !important;
}
.search-row {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.search-inline {
display: flex;
align-items: center;
gap: 10px;
}
.search-inline span {
font-size: 14px !important;
font-weight: 500;
color: var(--text-secondary);
}
.search-checkboxes {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.search-checkbox {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
font-weight: 400 !important;
}
.search-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--accent);
cursor: pointer;
}
.search-checkbox span {
font-size: 14px !important;
color: var(--text-secondary);
}
.search-actions {
padding-top: 25px;
border-top: 1px solid var(--border-main);
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
}
.search-btn {
color: var(--text-on-accent);
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
background: var(--accent);
border: none;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.search-btn:hover {
background: var(--accent-hover);
}
.search-btn:active {
background: var(--accent-active);
}
.content .infobox.boxed {
padding: 20px 25px 25px;
}
.content .infobox .infobox-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-main);
}
.content .infobox .infobox-header > i {
font-size: 24px;
color: var(--warning);
}
.content .infobox .infobox-header h4 {
margin: 0;
font-weight: 600;
font-size: 17px;
}
.content .infobox h4,
.content .infobox h4 a {
margin: 0 0 20px 0;
font-weight: 600;
font-size: 17px;
border-bottom: 1px solid var(--border-main);
padding: 0 0 15px;
display: flex;
align-items: center;
gap: 10px;
}
.content .infobox h4::before {
content: "\f071";
font-family: "FontAwesome";
color: var(--accent);
}
.content .infobox .infobox-header h4::before {
display: none;
}
.content .infobox .infobox-header h4 {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.content .infobox .infobox-content {
background: var(--bg-input);
border-radius: 10px;
padding: 20px;
text-align: center;
}
.content .infobox .infobox-content p {
margin: 0;
color: var(--text-secondary);
font-size: 14px !important;
line-height: 1.6;
}
.content .infobox p {
color: var(--text-secondary);
font-size: 14px !important;
line-height: 1.6;
}
.content .infobox p.centered {
text-align: center;
padding: 30px 20px;
background: var(--bg-input);
border-radius: 10px;
margin: 0;
}
.content .infobox a {
color: var(--accent);
}
.content .infobox a:hover {
color: var(--accent-hover);
}
.content .infobox .infobox-content:has(.dmca-container) {
background: transparent;
padding: 0;
text-align: center;
}
.dmca-container {
max-width: 650px;
margin: 20px auto;
}
.dmca-header {
text-align: center;
margin-bottom: 25px;
}
.dmca-header i {
font-size: 48px;
color: var(--accent);
margin-bottom: 10px;
display: block;
}
.dmca-header h2 {
font-size: 22px;
margin: 0 0 10px 0;
}
.dmca-intro {
color: var(--text-secondary);
font-size: 14px !important;
text-align: center;
margin-bottom: 20px;
}
.dmca-errors {
background: rgba(217, 83, 79, 0.15);
border: 1px solid var(--error);
color: var(--error);
padding: 12px 15px;
border-radius: 8px !important;
margin-bottom: 20px;
font-size: 14px !important;
}
.dmca-errors i {
margin-right: 8px;
}
.dmca-form {
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 25px;
}
.dmca-field {
margin-bottom: 18px;
}
.dmca-field label {
display: block;
font-size: 14px !important;
font-weight: 600;
margin-bottom: 6px;
}
.dmca-field label span.req {
color: var(--error);
}
.dmca-field input[type="text"],
.dmca-field input[type="email"],
.dmca-field input[type="url"],
.dmca-field textarea {
width: 100%;
padding: 12px 14px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 14px !important;
box-sizing: border-box;
transition: border-color 0.2s;
}
.dmca-field input:focus,
.dmca-field textarea:focus {
outline: none;
border-color: var(--accent);
}
.dmca-field textarea {
min-height: 120px;
resize: vertical;
font-family: monospace;
}
.dmca-field small {
display: block;
color: var(--text-muted);
font-size: 12px;
margin-top: 4px;
}
.dmca-field .url-stats {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px;
padding: 8px 12px;
background: var(--bg-input);
border-radius: 4px;
font-size: 12px;
}
.dmca-field .url-stats .valid { color: #38bdf8; }
.dmca-field .url-stats .invalid { color: var(--error); }
.dmca-field .url-stats .total { color: var(--text-secondary); }
.dmca-url-preview {
margin-top: 10px;
max-height: 150px;
overflow-y: auto;
border: 1px solid var(--border-main);
border-radius: 4px;
}
.dmca-url-preview .url-item {
display: flex;
align-items: center;
padding: 8px 12px;
border-bottom: 1px solid var(--border-main);
font-size: 12px;
}
.dmca-url-preview .url-item:last-child { border-bottom: none; }
.dmca-url-preview .url-item.valid { background: rgba(92, 184, 92, 0.1); }
.dmca-url-preview .url-item.invalid { background: var(--error-bg); }
.dmca-url-preview .url-item i { margin-right: 8px; width: 16px; }
.dmca-url-preview .url-item.valid i { color: #38bdf8; }
.dmca-url-preview .url-item.invalid i { color: var(--error); }
.dmca-url-preview .url-item .url-text { flex: 1; word-break: break-all; color: var(--text-secondary); }
.dmca-url-preview .url-item .url-status { margin-left: 10px; font-size: 11px; white-space: nowrap; }
.dmca-checkbox {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 20px 0;
padding: 15px;
background: var(--bg-input);
border-radius: 8px !important;
}
.dmca-checkbox input {
margin-top: 3px;
accent-color: var(--accent);
}
.dmca-checkbox span {
color: var(--text-secondary);
font-size: 13px;
line-height: 1.4;
}
.dmca-submit {
color: var(--text-on-accent);
width: 100%;
padding: 14px;
background: var(--accent);
border: none;
border-radius: 8px !important;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s;
}
.dmca-submit:hover { background: var(--accent-hover); }
.dmca-submit:disabled { background: var(--text-muted); cursor: not-allowed; }
.dmca-results {
text-align: center;
}
.dmca-success-box,
.dmca-error-box {
padding: 25px;
border-radius: 5px;
margin-bottom: 20px;
text-align: left;
}
.dmca-success-box {
background: transparent;
border: none;
text-align: center;
padding: 20px 0;
}
.dmca-success-box > i.fa {
color: var(--accent);
font-size: 64px;
display: block;
margin-bottom: 20px;
}
.dmca-success-box h2 {
margin: 0 0 15px 0;
font-size: 22px;
font-weight: 600;
}
.dmca-success-box p {
color: var(--text-secondary);
margin: 0;
font-size: 15px;
}
.dmca-success-box p strong {
color: var(--accent);
}
.dmca-info-box {
padding: 25px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
background: transparent;
border: none;
}
.dmca-info-box > i.fa {
color: var(--accent);
font-size: 48px;
display: block;
margin-bottom: 15px;
text-align: center;
}
.dmca-info-box h3,
.content .infobox .dmca-info-box h3 {
margin: 0 0 20px 0;
font-size: 18px;
font-weight: 600;
text-align: center !important;
border: none !important;
display: block;
width: 100%;
}
.dmca-info-box ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center !important;
}
.dmca-info-box li {
margin: 10px 0;
padding: 15px;
background: var(--bg-input);
border-radius: 8px !important;
text-align: center !important;
}
.dmca-info-box .dmca-info-url {
display: block;
color: var(--accent);
font-size: 13px;
word-break: break-all;
margin-bottom: 8px;
text-align: center !important;
}
.dmca-info-box .dmca-info-reason {
display: block;
color: var(--text-secondary);
font-size: 14px !important;
text-align: center !important;
}
.dmca-note {
margin-top: 15px;
padding: 10px;
background: rgba(91, 192, 222, 0.15);
border-radius: 4px;
font-size: 13px;
color: var(--text-secondary);
}
.dmca-failed-note {
margin: 15px 0;
padding: 10px;
text-align: center;
font-size: 13px;
color: var(--text-muted);
}
.dmca-failed-note i {
margin-right: 6px;
}
.dmca-buttons {
margin-top: 25px;
padding-top: 20px;
border: none;
text-align: center;
}
.dmca-btn {
display: inline-block;
margin: 10px 5px;
padding: 12px 30px;
color: var(--text-primary) !important;
text-decoration: none;
border-radius: 8px !important;
font-weight: 600;
transition: all 0.2s ease;
}
.dmca-btn:hover {
background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);
transform: translateY(-1px);
text-decoration: none;
color: var(--text-primary) !important;
}
.dmca-btn-secondary {
background: var(--btn-secondary-bg);
border: 2px solid var(--accent);
color: var(--accent) !important;
}
.dmca-btn-secondary:hover {
background: var(--accent);
color: var(--text-primary) !important;
}
.dmca-message {
text-align: center;
padding: 40px;
}
.dmca-message i {
font-size: 48px;
color: var(--text-muted);
margin-bottom: 15px;
}
.dmca-message p {
color: var(--text-secondary);
}
.dmca-row {
display: flex;
gap: 15px;
}
.dmca-row .dmca-field {
flex: 1;
}
@media (max-width: 600px) {
.dmca-row {
flex-direction: column;
gap: 0;
}
}
.user {height: 48px;line-height: 48px;color: var(--text-secondary);font-size: 14px !important;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);list-style: none;}
.user a {color: var(--accent);font-weight: 700;}
.user form {float: right;font-size: 14px !important;font-weight: 700;opacity: 0.5;}
.user form:hover,.user form.active {opacity: 1;}
.user input {color: var(--text-secondary);font-weight: 700;-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;height: 28px;margin: 0 0 0 7px;}
.user input[type="text"],.user input[type="password"] {background: var(--bg-card) url(../images/user_input.jpg) no-repeat;padding: 0 10px 0 27px;width: 93px;}
.user input[type="text"]:focus,.user input[type="password"]:focus,.user input[type="text"]:hover,.user input[type="password"]:hover {color: var(--text-muted);}
.user input[type="text"] {background-position: 0 0;}
.user input[type="password"] {background-position: 0 -28px;}
.user input[type="submit"]:hover {background: var(--accent-hover);}
.user input[type="submit"]:active {background: var(--accent-active);}
.user form a {color: var(--text-secondary);font-weight: 400;}
.user ul li {float: left;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);padding: 0 10px 0 13px;background: url(../images/user_arrow.png) no-repeat 0 22px;}
.user ul li:hover {background-position: 0 -28px;}
.user ul li:first-child {background: none;padding-left: 0;}
.user ul li a {color: var(--text-secondary);font-weight: 400;padding: 10px 0;}
.user ul li a span {display: inline-block;height: 26px;padding: 0 7px;line-height: 26px;margin: 10px 0 0 6px;background: var(--bg-input);border-top: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;}
.user a.logout {float: right;height: 26px;padding: 0 10px;line-height: 26px;float: right;margin: 10px 0 0 0;color: var(--text-muted);background: var(--bg-input);border-top: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;}
.content .chat.boxed {padding: 14px 19px 19px 19px;}
.umes {margin-left: 45px;height: 53px;}
.chat .wiadomosci p:first-child {border: 0;}
.chat .wiadomosci p {color: var(--text-secondary);padding: 6px 0 9px 0;font-size: 14px !important;border-top: 1px solid var(--border-main);}
.chat .wiadomosci p span {color: var(--text-secondary);}
.chatadd {text-align: right;}
.chatadd input:first-child {background: url(../images/input_chat.jpg) no-repeat top left;height: 35px;padding: 0 12px 5px 12px;margin-bottom: 10px;width: 498px;}
.chatadd input[type="submit"] {margin-top: 1px;}
.chatadd input[type="submit"]:hover {background: var(--accent-hover);}
.chatadd input[type="submit"]:active {background: var(--accent-active);}
.chatadd a {padding: 10px 19px 12px 19px !important;background: var(--bg-card);margin-top: -1px !important;border-top: 1px solid var(--border-light);}
.chatadd a:hover {background: var(--border-main);text-decoration: none;}
.newnews textarea {background: url(../images/textarea.jpg) no-repeat center;width: 720px;padding: 10px 10px 10px 10px !important;resize: vertical;font-size: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 10px 0;}
.newnews label, .addnewnews ul li p {font-weight: 600 !important;font-size: 14px !important;}
.newnews textarea, .newnews input {margin-bottom: 5px;}
.newnews label {display: inline-block;float: left;margin-top: 7px;}
.newnews ul li p {display: block;margin: 3px 0;}
.newnews ul li p span {color: var(--text-secondary);font-size: 14px !important;font-weight: 400;}
.newnews .mbuttons {padding-left: 73px;overflow: auto;}
.newnews .mbuttons .nnadd {width: 177px;}
.mbuttons input[type="submit"].nnadd:hover {background: var(--accent-hover) !important;}
.mbuttons input[type="submit"].nnadd:active {background: var(--accent-active) !important;}
.mbuttons input[type="submit"]:hover {background: var(--bg-input) !important;}
.newnews .mbuttons input {float: left;width: 123px;}
.newnews .mtags input {width: 720px;margin-bottom: 0;}
.newnews .catcha {padding-top: 10px;}
.newnews .ntools {padding: 6px 0;}
.newnews .catcha label {float: none;}
.newnews .nmg {padding: 0;margin: 0;}
.newnews .nbg {padding: 5px 0;}
.newnews select {font-size: 14px !important;}
.select-wrapper {display: inline-block;background: url(../images/select-bg.jpg) no-repeat right -1px;cursor: pointer;font-size: 14px !important;padding: 0 !important;margin-left: 0 !important;}
.select-wrapper, .selectory {padding: 0 10px;font-size: 14px !important;height: 31px;width: 309px;border-top: 1px solid var(--border-main);border-left: 1px solid var(--border-main);border-bottom: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 0 10px;line-height: 26px;text-align: left;vertical-align: middle;}
.select-wrapper:hover { border-color: var(--accent); }
.select-wrapper .holder {display: block;margin: 0 35px 0 10px;padding: 2px 0 0 0;white-space: nowrap;overflow: hidden;cursor: pointer;font-size: 14px !important;}
.selectory {margin: 0;position: absolute;z-index: 2;cursor: pointer;outline: none;opacity: 0;_noFocusLine: expression(this.hideFocus=true);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0;}
.content .registration.boxed {padding: 14px 19px 19px 19px;}
.registration label, .addcomment label {display: inline-block;font-weight: 600;font-size: 14px !important;}
.registration p, .infor {padding-bottom: 16px;border-bottom: 1px solid var(--border-main);}
form.registration, form.addnewnews {margin-top: 10px;font-size: 0;}
.registration input, .addnewnews input {padding: 0 10px;font-size: 14px !important;height: 33px;width: 288px;line-height: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 10px 0;}
.addcomment input {padding: 0 10px;font-size: 14px !important;width: 33px;line-height: 14px !important;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;margin: 0 0 10px 0;}
.recode {width: 98px !important;}
.recat {background: url(../images/icon_refresh.jpg) no-repeat left;padding: 0 0 0 20px;opacity: 0.3;font-size: 14px !important;height: 19px;margin-top: 0;
padding-top: 5px;
background-clip: padding-box;margin-left: 7px;}
.recat:hover {opacity: 0.7;}
.rok {color: #38bdf8;font-size: 14px !important;padding-bottom: 10px;display: inline-block;}
.rno {color: var(--error);font-size: 14px !important;padding-bottom: 10px;display: inline-block;}
.catcha label {display: inline-block;}
.registration li:first-child label, .registration li:first-child input {float: left;}
.registration li:first-child label {margin-top: 12px;}
.registration li:first-child {height: 35px;}
.registration li:first-child input {display: inline-block;vertical-align: middle;}
input.rcheck {font-size: 14px !important;color: var(--text-muted);text-shadow: 1px 1px 0 var(--white);background: var(--bg-input);margin-left: 10px;border: 1px solid var(--border-main);-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;padding: 0 10px 1px 10px;height: 35px;display: block;width: 158px;}
.rcheck:hover {border: 1px solid var(--border-main);background: var(--bg-hover);}
.rcheck:active {border: 1px solid var(--accent);background: var(--bg-card);color: var(--text-muted);}
input.rname {width: 178px;}
.registration img, .catcha img {vertical-align: middle;margin-bottom: 10px;}
.registration .rsent:hover {background: var(--accent-hover);}
.registration .rsent:active {background: var(--accent-active);}
.ralert {padding-left: 95px  !important;padding-top:10px;}
.okienko {position: relative;width: 740px;height: 420px;overflow: hidden;display: block;margin: 17px 0 20px 0;border: 1px solid var(--border-main);}
.okienko > .wiadomosci {position: absolute;overflow: scroll;overflow-x: hidden;top: 0;right: 0;bottom: 0;left: 0;padding: 3px 10px;}
.backdrop {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: #000;opacity: .0;filter: alpha(opacity=0);z-index: 50;overflow: auto;display: none;}
.box {position: absolute; top: 20%;left: 35%;overflow: hidden;width: 500px;background: var(--bg-card);z-index: 51;padding: 0 0 17px 0;-webkit-border-radius: 8px !important;-moz-border-radius: 6px;border-radius: 6px;-moz-box-shadow: 0px 0px 5px var(--bg-body);-webkit-box-shadow: 0px 0px 5px var(--bg-body);box-shadow: 0px 0px 5px var(--bg-body);display: none;}
.box p {padding: 17px 17px 0 17px;}
.box p:first-child {padding: 17px 0;margin: 0 17px;border-bottom: 1px solid var(--border-main);}
.box h5 {background: var(--bg-card);color: var(--accent);font-size: 15px;margin: 0;padding: 17px;font-weight: 600;border-bottom: 1px solid var(--border-main);-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.lmess {font-style: italic;}
.com_count {margin: 0 !important;padding: 0 18px !important;-moz-border-radius: 8px !important;-webkit-border-radius: 6px;border-radius: 6px;background-color: var(--bg-input);}
.levelm, a.levelm {color: #38bdf8 !important;}
.levelv, a.levelv {color: var(--accent) !important;}
.levelsu, a.levelsu {color: var(--info) !important;}
.pagination {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: nowrap;
gap: 6px;
margin: 20px 0;
width: 100%;
box-sizing: border-box;
}
.pagination a,
.pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-width: 0;
gap: 4px;
padding: 7px 10px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 12px;
font-weight: 500;
color: var(--text-secondary);
text-decoration: none;
transition: all 0.2s;
white-space: nowrap;
box-sizing: border-box;
}
.pagination > a:first-child,
.pagination > a:last-child,
.pagination > span:first-child,
.pagination > span:last-child {
flex: 0 0 auto;
}
.pagination a:hover {
border-color: var(--accent);
}
.pagination span:not(.nav_ext):not(:first-child):not(:last-child) {
color: var(--text-on-accent);
background: var(--accent);
border-color: var(--accent);
}
.pagination > span:first-child,
.pagination > span:last-child {
opacity: 0.5;
cursor: not-allowed;
}
.pagination a i {
font-size: 11px;
}
.pagination span.nav_ext {
background: transparent !important;
border-color: transparent !important;
color: var(--text-secondary) !important;
cursor: default;
}
.featured .section-title, .boxed .section-title, .boxed h1 {margin: 14px 19px 0 19px;padding: 0 0 15px 0;border-bottom: 1px solid var(--border-main);font-size: 17px;font-weight: 600;color: var(--accent);white-space: pre-wrap;display: flex;align-items: center;justify-content: space-between;}
aside .featured img, .right .featured img {max-width: 200px;margin: 1px auto 5px auto !important;display: block;}
.featured li:first-child {border: 0;}
.featured li {text-align: center;border-top: 1px solid var(--border-main);padding: 19px 19px 17px 19px;}
.featured .section-title a, .menu .section-title a {float: right;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin: 0;overflow: hidden;font-size: 0;color: var(--accent);text-decoration: none;transition: color 0.2s ease;outline: none;border: none;background: none;}
.featured .section-title a:hover, .menu .section-title a:hover {color: var(--accent-hover);text-decoration: none;}
.featured .section-title a:focus, .menu .section-title a:focus, .featured .section-title a:active, .menu .section-title a:active {outline: none;border: none;box-shadow: none;}
.onoff, .offon {outline: none;border: none;background: none;font-size: 0;}
.onoff::before, .offon::before {font-family: 'FontAwesome';font-size: 14px !important;display: flex;align-items: center;justify-content: center;}
.onoff::before {content: '\f068';}
.offon::before {content: '\f067';}
footer {
background: var(--bg-card);
width: 100%;
font-size: 14px !important;
color: var(--text-secondary);
margin: 10px 0 0 0;
padding: 0;
border-top: 1px solid var(--border-main);
}
footer .footer-main {
max-width: 1012px;
margin: 0 auto;
padding: 50px 20px 40px;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
}
footer .footer-brand {
padding-right: 20px;
}
footer .footer-brand img {
height: 80px;
width: auto;
margin-bottom: 20px;
}
footer .footer-brand p {
font-size: 14px !important;
line-height: 1.7;
color: var(--text-secondary);
margin: 0;
}
footer .footer-col .footer-heading {
font-size: 14px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 0 20px 0;
}
footer .footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}
footer .footer-col ul li {
margin-bottom: 12px;
}
footer .footer-col ul li a {
color: var(--text-secondary);
text-decoration: none;
font-size: 14px !important;
transition: color 0.2s ease, transform 0.2s ease;
display: inline-block;
}
footer .footer-col ul li a:hover {
color: var(--accent);
transform: translateX(5px);
}
footer .footer-col ul li a.vip-link {
color: var(--accent);
font-weight: 600;
}
footer .footer-col ul li a.vip-link:hover {
color: var(--accent-hover);
}
footer .footer-socials {
display: flex;
gap: 12px;
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
}
footer .social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: var(--bg-input);
border-radius: 5px;
color: var(--text-secondary);
font-size: 18px;
text-decoration: none;
transition: all 0.2s ease;
}
footer .social-icon:hover {
color: var(--text-on-accent);
background: var(--accent);
transform: translateY(-3px);
}
footer .social-icon.discord:hover {
background: #5865F2;
}
footer .social-icon.telegram:hover {
background: #0088cc;
}
footer .social-icon.facebook:hover {
background: #1877f2;
}
footer .footer-bottom {
background: var(--bg-body);
}
footer .footer-bottom-inner {
max-width: 1012px;
margin: 0 auto;
padding: 15px 20px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
footer .footer-copyright {
font-size: 13px;
color: var(--text-muted);
white-space: nowrap;
}
footer .footer-copyright span {
color: var(--accent);
font-weight: 600;
}
footer .footer-disclaimer {
font-size: 11px;
color: var(--text-muted);
text-align: center;
flex: 1;
}
footer .footer-links {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
white-space: nowrap;
}
footer .footer-links a,
footer .footer-online-link {
color: var(--text-muted);
text-decoration: none;
cursor: pointer;
transition: color 0.2s ease;
}
footer .footer-links a:hover,
footer .footer-online-link:hover {
color: var(--accent);
}
footer .footer-separator {
color: var(--text-muted);
opacity: 0.5;
}
.online-section {
display: none;
background: var(--bg-input);
margin: 0;
overflow: hidden;
}
.online-section.open {
display: block;
}
.online-header {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1012px;
margin: 0 auto;
padding: 10px 10px;
}
.online-title {
font-size: 13px;
color: var(--text-secondary);
}
.online-stats {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
}
.online-stats i {
color: var(--accent);
}
.online-stats span {
color: var(--text-primary);
}
.online-users {
max-width: 1012px;
margin: 0 auto;
padding: 12px 10px 15px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2px 0;
font-size: 13px;
line-height: 1.3;
max-height: 150px;
overflow-y: auto;
}
.online-users .online-user {
display: inline-block;
padding: 2px 0;
margin: 2px 8px 2px 0;
color: var(--user-color) !important;
font-size: 13px;
font-weight: 500;
text-decoration: none !important;
border: none !important;
background: none !important;
border-radius: 0 !important;
}
.online-users .online-user:hover {
color: var(--user-color) !important;
text-decoration: none !important;
opacity: 0.8;
}
.online-loading,
.online-empty {
color: var(--text-muted);
font-style: italic;
padding: 10px;
}
@media (max-width: 900px) {
footer .footer-main {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
footer .footer-brand {
grid-column: 1 / -1;
padding-right: 0;
text-align: center;
}
footer .footer-brand img {
margin: 0 auto 20px;
}
}
@media (max-width: 600px) {
footer .footer-main {
grid-template-columns: 1fr;
text-align: center;
padding: 40px 20px 30px;
}
footer .footer-col .footer-heading {
margin-bottom: 15px;
}
footer .footer-socials {
justify-content: center;
}
footer .footer-bottom-inner {
max-width: 1012px;
flex-direction: column;
text-align: center;
gap: 10px;
}
footer .footer-disclaimer {
text-align: center;
max-width: 100%;
order: 3;
}
footer .footer-links {
justify-content: center;
order: 2;
}
footer .footer-copyright {
order: 1;
}
}
.static-page.boxed {
padding: 20px 25px 25px;
margin: 10px 0;
}
.static-page .section-title {
font-size: 17px;
font-weight: 600;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.static-page .section-title i {
color: var(--accent);
}
.static-content {
color: var(--text-secondary);
font-size: 14px !important;
line-height: 1.8;
}
.static-content p {
margin: 0 0 15px 0;
}
.static-content h2,
.static-content h3,
.static-content h4 {
margin: 25px 0 15px 0;
}
.static-content h2 {
font-size: 16px;
padding: 12px 15px;
background: var(--bg-input);
border-radius: 5px;
border-left: 3px solid var(--accent);
}
.static-content h2:first-child {
margin-top: 0;
}
.static-content h3 {
font-size: 15px;
border-bottom: none;
padding: 0;
display: block;
}
.static-content h4 {
font-size: 14px !important;
}
.static-content ul,
.static-content ol {
margin: 0 0 15px 0;
padding: 15px 20px 15px 35px;
background: var(--bg-input);
border-radius: 5px;
}
.static-content li {
margin-bottom: 8px;
color: var(--text-secondary);
}
.static-content li:last-child {
margin-bottom: 0;
}
.static-content a {
color: var(--accent);
text-decoration: none;
}
.static-content a:hover {
color: var(--accent-hover);
text-decoration: none;
}
.static-content strong,
.static-content b {
color: var(--accent);
}
.feedback-page.boxed {
padding: 30px 35px 35px;
margin: 10px 0;
}
.feedback-page .section-title {
font-size: 17px;
font-weight: 600;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.feedback-page .section-title i {
color: var(--accent);
}
.feedback-intro {
color: var(--text-secondary);
font-size: 14px !important;
line-height: 1.6;
margin: 0 0 30px 0;
}
.feedback-form {
display: flex;
flex-direction: column;
}
.feedback-form .feedback-field {
margin-top: 25px !important;
}
.feedback-form .feedback-row-double {
margin-top: 0 !important;
}
.feedback-form .feedback-row-double .feedback-field {
margin-top: 0 !important;
}
.feedback-form .feedback-captcha {
margin-top: 18px !important;
}
.feedback-form .feedback-submit {
margin-top: 18px !important;
}
.feedback-row-double {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.feedback-field {
display: flex;
flex-direction: column;
margin-top: 18px !important;
}
.feedback-row-double .feedback-field {
margin-top: 0 !important;
}
.feedback-field label {
color: var(--text-secondary);
font-size: 13px;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
.feedback-field label i {
color: var(--accent);
width: 16px;
margin-right: 8px;
}
.feedback-field input[type="text"],
.feedback-field input[type="email"],
.feedback-field textarea {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 12px 14px;
font-size: 14px !important;
width: 100%;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.feedback-field select {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 12px 14px;
font-size: 14px !important;
width: 100%;
box-sizing: border-box;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.feedback-field input[type="text"]:focus,
.feedback-field input[type="email"]:focus,
.feedback-field textarea:focus,
.feedback-field select:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(190, 123, 59, 0.12);
}
.feedback-field input::placeholder,
.feedback-field textarea::placeholder {
color: var(--text-muted);
}
.feedback-field textarea {
resize: vertical;
min-height: 120px;
}
.feedback-field input[type="file"] {
background: var(--bg-input);
border: 1px dashed var(--border-main);
border-radius: 5px;
padding: 15px;
color: var(--text-secondary);
font-size: 13px;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.feedback-field input[type="file"]:hover {
border-color: var(--accent);
}
.feedback-captcha {
display: flex;
flex-direction: column;
margin-top: 18px !important;
}
.feedback-captcha label {
color: var(--text-secondary);
font-size: 13px;
font-weight: 600;
margin-bottom: 10px;
display: block;
}
.feedback-captcha label i {
color: var(--accent);
margin-right: 8px;
}
.feedback-captcha-row {
display: flex;
gap: 15px;
align-items: center;
}
.feedback-captcha-image {
background: var(--bg-input);
border-radius: 8px !important;
padding: 5px;
flex-shrink: 0;
}
.feedback-captcha-image img {
display: block;
border-radius: 4px;
}
.feedback-captcha-row input {
flex: 1;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 12px 14px;
font-size: 14px !important;
box-sizing: border-box;
}
.feedback-captcha-row input:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(190, 123, 59, 0.12);
}
.feedback-submit {
margin-top: 15px;
padding-top: 20px;
border-top: 1px solid var(--border-main);
}
.feedback-submit button {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
color: var(--text-on-accent);
border: none;
border-radius: 8px !important;
padding: 14px 28px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feedback-submit button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(230, 101, 0, 0.4);
}
.feedback-submit button i {
font-size: 14px !important;
}
@media (max-width: 600px) {
.feedback-row-double {
grid-template-columns: 1fr;
}
.feedback-page.boxed {
padding: 20px;
}
.feedback-submit {
text-align: center;
}
}
.boxed section {padding: 19px;}
.centered {text-align: center;}
.text-block {display: block !important;}
.text-inline {display: inline !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-justify {text-align: justify !important;}
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.clear-margin {margin: 0 !important;}
.clear-padding {padding: 0 !important;}
.overflow {overflow: hidden !important;}
@media only screen and (min-width: 35em) {}
@media print,(-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {}
.user form,.searchbox div {transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out;}
.ir {background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
.inside {margin: 0 auto;max-width: 1280px; width: 100%;}
.orange {color: var(--accent);}
.content .statistic.boxed {
padding: 14px 19px 19px 19px;
}
.content .statistic h4 {
margin: 0 0 20px 0;
font-weight: 600;
font-size: 17px;
border-bottom: 1px solid var(--border-main);
padding: 0 0 15px;
display: flex;
align-items: center;
gap: 10px;
}
.content .statistic h4 i {
color: var(--accent);
}
.stats-columns {
display: flex;
gap: 30px;
}
.stats-col {
flex: 1;
}
.stats-section {
margin-bottom: 20px;
}
.stats-section:last-child {
margin-bottom: 0;
}
.stats-section-header {
font-size: 14px !important;
font-weight: 600;
color: var(--accent);
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
gap: 8px;
}
.stats-section-header i {
color: var(--accent);
}
.stats-table {
width: 100%;
border-collapse: collapse;
}
.stats-table tr {
border-bottom: 1px solid var(--border-main);
}
.stats-table tr:last-child {
border-bottom: none;
}
.stats-table td {
padding: 8px 5px;
font-size: 14px !important;
}
.stats-table td:first-child {
color: var(--text-secondary);
}
.stats-table td:last-child {
text-align: right;
font-weight: 600;
}
@media (max-width: 768px) {
.stats-columns {
flex-direction: column;
gap: 20px;
}
}
@media print {* {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;}a,a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";}abbr[title]:after {content: " (" attr(title) ")";}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}pre,blockquote,.quote,.scriptcode {border: 1px solid #999;page-break-inside: avoid;}thead {display: table-header-group; }tr,img {page-break-inside: avoid;}img {max-width: 100% !important;}@page {margin: 0.5cm;}p,h2,h3 {orphans: 3;widows: 3;}h2,h3 {page-break-after: avoid;}}
.checkboxes input[type="checkbox"] {width: 15px !important;height: 15px !important;float: left;margin-right: 10px;}
.checkboxes p {height: 30px;}
.checkboxes p.nnporn {padding-left: 20px;}
.checkboxes p span {color: var(--error) !important;}
#reklama_box1,#reklama_box2,#reklama_box3,#news_ad,#comm_rek,#search_1,#search_2,#res{text-align:center;margin-top:12px;}
#reklama_box1  iframe,#reklama_box2  iframe,#reklama_box3  iframe,#news_ad iframe,#comm_rek iframe,#search_1 iframe,#search_2 iframe,#res iframe{margin:0 auto!important;}
.registerButton:hover {background-color: var(--accent-hover);}
#ad .register {float: left;width: 260px;height: 39px;}
#ad .register .menu_no_bg {margin-top: 0;width: 252px;height: 39px;border: 1px solid #fff;}
#ad .register .menu_no_bg .buttonsDivText {text-align: center;width: 260px;font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;font-size: 27px;height: 39px;display: block;text-decoration: none;line-height: 1.4;}
#ad .register .menu_no_bg .registerButton i {margin-left: -20px;}
#ad .register .menu_no_bg .registerButton #addd {overflow: hidden;float: right;margin-left: -40px;margin-top: 25px;margin-right: 1px;font-size: 14px !important;font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;}
#ad {width: 280px;margin: 0 auto;overflow: hidden;height: 60px;}
.ratebox2 {float: right;}
.ratebox3 {float: right;}
.ratebox ul, .ratebox ul li {float: left;}
.ratebox2 ul, .ratebox2 ul li {float: left;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
.navigation {
background-color: var(--bg-card);
margin: 10px 0 20px;
border-radius: 5px;
font-size: .9rem;
border: 1px solid var(--border-main);
}
.navigation > a:first-child, .navigation > span:first-child {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.navigation span.nav_ext, .navigation > span:first-child, .navigation > span:last-child {
color: var(--text-muted);
background-color: transparent;
}
.navigation a, .navigation span {
padding: 8px 10px;
min-width: 30px;
}
.navigation span {
display: inline-block;
}
.navigation > a:last-child, .navigation > span:last-child {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.navigation a {
color: var(--accent);
}
.movie .opis h2 {
font-size: 16px;
font-weight: 600;
margin: 25px 0 15px 0;
padding: 12px 15px;
background: var(--bg-input);
border-radius: 5px;
border-left: 3px solid var(--accent);
}
.movie .opis h2:first-child {
margin-top: 0;
}
.movie .opis p {
margin: 0 0 15px 0;
color: var(--text-secondary);
line-height: 1.8;
text-align: center;
}
.movie .opis p img {
display: block;
margin: 0 auto 15px;
max-width: 100%;
border-radius: 5px;
}
.movie .opis ul,
.movie .opis ol {
margin: 0 0 15px 0;
padding: 15px 20px 15px 35px;
background: var(--bg-input);
border-radius: 5px;
list-style: disc;
}
.movie .opis ol {
list-style: decimal;
}
.movie .opis ul li,
.movie .opis ol li {
margin-bottom: 8px;
color: var(--text-secondary);
line-height: 1.6;
}
.movie .opis ul li:last-child,
.movie .opis ol li:last-child {
margin-bottom: 0;
}
.movie .opis strong,
.movie .opis b {
color: var(--accent);
}
.movie .opis a {
color: var(--accent);
}
.movie .opis a:hover {
color: var(--accent-hover);
text-decoration: none;
}
.searching textarea {
width: 720px;
padding: 10px !important;
resize: vertical;
font-size: 14px !important;
border: 1px solid var(--border-main);
border-radius: 8px !important;
margin: 0 0 10px 0;
font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;
line-height: 1.5;
}
.searching input[type="file"] {
padding: 5px 10px;
font-size: 14px !important;
height: auto;
border: 1px solid var(--border-main);
border-radius: 8px !important;
background: var(--bg-input);
}
.searching .nbg {
padding: 5px 0;
border-top: 1px solid var(--border-main);
}
.searching .nbg p span {
color: var(--text-secondary);
font-size: 14px !important;
font-weight: 400;
}
.searching .bb-editor {
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
}
.searching .mtags {
border-top: 1px solid var(--border-main);
}
.searching .catcha {
border-top: 1px solid var(--border-main);
}
.movie .poster {
float: left;
margin: 0 15px 10px 0;
max-width: 180px;
}
.movie .poster img {
width: 100%;
height: auto;
border: 1px solid var(--border-main);
border-radius: 8px !important;
}
.movie .poster-thumb {
float: left;
margin: 0 12px 8px 0;
max-width: 100px;
}
.movie .poster-thumb img {
width: 100%;
height: auto;
border: 1px solid var(--border-main);
border-radius: 8px !important;
}
.movie .info-box {
clear: both;
margin: 15px 0;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px !important;
}
.movie .info-box .info-title {
background: var(--bg-card);
padding: 10px 15px;
font-weight: 600;
font-size: 14px !important;
}
.opis .scriptcode {
font-family: 'Courier New', monospace;
font-size: 14px !important;
line-height: 1.8;
white-space: pre-wrap;
word-wrap: break-word;
}
.opis .scriptcode a {
color: var(--accent);
display: block;
word-break: break-all;
}
.opis .scriptcode a:hover {
color: var(--accent-hover);
text-decoration: underline;
}
.opis pre {
margin: 20px 0 0 0;
padding: 0;
background: none;
border: none;
}
.opis pre code {
display: block;
background: var(--bg-input);
border-top: 1px solid var(--bg-input);
border-right: 1px solid var(--bg-input);
border-bottom: 1px solid var(--bg-input);
padding: 15px;
font-family: 'Courier New', monospace;
font-size: 14px !important;
line-height: 1.8;
white-space: pre-wrap;
word-wrap: break-word;
color: var(--text-secondary);
}
.opis pre code a {
color: var(--accent);
display: block;
word-break: break-all;
}
.opis pre code a:hover {
color: var(--accent-hover);
text-decoration: underline;
}
.opis .quote a {
color: var(--accent);
word-break: break-all;
}
.opis .quote a:hover {
color: var(--accent-hover);
}
.opis .download-links a {
display: block;
padding: 5px 0;
color: var(--accent);
word-break: break-all;
}
.opis .download-links a:hover {
color: var(--accent-hover);
text-decoration: underline;
}
.opis .hosting-box {
margin: 15px 0;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
overflow: hidden;
}
.opis .hosting-box:first-of-type {
margin-top: 20px;
}
.opis .hosting-name {
background: var(--bg-input);
padding: 12px 15px;
font-weight: 600;
font-size: 14px !important;
position: relative;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid var(--border-main);
}
.opis .hosting-name i {
color: var(--accent);
}
.opis .hosting-name .hosting-icon {
width: 14px;
height: 14px;
flex-shrink: 0;
padding: 4px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px !important;
transition: all 0.2s ease;
}
.opis .hosting-name:hover .hosting-icon {
border-color: var(--accent);
background: var(--bg-input);
}
.opis .hosting-name .hosting-text {
flex-grow: 1;
}
.opis .hosting-name .copy-btn {
margin-left: auto;
flex-shrink: 0;
cursor: pointer;
font-size: 14px !important;
font-weight: 400;
opacity: 0.7;
transition: opacity 0.2s;
user-select: none;
}
.opis .hosting-name .copy-btn:hover {
opacity: 1;
text-decoration: underline;
}
.opis .hosting-name .copy-btn.copied {
opacity: 1;
}
.opis .hosting-links {
padding: 12px 15px;
background: var(--bg-input);
border-radius: 8px !important;
margin: 15px;
text-align: left;
}
.opis .hosting-links a {
display: inline;
font-size: 13px;
font-family: monospace;
color: var(--text-secondary);
word-break: break-all;
}
.opis .hosting-links a::after {
content: "\A";
white-space: pre;
}
.opis .hosting-links a:last-child::after {
content: none;
}
.opis .hosting-links a:hover {
color: var(--accent);
text-decoration: none;
}
.opis .quality-section {
margin-bottom: 25px;
padding: 15px;
background: var(--bg-input);
border-radius: 12px;
border: 1px solid var(--border-main);
}
.opis .quality-section:last-child {
margin-bottom: 0;
}
.opis .quality-header {
color: var(--accent);
font-size: 16px;
font-weight: 600;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
gap: 8px;
}
.opis .quality-header::before {
content: "\f008";
font-family: "Font Awesome 6 Free", FontAwesome;
font-weight: 900;
font-size: 14px !important;
}
.opis .quality-section .quote {
margin-bottom: 15px;
}
.opis .quality-section .hosting-box {
margin: 10px 0 0 0;
}
.favorite-link img {
display: none;
}
.favorite-link::after {
content: 'Ulubione';
}
#dropmenudiv {
background-color: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 5px;
box-shadow: none;
padding: 5px 0;
min-width: 180px;
}
#dropmenudiv a {
background: transparent !important;
border: none !important;
color: var(--text-primary) !important;
padding: 8px 15px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: normal !important;
}
#dropmenudiv a:hover {
background: var(--bg-input) !important;
color: var(--accent) !important;
}
.dle-popup-quickedit .ui-dialog-content {
font-size: 14px !important;
}
.dle-popup-quickedit #custom-edit-fields {
margin: 15px 0;
}
.dle-popup-quickedit #custom-edit-fields .custom-field-row {
margin-bottom: 15px;
}
.dle-popup-quickedit #custom-edit-fields b {
display: block;
margin-bottom: 5px;
font-size: 14px !important;
}
.dle-popup-quickedit #custom-edit-fields input[type="text"],
.dle-popup-quickedit #custom-edit-fields textarea {
width: 100% !important;
box-sizing: border-box;
padding: 8px 10px;
font-size: 14px !important;
border: 1px solid var(--border-main);
border-radius: 8px !important;
background: var(--bg-input);
}
.dle-popup-quickedit #custom-edit-fields textarea {
resize: vertical;
}
.dle-popup-quickedit .quick-edit-text,
.dle-popup-quickedit .quick-edit-textarea {
width: 100% !important;
box-sizing: border-box;
padding: 10px 12px !important;
font-size: 14px !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
background: var(--bg-input) !important;
color: var(--text-primary) !important;
}
.dle-popup-quickedit .xfieldsrow {
display: none !important;
}
.dle-popup-quickedit .xfieldsrow:first-child,
.dle-popup-quickedit .xfieldsrow:nth-child(2) {
display: block !important;
}
.dle-popup-quickedit .dlefastedit-editor,
.dle-popup-quickedit .wseditor,
.dle-popup-quickedit .xfieldscolleft,
.dle-popup-quickedit .xfieldscolright,
.dle-popup-quickedit .upload-images-block {
display: none !important;
}
.dle-popup-quickedit form > div > b,
.dle-popup-quickedit form > b {
display: none !important;
}
.dle-popup-quickedit #custom-edit-fields,
.dle-popup-quickedit #custom-edit-fields .custom-field-row {
display: block !important;
}
.ui-dialog {
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
background: var(--bg-input) !important;
border: none !important;
border-bottom: 1px solid var(--border-main) !important;
border-radius: 8px 8px 0 0 !important;
padding: 15px 20px !important;
}
.ui-dialog .ui-dialog-title {
color: var(--text-primary) !important;
font-size: 16px !important;
font-weight: 600 !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog-titlebar-close.ui-button,
button.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-dialog-titlebar-close:last-child,
.ui-dialog .ui-button.ui-dialog-titlebar-close:first-child {
background: var(--bg-input) !important;
border: none !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
border-radius: 8px !important;
position: absolute !important;
right: 15px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
padding: 0 !important;
cursor: pointer !important;
transition: background 0.2s ease !important;
font-size: 0 !important;
color: transparent !important;
overflow: visible !important;
line-height: 0 !important;
text-indent: -9999px !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close.ui-button:hover,
button.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-button.ui-dialog-titlebar-close:hover {
background: var(--error) !important;
}
.ui-dialog-titlebar-close > *,
.ui-dialog-titlebar-close span,
.ui-dialog-titlebar-close .ui-button-icon,
.ui-dialog-titlebar-close .ui-icon,
.ui-dialog-titlebar-close .ui-button-icon-space {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.ui-dialog-titlebar-close::before {
content: '' !important;
position: absolute !important;
top: 15px !important;
left: 9px !important;
width: 14px !important;
height: 2px !important;
background: var(--text-secondary) !important;
transform: rotate(45deg) !important;
display: block !important;
pointer-events: none !important;
}
.ui-dialog-titlebar-close::after {
content: '' !important;
position: absolute !important;
top: 15px !important;
left: 9px !important;
width: 14px !important;
height: 2px !important;
background: var(--text-secondary) !important;
transform: rotate(-45deg) !important;
display: block !important;
pointer-events: none !important;
}
.ui-dialog-titlebar-close:hover::before,
.ui-dialog-titlebar-close:hover::after {
background: var(--text-on-accent) !important;
}
.ui-dialog .ui-dialog-content {
background: var(--bg-card) !important;
color: var(--text-secondary) !important;
padding: 20px !important;
font-size: 14px !important;
line-height: 1.5;
}
.ui-dialog textarea,
.ui-dialog input[type="text"],
.ui-dialog #dle-promt-text,
.dle-popup-complaint textarea {
width: 100% !important;
padding: 12px 14px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-primary) !important;
font-size: 14px !important;
font-family: inherit !important;
resize: vertical;
box-sizing: border-box !important;
margin-top: 10px;
}
.ui-dialog textarea:focus,
.ui-dialog input[type="text"]:focus,
.ui-dialog #dle-promt-text:focus,
.dle-popup-complaint textarea:focus {
outline: none !important;
border-color: var(--accent) !important;
box-shadow: 0 0 0 3px rgba(190, 123, 59, 0.12) !important;
}
.ui-dialog table {
width: 100%;
border-collapse: collapse;
}
.ui-dialog table td {
padding: 8px 10px !important;
color: var(--text-secondary) !important;
font-size: 14px !important;
border-bottom: 1px solid var(--bg-input);
vertical-align: middle;
}
.ui-dialog table tr:last-child td {
border-bottom: none;
}
.ui-dialog table td:first-child {
color: var(--text-secondary) !important;
font-weight: 500;
}
.ui-dialog table img {
border-radius: 8px !important;
max-width: 80px;
}
.ui-dialog table a {
color: var(--accent) !important;
text-decoration: none;
}
.ui-dialog table a:hover {
text-decoration: underline;
}
.ui-dialog .ui-dialog-buttonpane {
background: var(--bg-input) !important;
border: none !important;
border-top: 1px solid var(--border-main) !important;
padding: 15px 20px !important;
margin: 0 !important;
border-radius: 0 0 8px 8px !important;
}
.ui-dialog .ui-dialog-buttonset {
display: flex !important;
gap: 10px !important;
flex-wrap: wrap;
}
.ui-dialog .ui-button {
outline: none !important;
box-shadow: none !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-secondary) !important;
padding: 10px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 38px !important;
box-sizing: border-box !important;
}
.ui-dialog .ui-button:hover {
border-color: var(--accent) !important;
}
.ui-dialog .ui-button:active,
.ui-dialog .ui-button:focus {
background: var(--bg-hover) !important;
color: var(--text-primary) !important;
}
.ui-dialog .ui-button:last-child {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-on-accent) !important;
}
.ui-dialog .ui-button:last-child:hover {
box-shadow: 0 0 15px rgba(190, 123, 59, 0.4) !important;
background: var(--accent-hover) !important;
border-color: var(--accent-hover) !important;
}
.ui-dialog .ui-button.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-dialog-titlebar-close:last-child,
.ui-dialog .ui-button.ui-dialog-titlebar-close:first-child,
.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close,
.ui-dialog .ui-button.ui-button-icon-only.ui-dialog-titlebar-close,
.ui-dialog .ui-widget.ui-button.ui-dialog-titlebar-close,
.ui-dialog button.ui-button.ui-corner-all.ui-dialog-titlebar-close,
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
background: var(--bg-input) !important;
border: none !important;
border-color: var(--border-main) !important;
color: transparent !important;
}
.ui-dialog .ui-button.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-button.ui-dialog-titlebar-close:last-child:hover,
.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close:hover,
.ui-dialog .ui-button.ui-button-icon-only.ui-dialog-titlebar-close:hover,
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
background: var(--error) !important;
border-color: var(--error) !important;
}
.ui-dialog .ui-button-delete,
.ui-dialog .ui-button[class*="delete"] {
background: var(--error) !important;
border-color: var(--error) !important;
color: var(--text-on-accent) !important;
}
.ui-dialog .ui-button-delete:hover,
.ui-dialog .ui-button[class*="delete"]:hover {
background: var(--error) !important;
border-color: var(--error) !important;
}
.ui-dialog .ui-dialog-buttonset .ui-button:only-child {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-on-accent) !important;
}
.dle-popup-userprofile .ui-button:first-child {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-on-accent) !important;
}
.dle-popup-userprofile .ui-button:first-child:hover {
background: var(--accent-hover) !important;
border-color: var(--accent-hover) !important;
}
.dle-popup-userprofile .ui-button:not(:first-child) {
background: var(--bg-input) !important;
border-color: var(--border-main) !important;
color: var(--text-secondary) !important;
}
.dle-popup-userprofile .ui-button:not(:first-child):hover {
background: var(--bg-hover) !important;
color: var(--text-primary) !important;
}
.dle-popup-userprofileadmin .ui-dialog-buttonset {
display: flex !important;
gap: 10px !important;
}
.dle-popup-userprofileadmin .ui-button {
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-secondary) !important;
padding: 10px 20px !important;
font-size: 13px !important;
font-weight: 600 !important;
height: 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
cursor: pointer !important;
}
.dle-popup-userprofileadmin .ui-button:hover {
background: var(--bg-hover) !important;
color: var(--text-primary) !important;
}
.dle-popup-userprofileadmin .ui-button-delete {
background: var(--error) !important;
border-color: var(--error) !important;
color: var(--text-on-accent) !important;
order: 1 !important;
}
.dle-popup-userprofileadmin .ui-button-delete:hover {
background: var(--error) !important;
border-color: var(--error) !important;
}
.dle-popup-userprofileadmin .ui-button:not(.ui-button-delete):not(:last-child) {
order: 2 !important;
}
.dle-popup-userprofileadmin .ui-button:last-child:not(.ui-button-delete) {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-on-accent) !important;
order: 3 !important;
}
.dle-popup-userprofileadmin .ui-button:last-child:not(.ui-button-delete):hover {
background: var(--accent-hover) !important;
border-color: var(--accent-hover) !important;
}
.ui-dialog .ui-button.ui-state-hover,
.ui-dialog .ui-button.ui-state-focus,
.ui-dialog .ui-button.ui-state-active,
.ui-dialog .ui-state-hover,
.ui-dialog .ui-state-focus,
.ui-dialog .ui-state-active {
background: var(--bg-hover) !important;
border-color: var(--border-main) !important;
outline: none !important;
box-shadow: none !important;
}
.ui-dialog .ui-button:last-child.ui-state-hover,
.ui-dialog .ui-button:last-child.ui-state-focus,
.ui-dialog .ui-button:last-child.ui-state-active,
.ui-dialog .ui-button:last-child:active {
background: var(--accent-hover) !important;
border-color: var(--accent-hover) !important;
}
.ui-dialog .ui-button-delete.ui-state-hover,
.ui-dialog .ui-button-delete.ui-state-focus,
.ui-dialog .ui-button-delete.ui-state-active,
.ui-dialog .ui-button-delete:active {
background: var(--error) !important;
border-color: var(--error) !important;
}
.profile-popup {
min-width: 280px;
}
.popup-user-header {
display: flex;
align-items: center;
gap: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-main);
margin-bottom: 15px;
}
.popup-avatar-wrap {
position: relative;
width: 70px;
height: 70px;
flex-shrink: 0;
}
.profile-popup .popup-avatar {
width: 70px;
height: 70px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--border-main);
background: var(--bg-input);
}
.popup-avatar-icon {
display: none;
width: 70px;
height: 70px;
background: var(--bg-input);
border-radius: 50%;
border: 3px solid var(--border-main);
align-items: center;
justify-content: center;
}
.popup-avatar-icon i {
font-size: 28px;
color: var(--text-secondary);
}
.popup-user-info .popup-username {
font-size: 16px;
font-weight: 600;
margin: 0 0 8px 0;
color: var(--text-primary);
}
.popup-group {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 12px;
background: var(--accent-subtle);
border-radius: 20px;
font-size: 12px;
font-weight: 600;
}
.popup-group b {
font-weight: 600;
}
.popup-user-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-bottom: 15px;
}
.popup-stat {
text-align: center;
padding: 12px;
background: var(--bg-input);
border-radius: 8px;
}
.popup-stat-value {
font-size: 20px;
font-weight: 700;
color: var(--text-primary);
display: block;
}
.popup-stat-label {
font-size: 11px;
color: var(--text-secondary);
margin-top: 2px;
display: block;
}
.popup-user-details {
display: grid;
gap: 8px;
margin-bottom: 15px;
}
.popup-detail {
display: flex;
padding: 8px 10px;
background: var(--bg-input);
border-radius: 8px;
font-size: 13px;
}
.popup-detail-label {
width: 100px;
color: var(--text-secondary);
}
.popup-detail-label i {
margin-right: 6px;
color: var(--accent);
}
.popup-detail-value {
flex: 1;
font-weight: 500;
color: var(--text-primary);
}
.popup-user-actions {
display: flex;
gap: 10px;
}
.popup-user-actions a {
flex: 1;
text-align: center;
padding: 10px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px;
color: var(--text-secondary);
font-size: 12px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.popup-user-actions a:hover {
color: var(--text-on-accent);
background: var(--accent);
border-color: var(--accent);
text-decoration: none;
}
.popup-user-actions a i {
margin-right: 6px;
}
.user-status {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
margin-top: 8px;
color: var(--text-secondary);
}
.status-dot {
width: 8px;
height: 8px;
border-radius: 50%;
}
.status-dot.online {
background: var(--success);
}
.status-dot.offline {
background: var(--text-muted);
}
.ui-widget-content {
background: var(--bg-card) !important;
color: var(--text-secondary) !important;
}
.ui-widget-header {
background: var(--bg-input) !important;
color: var(--text-primary) !important;
border: none !important;
}
.ui-widget-overlay {
background: #000000 !important;
opacity: 0.7 !important;
}
.ui-corner-all {
border-radius: 8px !important;
}
.favorite-link img {
display: none !important;
}
.favorite-link {
color: var(--accent) !important;
text-decoration: none !important;
font-size: 14px !important;
}
.favorite-link:hover {
text-decoration: underline !important;
}
.favorite-link.add-favorite::after {
content: "Ulubione";
}
.favorite-link.del-favorite::after {
content: "Usuń z ulubionych";
}
a[data-fav-id] img {
display: none !important;
}
a[data-fav-id] {
color: var(--accent) !important;
text-decoration: none !important;
font-size: 14px !important;
}
a[data-fav-id]:hover {
text-decoration: underline !important;
}
a[data-fav-id]:empty::after {
content: "Ulubione";
}
.hosting-info {
display: none !important;
}
.hosting-info:has(.hosting-list-icon) {
display: block !important;
}
.hosting-list-icon {
width: 16px;
height: 16px;
vertical-align: middle;
margin-left: 8px;
}
.newnews .form-field {
width: 720px;
padding: 8px 10px;
font-size: 14px !important;
border: 1px solid var(--border-main);
border-radius: 8px !important;
background: var(--bg-input);
transition: border-color 0.2s;
}
.newnews .form-field:focus {
border-color: var(--accent);
outline: none;
}
.newnews .form-field-mono {
font-family: 'Courier New', monospace;
font-size: 14px !important;
}
.newnews input.form-field {
height: 38px;
}
.newnews textarea.form-field {
resize: vertical;
min-height: 80px;
}
.newnews .category-select select {
width: 720px;
padding: 8px 10px;
font-size: 14px !important;
border: 1px solid var(--border-main);
border-radius: 8px !important;
background: var(--bg-input);
height: 40px;
cursor: pointer;
}
.newnews .category-select select:focus {
border-color: var(--accent);
outline: none;
}
.view-toggle-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 12px 15px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
margin: 10px 0 0 0;
}
.bar-left {
display: flex;
align-items: center;
gap: 8px;
flex: 1;
margin-right: 15px;
}
.bar-icon {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
text-decoration: none;
color: var(--text-secondary);
font-size: 16px;
text-decoration: none;
transition: all 0.2s ease;
flex-shrink: 0;
}
.bar-icon:hover {
background: var(--border-main);
color: var(--accent);
border-color: var(--accent);
text-decoration: none;
}
.bar-search {
display: flex;
align-items: center;
flex: 1;
gap: 8px;
}
.bar-search-btn {
color: var(--text-on-accent);
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: var(--accent);
border: none;
border-radius: 8px !important;
font-size: 14px !important;
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
}
.bar-search-btn:hover {
background: var(--accent-hover);
}
.bar-search-input {
flex: 1;
height: 38px;
padding: 0 14px;
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 14px !important;
background: var(--bg-input);
outline: none;
}
.bar-search-input:focus {
border-color: var(--accent);
}
.bar-search-input::placeholder {
color: var(--text-secondary);
}
.bar-search {
position: relative;
}
.live-search-results,
#searchsuggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin-top: 8px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
max-height: 400px;
overflow-y: auto;
z-index: 1000;
display: none;
}
.live-search-results::-webkit-scrollbar {
width: 8px;
}
.live-search-results::-webkit-scrollbar-track {
background: var(--bg-input);
border-radius: 4px;
}
.live-search-results::-webkit-scrollbar-thumb {
background: var(--border-main);
border-radius: 4px;
}
.live-search-results::-webkit-scrollbar-thumb:hover {
background: var(--accent);
}
.search-result-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
padding: 12px 15px;
border-bottom: 1px solid var(--border-main);
text-decoration: none;
transition: all 0.2s ease;
}
.search-result-item:last-child {
border-bottom: none;
}
.search-result-item:hover {
text-decoration: none;
background: var(--bg-input);
}
.search-result-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-input);
border-radius: 5px;
border: 1px solid var(--border-main);
transition: all 0.2s ease;
}
.search-result-icon i {
color: var(--accent);
font-size: 18px;
}
.search-result-item:hover .search-result-icon {
}
.search-result-item:hover .search-result-icon i {
}
.search-result-content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.search-result-title {
font-size: 14px !important;
font-weight: 500;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.search-result-item:hover .search-result-title {
color: var(--accent);
}
.search-result-title mark,
.live-search-results mark,
.search-results-page mark {
background: var(--accent-subtle);
color: var(--accent);
padding: 1px 2px;
border-radius: 2px;
font-weight: 600;
}
.search-result-meta {
color: var(--text-secondary);
font-size: 12px;
display: flex;
align-items: center;
gap: 6px;
}
.search-result-meta i {
font-size: 11px;
color: var(--text-muted);
}
.search-result-meta a {
color: var(--text-secondary);
text-decoration: none;
}
.search-result-meta a:hover {
color: var(--accent);
}
.search-result-category {
color: var(--text-secondary);
font-size: 12px;
}
.search-result-category a {
color: var(--text-secondary);
text-decoration: none;
}
.search-result-category a:hover {
color: var(--accent);
}
.search-no-results {
padding: 20px 15px;
text-align: center;
color: var(--text-secondary);
font-size: 14px !important;
}
.live-search-results .notfound {
display: block;
padding: 20px 15px;
text-align: center;
color: var(--text-secondary);
font-size: 14px !important;
}
.live-search-results .seperator {
display: block;
padding: 10px 15px;
border-top: 1px solid var(--border-main);
background: var(--bg-input);
}
.live-search-results .seperator a {
color: var(--accent);
font-size: 13px;
text-decoration: none;
}
.live-search-results .seperator a:hover {
text-decoration: underline;
}
.live-search-results .searchheading {
display: block;
padding: 12px 15px;
font-size: 14px !important;
border-bottom: 1px solid var(--border-main);
transition: background 0.2s ease;
}
.live-search-results a:hover .searchheading {
background: var(--bg-input);
color: var(--accent);
}
.search-results-page {
margin-bottom: 20px;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100%;
box-sizing: border-box;
display: block;
}
.articles-container .search-results-page,
.articles-container .searching {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100%;
}
.search-results-page h4 {
margin: 0 0 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid var(--border-main);
font-size: 18px;
font-weight: 600;
}
.search-results-page h4 i {
color: var(--accent);
margin-right: 10px;
}
.search-results-info {
color: var(--text-secondary);
font-size: 14px !important;
padding: 10px 0;
}
.search-result-comment .list-card-comment-icon {
flex-shrink: 0;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-input);
border-radius: 5px;
border: 1px solid var(--border-main);
}
.search-result-comment .list-card-comment-icon i {
font-size: 32px;
color: var(--accent);
}
.search-comment-text {
color: var(--text-secondary);
font-size: 13px;
line-height: 1.5;
margin: 8px 0;
padding: 10px;
background: var(--bg-input);
border-radius: 8px !important;
border-left: 3px solid var(--accent);
}
.search-result-movie .list-card {
display: flex !important;
}
.articles-container.view-grid .search-result-movie .list-card {
display: none !important;
}
.articles-container.view-grid .search-result-movie .list-card + .opis {
display: none !important;
}
.articles-container.view-grid .search-result-movie .grid-view-content {
display: block !important;
}
.featured-list {
list-style: none;
margin: 0;
padding: 8px;
display: flex;
flex-direction: column;
gap: 10px;
}
.featured-item,
.featured-list .featured-item:first-child {
background: var(--bg-card);
border: 1px solid var(--border-main) !important;
border-radius: 5px;
overflow: hidden;
transition: border-color 0.2s ease, transform 0.2s ease;
}
.featured-item:hover {
transform: translateY(-5px);
}
.featured-list .featured-item:hover {
transform: translateY(-5px) !important;
}
.featured-link {
display: flex;
flex-direction: column;
text-decoration: none !important;
}
.featured-link:hover {
text-decoration: none !important;
}
.featured-poster {
display: block;
width: 100%;
padding-top: 140%;
background-size: cover;
background-position: center top;
background-color: var(--bg-input);
background-repeat: no-repeat;
position: relative;
border-radius: 8px;
}
.featured-rating {
position: absolute;
top: 5px;
right: 5px;
background: var(--bg-card);
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
color: var(--tmdb-rating);
text-transform: uppercase;
letter-spacing: 0.5px;
z-index: 2;
}
.featured-rating i {
margin-right: 4px;
}
.featured-no-image {
display: flex;
align-items: center;
justify-content: center;
padding-top: 0;
height: 120px;
}
.featured-no-image i {
font-size: 32px;
color: var(--accent);
}
.featured-info {
padding: 10px;
display: flex;
flex-direction: column;
gap: 4px;
}
.featured-title {
color: var(--text-secondary);
font-size: 12px;
font-weight: 500;
line-height: 1.4;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-decoration: none !important;
}
.featured-category {
color: var(--accent);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.bar-right {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.view-toggle-label {
font-size: 14px !important;
color: var(--text-secondary);
margin-right: 5px;
}
.view-toggle-btn {
width: 38px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
color: var(--text-secondary);
font-size: 16px;
cursor: pointer;
transition: all 0.2s ease;
}
.view-toggle-btn:hover {
color: var(--accent);
background: var(--border-main);
border-color: var(--accent);
}
.view-toggle-btn.active {
color: var(--text-on-accent);
background: var(--accent);
border: none;
}
.view-toggle-btn.active:hover {
background: var(--accent-hover);
}
.articles-container {
transition: opacity 0.2s ease;
display: flex;
flex-direction: column;
gap: 10px;
}
.articles-container > #dle-ajax-comments:empty {
display: none;
}
.articles-container > .boxed,
.articles-container > form,
.articles-container > form > .boxed {
margin: 0;
}
.articles-container.view-list .movie.boxed {
display: block;
padding: 16px;
margin: 0;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 14px;
transition: all 0.25s ease;
}
.articles-container.view-list .movie.boxed:hover {
background: var(--bg-hover);
}
.articles-container.view-list .list-card {
display: flex;
}
.articles-container.view-list .list-card + .opis {
display: none;
}
.articles-container.view-list .grid-view-content {
display: none;
}
.list-card {
display: flex;
gap: 20px;
}
.list-card-poster {
flex-shrink: 0;
width: 120px;
}
.list-card-poster a {
display: block;
text-decoration: none;
}
.list-poster-img {
display: block;
width: 120px;
height: 180px;
background-color: var(--bg-input);
background-size: cover;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
position: relative;
border: 2px solid var(--border-main);
transition: border-color 0.2s ease;
}
.list-card:hover .list-poster-img {
border-color: var(--bg-hover);
}
.list-poster-img::before {
content: '\f008';
font-family: 'FontAwesome';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 32px;
color: var(--border-main);
opacity: 0.5;
}
.list-poster-img[style*="background-image"]::before {
display: none;
}
.list-card-body {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
.list-card-title {
margin: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
}
.list-card-title a {
color: var(--text-secondary) !important;
text-decoration: none;
transition: color 0.2s ease;
}
.list-card-title a:hover {
color: var(--text-secondary) !important;
text-decoration: none;
}
.list-card-release {
color: var(--accent);
display: block;
font-size: 11px;
font-family: 'Consolas', 'Monaco', monospace;
font-weight: 400;
margin-top: 6px;
line-height: 1.4;
word-break: break-word;
}
.list-card-release:empty {
display: none;
}
.list-card-technical {
display: inline-block;
font-size: 11px;
font-family: 'Consolas', 'Monaco', monospace;
color: var(--accent);
background: rgba(230, 101, 0, 0.12);
border-left: 3px solid rgba(230, 101, 0, 0.5);
padding: 6px 10px;
border-radius: 0 6px 6px 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-card-technical:empty {
display: none;
}
.list-card-meta {
display: flex;
flex-wrap: wrap;
gap: 16px;
font-size: 13px;
color: var(--text-secondary);
}
.list-card-meta span {
display: inline-flex;
align-items: center;
gap: 5px;
}
.list-card-meta i {
color: var(--text-muted);
font-size: 12px;
}
.list-meta-category a {
color: var(--accent) !important;
font-weight: 500;
}
.list-meta-category a:hover {
text-decoration: underline;
}
.list-card-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.list-tag {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px;
background: var(--bg-input);
border-radius: 4px;
font-size: 12px;
color: var(--text-secondary);
}
.list-tag i {
color: var(--text-muted);
}
.list-card-tags .hosting-info {
display: flex;
gap: 6px;
align-items: center;
}
.list-card-tags .hosting-info img {
width: 14px;
height: 14px;
padding: 4px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
transition: all 0.2s ease;
}
.list-card-tags .hosting-info img:hover {
border-color: var(--accent);
background: var(--bg-hover);
}
.hosting-label {
color: var(--text-secondary);
font-size: 15px;
}
.list-card-actions {
margin-top: auto;
padding-top: 6px;
}
.list-card-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 24px;
background: var(--bg-input);
color: var(--text-secondary) !important;
border: 1px solid var(--border-main);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 8px !important;
text-decoration: none !important;
transition: all 0.2s ease;
cursor: pointer;
}
.list-card-btn:hover {
background: var(--border-main);
border-color: var(--accent);
color: var(--text-primary) !important;
transform: translateY(-2px);
}
.list-card-btn:active,
.list-card-btn:focus {
background: var(--accent);
border-color: var(--accent);
color: var(--text-primary) !important;
outline: none;
-webkit-tap-highlight-color: transparent;
}
.trailer-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 5px;
padding: 10px 24px;
background: var(--bg-input);
color: var(--text-secondary) !important;
border: 1px solid var(--border-main);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 8px !important;
text-decoration: none !important;
transition: all 0.2s ease;
cursor: pointer;
margin-left: 10px;
}
.trailer-btn i {
font-size: 14px !important;
color: var(--error);
}
.trailer-btn:hover {
background: var(--border-main);
border-color: var(--error);
color: var(--text-primary) !important;
transform: translateY(-2px);
}
.trailer-box {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
overflow: hidden;
max-width: 560px;
margin: 0 auto;
}
.trailer-thumb-link {
position: relative;
display: block;
border-radius: 8px !important;
overflow: hidden;
}
.trailer-thumb {
width: 100%;
height: auto;
aspect-ratio: 16/9;
object-fit: cover;
display: block;
}
.trailer-play-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.4);
transition: background 0.3s ease;
}
.trailer-play-overlay i {
font-size: 48px;
color: var(--error);
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
transition: transform 0.3s ease;
}
.trailer-thumb-link:hover .trailer-play-overlay {
background: rgba(0, 0, 0, 0.2);
}
.trailer-thumb-link:hover .trailer-play-overlay i {
transform: scale(1.2);
}
.trailer-section-wrapper {
margin: 20px 0;
}
.trailer-section-wrapper > h2 {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.list-card {
flex-direction: column;
gap: 14px;
}
.list-card-poster {
width: 100%;
display: flex;
justify-content: center;
}
.list-poster-img {
width: 140px;
height: 210px;
}
.list-card-title {
font-size: 12px;
text-align: left;
}
.list-card-meta {
justify-content: center;
}
.list-card-tags {
justify-content: center;
}
.list-card-actions {
text-align: center;
}
.list-card-btn {
width: 100%;
}
}
.articles-container.view-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
margin-top: 0;
}
.articles-container.view-grid > .boxed,
.articles-container.view-grid > .movie.boxed {
margin-top: 0;
margin-bottom: 0;
}
.articles-container.view-grid .movie.boxed {
width: calc(33.333% - 7px);
padding: 0;
margin: 0;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
border: none;
border-radius: 12px;
background: transparent;
box-shadow: none;
}
.articles-container.view-grid .movie.boxed:hover {
transform: translateY(-5px);
box-shadow: none;
}
.articles-container.view-grid .list-card {
display: none;
}
.articles-container.view-grid .list-card + .opis {
display: none !important;
}
.articles-container.view-grid .grid-view-content {
display: block;
}
.grid-view-content {
display: none;
}
.grid-view-content > a {
display: block;
text-decoration: none;
}
.grid-poster {
width: 100%;
padding-bottom: 150%;
background-color: var(--bg-input);
background-size: cover;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.grid-poster::before {
content: '\f008';
font-family: 'FontAwesome';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 40px;
color: var(--border-main);
opacity: 0.5;
}
.grid-poster[style*="background-image"]::before {
display: none;
}
.grid-poster-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
z-index: 1;
}
.grid-poster:has(.grid-poster-img)::before {
display: none;
}
.grid-rating {
position: absolute;
top: 8px;
right: 8px;
z-index: 2;
background: var(--bg-card);
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--tmdb-rating);
z-index: 2;
}
.grid-rating i {
margin-right: 4px;
}
.grid-info {
padding: 12px 14px;
background: var(--bg-card);
border-radius: 0 0 12px 12px;
}
.grid-info .grid-title {
color: var(--text-secondary);
margin: 0 0 6px 0;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.grid-info .grid-title a {
color: var(--text-secondary);
text-decoration: none;
}
.grid-info .grid-title a:hover {
color: var(--text-secondary);
}
.grid-meta {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.grid-category {
font-size: 13px;
color: var(--text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 60%;
}
.grid-category a {
color: var(--accent);
text-decoration: none;
}
.grid-category a:hover {
text-decoration: none;
}
.grid-hosting-icons {
display: flex;
gap: 4px;
flex-wrap: nowrap;
overflow: hidden;
align-items: center;
}
.grid-hosting-icons .hosting-list-icon {
width: 12px;
height: 12px;
padding: 3px;
margin: 0;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 4px;
transition: all 0.2s ease;
}
.grid-hosting-icons .hosting-list-icon:hover {
border-color: var(--accent);
background: var(--bg-hover);
}
.articles-container.view-grid .pagination,
.articles-container.view-grid .navigation,
.articles-container.view-grid .search-results-page,
.articles-container.view-grid .search-results-page.boxed,
.articles-container.view-grid .searching,
.articles-container.view-grid .searching.boxed,
.articles-container.view-grid .related-news-section,
.articles-container.view-grid .messages.addcomment,
.articles-container.view-grid .comment,
.articles-container.view-grid #dle-comments-form {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
.articles-container.view-grid .movie.boxed:only-of-type {
flex: 0 0 calc(33.333% - 7px);
width: calc(33.333% - 7px);
max-width: calc(33.333% - 7px);
margin-top: 0;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
}
.articles-container.view-grid > form,
.articles-container.view-grid > #fullsearch,
.articles-container.view-grid form#fullsearch {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
.articles-container.view-grid .pagination,
.articles-container.view-grid .navigation {
order: 9999;
}
.articles-container.view-grid > .row {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
order: 9999;
}
@media (max-width: 900px) {
.articles-container.view-grid .movie.boxed {
width: calc(50% - 5px);
}
}
@media (max-width: 600px) {
.articles-container.view-grid .movie.boxed {
width: 100%;
}
}
html.desktop-grid .articles-container {
display: flex;
gap: 10px;
margin-top: 0;
}
html.desktop-grid .articles-container .list-card {
display: none;
}
html.desktop-grid .articles-container .grid-view-content {
display: block;
}
@media (max-width: 1024px) {
html.mobile-grid .articles-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 0;
}
html.mobile-grid .articles-container .movie.boxed {
width: calc(33.333% - 7px);
padding: 0;
margin: 0;
overflow: hidden;
box-sizing: border-box;
border: none;
border-radius: 12px;
background: transparent;
box-shadow: none;
}
html.mobile-grid .articles-container .list-card {
display: none;
}
html.mobile-grid .articles-container .list-card + .opis {
display: none !important;
}
html.mobile-grid .articles-container .grid-view-content {
display: block;
}
html.mobile-grid .articles-container .pagination,
html.mobile-grid .articles-container .navigation,
html.mobile-grid .articles-container .search-results-page,
html.mobile-grid .articles-container .search-results-page.boxed,
html.mobile-grid .articles-container .searching,
html.mobile-grid .articles-container .searching.boxed {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
html.mobile-grid .articles-container > form,
html.mobile-grid .articles-container > #fullsearch,
html.mobile-grid .articles-container form#fullsearch {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
html.mobile-grid .articles-container .pagination,
html.mobile-grid .articles-container .navigation {
order: 9999;
}
html.mobile-grid .articles-container > .row {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
order: 9999;
}
html.mobile-grid .articles-container .search-result-movie .list-card {
display: none !important;
}
html.mobile-grid .articles-container .search-result-movie .list-card + .opis {
display: none !important;
}
html.mobile-grid .articles-container .search-result-movie .grid-view-content {
display: block !important;
}
}
@media (max-width: 900px) {
html.mobile-grid .articles-container .movie.boxed {
width: calc(50% - 5px);
}
}
@media (max-width: 600px) {
html.mobile-grid .articles-container .movie.boxed {
width: 100%;
}
}
.topbar {
background: linear-gradient(90deg, rgba(190, 123, 59, 0.04) 0%, transparent 30%, transparent 70%, rgba(88, 166, 255, 0.03) 100%), var(--bg-card);
border-bottom: 1px solid var(--border-main);
width: 100%;
}
.topbar-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1280px; width: 100%;
margin: 0 auto;
padding: 24px 0;
}
.topbar-left {
display: flex;
align-items: center;
justify-content: center;
width: 240px;
}
.topbar-logo {
display: flex;
align-items: center;
text-decoration: none;
position: relative;
}
.topbar-logo::after {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
transform: translateX(-50%);
width: 70%;
height: 15px;
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
filter: blur(8px);
pointer-events: none;
}
.topbar-logo img {
height: 70px;
width: auto;
transition: all 0.3s ease;
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.15));
}
.topbar-logo:hover img {
opacity: 0.95;
filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.04));
}
.topbar-right {
display: flex;
align-items: center;
gap: 10px;
padding-right: 35px;
}
.topbar-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: var(--bg-input);
color: var(--text-secondary);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
}
.topbar-btn:hover {
text-decoration: none;
background: var(--border-main);
border-color: var(--accent);
}
.topbar-btn-primary {
color: var(--btn-primary-text);
background: var(--btn-primary-bg);
border-color: var(--accent);
}
.topbar-btn-primary:hover {
color: var(--text-on-accent);
background: var(--btn-primary-hover);
border-color: var(--accent-hover);
}
.topbar-btn i {
font-size: 12px;
}
.topbar-icon {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
color: var(--text-secondary);
font-size: 14px !important;
text-decoration: none;
transition: all 0.2s ease;
}
.topbar-icon:hover {
text-decoration: none;
color: var(--accent);
background: var(--border-main);
border-color: var(--accent);
}
.topbar-badge {
color: #ffffff;
position: absolute;
top: -4px;
right: -4px;
min-width: 16px;
height: 16px;
padding: 0 4px;
background: var(--accent);
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: center;
border-radius: 5px;
}
.user-dropdown {
z-index: 150;
position: relative;
}
.user-menu-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 14px;
background: var(--bg-input);
color: var(--text-secondary);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 13px;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.user-menu-btn:hover {
color: var(--accent);
background: var(--border-main);
border-color: var(--accent);
}
.user-menu-btn i {
font-size: 14px !important;
}
.user-menu-btn:hover i {
color: var(--accent);
}
.user-dropdown-menu {
position: absolute;
top: calc(100% + 8px);
right: 0;
width: 260px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.2s ease;
z-index: 1000;
}
.user-dropdown-menu.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.dropdown-header {
display: flex;
align-items: center;
gap: 12px;
padding: 15px;
border-bottom: 1px solid var(--border-main);
}
.dropdown-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.dropdown-user-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.dropdown-username {
font-size: 14px !important;
font-weight: 600;
}
.dropdown-role {
font-size: 12px;
color: var(--text-secondary);
}
.dropdown-points {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 15px;
background: linear-gradient(135deg, rgba(240, 136, 62, 0.1) 0%, rgba(190, 123, 59, 0.05) 100%);
border-bottom: 1px solid var(--border-main);
}
.dropdown-points-icon {
width: 36px;
height: 36px;
background: linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.dropdown-points-icon i {
color: #fff;
font-size: 16px;
}
.dropdown-points-info {
display: flex;
flex-direction: column;
flex: 1;
}
.dropdown-points-value {
font-size: 18px;
font-weight: 700;
color: var(--accent);
}
.dropdown-points-label {
font-size: 11px;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.dropdown-points-link {
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-input);
border-radius: 8px !important;
color: var(--text-secondary);
text-decoration: none;
transition: all 0.2s ease;
}
.dropdown-points-link:hover {
background: var(--border-main);
color: var(--accent);
}
.dropdown-badges {
display: flex;
gap: 8px;
padding: 12px 15px;
border-bottom: 1px solid var(--border-main);
}
.dropdown-badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 6px 12px;
font-size: 12px;
font-weight: 600;
border-radius: 8px !important;
text-decoration: none;
transition: all 0.2s ease;
}
.dropdown-badge i {
font-size: 11px;
}
.dropdown-badge-admin {
background: var(--bg-input);
color: #7a9bb5;
border: 1px solid var(--badge-film);
}
.dropdown-badge-admin:hover {
color: var(--text-on-accent);
text-decoration: none;
background: var(--badge-film);
}
.dropdown-badge-vip {
background: var(--bg-input);
color: var(--warning);
border: 1px solid var(--warning);
}
.dropdown-badge-vip:hover {
background: var(--warning);
color: var(--bg-body);
}
.dropdown-menu-items {
padding: 8px 0;
}
.dropdown-menu-items a {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 15px;
color: var(--text-secondary);
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease;
}
.dropdown-menu-items a:hover {
background: var(--bg-input);
}
.dropdown-menu-items a i {
width: 16px;
text-align: center;
font-size: 13px;
}
.dropdown-footer {
padding: 8px 15px 12px;
border-top: 1px solid var(--border-main);
}
.dropdown-logout {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
padding: 10px;
background: var(--bg-input);
color: var(--error);
font-size: 13px;
font-weight: 500;
text-decoration: none;
border-radius: 8px !important;
transition: all 0.2s ease;
box-sizing: border-box;
}
.dropdown-logout:hover {
color: var(--text-on-accent);
text-decoration: none;
background: var(--error);
}
body.modal-open {
overflow: hidden;
}
.login-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(13, 17, 23, 0.85);
align-items: flex-start;
justify-content: center;
z-index: 9999;
overflow-y: auto;
padding: 20px 15px;
box-sizing: border-box;
}
.login-modal-content {
width: 100%;
max-width: 360px;
padding: 30px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
margin: auto;
flex-shrink: 0;
}
.login-modal-close {
float: right;
font-size: 24px;
color: var(--text-secondary);
cursor: pointer;
line-height: 1;
transition: color 0.2s ease;
}
.login-modal-close:hover {
color: var(--error);
}
.login-modal-content h3, .login-modal-content h2 {
margin: 0 0 10px 0;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.login-error-message {
background: var(--error-bg);
border: 1px solid var(--error);
color: var(--error);
padding: 12px 15px;
border-radius: 5px;
font-size: 13px;
text-align: center;
margin-bottom: 10px;
}
.login-error-message i {
margin-right: 8px;
color: var(--error);
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
20%, 40%, 60%, 80% { transform: translateX(5px); }
}
.login-modal-content.shake {
animation: shake 0.5s ease-in-out;
}
.login-modal-content form {
display: flex;
flex-direction: column;
gap: 12px;
}
.login-modal-content input[type="text"],
.login-modal-content input[type="password"] {
width: 100%;
padding: 12px 14px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 14px !important;
outline: none;
transition: border-color 0.2s ease;
box-sizing: border-box;
}
.login-modal-content input[type="text"]:focus,
.login-modal-content input[type="password"]:focus {
border-color: var(--accent);
}
.login-modal-content input::placeholder {
color: var(--text-secondary);
}
.login-modal-content button[type="submit"] {
width: 100%;
padding: 12px;
background: var(--accent);
border: none;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600;
color: var(--text-on-accent);
cursor: pointer;
transition: background 0.2s ease;
}
.login-modal-content button[type="submit"]:hover {
background: var(--accent-hover);
}
.login-modal-links {
display: flex;
justify-content: space-between;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid var(--border-main);
}
.login-modal-links a {
color: var(--text-secondary);
font-size: 12px;
text-decoration: none;
transition: color 0.2s ease;
}
.login-modal-links a:hover {
color: var(--accent);
}
.pm-container {
margin-bottom: 15px;
}
.pm-container.boxed {
padding: 0;
overflow: hidden;
}
.pm-header {
padding: 15px 20px;
border-bottom: 1px solid var(--border-main);
}
.pm-header h4 {
margin: 0;
font-size: 17px;
font-weight: 600;
}
.pm-header h4 i {
margin-right: 10px;
color: var(--accent);
}
.pm-tabs {
display: flex;
background: var(--bg-input);
}
.pm-tab {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 15px;
color: var(--text-secondary);
font-size: 14px !important;
font-weight: 600;
text-decoration: none;
border-right: 1px solid var(--border-main);
transition: all 0.2s ease;
}
.pm-tab:last-child {
border-right: none;
}
.pm-tab:hover {
background: var(--border-main);
text-decoration: none;
}
.pm-tab.active {
background: var(--bg-card);
color: var(--accent);
}
.pm-tab i {
font-size: 14px !important;
}
.pm-tab-new {
color: var(--text-on-accent);
background: var(--accent);
}
.pm-tab-new:hover {
color: var(--text-on-accent);
background: var(--accent-hover);
}
.pm-list-header, .pm-compose-header, .pm-read-header {
padding: 15px 20px;
border-bottom: 1px solid var(--border-main);
}
.pm-list-header h5, .pm-compose-header h5, .pm-read-header h5 {
margin: 0;
font-size: 17px;
font-weight: 600;
}
.pm-list-header h5 i, .pm-compose-header h5 i, .pm-read-header h5 i {
margin-right: 10px;
color: var(--accent);
}
.pm-list-content {
padding: 20px;
color: var(--text-secondary);
font-size: 14px !important;
}
.pm-compose-form {
padding: 20px;
}
.pm-field {
margin-bottom: 15px;
}
.pm-field label {
display: block;
margin-bottom: 8px;
font-size: 14px !important;
font-weight: 600;
}
.pm-field label i {
margin-right: 8px;
color: var(--accent);
}
.pm-field input[type="text"],
.pm-compose-form input[type="text"],
.pm-container input[type="text"] {
width: 100% !important;
padding: 12px 14px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-primary) !important;
font-size: 14px !important;
font-family: inherit !important;
outline: none !important;
box-sizing: border-box !important;
height: auto !important;
}
.pm-field input[type="text"]:focus,
.pm-compose-form input[type="text"]:focus,
.pm-container input[type="text"]:focus {
border-color: var(--accent) !important;
}
#pm_subj,
.pm-container .quick-edit-text,
.pm-container .classic,
.pm-editor .quick-edit-text {
width: 100% !important;
padding: 12px 14px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-primary) !important;
font-size: 14px !important;
font-family: inherit !important;
outline: none !important;
box-sizing: border-box !important;
height: auto !important;
margin: 0 !important;
}
#pm_subj:focus,
.pm-container .quick-edit-text:focus,
.pm-container .classic:focus,
.pm-editor .quick-edit-text:focus {
border-color: var(--accent) !important;
}
.pm-options {
margin-bottom: 20px;
}
.pm-checkbox {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
color: var(--text-secondary);
font-size: 14px !important;
}
.pm-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--accent);
}
.pm-actions {
display: flex;
gap: 10px;
}
.pm-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px !important;
font-size: 14px !important;
font-weight: 500;
border-radius: 8px !important;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
border: none;
}
.pm-btn-send {
color: var(--text-on-accent);
background: var(--accent);
}
.pm-btn-send:hover {
background: var(--accent-hover);
}
.pm-btn-preview {
background: var(--bg-input);
color: var(--text-secondary);
border: 1px solid var(--border-main);
}
.pm-btn-preview:hover {
background: var(--border-main);
}
.pm-read-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
background: var(--bg-input);
border-bottom: 1px solid var(--border-main);
}
.pm-author {
display: flex;
align-items: center;
gap: 12px;
}
.pm-author-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.pm-author-info {
display: flex;
flex-direction: column;
gap: 2px;
}
.pm-author-name {
font-size: 15px;
font-weight: 600;
}
.pm-author-group {
font-size: 12px;
color: inherit;
}
.pm-date {
font-size: 13px;
color: var(--text-secondary);
}
.pm-date i {
margin-right: 6px;
}
.pm-read-content {
padding: 20px;
font-size: 14px !important;
line-height: 1.6;
color: var(--text-secondary);
}
.pm-signature {
padding: 15px 20px;
border-top: 1px solid var(--border-main);
font-size: 13px;
color: var(--text-secondary);
font-style: italic;
}
.pm-read-actions {
display: flex;
gap: 10px;
padding: 15px 20px;
border-top: 1px solid var(--border-main);
background: var(--bg-input);
}
.pm-btn-reply {
color: var(--text-on-accent);
background: var(--accent);
}
.pm-btn-reply:hover {
background: var(--accent-hover);
text-decoration: none;
}
.pm-btn-delete {
background: var(--bg-input);
color: var(--error);
border: 1px solid var(--error);
}
.pm-btn-delete:hover {
color: var(--text-on-accent);
background: var(--error);
text-decoration: none;
}
.pm-list-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
border-bottom: 1px solid var(--border-main);
}
.pm-list-header h5 {
margin: 0;
font-size: 17px;
}
.pm-list-header h5 i {
margin-right: 8px;
color: var(--accent);
}
.pm-list-actions {
display: flex;
gap: 10px;
}
.pm-btn-small {
padding: 6px 12px;
font-size: 13px;
border: 1px solid var(--border-main);
background: var(--bg-input);
color: var(--text-secondary);
border-radius: 8px !important;
cursor: pointer;
transition: all 0.2s ease;
}
.pm-btn-small:hover {
background: var(--border-main);
}
.pm-btn-small i {
margin-right: 5px;
}
.pm-btn-danger {
border-color: var(--error-bg);
color: var(--error);
}
.pm-btn-danger:hover {
color: var(--text-on-accent);
background: var(--error);
border-color: var(--error);
}
.pm-list-content {
padding: 0;
}
.pm-no-messages {
display: block;
text-align: center;
padding: 50px 20px;
font-size: 15px;
color: var(--text-secondary);
}
table.pm {
width: 100%;
border-collapse: collapse;
font-size: 14px !important;
}
table.pm thead tr {
background: var(--bg-input);
border-bottom: 1px solid var(--border-main);
}
table.pm .pm_head {
padding: 12px 15px;
font-size: 13px;
font-weight: 600;
color: var(--text-secondary);
text-align: left;
}
table.pm tbody tr {
border-bottom: 1px solid var(--bg-input);
cursor: pointer;
transition: background 0.2s ease;
}
table.pm tbody tr:hover {
background: var(--bg-input);
}
table.pm tbody tr:last-child {
border-bottom: none;
}
table.pm .pm_list {
padding: 15px;
vertical-align: top;
}
a.pm_list {
font-size: 15px !important;
font-weight: 600 !important;
color: var(--accent) !important;
text-decoration: none;
}
a.pm_list:hover {
text-decoration: underline;
color: var(--accent-hover) !important;
}
table.pm .pm_icon {
width: 40px;
text-align: center;
color: var(--text-secondary);
}
table.pm .pm_icon svg {
width: 18px;
height: 18px;
}
table.pm .pm-unread-image {
color: var(--accent);
}
table.pm .pm-unread-image svg {
fill: var(--accent);
}
table.pm .pm-read-image {
color: var(--text-secondary);
}
table.pm .pm-reply-image {
color: #38bdf8;
}
table.pm .pm-reply-image svg {
fill: var(--success);
}
table.pm .pm_subj {
padding: 15px;
overflow: visible;
}
table.pm .pm_subj .pm_subj {
padding: 0;
width: calc(100% + 150px);
}
table.pm .pm_subj .pm_subj a {
text-decoration: none;
font-size: 14px !important;
}
table.pm .pm_subj .pm_subj a:hover {
color: var(--accent);
}
table.pm .pm_subj .pm_subj a b {
font-weight: 600;
}
table.pm .pm_last_message {
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
font-size: 13px;
color: var(--text-secondary);
line-height: 1.4;
width: calc(100% + 150px);
}
table.pm .pm_with_user {
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
font-size: 12px !important;
color: var(--text-muted);
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% + 150px);
}
table.pm .pm_with_user_text {
display: inline;
font-size: 12px !important;
}
table.pm .pm_with_user_date {
color: var(--text-muted);
font-size: 12px !important;
margin-left: auto;
}
table.pm .pm_with_user a,
table.pm .pm_with_user a.pm_list {
color: var(--accent) !important;
font-size: 12px !important;
padding: 0 !important;
margin: 0 !important;
margin-left: 4px !important;
}
table.pm .pm_last_user {
padding: 15px;
text-align: left;
}
table.pm .pm_last_user .pm_last_user a {
color: var(--accent);
text-decoration: none;
font-size: 14px !important;
font-weight: 500;
}
table.pm .pm_last_user .pm_last_user a:hover {
text-decoration: underline;
}
table.pm .pm_last_user .pm_last_date {
margin-top: 3px;
font-size: 12px;
color: var(--text-secondary);
}
table.pm .pm_checkbox {
width: 50px;
text-align: center;
vertical-align: top;
padding-top: 17px;
}
table.pm .pm_checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--accent);
cursor: pointer;
}
table.pm_navigation {
margin-top: 15px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px !important;
}
table.pm_navigation td {
padding: 12px 15px;
}
table.pm_navigation .navigation {
display: flex;
gap: 5px;
align-items: center;
}
table.pm_navigation .navigation a,
table.pm_navigation .navigation span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 32px;
padding: 0 10px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
color: var(--text-secondary);
text-decoration: none;
font-size: 13px;
transition: all 0.2s ease;
}
table.pm_navigation .navigation a:hover {
background: var(--border-main);
border-color: var(--accent);
}
table.pm_navigation .navigation span {
background: var(--accent);
border-color: var(--accent);
font-weight: 600;
}
table.pm_navigation .navigation .nav_ext {
background: transparent;
border: none;
min-width: auto;
padding: 0 5px;
}
table.pm_navigation td[align="right"] {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
table.pm_navigation select {
height: 38px;
padding: 0 12px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
color: var(--text-secondary);
font-size: 13px;
cursor: pointer;
min-width: 180px;
box-sizing: border-box;
}
table.pm_navigation select:focus {
outline: none;
border-color: var(--accent);
}
table.pm_navigation select optgroup {
background: var(--bg-card);
color: var(--text-secondary);
}
table.pm_navigation select option {
background: var(--bg-card);
color: var(--text-secondary);
padding: 8px;
}
table.pm_navigation input[type="submit"],
table.pm_navigation input.bbcodes {
height: 38px;
padding: 0 20px;
background: var(--accent);
border: 1px solid var(--accent);
border-radius: 8px !important;
color: var(--text-primary) !important;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease;
white-space: nowrap;
box-sizing: border-box;
line-height: 36px;
}
table.pm_navigation input[type="submit"]:hover,
table.pm_navigation input.bbcodes:hover {
background: var(--accent-hover);
border-color: var(--accent-hover);
}
.pm-item {
display: flex;
align-items: flex-start;
padding: 15px 20px;
border-bottom: 1px solid var(--bg-input);
transition: background 0.2s ease;
}
.pm-item:last-child {
border-bottom: none;
}
.pm-item:hover {
background: var(--bg-input);
}
.pm-item.unread {
background: rgba(230, 101, 0, 0.05);
border-left: 3px solid var(--accent);
}
.pm-item.unread:hover {
background: rgba(230, 101, 0, 0.1);
}
.pm-item.read {
opacity: 0.85;
}
.pm-item-checkbox {
flex-shrink: 0;
margin-right: 15px;
margin-top: 3px;
}
.pm-item-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
accent-color: var(--accent);
cursor: pointer;
}
.pm-item-avatar {
flex-shrink: 0;
margin-right: 15px;
}
.pm-item-avatar img {
width: 45px;
height: 45px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--border-main);
}
.pm-item.unread .pm-item-avatar img {
border-color: var(--accent);
}
.pm-item-avatar {
position: relative;
}
.pm-item-avatar-icon {
display: none;
width: 45px;
height: 45px;
background: var(--bg-input);
border-radius: 50%;
border: 2px solid var(--border-main);
align-items: center;
justify-content: center;
}
.pm-item-avatar-icon i {
font-size: 18px;
color: var(--text-secondary);
}
.pm-item.unread .pm-item-avatar-icon {
border-color: var(--accent);
}
.pm-item-content {
flex: 1;
min-width: 0;
overflow: hidden;
}
.pm-item-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.pm-item-author {
font-weight: 600;
font-size: 14px !important;
}
.pm-item.unread .pm-item-subject {
color: var(--accent);
}
.pm-item-date {
font-size: 13px;
color: var(--text-secondary);
}
.pm-item-date i {
margin-right: 4px;
}
.pm-item-subject {
display: block;
color: var(--text-secondary);
font-size: 14px !important;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.2s ease;
}
.pm-item-subject:hover {
color: var(--accent);
}
.pm-item.unread .pm-item-subject {
font-weight: 500;
}
.pm-item-actions {
flex-shrink: 0;
margin-left: 15px;
}
.pm-item-delete {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: transparent;
color: var(--text-secondary);
text-decoration: none;
transition: all 0.2s ease;
}
.pm-item-delete:hover {
background: var(--error-bg);
color: var(--error);
}
.pm-messages-list {
padding: 0;
}
.pm-message {
padding: 20px;
border-bottom: 1px solid var(--bg-input);
}
.pm-message:last-child {
border-bottom: none;
}
.pm-message-author {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
flex-wrap: wrap;
}
.pm-message-author .pm-author-avatar {
width: 45px;
height: 45px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--border-main);
}
.pm-avatar-wrap {
position: relative;
flex-shrink: 0;
}
.pm-avatar-icon {
display: none;
width: 45px;
height: 45px;
background: var(--bg-input);
border-radius: 50%;
border: 2px solid var(--border-main);
align-items: center;
justify-content: center;
}
.pm-avatar-icon i {
font-size: 18px;
color: var(--text-secondary);
}
.pm-message-author .pm-author-info {
display: flex;
flex-direction: column;
gap: 2px;
flex: 1;
}
.pm-message-author .pm-author-name-wrap {
font-weight: 600;
font-size: 15px;
}
.pm-message-author .pm-author-name-wrap a {
text-decoration: none;
}
.pm-message-author .pm-author-name-wrap a:hover {
text-decoration: underline;
}
.pm-message-author .pm-author-name {
font-weight: 600;
font-size: 15px;
}
.pm-message-author .pm-author-name a {
color: inherit;
text-decoration: none;
}
.pm-message-author .pm-author-name a:hover {
text-decoration: underline;
}
.pm-message-author .pm-author-group {
display: inline-flex;
padding: 3px 10px;
background: var(--rank-badge-bg, var(--border-main));
border-radius: 20px;
font-size: 12px;
width: fit-content;
}
.pm-message-date {
font-size: 13px;
color: var(--text-secondary);
}
.pm-message-date i {
margin-right: 5px;
}
.pm-message-content {
padding: 15px;
background: var(--bg-card);
border-radius: 5px;
color: var(--text-secondary);
line-height: 1.6;
font-size: 14px !important;
}
.pm-message-actions {
display: flex;
gap: 15px;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--bg-input);
}
.pm-message-actions a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
font-size: 13px;
color: var(--text-secondary);
text-decoration: none;
border-radius: 8px !important;
transition: all 0.2s ease;
}
.pm-message-actions a:hover {
background: var(--bg-input);
color: var(--text-secondary);
}
.pm-message-actions a:last-child:hover {
background: var(--error-bg);
color: var(--error);
}
.pm-reply-form {
padding: 20px;
background: var(--bg-card);
border-top: 1px solid var(--border-main);
}
.pm-reply-form h5 {
margin: 0 0 15px 0;
font-size: 17px;
font-weight: 600;
}
.pm-reply-form h5 i {
margin-right: 8px;
color: var(--accent);
}
.pm-editor {
margin-bottom: 15px;
}
.pm-editor textarea,
.pm-reply-form textarea,
.dlepm-editor textarea {
width: 100%;
min-height: 120px;
padding: 12px;
background: var(--bg-body) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-secondary) !important;
font-size: 14px !important;
resize: vertical;
}
.pm-editor textarea:focus,
.pm-reply-form textarea:focus,
.dlepm-editor textarea:focus {
outline: none;
border-color: var(--accent) !important;
}
.tox-tinymce,
.dlepm-editor .tox-tinymce {
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
}
.tox .tox-edit-area__iframe,
.dlepm-editor .tox .tox-edit-area__iframe {
background: var(--bg-input) !important;
}
.tox .tox-edit-area__iframe html,
.tox .tox-edit-area__iframe body,
#comments_ifr,
#comments_ifr html,
#comments_ifr body {
background: var(--bg-input) !important;
background-color: var(--bg-input) !important;
}
.tox .tox-toolbar,
.tox .tox-toolbar__overflow,
.tox .tox-toolbar__primary,
.dlepm-editor .tox .tox-toolbar,
.dlepm-editor .tox .tox-toolbar__overflow,
.dlepm-editor .tox .tox-toolbar__primary {
background: var(--bg-input) !important;
border-bottom: 1px solid var(--border-main) !important;
}
.tox .tox-toolbar-overlord {
background: var(--bg-input) !important;
}
.tox .tox-tbtn,
.dlepm-editor .tox .tox-tbtn {
color: var(--text-secondary) !important;
}
.tox .tox-tbtn svg,
.dlepm-editor .tox .tox-tbtn svg {
fill: var(--text-secondary) !important;
}
.tox .tox-tbtn:hover,
.dlepm-editor .tox .tox-tbtn:hover {
background: var(--bg-input) !important;
}
.tox .tox-tbtn:hover svg,
.dlepm-editor .tox .tox-tbtn:hover svg {
fill: var(--text-on-accent) !important;
}
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover,
.dlepm-editor .tox .tox-tbtn--enabled,
.dlepm-editor .tox .tox-tbtn--enabled:hover {
background: var(--accent) !important;
}
.tox .tox-tbtn--enabled svg,
.dlepm-editor .tox .tox-tbtn--enabled svg {
fill: var(--text-on-accent) !important;
}
.tox .tox-split-button:hover {
box-shadow: none !important;
}
.tox .tox-tbtn--select {
color: var(--text-secondary) !important;
}
.tox .tox-statusbar {
background: var(--bg-card) !important;
border-top: 1px solid var(--border-main) !important;
color: var(--text-secondary) !important;
}
.tox .tox-statusbar__text-container {
color: var(--text-secondary) !important;
}
.tox .tox-menu,
.tox .tox-dialog {
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
}
.tox .tox-collection__item {
color: var(--text-secondary) !important;
}
.tox .tox-collection__item--active {
background: var(--bg-input) !important;
}
.tox .tox-dialog__header {
background: var(--bg-card) !important;
border-bottom: 1px solid var(--border-main) !important;
color: var(--text-primary) !important;
}
.tox .tox-dialog__title {
color: var(--text-primary) !important;
}
.tox .tox-dialog__body-content {
color: var(--text-secondary) !important;
}
.tox .tox-textfield,
.tox .tox-textarea {
background: var(--bg-body) !important;
border: 1px solid var(--border-main) !important;
color: var(--text-secondary) !important;
}
.tox .tox-label {
color: var(--text-secondary) !important;
}
.tox .tox-button {
background: var(--accent) !important;
border-color: var(--accent) !important;
color: var(--text-primary) !important;
}
.tox .tox-button--secondary {
background: var(--bg-input) !important;
border-color: var(--border-main) !important;
color: var(--text-secondary) !important;
}
.wseditor, .mobilewseditor {
background: var(--bg-input) !important;
border-radius: 8px !important;
overflow: hidden;
}
.tox .tox-edit-area {
background: var(--bg-input) !important;
}
.pm-reply-actions {
display: flex;
gap: 10px;
}
.pm-demo {
margin-top: 20px;
border: 2px dashed var(--accent) !important;
}
.pm-demo .pm-list-header {
background: rgba(230, 101, 0, 0.1);
}
.auth-page {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 40px 20px;
min-height: 400px;
}
.auth-container {
width: 100%;
max-width: 420px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.auth-header {
text-align: center;
padding: 30px 30px 20px;
background: linear-gradient(180deg, var(--bg-input) 0%, var(--bg-card) 100%);
border-bottom: 1px solid var(--border-main);
}
.auth-icon {
font-size: 48px;
color: var(--accent);
margin-bottom: 15px;
display: block;
}
.auth-header h2 {
margin: 0 0 10px 0;
font-size: 24px;
font-weight: 600;
}
.auth-subtitle {
margin: 0;
font-size: 14px !important;
color: var(--text-secondary);
line-height: 1.5;
}
.auth-form-wrapper {
padding: 25px 30px 30px;
}
.auth-field {
margin-bottom: 20px;
}
.auth-field label {
display: block;
margin-bottom: 8px;
font-size: 14px !important;
font-weight: 500;
color: var(--text-secondary);
}
.auth-input-wrapper {
position: relative;
}
.auth-input-wrapper i {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--text-secondary);
font-size: 14px !important;
pointer-events: none;
}
.auth-input-wrapper input,
.auth-field input[type="text"],
.auth-field input[type="password"],
.auth-field input[type="email"] {
width: 100%;
padding: 12px 14px 12px 40px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 14px !important;
outline: none;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
box-sizing: border-box;
}
.auth-input-wrapper input:focus,
.auth-field input:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(230, 101, 0, 0.15);
}
.auth-input-wrapper input::placeholder,
.auth-field input::placeholder {
color: var(--text-muted);
}
.auth-captcha-section {
margin-bottom: 20px;
padding: 15px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
}
.auth-captcha-section label {
display: block;
margin-bottom: 12px;
font-size: 14px !important;
font-weight: 500;
color: var(--text-secondary);
}
.auth-captcha-row {
display: flex;
gap: 15px;
align-items: center;
}
.auth-captcha-image {
flex-shrink: 0;
}
.auth-captcha-image img {
display: block;
border-radius: 8px !important;
border: 1px solid var(--border-main);
cursor: pointer;
transition: opacity 0.2s ease;
}
.auth-captcha-image img:hover {
opacity: 0.8;
}
.auth-captcha-input {
flex: 1;
}
.auth-captcha-input input {
width: 100%;
padding: 12px 14px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 14px !important;
outline: none;
transition: border-color 0.2s ease;
box-sizing: border-box;
}
.auth-captcha-input input:focus {
border-color: var(--accent);
}
.auth-captcha-hint {
margin: 10px 0 0;
font-size: 12px;
color: var(--text-muted);
}
.auth-submit-btn {
width: 100%;
padding: 14px 20px;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
border: none;
border-radius: 8px !important;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.auth-submit-btn:hover {
background: linear-gradient(135deg, var(--accent-hover) 0%, #ff8c1a 100%);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(230, 101, 0, 0.4);
}
.auth-submit-btn:active {
transform: translateY(0);
box-shadow: none;
}
.auth-submit-btn i {
font-size: 14px !important;
}
.auth-footer {
padding: 20px 30px;
background: var(--bg-input);
border-top: 1px solid var(--border-main);
}
.auth-links {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 15px;
}
.auth-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--text-secondary);
font-size: 13px;
text-decoration: none;
transition: color 0.2s ease;
}
.auth-link:hover {
color: var(--accent);
}
.auth-link i {
font-size: 12px;
}
.auth-note {
text-align: center;
margin: 0;
padding-top: 15px;
border-top: 1px solid var(--border-main);
font-size: 13px;
color: var(--text-secondary);
}
.auth-note a {
color: var(--accent);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.auth-note a:hover {
color: var(--accent-hover);
}
.auth-message {
padding: 15px;
margin-bottom: 20px;
border-radius: 8px !important;
font-size: 14px !important;
line-height: 1.5;
}
.auth-message-success {
background: rgba(35, 134, 54, 0.15);
color: #38bdf8;
}
.auth-message-error {
background: rgba(248, 81, 73, 0.15);
border: 1px solid var(--error);
color: var(--error);
}
@media (max-width: 480px) {
.auth-page {
padding: 20px 15px;
}
.auth-container {
border-radius: 5px;
}
.auth-header,
.auth-form-wrapper,
.auth-footer {
padding-left: 20px;
padding-right: 20px;
}
.auth-captcha-row {
flex-direction: column;
align-items: stretch;
}
.auth-captcha-image {
text-align: center;
}
}
body:has(.auth-page) .bar-right,
body:has(.auth-page) .content-bar {
display: none !important;
}
.articles-container .auth-page {
margin: 0 auto;
}
.content:has(.auth-page) .articles-container {
display: flex;
justify-content: center;
}
.login-modal-icon {
width: 64px;
height: 64px;
margin: 0 auto 15px;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.login-modal-icon i {
color: #fff;
font-size: 28px;
}
.lostpassword-icon {
background: linear-gradient(135deg, var(--lostpassword-icon-bg) 0%, var(--lostpassword-icon-bg) 100%);
}
.login-modal-subtitle {
margin: 0 0 20px 0;
font-size: 13px;
color: var(--text-secondary);
line-height: 1.5;
text-align: center;
}
.login-input-wrapper {
position: relative;
margin-bottom: 12px;
}
.login-input-wrapper i {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--text-muted);
font-size: 14px !important;
pointer-events: none;
z-index: 1;
}
.login-input-wrapper input {
padding-left: 42px !important;
}
.lostpassword-captcha {
margin: 15px 0;
padding: 15px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
}
.lostpassword-captcha label {
display: block;
margin-bottom: 10px;
font-size: 13px;
font-weight: 500;
color: var(--text-secondary);
}
.captcha-row {
display: flex;
gap: 12px;
align-items: center;
}
.captcha-image {
flex-shrink: 0;
}
.captcha-image img {
display: block;
border-radius: 8px !important;
border: 1px solid var(--border-main);
cursor: pointer;
transition: opacity 0.2s ease;
max-height: 60px;
}
.captcha-image img:hover {
opacity: 0.8;
}
.captcha-row input {
flex: 1;
padding: 10px 14px !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 8px !important;
color: var(--text-primary) !important;
font-size: 14px !important;
width: auto !important;
}
.captcha-row input:focus {
border-color: var(--accent) !important;
}
.captcha-hint {
display: block;
margin-top: 8px;
font-size: 11px;
color: var(--text-muted);
}
.login-modal-content button[type="submit"] i {
margin-right: 6px;
}
.lostpassword-modal-content h3, .lostpassword-modal-content h2 {
color: var(--lostpassword-btn-bg);
}
.lostpassword-modal-content button[type="submit"] {
color: var(--text-on-accent);
background: var(--lostpassword-btn-bg);
}
.lostpassword-modal-content button[type="submit"]:hover {
background: var(--lostpassword-btn-hover);
}
.login-modal-links a i {
margin-right: 4px;
}
.login-modal-links:has(a:only-child) {
justify-content: center;
}
.auth-redirect-box {
max-width: 400px;
margin: 40px auto;
padding: 40px 30px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.auth-redirect-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
background: linear-gradient(135deg, var(--lostpassword-icon-bg) 0%, var(--lostpassword-icon-bg) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.auth-redirect-icon i {
font-size: 36px;
}
.auth-redirect-box h3, .auth-redirect-box h2 {
margin: 0 0 10px 0;
font-size: 22px;
font-weight: 600;
}
.auth-redirect-box p {
margin: 0 0 25px 0;
font-size: 14px !important;
color: var(--text-secondary);
line-height: 1.5;
}
.auth-redirect-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 14px 28px;
background: linear-gradient(135deg, var(--lostpassword-icon-bg) 0%, var(--lostpassword-icon-bg) 100%);
border: none;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.auth-redirect-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4);
}
.auth-redirect-links {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid var(--border-main);
}
.auth-redirect-links a {
color: var(--text-secondary);
font-size: 13px;
text-decoration: none;
transition: color 0.2s ease;
}
.auth-redirect-links a:hover {
color: var(--accent);
}
.auth-redirect-links a i {
margin-right: 5px;
}
.validation-box {
width: 100%;
margin-top: 20px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
overflow: hidden;
}
.validation-header {
display: flex;
align-items: center;
gap: 16px;
padding: 24px;
background: linear-gradient(135deg, rgba(190, 123, 59, 0.1) 0%, rgba(208, 139, 74, 0.05) 100%);
border-bottom: 1px solid var(--border-main);
}
.validation-icon {
width: 56px;
height: 56px;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.validation-icon i {
color: var(--text-on-accent);
font-size: 24px;
}
.validation-title h3, .validation-title h2 {
color: var(--text-primary);
margin: 0 0 4px 0;
font-size: 20px;
font-weight: 600;
}
.validation-title p {
margin: 0;
font-size: 14px !important;
color: var(--text-secondary);
}
.validation-form {
padding: 30px;
}
.validation-fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.validation-field {
display: flex;
flex-direction: column;
gap: 8px;
}
.validation-field label {
font-size: 13px;
font-weight: 500;
color: var(--text-secondary);
}
.validation-field label i {
margin-right: 6px;
color: var(--accent);
}
.validation-field input {
width: 100%;
padding: 12px 14px;
background: var(--bg-body);
border: 1px solid var(--border-main);
border-radius: 5px;
color: var(--text-secondary);
font-size: 14px !important;
transition: all 0.2s ease;
box-sizing: border-box;
}
.validation-field input:focus {
outline: none;
border-color: var(--accent);
box-shadow: 0 0 0 3px var(--accent-subtle);
}
.validation-field input::placeholder {
color: var(--text-muted);
}
.validation-actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
padding-top: 24px;
border-top: 1px solid var(--border-main);
}
.validation-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: transparent;
border: 1px solid var(--btn-secondary-border);
border-radius: 5px;
color: var(--btn-secondary-text);
font-size: 14px !important;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.validation-btn-secondary:hover {
background: var(--bg-input);
border-color: var(--text-secondary);
color: var(--text-secondary);
}
.validation-btn-primary {
color: var(--btn-primary-text);
display: inline-flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
border: none;
border-radius: 5px;
font-size: 14px !important;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.validation-btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px var(--accent-glow);
}
.validation-btn-primary i {
font-size: 14px !important;
}
@media (max-width: 600px) {
.validation-fields {
grid-template-columns: 1fr;
}
.validation-actions {
flex-direction: column;
}
.validation-btn-secondary,
.validation-btn-primary {
width: 100%;
justify-content: center;
}
}
.register-icon {
}
.register-modal-content h3, .register-modal-content h2 {
color: #38bdf8;
}
.register-modal-content {
max-width: 400px;
}
.register-field {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.register-field .login-input-wrapper {
flex: 1;
margin-bottom: 0;
}
.check-login-btn {
flex-shrink: 0;
padding: 0 15px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
color: var(--text-secondary);
font-size: 13px;
cursor: pointer;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 5px;
}
.check-login-btn:hover {
background: var(--border-main);
border-color: var(--accent);
}
.login-check-wrapper {
position: relative;
}
.login-check-wrapper input {
padding-right: 40px !important;
}
.login-status-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px !important;
pointer-events: none;
}
.login-check-wrapper.login-checking .login-status-icon {
color: var(--text-secondary);
}
.login-check-wrapper.login-available {
border-color: #38bdf8 !important;
box-shadow: 0 0 0 3px rgba(35, 134, 54, 0.2) !important;
}
.login-check-wrapper.login-available .login-status-icon {
color: #38bdf8;
}
.login-check-wrapper.login-taken {
border-color: var(--error) !important;
box-shadow: 0 0 0 3px rgba(248, 81, 73, 0.2) !important;
}
.login-check-wrapper.login-taken .login-status-icon {
color: var(--error);
}
.register-check-result {
margin: 0 0 10px 0;
padding: 8px 12px;
font-size: 13px;
font-weight: 500;
border-radius: 8px !important;
display: none;
text-align: center;
}
.register-check-result:not(:empty) {
display: block;
}
.register-check-result .login-ok {
color: #38bdf8;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.register-check-result .login-ok i {
font-size: 14px !important;
}
.register-check-result .login-error {
color: var(--error);
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.register-check-result .login-error i {
font-size: 14px !important;
}
.register-terms {
margin: 15px 0;
font-size: 12px;
color: var(--text-secondary);
text-align: center;
line-height: 1.5;
}
.register-terms a {
color: var(--accent);
text-decoration: none;
}
.register-terms a:hover {
text-decoration: underline;
}
.register-modal-content button[type="submit"] {
color: var(--text-on-accent);
}
.register-modal-content button[type="submit"]:hover {
box-shadow: 0 4px 12px rgba(46, 160, 67, 0.4);
}
#newpm {
position: fixed !important;
bottom: 20px !important;
right: 20px !important;
top: auto !important;
left: auto !important;
width: 320px !important;
padding: 0 !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 12px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
font-family: 'Open Sans', 'Open Sans Fallback', sans-serif !important;
font-size: 14px !important;
z-index: 9999 !important;
overflow: hidden !important;
}
#newpmheader {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 15px !important;
height: auto !important;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%) !important;
color: var(--text-primary) !important;
font-weight: 600 !important;
font-size: 14px !important;
cursor: move !important;
border-radius: 0 !important;
}
#newpmheader::before {
content: "\f0e0";
font-family: FontAwesome;
margin-right: 8px;
}
#newpm .close-pm,
#newpm img[onclick*="closePM"],
#newpmheader img {
cursor: pointer;
filter: brightness(0) invert(1);
opacity: 0.8;
transition: opacity 0.2s ease;
}
#newpm img:hover {
opacity: 1;
}
#newpm td {
padding: 15px !important;
background: var(--bg-card) !important;
color: var(--text-secondary) !important;
}
#newpm a {
color: var(--accent) !important;
text-decoration: none !important;
font-weight: 500 !important;
transition: color 0.2s ease !important;
}
#newpm a:hover {
color: var(--accent-hover) !important;
text-decoration: none !important;
}
#newpm .newpm-close,
#newpm [onclick*="close"] {
background: rgba(255,255,255,0.2);
border-radius: 4px;
padding: 2px 6px;
}
.DLEPush-overlay {
display: flex;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(13, 17, 23, 0.85);
align-items: center;
justify-content: center;
z-index: 9999;
}
.DLEPush-notification {
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 100% !important;
max-width: 360px !important;
padding: 30px !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 12px !important;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
z-index: 10000 !important;
text-align: center !important;
box-sizing: border-box !important;
}
.DLEPush-notification.wrapper {
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
}
.DLEPush-close {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: auto !important;
height: auto !important;
background: none !important;
border: none !important;
font-size: 24px !important;
color: var(--text-secondary) !important;
cursor: pointer !important;
line-height: 1 !important;
transition: color 0.2s ease !important;
padding: 5px !important;
}
.DLEPush-close:hover {
color: var(--text-primary) !important;
}
.DLEPush-icon {
width: 64px !important;
height: 64px !important;
margin: 0 auto 15px !important;
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.DLEPush-icon svg {
width: 32px !important;
height: 32px !important;
fill: #ffffff !important;
}
.DLEPush-header {
margin: 0 0 10px 0 !important;
font-size: 20px !important;
font-weight: 600 !important;
color: var(--text-primary) !important;
text-align: center !important;
}
.addnews-container {
padding: 20px 25px 25px;
}
.addnews-header {
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
}
.addnews-header h2 {
font-size: 20px;
font-weight: 600;
margin: 0;
display: flex;
align-items: center;
gap: 10px;
}
.addnews-header h2 i {
color: var(--accent);
}
.addnews-warning {
background: rgba(248, 81, 73, 0.15);
border: 1px solid rgba(248, 81, 73, 0.4);
border-radius: 8px !important;
padding: 12px 15px;
margin: 0 0 20px 0;
color: var(--error);
font-size: 14px !important;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.addnews-warning i {
font-size: 16px;
}
.addnews-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.addnews-field {
display: flex;
flex-direction: column;
gap: 8px;
}
.addnews-field label {
color: var(--text-secondary);
font-size: 14px !important;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.addnews-field label i {
color: var(--text-secondary);
width: 16px;
text-align: center;
}
.label-hint {
color: var(--text-secondary);
font-weight: 400;
font-size: 13px;
}
.addnews-input {
width: 100%;
height: 42px;
padding: 0 15px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 15px;
font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;
box-sizing: border-box;
transition: border-color 0.2s ease;
}
.addnews-input:focus {
border-color: var(--accent);
outline: none;
}
.addnews-input:hover {
border-color: var(--text-muted);
}
.addnews-input::placeholder {
color: var(--text-muted);
}
.addnews-input-small {
width: 200px;
}
.addnews-textarea {
width: 100%;
padding: 12px 15px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
font-size: 15px;
font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;
box-sizing: border-box;
resize: vertical;
min-height: 100px;
transition: border-color 0.2s ease;
}
.addnews-textarea:focus {
border-color: var(--accent);
outline: none;
}
.addnews-textarea:hover {
border-color: var(--text-muted);
}
.addnews-textarea::placeholder {
color: var(--text-muted);
}
.addnews-mono {
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 13px;
line-height: 1.5;
}
.addnews-category {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
padding: 10px 15px;
color: var(--text-secondary);
font-size: 14px !important;
}
.addnews-category select {
background: transparent;
border: none;
font-size: 14px !important;
width: 100%;
cursor: pointer;
}
.addnews-captcha {
margin-top: 10px;
}
.captcha-wrapper {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.captcha-wrapper img {
border-radius: 8px !important;
height: 42px;
}
.addnews-recaptcha {
margin-top: 10px;
}
.addnews-tags {
padding: 15px;
background: var(--bg-input);
border-radius: 8px !important;
border: 1px solid var(--border-main);
}
.addnews-tags label {
color: var(--text-secondary);
font-size: 14px !important;
margin-right: 10px;
}
.addnews-tags input[type="checkbox"] {
margin-right: 5px;
}
.addnews-buttons {
display: flex;
gap: 15px;
margin-top: 10px;
padding-top: 20px;
border-top: 1px solid var(--border-main);
}
.addnews-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 24px;
border: none;
border-radius: 8px !important;
font-size: 15px;
font-weight: 600;
font-family: 'Open Sans', 'Open Sans Fallback', sans-serif;
cursor: pointer;
transition: all 0.2s ease;
}
.addnews.btn-primary {
color: var(--btn-primary-text);
background: var(--btn-primary-bg);
}
.addnews-btn-primary:hover {
background: var(--btn-primary-hover);
}
.addnews-btn-primary:active {
background: var(--btn-primary-active);
}
.addnews-btn-secondary {
background: var(--btn-secondary-bg);
color: var(--btn-secondary-text);
border: 1px solid var(--btn-secondary-border);
}
.addnews-btn-secondary:hover {
background: var(--btn-secondary-hover);
}
.addnews-btn-secondary:active {
background: var(--bg-input);
}
@media (max-width: 768px) {
.addnews-container {
padding: 15px;
}
.addnews-buttons {
flex-direction: column;
}
.addnews-btn {
width: 100%;
}
.addnews-input-small {
width: 100%;
}
.captcha-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.ranks-section {
margin-bottom: 30px;
}
.ranks-section-title {
font-size: 18px;
font-weight: 600;
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
gap: 10px;
}
.ranks-section-title i {
color: var(--accent);
}
.staff-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.staff-card {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 20px;
text-align: center;
transition: all 0.2s ease;
}
.staff-card:hover {
border-color: var(--text-muted);
transform: translateY(-2px);
}
.staff-card.admin {
border-color: var(--error);
background: linear-gradient(135deg, var(--bg-input) 0%, rgba(248, 81, 73, 0.15) 100%);
box-shadow: 0 0 20px rgba(248, 81, 73, 0.2);
position: relative;
}
.staff-card.admin::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: 3px;
background: linear-gradient(90deg, var(--error), #ff7b72, var(--error));
border-radius: 8px 8px 0 0;
}
.staff-card.moderator {
border-color: #22c55e;
background: linear-gradient(135deg, var(--bg-input) 0%, rgba(34, 197, 94, 0.1) 100%);
}
.staff-card.uploader {
border-color: #58a6ff;
background: linear-gradient(135deg, var(--bg-input) 0%, rgba(88, 166, 255, 0.1) 100%);
}
.staff-card.releaser {
border-color: #7c3aed;
background: linear-gradient(135deg, var(--bg-input) 0%, rgba(124, 58, 237, 0.1) 100%);
}
.staff-icon {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px auto;
font-size: 24px;
}
.staff-card.admin .staff-icon {
background: linear-gradient(135deg, rgba(248, 81, 73, 0.3) 0%, rgba(255, 123, 114, 0.2) 100%);
color: #ff7b72;
font-size: 28px;
box-shadow: 0 0 15px rgba(248, 81, 73, 0.3);
}
.staff-card.moderator .staff-icon {
background: rgba(34, 197, 94, 0.2);
color: #22c55e;
}
.staff-card.uploader .staff-icon {
background: rgba(88, 166, 255, 0.2);
color: #58a6ff;
}
.staff-card.releaser .staff-icon {
background: rgba(124, 58, 237, 0.2);
color: #7c3aed;
}
.staff-card.generator {
border-color: #EAB308;
background: linear-gradient(135deg, var(--bg-input) 0%, rgba(234, 179, 8, 0.1) 100%);
}
.staff-card.generator .staff-icon {
background: rgba(234, 179, 8, 0.2);
color: #EAB308;
}
.staff-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.staff-desc {
color: var(--text-secondary);
font-size: 13px;
line-height: 1.5;
}
.staff-desc ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
background: none;
text-align: left;
}
.staff-desc li {
padding: 4px 0;
display: flex;
align-items: center;
gap: 8px;
}
.staff-desc li:before {
content: "•";
color: var(--text-muted);
}
.ranks-grid {
display: flex;
flex-direction: column;
gap: 12px;
}
.rank-card {
display: flex;
align-items: center;
gap: 20px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 15px 20px;
transition: all 0.2s ease;
}
.rank-card:hover {
border-color: var(--text-muted);
}
.rank-badge {
min-width: 100px;
padding: 8px 16px;
border-radius: 20px;
font-size: 13px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.rank-badge.rank-1 {
background: var(--rank-badge-bg, var(--border-main));
color: #9CA3AF;
border: none;
}
.rank-badge.rank-2 {
background: var(--rank-badge-bg, var(--border-main));
color: #9CA3AF;
border: none;
}
.rank-badge.rank-3 {
background: var(--rank-badge-bg, var(--border-main));
color: #9CA3AF;
border: none;
}
.rank-badge.rank-4 {
background: var(--rank-badge-bg, var(--border-main));
color: #9CA3AF;
border: none;
}
.rank-badge.rank-5 {
background: var(--rank-badge-bg, var(--border-main));
color: #9CA3AF;
border: none;
}
.rank-badge.rank-mod {
background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
border: 1px solid #22c55e;
}
.rank-badge.rank-releaser {
background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
border: 1px solid #7c3aed;
box-shadow: 0 0 15px rgba(124, 58, 237, 0.3);
}
.rank-badge.rank-uploader {
background: linear-gradient(135deg, #58a6ff 0%, #2563eb 100%);
border: 1px solid #58a6ff;
}
.rank-badge.rank-banned {
background: linear-gradient(135deg, var(--text-muted) 0%, var(--bg-input) 100%);
color: var(--text-secondary);
border: 1px solid var(--text-muted);
text-decoration: line-through;
}
.rank-info {
flex: 1;
}
.rank-name {
font-size: 15px;
font-weight: 600;
margin-bottom: 4px;
}
.rank-card-expandable:nth-child(1) .rank-name { color: #9CA3AF; }
.rank-card-expandable:nth-child(2) .rank-name { color: #9CA3AF; }
.rank-card-expandable:nth-child(3) .rank-name { color: #9CA3AF; }
.rank-card-expandable:nth-child(4) .rank-name { color: #9CA3AF; }
.rank-card-expandable:nth-child(5) .rank-name { color: #9CA3AF; }
.rank-desc {
color: var(--text-secondary);
font-size: 13px;
}
.rank-points {
color: var(--accent);
font-size: 14px !important;
font-weight: 600;
white-space: nowrap;
}
.points-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 12px;
}
.points-item {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
padding: 12px 15px;
}
.points-action {
color: var(--text-secondary);
font-size: 14px !important;
display: flex;
align-items: center;
gap: 8px;
}
.points-action i {
color: var(--text-secondary);
}
.points-value {
background: rgba(63, 185, 80, 0.15);
color: #38bdf8;
padding: 4px 10px;
border-radius: 12px;
font-size: 13px;
font-weight: 600;
}
.ranks-warning-box {
display: flex;
align-items: center;
gap: 15px;
background: rgba(248, 81, 73, 0.1);
border: 1px solid rgba(248, 81, 73, 0.3);
border-radius: 5px;
padding: 15px 20px;
margin-bottom: 20px;
}
.ranks-warning-icon {
width: 50px;
height: 50px;
background: rgba(248, 81, 73, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--error);
flex-shrink: 0;
}
.ranks-warning-content strong {
color: var(--error);
font-size: 15px;
display: block;
margin-bottom: 4px;
}
.ranks-warning-content p {
color: var(--text-secondary);
font-size: 13px;
margin: 0;
}
.ranks-cta {
background: linear-gradient(135deg, var(--accent-subtle) 0%, rgba(190, 123, 59, 0.05) 100%);
border: 1px solid var(--accent-glow);
border-radius: 5px;
padding: 25px;
text-align: center;
margin-top: 10px;
}
.ranks-cta h4 {
font-size: 18px;
font-weight: 600;
margin: 0 0 10px 0;
}
.ranks-cta p {
color: var(--text-secondary);
font-size: 14px !important;
margin: 0 0 15px 0;
}
.ranks-cta-btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--accent) !important;
color: var(--text-on-accent) !important;
padding: 10px 20px !important;
border-radius: 8px !important;
font-weight: 600;
text-decoration: none !important;
transition: background 0.2s ease;
}
.ranks-cta-btn:hover {
background: var(--accent-hover) !important;
text-decoration: none !important;
color: var(--text-on-accent) !important;
}
.ranks-cta-btn:visited,
.ranks-cta-btn:active {
color: var(--text-on-accent) !important;
}
@media (max-width: 768px) {
.staff-grid {
grid-template-columns: 1fr;
}
.rank-card {
flex-direction: column;
text-align: center;
gap: 10px;
}
.rank-points {
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
}
.points-grid {
grid-template-columns: 1fr;
}
}
.rank-card-expandable {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 5px;
margin-bottom: 10px;
overflow: hidden;
transition: all 0.2s ease;
}
.rank-card-expandable:hover {
border-color: var(--text-muted);
}
.rank-card-header {
display: flex;
align-items: center;
gap: 20px;
padding: 15px 20px;
cursor: pointer;
transition: background 0.2s ease;
}
.rank-card-header:hover {
}
.rank-card-header .rank-toggle {
margin-left: auto;
color: var(--text-secondary);
font-size: 14px !important;
transition: transform 0.3s ease;
}
.rank-card-expandable.expanded .rank-toggle {
transform: rotate(180deg);
}
.rank-permissions {
display: none;
padding: 0 20px 20px 20px;
border-top: 1px solid var(--border-main);
background: var(--bg-card);
}
.rank-card-expandable.expanded .rank-permissions {
display: block;
}
.rank-permissions-title {
font-size: 13px;
font-weight: 600;
color: var(--text-secondary);
margin: 15px 0 10px 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.rank-permissions-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.rank-perm-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
padding: 6px 10px;
border-radius: 4px;
background: var(--bg-input);
}
.rank-perm-item.available {
color: #38bdf8;
}
.rank-perm-item.available::before {
content: "\f00c";
font-family: FontAwesome;
font-size: 11px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(63, 185, 80, 0.15);
border-radius: 50%;
}
.rank-perm-item.unavailable {
color: var(--text-muted);
}
.rank-perm-item.unavailable::before {
content: "\f00d";
font-family: FontAwesome;
font-size: 11px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(72, 79, 88, 0.15);
border-radius: 50%;
}
.rank-perm-limit {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
padding: 6px 10px;
border-radius: 4px;
background: var(--bg-input);
color: #22c55e;
}
.rank-perm-limit::before {
content: "\f05a";
font-family: FontAwesome;
font-size: 11px;
}
.rank-perm-limit .limit-value {
margin-left: auto;
font-weight: 600;
color: var(--text-secondary);
}
@media (max-width: 768px) {
.rank-permissions-grid {
grid-template-columns: 1fr;
}
.rank-card-header {
flex-wrap: wrap;
gap: 10px;
}
}
.vote-widget {margin-bottom: 0;}
.vote-widget .section-title {color: var(--accent);}
.vote-widget .section-title i {margin-right: 8px;}
.vote-widget .section-title a {float: right;display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin: 0;overflow: hidden;font-size: 0;color: var(--accent);text-decoration: none;transition: color 0.2s ease;outline: none;border: none;background: none;}
.vote-widget .section-title a:hover {color: var(--accent-hover);text-decoration: none;}
.vote-widget .section-title a:focus, .vote-widget .section-title a:active {outline: none;border: none;box-shadow: none;}
.vote-content {padding: 15px;}
.vote-title {font-size: 14px !important;font-weight: 600;color: var(--text-secondary);margin-bottom: 15px;}
.vote-options {margin-bottom: 15px;}
.vote-options label {display: flex;align-items: center;padding: 6px 12px;margin-bottom: 2px;background: transparent;border: none;border-radius: 8px !important;cursor: pointer;transition: background 0.2s ease, color 0.2s ease;color: var(--text-secondary);font-size: 13px;}
.vote-options input[type="radio"] {margin-right: 10px;accent-color: var(--accent);}
#dle-vote .vote {padding: 6px 12px;margin-bottom: 2px;background: transparent;border: none;border-radius: 8px !important;transition: background 0.2s ease;}
#dle-vote .vote:hover {background: var(--bg-input);}
#dle-vote .vote label {display: flex;align-items: center;cursor: pointer;color: var(--text-secondary);font-size: 13px;transition: color 0.2s ease;}
#dle-vote .vote input[type="radio"] {margin-right: 10px;accent-color: var(--accent);}
.vote-buttons {display: flex;gap: 10px;}
.vote-buttons .btn {flex: 1;justify-content: center;}
.vote-result {margin-top: 10px;}
.vote-result-item {margin-bottom: 8px;}
.vote-result-bar {height: 20px;background: var(--bg-input);border-radius: 4px;overflow: hidden;margin-top: 4px;}
.vote-result-fill {height: 100%;background: linear-gradient(90deg, var(--accent), #9a6830);border-radius: 4px;}
.vote-result-text {font-size: 12px;color: var(--text-secondary);}
.vote-results {padding: 0;}
.vote-results #dle-vote .vote {padding: 6px 0;margin-bottom: 0;background: transparent;font-size: 13px;color: var(--text-secondary);}
.vote-results .voteprogress {height: 6px;background: var(--bg-input);border-radius: 3px;overflow: hidden;margin: 4px 0 10px 0;}
.vote-results .voteprogress span {display: block;height: 100%;border-radius: 3px;font-size: 0;}
.vote-results .vote1 {background: var(--accent);}
.vote-results .vote2 {background: var(--info);}
.vote-results .vote3 {background: var(--success);}
.vote-results .vote4 {background: #f59e0b;}
.vote-results .vote5 {background: var(--error);}
.vote-total {margin-top: 10px;padding-top: 10px;border-top: 1px solid var(--border-main);font-size: 12px;color: var(--text-secondary);}
.top-releasers .section-title {
margin: 14px 19px 0 19px;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
font-size: 17px;
font-weight: 600;
color: var(--accent);
display: flex;
align-items: center;
justify-content: space-between;
}
.top-releasers .section-title a {
float: right;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin: 0;
overflow: hidden;
font-size: 0;
color: var(--accent);
text-decoration: none;
transition: color 0.2s ease;
}
.top-releasers .section-title a:hover {
color: var(--accent-hover);
}
.top-releasers-grid {
list-style: none;
margin: 0;
padding: 8px;
display: flex;
flex-direction: column;
gap: 10px;
}
.releaser-card {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 5px;
overflow: hidden;
text-decoration: none;
position: relative;
transition: border-color 0.2s ease;
padding: 8px 10px;
}
.releaser-card:hover {
border-color: var(--accent);
text-decoration: none;
}
.releaser-card.gold {
border-color: #ffd700;
box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}
.releaser-card.silver {
border-color: var(--info);
box-shadow: 0 0 10px rgba(88, 166, 255, 0.3);
}
.releaser-card.bronze {
border-color: #f78166;
box-shadow: 0 0 10px rgba(247, 129, 102, 0.3);
}
.releaser-card .releaser-position {
position: absolute;
top: -4px;
left: -4px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 700;
border-radius: 50%;
background: rgba(0, 0, 0, 0.7);
color: #fff;
z-index: 2;
}
.releaser-card.gold .releaser-position {
background: linear-gradient(135deg, #ffd700 0%, #b8860b 100%);
color: #000;
box-shadow: 0 2px 8px rgba(255, 215, 0, 0.5);
}
.releaser-card.silver .releaser-position {
background: linear-gradient(135deg, var(--info) 0%, var(--badge-film) 100%);
color: #fff;
box-shadow: 0 2px 8px rgba(88, 166, 255, 0.5);
}
.releaser-card.bronze .releaser-position {
background: linear-gradient(135deg, #f78166 0%, #da3633 100%);
color: #fff;
box-shadow: 0 2px 8px rgba(247, 129, 102, 0.5);
}
.releaser-card .releaser-avatar {
width: 80px;
height: 80px;
position: relative;
background: var(--border-main);
overflow: visible;
border-radius: 50%;
flex-shrink: 0;
}
.releaser-card .releaser-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 50%;
}
.releaser-avatar-icon {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
color: var(--text-secondary);
font-size: 20px;
background: var(--border-main);
border-radius: 50%;
}
.releaser-card .releaser-info {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1;
}
.releaser-card .releaser-name {
display: block;
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color 0.2s ease;
cursor: pointer;
}
.releaser-card .releaser-name:hover {
text-decoration: underline;
}
.releaser-name.nick-admin {
font-weight: bold !important;
color: var(--error) !important;
text-shadow: 0 0 10px rgba(248, 81, 73, 0.5);
}
.releaser-name.nick-moderator {
font-weight: bold !important;
color: #22c55e !important;
}
.releaser-name.nick-releaser {
font-weight: bold !important;
color: #7c3aed !important;
}
.releaser-name.nick-uploader {
font-weight: bold !important;
color: #58a6ff !important;
}
.releaser-name.nick-generator {
font-weight: bold !important;
color: #EAB308 !important;
}
.releaser-card .releaser-stats {
display: block;
font-size: 11px;
color: var(--text-secondary);
margin-top: 2px;
}
.category-badge {
color: var(--text-on-accent);
position: absolute;
top: 8px;
left: 8px;
padding: 4px 10px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 4px;
z-index: 10;
pointer-events: none;
}
.category-badge.badge-film {
background: var(--badge-film);
}
.category-badge.badge-serial {
background: var(--badge-serial);
}
.category-badge.badge-gra {
background: var(--success);
}
.category-badge.badge-ebook {
background: var(--cat-orange);
}
.category-badge.badge-audio {
background: var(--cat-pink);
}
.category-badge.badge-muzyka {
background: var(--cat-cyan);
}
.category-badge.badge-soft {
background: var(--cat-lightblue);
}
.grid-view-content .category-badge {
color: var(--text-on-accent);
top: 10px;
left: 10px;
}
.list-card-poster {
position: relative;
}
.list-card-poster .category-badge {
color: var(--text-on-accent);
top: 6px;
left: 6px;
padding: 3px 8px;
font-size: 9px;
}
@media (max-width: 768px) {
.category-badge {
color: var(--text-on-accent);
padding: 3px 8px;
font-size: 9px;
}
.grid-view-content .category-badge {
color: var(--text-on-accent);
top: 6px;
left: 6px;
}
}
.reaction-game-container {
padding: 0;
}
.reaction-game-container > .section-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
margin: 0;
border-bottom: 1px solid var(--border-main);
}
.game-reset-timer {
font-size: 12px;
color: var(--text-secondary);
font-weight: normal;
}
.reaction-game-wrapper {
padding: 20px;
}
.reaction-game-area {
min-height: 300px;
border-radius: 12px;
background: var(--bg-input);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s ease;
user-select: none;
-webkit-user-select: none;
position: relative;
overflow: hidden;
}
.reaction-game-area.state-waiting {
background: linear-gradient(135deg, #a84855 0%, #8b3a45 100%);
}
.reaction-game-area.state-ready {
animation: pulse-green 0.5s ease-in-out;
}
.reaction-game-area.state-early {
background: linear-gradient(135deg, #c9a035 0%, #a8862d 100%);
}
.reaction-game-area.state-result {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);
}
@keyframes pulse-green {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}
.game-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 40px 20px;
width: 100%;
}
.game-state-start {
color: var(--text-primary);
}
.game-icon {
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.game-state-start .game-icon {
background: var(--accent);
}
.game-icon i {
font-size: 36px;
}
.game-state h4 {
font-size: 24px;
margin: 0 0 10px 0;
font-weight: 600;
}
.game-state p {
margin: 0 0 20px 0;
opacity: 0.9;
font-size: 14px !important;
}
.game-state p.game-hint {
margin: 0 0 25px 0;
padding: 8px 16px;
background: rgba(255, 193, 7, 0.15);
border: 1px solid rgba(255, 193, 7, 0.3);
border-radius: 20px;
font-size: 12px;
color: #b38600;
display: inline-block;
}
.result-time {
font-size: 48px !important;
font-weight: 700;
}
.result-time span {
display: inline;
}
.btn-start-game,
.btn-try-again {
color: #ffffff;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.btn-start-game {
color: var(--text-on-accent);
background: var(--accent);
}
.btn-start-game:hover {
background: var(--accent-hover);
transform: translateY(-2px);
}
.btn-try-again {
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.4);
}
.btn-try-again:hover {
background: rgba(255, 255, 255, 0.3);
}
.game-buttons {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 10px;
}
.btn-finish,
.btn-finish-early {
color: #ffffff;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
background: rgba(168, 72, 85, 0.8);
border: 2px solid rgba(168, 90, 100, 0.9);
}
.btn-finish:hover,
.btn-finish-early:hover {
background: rgba(168, 72, 85, 0.95);
}
.login-required {
color: var(--text-secondary);
font-style: italic;
}
.login-required i {
margin-right: 5px;
}
.user-result-info {
margin-top: 15px;
padding: 15px;
background: var(--bg-input);
border-radius: 5px;
display: flex;
justify-content: center;
}
.user-best-today {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.user-best-today .label {
color: var(--text-secondary);
}
.user-best-today .value {
font-weight: 600;
color: var(--accent);
font-size: 18px;
}
.user-best-today .value:empty::after {
content: 'Jeszcze nie grałeś';
color: var(--text-secondary);
font-weight: normal;
font-size: 14px !important;
}
.user-best-today .position:not(:empty)::before {
content: '(';
}
.user-best-today .position:not(:empty)::after {
content: ' miejsce)';
}
.user-best-today .position:not(:empty) {
color: #38bdf8;
font-weight: 600;
}
.reaction-leaderboard {
padding: 20px;
border-top: 1px solid var(--border-main);
}
.reaction-leaderboard > h4 {
margin: 0 0 15px 0;
font-size: 16px;
display: flex;
align-items: center;
gap: 10px;
}
.reaction-leaderboard > h4 i {
color: #b38600;
}
.players-count {
font-weight: normal;
color: var(--text-secondary);
font-size: 13px;
}
.leaderboard-table {
width: 100%;
border-collapse: collapse;
}
.leaderboard-table th,
.leaderboard-table td {
padding: 8px 10px;
text-align: left;
}
.leaderboard-table th {
background: var(--bg-input);
font-size: 12px;
text-transform: uppercase;
color: var(--text-secondary);
font-weight: 600;
}
.leaderboard-table th:first-child {
border-radius: 6px 0 0 6px;
}
.leaderboard-table th:last-child {
border-radius: 0 6px 6px 0;
}
.leaderboard-table tbody tr {
border-bottom: 1px solid var(--border-main);
transition: background 0.2s ease;
}
.leaderboard-table tbody tr:hover {
background: var(--bg-input);
}
.leaderboard-table tbody tr:last-child {
border-bottom: none;
}
.leaderboard-table .col-position {
width: 60px;
font-weight: 600;
}
.leaderboard-table .col-time {
width: 100px;
font-family: monospace;
font-size: 14px !important;
}
.leaderboard-table .col-points {
width: 80px;
text-align: right;
}
.leaderboard-table .col-username a {
color: #9CA3AF;
text-decoration: none;
}
.leaderboard-table .col-username a:hover, .aim-leaderboard td a:hover {
color: var(--accent);
}
.leaderboard-table .nick-admin { color: var(--error) !important; font-weight: bold !important; }
.leaderboard-table .nick-moderator { color: #22c55e !important; font-weight: bold !important; }
.leaderboard-table .nick-releaser { color: #7c3aed !important; font-weight: bold !important; }
.leaderboard-table .nick-uploader { color: #58a6ff !important; font-weight: bold !important; }
.leaderboard-table .nick-generator { color: #EAB308 !important; font-weight: bold !important; }
.leaderboard-table .medal,
.points-info .medal {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
margin-right: 5px;
}
.medal.gold {
background: linear-gradient(135deg, #ffd700 0%, #ffb700 100%);
color: #000;
box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
}
.medal.silver {
background: linear-gradient(135deg, var(--info) 0%, var(--badge-film) 100%);
color: #000;
box-shadow: 0 2px 8px rgba(192, 192, 192, 0.4);
}
.medal.bronze {
background: linear-gradient(135deg, #cd7f32 0%, #b8702c 100%);
box-shadow: 0 2px 8px rgba(205, 127, 50, 0.4);
}
.leaderboard-table .trophy {
margin-left: 6px;
font-size: 16px;
display: inline-block;
}
.leaderboard-table .trophy.gold,
.leaderboard-table .trophy.gold i {
color: #ffd700 !important;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
}
.leaderboard-table .trophy.silver,
.leaderboard-table .trophy.silver i {
color: #b8b8b8 !important;
text-shadow: 0 0 10px rgba(192, 192, 192, 0.7);
}
.leaderboard-table .trophy.bronze,
.leaderboard-table .trophy.bronze i {
color: #cd7f32 !important;
text-shadow: 0 0 10px rgba(205, 127, 50, 0.7);
}
.points-info .medal:not(.gold):not(.silver):not(.bronze) {
background: var(--bg-input);
color: var(--text-secondary);
font-size: 9px;
}
.result-row.has-points {
background: rgba(230, 101, 0, 0.05);
}
.result-row.has-points .col-points {
color: #38bdf8;
font-weight: 600;
}
.leaderboard-info {
margin-top: 20px;
padding: 15px;
background: var(--bg-input);
border-radius: 5px;
}
.leaderboard-info > p {
margin: 0 0 10px 0;
color: var(--text-secondary);
font-size: 13px;
}
.leaderboard-info > p i {
margin-right: 5px;
}
.points-info {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.points-info li {
display: flex;
align-items: center;
font-size: 13px;
color: var(--text-secondary);
}
.points-info li strong {
margin-left: 3px;
}
.no-results {
text-align: center;
padding: 30px 20px !important;
color: var(--text-secondary);
}
@media (max-width: 600px) {
.reaction-game-area {
min-height: 250px;
}
.game-icon {
width: 60px;
height: 60px;
}
.game-icon i {
font-size: 28px;
}
.game-state h4 {
font-size: 20px;
}
.result-time {
font-size: 36px !important;
}
.leaderboard-table th,
.leaderboard-table td {
padding: 8px 10px;
font-size: 13px;
}
.points-info {
flex-direction: column;
gap: 8px;
}
.reaction-game-container > .section-title {
flex-direction: column;
gap: 5px;
text-align: center;
}
}
.featured-item.featured-hidden {
display: none;
}
.featured-item.featured-visible {
display: block !important;
}
.featured-list.dynamic-initialized .featured-item {
animation: fadeInUp 0.3s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.category-bar {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 100;
background: linear-gradient(90deg, rgba(190, 123, 59, 0.03) 0%, transparent 40%, transparent 60%, rgba(88, 166, 255, 0.025) 100%), var(--bg-card);
border-bottom: 1px solid var(--border-main);
padding: 0;
width: 100%;
min-width: max-content;
}
.category-bar-inner {
display: flex !important;
justify-content: center !important;
flex-wrap: nowrap !important;
gap: 8px;
padding: 12px 15px;
min-width: max-content;
}
@media (max-width: 768px) {
.category-bar-inner {
gap: 4px;
padding: 8px 5px;
}
.category-bar .cat-link {
padding: 6px 8px;
font-size: 11px;
gap: 4px;
}
.category-bar .cat-link i {
font-size: 12px;
}
}
@media (max-width: 480px) {
.category-bar-inner {
gap: 3px;
padding: 8px 3px;
}
.category-bar .cat-link {
padding: 8px 10px;
font-size: 0;
}
.category-bar .cat-link i {
font-size: 16px;
margin: 0;
}
}
.category-bar .cat-link {
color: var(--text-secondary);
text-decoration: none;
padding: 8px 18px;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 8px;
background: var(--bg-input);
border: 1px solid var(--border-main);
white-space: nowrap !important;
flex-shrink: 0 !important;
}
.category-bar .cat-link:hover {
color: var(--text-on-accent);
background: var(--accent);
border-color: var(--accent);
text-decoration: none;
}
.category-bar .cat-link i {
font-size: 14px !important;
}
.cat-dropdown {
position: relative;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.cat-submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 180px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
padding: 8px 0;
z-index: 200;
margin-top: 0;
padding-top: 5px;
background-clip: padding-box;
}
.cat-dropdown:hover .cat-submenu {
display: block;
}
.cat-dropdown.open .cat-submenu {
display: block;
}
.cat-submenu a {    display: block;    padding: 8px 12px;    margin: 2px 8px;    border-radius: 8px;    color: var(--text-secondary);    text-decoration: none;    font-size: 13px;    font-weight: 500;    transition: all 0.15s ease;}
.cat-submenu a:hover {
background: var(--bg-input);
color: var(--accent);
text-decoration: none;
}
.cat-submenu a.cat-all {
font-weight: 600;
color: var(--accent);
border-bottom: 1px solid var(--border-main);
margin-bottom: 4px;
padding-bottom: 10px;
}
.cat-submenu::before {
content: '';
position: absolute;
top: -10px;
left: 0;
right: 0;
height: 10px;
}
nav.menu ul a i {
width: 18px;
text-align: center;
margin-right: 8px;
opacity: 0.8;
}
nav.menu ul a:hover i {
opacity: 1;
}
.menu-hot {
position: relative;
}
.hot-badge {
background: linear-gradient(135deg, #ff6b35, #f7931e);
font-size: 9px;
font-weight: 700;
padding: 2px 6px;
border-radius: 4px;
color: var(--text-on-accent);
margin-left: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
animation: pulse-hot 2s infinite;
}
@keyframes pulse-hot {
0%, 100% { opacity: 1; }
50% { opacity: 0.7; }
}
nav.menu .menu-generator {
color: #EAB308 !important;
}
nav.menu .menu-generator i {
color: #EAB308 !important;
}
nav.menu li:has(.menu-generator):hover {
background: rgba(234, 179, 8, 0.15) !important;
}
nav.menu .menu-dmca {
color: var(--error) !important;
}
nav.menu .menu-dmca i {
color: var(--error) !important;
}
nav.menu li:has(.menu-dmca):hover {
background: rgba(248, 81, 73, 0.15) !important;
}
input[type="checkbox"],
input[type="radio"] {
width: 18px;
height: 18px;
accent-color: var(--accent);
cursor: pointer;
}
select {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px !important;
padding: 8px 12px;
cursor: pointer;
appearance: none;
box-sizing: border-box !important;
line-height: normal !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b949e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
padding-right: 30px;
}
select:focus {
border-color: var(--accent);
outline: none;
box-shadow: 0 0 0 3px var(--accent-subtle);
}
select option {
background: var(--bg-card);
padding: 8px;
}
input[type="range"] {
accent-color: var(--accent);
}
progress {
accent-color: var(--accent);
}
input[type="file"]::file-selector-button {
color: var(--text-on-accent);
background: var(--accent);
border: none;
padding: 8px 16px;
border-radius: 8px !important;
cursor: pointer;
margin-right: 10px;
}
input[type="file"]::file-selector-button:hover {
background: var(--accent-hover);
}
html.light-mode .grid-rating,
html.light-mode .featured-rating {
background: #2d2d2d;
}
padding: 20px;
border-top: 1px solid var(--border-main);
background: var(--bg-input);
}
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 12px;
font-size: 14px;
color: var(--text-secondary);
}
font-size: 16px;
color: var(--accent);
}
color: var(--accent);
}
.online-count {
background: var(--accent);
color: var(--text-on-accent);
padding: 2px 8px;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
}
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
font-size: 13px;
line-height: 1.6;
}
text-decoration: none;
transition: opacity 0.2s ease;
}
opacity: 0.8;
text-decoration: underline;
}
color: var(--text-muted);
font-size: 13px;
}
.online-user-sep {
color: var(--text-muted);
opacity: 0.5;
}
.online-more {
color: var(--text-muted);
font-style: italic;
}
@media (max-width: 768px) {
padding: 15px;
}
flex-wrap: wrap;
font-size: 13px;
}
font-size: 12px;
gap: 4px 10px;
}
}
transform: rotate(0deg);
transition: transform 0.3s ease;
}
transform: rotate(180deg);
transition: transform 0.3s ease;
margin-left: auto;
font-size: 12px;
color: var(--text-muted);
}
opacity: 0.8;
}
color: var(--accent);
}
display: flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 20px;
font-size: 12px;
color: var(--text-secondary);
cursor: pointer;
transition: all 0.2s ease;
}
background: var(--bg-hover);
border-color: var(--accent);
color: var(--accent);
}
font-size: 11px;
}
background: var(--accent);
color: var(--text-on-accent);
padding: 1px 6px;
border-radius: 10px;
font-size: 10px;
font-weight: 600;
min-width: 18px;
text-align: center;
}
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 9998;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
opacity: 1;
visibility: visible;
}
position: fixed;
bottom: 80px;
right: 20px;
width: 350px;
max-width: calc(100vw - 40px);
max-height: 60vh;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 12px;
box-shadow: var(--shadow-lg);
z-index: 9999;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
opacity: 1;
visibility: visible;
transform: translateY(0);
}
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid var(--border-main);
font-size: 14px;
font-weight: 600;
color: var(--text-primary);
}
color: var(--accent);
margin-right: 8px;
}
background: none;
border: none;
color: var(--text-muted);
cursor: pointer;
padding: 4px;
font-size: 14px;
transition: color 0.2s ease;
}
color: var(--error);
}
padding: 16px;
overflow-y: auto;
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 6px 12px;
font-size: 13px;
line-height: 1.8;
}
text-decoration: none;
transition: opacity 0.2s ease;
}
opacity: 0.7;
text-decoration: underline;
}
color: var(--text-muted);
width: 100%;
text-align: center;
padding: 20px;
}
.online-more {
color: var(--text-muted);
font-style: italic;
}
.online-toggle {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: var(--text-muted);
text-decoration: none;
}
.online-toggle:hover i {
color: var(--accent);
}
.online-toggle span {
color: var(--text-muted);
font-size: 12px;
}
.online-section {
display: none;
background: var(--bg-input);
margin: 0;
overflow: hidden;
}
.online-section.open {
display: block;
}
.online-header {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1012px;
margin: 0 auto;
padding: 10px 10px;
}
.online-title {
font-size: 13px;
color: var(--text-secondary);
}
.online-stats {
display: flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
}
.online-stats i {
color: var(--accent);
}
.online-stats span {
color: var(--text-primary);
}
.online-users {
max-width: 1012px;
margin: 0 auto;
padding: 12px 10px 15px;
display: flex;
flex-direction: row; flex-wrap: wrap;
gap: 2px 0;
font-size: 13px;
line-height: 1.3;
max-height: 150px;
overflow-y: auto;
}
.cookie-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
backdrop-filter: blur(3px);
}
.cookie-overlay.active {
opacity: 1;
visibility: visible;
}
.cookie-popup {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%) translateY(100%);
width: calc(100% - 40px);
max-width: 620px;
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.cookie-popup.active {
transform: translateX(-50%) translateY(0);
opacity: 1;
visibility: visible;
}
.cookie-header {
padding: 20px;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
gap: 14px;
}
.cookie-header-icon {
width: 44px;
height: 44px;
background: var(--accent-subtle);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.cookie-header-icon i {
font-size: 20px;
color: var(--accent);
}
.cookie-header-text h3 {
margin: 0 0 4px;
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
}
.cookie-header-text p {
margin: 0;
font-size: 12px;
color: var(--text-secondary);
}
.cookie-content {
padding: 20px;
max-height: 300px;
overflow-y: auto;
}
.cookie-description {
font-size: 13px;
line-height: 1.5;
color: var(--text-secondary);
margin-bottom: 15px;
}
.cookie-description a {
color: var(--accent);
text-decoration: none;
}
.cookie-categories {
display: flex;
flex-direction: column;
gap: 10px;
}
.cookie-category {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 10px;
transition: border-color 0.2s;
}
.cookie-category:hover {
border-color: var(--accent);
}
.cookie-category-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
gap: 10px;
}
.cookie-category-info {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
}
.cookie-category-icon {
width: 32px;
height: 32px;
background: var(--bg-card);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.cookie-category-icon i {
font-size: 14px;
color: var(--text-secondary);
}
.cookie-category.enabled .cookie-category-icon i {
color: var(--accent);
}
.cookie-category-name {
font-size: 13px;
font-weight: 600;
color: var(--text-primary);
}
.cookie-category-desc {
font-size: 11px;
color: var(--text-muted);
}
.cookie-toggle {
position: relative;
width: 40px;
height: 22px;
}
.cookie-toggle input {
opacity: 0;
width: 0;
height: 0;
}
.cookie-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--border-main);
border-radius: 22px;
transition: background 0.3s;
}
.cookie-toggle-slider::before {
content: "";
position: absolute;
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background: var(--text-primary);
border-radius: 50%;
transition: transform 0.3s;
}
.cookie-toggle input:checked + .cookie-toggle-slider {
background: var(--accent);
}
.cookie-toggle input:checked + .cookie-toggle-slider::before {
transform: translateX(18px);
background: var(--text-on-accent);
}
.cookie-required {
font-size: 9px;
padding: 3px 6px;
background: var(--accent-subtle);
color: var(--accent);
border-radius: 4px;
font-weight: 600;
text-transform: uppercase;
}
.cookie-actions {
padding: 15px 20px;
border-top: 1px solid var(--border-main);
display: flex;
gap: 10px;
}
.cookie-btn {
flex: 1;
padding: 12px 16px;
border: none;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.cookie-btn-accept {
background: var(--accent);
color: var(--text-on-accent);
}
.cookie-btn-accept:hover {
background: var(--accent-hover);
}
.cookie-btn-reject {
background: var(--bg-input);
color: var(--text-primary);
border: 1px solid var(--border-main);
}
.cookie-btn-reject:hover {
border-color: var(--accent);
}
@media (max-width: 640px) {
.cookie-popup {
bottom: 0;
width: 100%;
max-width: 100%;
border-radius: 16px 16px 0 0;
}
.cookie-actions {
flex-direction: column;
}
}
.cookie-settings-link {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12px;
color: var(--text-muted);
text-decoration: none;
transition: color 0.2s;
}
.cookie-settings-link:hover {
color: var(--accent);
}
.footer-separator {
color: var(--border-main);
margin: 0 8px;
}
.cookie-btn-save {
background: transparent;
color: var(--text-secondary);
border: 1px solid var(--border-main);
}
.cookie-btn-save:hover {
border-color: var(--accent);
color: var(--text-primary);
}
.cookie-expand {
font-size: 12px;
color: var(--text-muted);
margin-left: 10px;
cursor: pointer;
transition: transform 0.2s;
}
.cookie-category.expanded .cookie-expand {
transform: rotate(180deg);
}
.cookie-category-details {
display: none;
padding: 12px 16px;
background: var(--bg-card);
border-top: 1px solid var(--border-main);
font-size: 12px;
color: var(--text-secondary);
line-height: 1.6;
}
.cookie-category.expanded .cookie-category-details {
display: block;
}
.cookie-category-details p {
margin: 0 0 10px;
}
.cookie-category-details ul {
margin: 0;
padding-left: 18px;
}
.cookie-category-details li {
margin-bottom: 4px;
}
.cookie-category-details strong {
color: var(--text-primary);
font-family: monospace;
font-size: 11px;
background: var(--bg-input);
padding: 1px 4px;
border-radius: 3px;
}
.online-users .online-user {
display: inline-block;
padding: 2px 0;
margin: 2px 8px 2px 0;
color: var(--user-color) !important;
font-size: 13px;
font-weight: 500;
text-decoration: none !important;
border: none !important;
background: none !important;
border-radius: 0 !important;
}
.online-users .online-user:hover {
color: var(--user-color) !important;
text-decoration: none !important;
opacity: 0.8;
}
.online-loading,
.online-empty {
color: var(--text-muted);
font-style: italic;
padding: 10px;
}
.cookie-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
backdrop-filter: blur(3px);
}
.cookie-overlay.active {
opacity: 1;
visibility: visible;
}
.cookie-popup {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%) translateY(100%);
width: calc(100% - 40px);
max-width: 600px;
max-height: calc(100vh - 40px);
background: var(--bg-card);
border: 1px solid var(--border-main);
border-radius: 16px;
box-shadow: 0 10px 40px rgba(0,0,0,0.4);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
display: flex;
flex-direction: column;
}
.cookie-popup.active {
transform: translateX(-50%) translateY(0);
opacity: 1;
visibility: visible;
}
.cookie-header {
padding: 16px 20px;
border-bottom: 1px solid var(--border-main);
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.cookie-header-icon {
width: 44px;
height: 44px;
background: var(--accent-subtle);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cookie-header-icon i {
font-size: 20px;
color: var(--accent);
}
.cookie-header-text h3 {
margin: 0 0 2px;
font-size: 16px;
font-weight: 600;
color: var(--text-primary);
}
.cookie-header-text p {
margin: 0;
font-size: 12px;
color: var(--text-secondary);
}
.cookie-content {
padding: 16px 20px;
overflow-y: auto;
flex: 1;
max-height: 50vh;
}
.cookie-description {
font-size: 13px;
line-height: 1.5;
color: var(--text-secondary);
margin-bottom: 16px;
}
.cookie-description a {
color: var(--accent);
text-decoration: none;
}
.cookie-categories {
display: flex;
flex-direction: column;
gap: 10px;
}
.cookie-category {
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 10px;
overflow: hidden;
}
.cookie-category-header {
display: flex;
align-items: center;
padding: 12px;
cursor: pointer;
gap: 10px;
}
.cookie-category-info {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 0;
}
.cookie-category-icon {
width: 32px;
height: 32px;
background: var(--bg-card);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cookie-category-icon i {
font-size: 14px;
color: var(--text-secondary);
}
.cookie-category.enabled .cookie-category-icon i {
color: var(--accent);
}
.cookie-category-text {
flex: 1;
min-width: 0;
}
.cookie-category-name {
font-size: 13px;
font-weight: 600;
color: var(--text-primary);
}
.cookie-category-desc {
font-size: 11px;
color: var(--text-muted);
}
.cookie-toggle {
position: relative;
width: 40px;
height: 22px;
flex-shrink: 0;
}
.cookie-toggle input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.cookie-toggle-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--border-main);
border-radius: 22px;
transition: background 0.3s ease;
}
.cookie-toggle-slider::before {
content: "";
position: absolute;
height: 16px;
width: 16px;
left: 3px;
bottom: 3px;
background: var(--text-primary);
border-radius: 50%;
transition: transform 0.3s ease;
}
.cookie-toggle input:checked + .cookie-toggle-slider {
background: var(--accent);
}
.cookie-toggle input:checked + .cookie-toggle-slider::before {
transform: translateX(18px);
background: #fff;
}
.cookie-required {
font-size: 9px;
padding: 2px 6px;
background: var(--accent-subtle);
color: var(--accent);
border-radius: 4px;
font-weight: 600;
text-transform: uppercase;
flex-shrink: 0;
}
.cookie-expand {
font-size: 10px;
color: var(--text-muted);
transition: transform 0.2s ease;
flex-shrink: 0;
}
.cookie-category.expanded .cookie-expand {
transform: rotate(180deg);
}
.cookie-category-details {
display: none;
padding: 0 12px 12px;
font-size: 12px;
color: var(--text-secondary);
line-height: 1.4;
}
.cookie-category.expanded .cookie-category-details {
display: block;
}
.cookie-category-details ul {
margin: 8px 0 0;
padding-left: 16px;
}
.cookie-category-details li {
margin: 4px 0;
}
.cookie-actions {
padding: 12px 20px;
border-top: 1px solid var(--border-main);
display: flex;
gap: 8px;
flex-shrink: 0;
}
.cookie-btn {
flex: 1;
padding: 10px 12px;
border: none;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.cookie-btn-accept {
background: var(--accent);
color: #fff;
}
.cookie-btn-accept:hover {
background: var(--accent-hover);
}
.cookie-btn-reject,
.cookie-btn-save {
background: var(--bg-input);
color: var(--text-primary);
border: 1px solid var(--border-main);
}
.cookie-btn-reject:hover,
.cookie-btn-save:hover {
background: var(--bg-hover);
border-color: var(--accent);
}
@media (max-width: 600px) {
.cookie-popup {
bottom: 0;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
transform: translateX(0) translateY(100%);
border-radius: 16px 16px 0 0;
max-height: 80vh;
}
.cookie-popup.active {
transform: translateX(0) translateY(0);
}
.cookie-header {
padding: 14px 16px;
}
.cookie-header-icon {
width: 40px;
height: 40px;
}
.cookie-content {
padding: 14px 16px;
max-height: 45vh;
}
.cookie-actions {
padding: 12px 16px;
flex-wrap: wrap;
}
.cookie-btn {
min-width: calc(50% - 4px);
padding: 12px 10px;
}
.cookie-btn-accept {
min-width: 100%;
order: -1;
}
.cookie-category-header {
padding: 10px;
}
.cookie-category-desc {
display: none;
}
}
@media (max-width: 600px) {
.cookie-popup {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
transform: translateY(100%) !important;
box-sizing: border-box !important;
border-radius: 16px 16px 0 0 !important;
border-left: none !important;
border-right: none !important;
border-bottom: none !important;
}
.cookie-popup.active {
transform: translateY(0) !important;
}
}
@media (max-width: 600px) {
.cookie-popup {
max-height: 70vh !important;
}
.cookie-content {
max-height: 35vh !important;
padding: 10px !important;
}
.cookie-description {
font-size: 12px !important;
margin-bottom: 12px !important;
}
.cookie-categories {
gap: 8px !important;
}
.cookie-category-header {
padding: 8px !important;
}
.cookie-category-details {
display: none !important;
}
.cookie-header {
padding: 10px !important;
}
.cookie-header-text h3 {
font-size: 14px !important;
}
.cookie-header-text p {
font-size: 11px !important;
}
.cookie-actions {
padding: 10px 16px !important;
}
.cookie-btn {
padding: 12px 8px !important;
font-size: 12px !important;
}
}
}
html, body {
touch-action: pan-x pan-y pinch-zoom !important;
-webkit-overflow-scrolling: touch !important;
}
.DLEPush-message {
font-size: 15px !important;
color: var(--text-primary) !important;
line-height: 1.6 !important;
margin: 0 0 20px 0 !important;
text-align: center !important;
padding: 0 !important;
}
.DLEPush-message b,
.DLEPush-message strong {
color: var(--accent) !important;
font-weight: 600 !important;
}
.DLEPush-message a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 12px 20px !important;
margin-top: 15px !important;
background: var(--accent) !important;
border: none !important;
border-radius: 8px !important;
color: var(--text-on-accent) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-sizing: border-box !important;
}
.DLEPush-message a:hover {
background: var(--accent-hover) !important;
transform: translateY(-1px) !important;
}
.DLEPush-message a::before {
content: "\f0e0" !important;
font-family: FontAwesome !important;
font-size: 14px !important;
}
#DLEPush:empty,
.DLEPush-notification:empty {
display: none !important;
}
.push-success .DLEPush-icon {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%) !important;
}
.push-error .DLEPush-icon {
background: linear-gradient(135deg, #f85149 0%, #da3633 100%) !important;
}
.push-info .DLEPush-icon {
background: linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%) !important;
}
.push-warning .DLEPush-icon {
background: linear-gradient(135deg, #d29922 0%, #bb8009 100%) !important;
}
.pm-item.selected {
background: var(--accent-subtle);
border-color: var(--accent);
}
.pm-item-checkbox input[type="checkbox"] {
width: 18px;
height: 18px;
cursor: pointer;
accent-color: var(--accent);
}
.pm-list-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid var(--border-main);
}
.pm-list-actions {
display: flex;
gap: 10px;
}
.pm-btn-small {
padding: 8px 16px;
border: 1px solid var(--border-main);
border-radius: 6px;
background: var(--bg-input);
color: var(--text-primary);
cursor: pointer;
font-size: 13px;
display: inline-flex;
align-items: center;
gap: 6px;
transition: all 0.2s ease;
}
.pm-btn-small:hover {
background: var(--bg-hover);
border-color: var(--accent);
}
.pm-btn-small.pm-btn-danger {
background: var(--error);
border-color: var(--error);
color: #fff;
}
.pm-btn-small.pm-btn-danger:hover {
background: #c82333;
border-color: #c82333;
}
.report-dead-link {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
margin-left: 8px;
border-radius: 4px;
cursor: pointer;
background: var(--bg-input);
border: 1px solid var(--border-main);
color: var(--text-secondary);
transition: all 0.2s ease;
font-size: 13px;
}
.report-dead-link:hover {
border-color: var(--error);
color: var(--error);
background: var(--error-bg);
}
.report-dead-link.reported {
color: var(--error);
cursor: default;
opacity: 0.7;
}
.report-dead-link.reported:hover {
background: transparent;
}
.report-dead-link i {
font-size: 12px;
}
.report-count {
font-size: 10px;
font-weight: 600;
padding: 2px 6px;
border-radius: 5px;
background: var(--error);
color: #fff;
min-width: 16px;
text-align: center;
line-height: 1.2;
}
.report-count.zero {
display: none;
}
@media (max-width: 768px) {
.report-dead-link {
padding: 6px 10px;
margin-left: 6px;
}
}
.mark-fixed-btn {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
margin-left: 8px;
border-radius: 4px;
cursor: pointer;
background: var(--bg-input);
border: 1px solid var(--border-main);
color: #3fb950;
transition: all 0.2s ease;
font-size: 13px;
}
.mark-fixed-btn:hover {
border-color: #3fb950;
background: rgba(56, 189, 248, 0.1);
}
.mark-fixed-btn i {
font-size: 12px;
}
.game-state-wait,
.game-state-click,
.game-state-result,
.game-state-early,
.game-state-disabled {
color: #ffffff;
}
.verification-badge {
display: block;
margin-top: 12px;
font-size: 13px;
color: var(--text-muted);
font-weight: 500;
}
.verification-badge i {
margin-right: 5px;
color: #38bdf8;
}
.lostpassword-captcha.turnstile-captcha,
.registration-captcha.turnstile-captcha {
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
}
.login-input-wrapper.valid {
border-color: #3fb950 !important;
}
.login-input-wrapper.invalid {
border-color: #f85149 !important;
}
.login-input-wrapper.checking {
border-color: var(--accent) !important;
}
.login-check-wrapper {
position: relative;
}
.login-status-icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
.login-status-icon i.fa-spinner {
color: var(--accent);
}
.register-check-result {
display: none;
margin-bottom: 15px;
}
.register-errors {
background: var(--error-bg);
border: 1px solid var(--error-border);
color: var(--error);
padding: 12px 15px;
border-radius: 8px;
font-size: 13px;
line-height: 1.5;
}
.register-errors i {
margin-right: 8px;
}
.login-input-wrapper.valid input[type="password"]::placeholder {
color: #3fb950;
}
.tmdb-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 20px;
background: #2d2d2d;
color: #f5c518;
font-size: 11px;
font-weight: 700;
border-radius: 4px;
padding: 0 6px;
border: none;
}
.light-mode .tmdb-badge,
.light-mode .informacje .tmdb-badge {
background: #686868 !important;
}
#preview_box {
margin-top: 20px;
}
#preview_box .movie.boxed {
box-sizing: border-box;
width: 100% !important;
padding: 16px !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 14px !important;
transform: none !important;
box-shadow: none !important;
}
#preview_box .movie.boxed:hover {
background: var(--bg-card) !important;
transform: none !important;
box-shadow: none !important;
}
#preview_box .opis {
display: block !important;
}
#preview_box .opis img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 15px;
}
a[style*="#ff7b72"],
a[style*="#FF7B72"],
span[style*="#ff7b72"] a,
span[style*="#FF7B72"] a {
font-weight: bold !important;
}
a[style*="#22c55e"],
a[style*="#22C55E"],
span[style*="#22c55e"] a,
span[style*="#22C55E"] a {
font-weight: bold !important;
}
a[style*="#7c3aed"],
a[style*="#7c3aed"],
span[style*="#7c3aed"] a,
span[style*="#7c3aed"] a {
font-weight: bold !important;
}
a[style*="#58a6ff"],
a[style*="#58a6ff"],
span[style*="#58a6ff"] a,
span[style*="#58a6ff"] a {
font-weight: bold !important;
}
.turnstile-captcha,
.pm-captcha.turnstile-captcha,
.comments-captcha,
.feedback-captcha {
margin: 15px 0;
display: flex;
justify-content: center;
align-items: center;
}
.cf-turnstile {
margin: 0 auto;
}
.mass-comments-form .turnstile-captcha,
#dle-comments-form .turnstile-captcha,
.comment-form .turnstile-captcha {
margin: 15px 0;
padding: 10px 0;
}
.pm-captcha {
margin: 15px 0;
display: flex;
justify-content: center;
}
.login-modal .turnstile-captcha,
.register-modal .turnstile-captcha {
margin: 15px 0;
display: flex;
justify-content: center;
}
.login-captcha.turnstile-captcha {
margin: 15px 0;
display: flex;
justify-content: center;
}
.list-card-genres {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 6px 0 8px 0;
min-height: 22px;
}
.list-card-genres .genre-tag {
display: inline-block;
padding: 2px 8px;
font-size: 11px;
font-weight: 500;
background: var(--bg-input);
color: var(--text-secondary);
border-radius: 4px;
border: 1px solid var(--border-main);
transition: all 0.2s ease;
}
.list-card-genres .genre-tag:hover {
background: var(--accent);
color: var(--text-on-accent);
border-color: var(--accent);
}
.grid-genres {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px;
margin: 4px 0;
min-height: 18px;
}
.grid-genres .genre-tag {
display: inline-block;
padding: 1px 6px;
font-size: 10px;
font-weight: 500;
background: var(--bg-input);
color: var(--text-muted);
border-radius: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 70px;
}
.list-card-genres:empty,
.grid-genres:empty {
display: none;
margin: 0;
min-height: 0;
}
.grid-poster .grid-genres {
flex-direction: column;
align-items: flex-start;
position: absolute;
bottom: 8px;
left: 8px;
margin: 0;
opacity: 0;
transform: translateY(10px);
transition: all 0.3s ease;
z-index: 5;
justify-content: flex-start;
}
.grid-poster.has-genres::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 5px;
pointer-events: none;
}
.grid-view-content:hover .grid-poster.has-genres::after {
opacity: 1;
}
.grid-view-content:hover .grid-poster .grid-genres {
flex-direction: column;
align-items: flex-start;
opacity: 1;
transform: translateY(0);
}
.grid-poster .grid-genres .genre-tag {
color: #fff;
padding: 4px 10px;
font-size: 9px;
font-weight: 600;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.4);
background: #6b7280;
}
.grid-poster .grid-genres .genre-tag[data-genre="Akcja"] { background: #ef4444; }
.grid-poster .grid-genres .genre-tag[data-genre="Animacja"] { background: #f59e0b; }
.grid-poster .grid-genres .genre-tag[data-genre="Komedia"] { background: #fbbf24; color: #1f2937; }
.grid-poster .grid-genres .genre-tag[data-genre=Kryminał] { background: #6366f1; }
.grid-poster .grid-genres .genre-tag[data-genre="Dokumentalny"] { background: #14b8a6; }
.grid-poster .grid-genres .genre-tag[data-genre="Dramat"] { background: #8b5cf6; }
.grid-poster .grid-genres .genre-tag[data-genre="Familijny"] { background: #10b981; }
.grid-poster .grid-genres .genre-tag[data-genre="Fantasy"] { background: #a855f7; }
.grid-poster .grid-genres .genre-tag[data-genre="Historia"] { background: #78716c; }
.grid-poster .grid-genres .genre-tag[data-genre="Horror"] { background: #dc2626; }
.grid-poster .grid-genres .genre-tag[data-genre="Muzyczny"] { background: #ec4899; }
.grid-poster .grid-genres .genre-tag[data-genre="Tajemnica"] { background: #6366f1; }
.grid-poster .grid-genres .genre-tag[data-genre="Romans"] { background: #f43f5e; }
.grid-poster .grid-genres .genre-tag[data-genre="Sci-Fi"] { background: #3b82f6; }
.grid-poster .grid-genres .genre-tag[data-genre="Thriller"] { background: #1e3a5f; }
.grid-poster .grid-genres .genre-tag[data-genre="Wojenny"] { background: #365314; }
.grid-poster .grid-genres .genre-tag[data-genre="Western"] { background: #a16207; }
.grid-poster .grid-genres .genre-tag[data-genre="Przygodowy"] { background: #059669; }
.aim-leaderboard .col-points,
.aim-leaderboard td.col-points,
.aim-leaderboard .result-row .col-points,
.aim-leaderboard .result-row.has-points .col-points,
.aim-leaderboard .leaderboard-table .col-points,
.aim-leaderboard .leaderboard-table .result-row.has-points .col-points {
color: #2ecc71 !important;
font-weight: bold !important;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.grid-title {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
.related-news-section.boxed {
}
.content .related-news-section h4 {
border-bottom: 1px solid var(--border-main);
margin: 0 0 0;
padding: 0 0 15px;
font-size: 15px;
font-weight: 600;
color: var(--text-primary);
}
.related-cards {
display: flex;
flex-direction: column;
gap: 6px;
padding: 0;
}
.related-card {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px 8px 8px;
background: var(--bg-card);
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
text-decoration: none;
color: inherit;
}
.related-card:hover {
background: var(--bg-input);
transform: translateX(3px);
}
.related-card,
.related-card:hover,
.related-card:active,
.related-card:visited,
.related-card:focus {
text-decoration: none;
}
.rc-poster {
flex-shrink: 0;
width: 36px;
height: 52px;
border-radius: 5px;
object-fit: cover;
background: var(--bg-input);
border: 1px solid var(--border-main);
}
.rc-no-img {
display: flex;
align-items: center;
justify-content: center;
color: var(--text-muted);
font-size: 16px;
}
.rc-info {
flex: 1;
min-width: 0;
}
.rc-title {
font-size: 13px;
font-weight: 400;
color: var(--text-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
transition: color 0.15s ease;
}
.related-card:hover .rc-title {
color: var(--text-primary);
}
.rc-meta {
display: flex;
gap: 6px;
margin-top: 4px;
flex-wrap: wrap;
}
.rc-cat {
font-size: 10px;
font-weight: 500;
padding: 1px 7px;
border-radius: 3px;
background: var(--accent-subtle);
color: var(--accent);
letter-spacing: 0.3px;
}
.rc-arrow {
flex-shrink: 0;
font-size: 11px;
color: var(--text-muted);
transition: color 0.2s ease, transform 0.2s ease;
}
.related-card:hover .rc-arrow {
color: var(--accent);
transform: translateX(3px);
}
.top-releasers-grid .releaser-card:nth-child(n+6) {
display: none;
}
.mobile-hamburger { display: none; }
.mobile-offcanvas-overlay { display: none; }
.mobile-offcanvas { display: none; }
@media (max-width: 1024px) {
body {
overflow-x: hidden;
width: 100%;
}
.wrapper.inside {
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 10px !important;
box-sizing: border-box !important;
gap: 10px !important;
}
.wrapper .content,
.wrapper aside,
.wrapper .right {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
flex-shrink: 1 !important;
}
.wrapper .content { order: 1; }
.wrapper .right { order: 2; }
.wrapper aside { order: 3; }
.wrapper aside { display: none !important; }
.topbar-inner {
max-width: 100% !important;
padding: 8px 12px !important;
box-sizing: border-box !important;
width: 100% !important;
height: 56px !important;
}
.topbar-left {
width: auto !important;
gap: 10px !important;
}
.topbar-logo-text {
font-size: 24px !important;
}
.topbar-right {
padding-right: 0 !important;
gap: 6px !important;
}
.topbar-btn,
.topbar-icon {
width: 40px !important;
height: 40px !important;
padding: 0 !important;
font-size: 0 !important;
border-radius: 8px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.topbar-btn i,
.topbar-icon i {
font-size: 16px !important;
}
.user-menu-btn {
width: auto !important;
height: 40px !important;
padding: 0 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
gap: 6px !important;
border-radius: 8px !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
color: var(--text-secondary) !important;
}
.user-menu-btn i {
font-size: 14px !important;
}
.topbar-btn-primary {
display: none !important;
}
.topbar-right > a.topbar-icon + a.topbar-icon {
display: none !important;
}
.mobile-hamburger {
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
width: 36px;
height: 36px;
background: none;
border: none;
cursor: pointer;
padding: 6px;
flex-shrink: 0;
}
.mobile-hamburger span {
display: block;
width: 20px;
height: 2px;
background: var(--text-primary);
border-radius: 2px;
transition: all 0.3s ease;
}
.mobile-hamburger.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.mobile-hamburger.active span:nth-child(2) { opacity: 0; }
.mobile-hamburger.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
.mobile-offcanvas-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
z-index: 1500;
background: rgba(0,0,0,0.6);
opacity: 0;
transition: opacity 0.3s ease;
}
.mobile-offcanvas-overlay.active {
display: block;
opacity: 1;
}
.mobile-offcanvas {
display: block;
position: fixed;
top: 0; left: 0;
width: 280px;
height: 100%;
z-index: 1600;
background: var(--bg-card);
border-right: 1px solid var(--border-main);
transform: translateX(-100%);
transition: transform 0.3s ease;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobile-offcanvas.active {
transform: translateX(0);
}
.mobile-offcanvas-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
border-bottom: 1px solid var(--border-main);
}
.mobile-offcanvas-logo {
font-family: 'Montserrat', 'Montserrat Fallback', sans-serif;
font-size: 22px;
font-weight: 700;
text-decoration: none;
color: var(--text-primary);
}
.mobile-offcanvas-close {
width: 36px; height: 36px;
display: flex; align-items: center; justify-content: center;
background: var(--bg-input);
border: 1px solid var(--border-main);
border-radius: 8px;
cursor: pointer;
color: var(--text-secondary);
font-size: 16px;
}
.mobile-nav-section {
padding: 0;
border-top: 1px solid var(--border-main);
}
.mobile-nav-section:first-child { border-top: none; }
.mobile-nav-heading {
margin: 14px 19px 0 19px;
padding: 0 0 15px 0;
border-bottom: 1px solid var(--border-main);
font-size: 17px;
font-weight: 600;
color: var(--accent);
text-transform: none;
letter-spacing: 0;
}
.mobile-nav-list {
list-style: none;
margin: 8px 6px 10px 6px;
padding: 0;
}
.mobile-nav-list li {
text-align: left;
border: 0;
line-height: 16px;
padding: 0;
margin: 1px 0;
border-radius: 8px;
transition: all 0.2s ease;
}
.mobile-nav-list li:hover {
background: var(--bg-input);
}
.mobile-nav-list li a {
display: block;
font-size: 14px;
color: var(--text-secondary);
font-weight: 600;
padding: 8px 12px;
text-decoration: none;
transition: color 0.2s ease;
}
.mobile-nav-list li a:hover,
.mobile-nav-list li a:active {
color: var(--accent);
text-decoration: none;
}
.mobile-nav-list li a i {
width: 18px;
text-align: center;
margin-right: 8px;
opacity: 0.8;
}
.mobile-nav-list li:hover a i {
opacity: 1;
}
.mobile-nav-list li a.menu-dmca {
color: var(--error) !important;
}
.mobile-nav-list li a.menu-generator {
color: #EAB308 !important;
}
.top-releasers-grid {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
gap: 10px !important;
padding: 8px !important;
scrollbar-width: none;
}
.top-releasers-grid::-webkit-scrollbar { display: none; }
.top-releasers-grid .releaser-card:nth-child(n+6) {
display: none !important;
}
.releaser-card {
flex-shrink: 0 !important;
flex-direction: column !important;
align-items: center !important;
text-align: center;
width: 110px !important;
padding: 10px 8px !important;
gap: 6px !important;
}
.releaser-card .releaser-info {
align-items: center !important;
}
.releaser-card .releaser-name {
font-size: 11px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 95px;
display: block !important;
}
.releaser-card .releaser-stats {
font-size: 10px !important;
}
.category-bar {
width: 100% !important;
min-width: 0 !important;
max-width: 100vw !important;
overflow: hidden !important;
border-bottom: 1px solid var(--border-main) !important;
background: var(--bg-card) !important;
}
.category-bar-inner {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none;
gap: 6px !important;
padding: 8px 12px !important;
min-width: 0 !important;
width: 100% !important;
}
.category-bar-inner::-webkit-scrollbar { display: none; }
.cat-dropdown {
flex-shrink: 0 !important;
position: static !important;
}
.cat-dropdown:hover .cat-submenu,
.cat-submenu {
display: none !important;
}
.category-bar .cat-link,
.cat-link {
padding: 8px 14px !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 8px !important;
white-space: nowrap !important;
background: var(--bg-input) !important;
border: 1px solid var(--border-main) !important;
color: var(--text-secondary) !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
transition: all 0.2s ease !important;
min-width: 0 !important;
}
.category-bar .cat-link i,
.cat-link i {
font-size: 13px !important;
margin: 0 !important;
}
.cat-link.mobile-active {
background: var(--accent) !important;
color: var(--text-on-accent) !important;
border-color: var(--accent) !important;
}
.cat-link.mobile-active i {
color: var(--text-on-accent) !important;
}
.reaction-game-container,
.aim-game-container {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.reaction-leaderboard,
.aim-leaderboard {
overflow-x: auto !important;
}
.featured-list {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
gap: 10px !important;
padding: 8px !important;
scrollbar-width: none;
}
.featured-list::-webkit-scrollbar { display: none; }
.featured-item,
.featured-list > li,
.featured-list > div {
flex-shrink: 0 !important;
width: 130px !important;
display: block !important;
}
.featured-item.featured-hidden {
display: block !important;
}
.featured-list.dynamic-initialized .featured-item {
animation: none !important;
}
.featured-poster {
padding-top: 150% !important;
border-radius: 6px !important;
}
.featured-info {
padding: 6px 4px !important;
}
.featured-info .featured-title {
font-size: 11px !important;
line-height: 1.3 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-info .featured-category,
.featured-info .featured-meta {
font-size: 10px !important;
}
.wrapper .content {
margin: 0 !important;
}
.wrapper .right {
margin: 0 !important;
}
.wrapper .content,
.wrapper .right {
margin: 0 !important;
}
.wrapper .content > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wrapper .content > *:first-child {
margin-top: 0 !important;
}
.category-bar {
margin-bottom: 0 !important;
}
.wrapper.inside {
margin-top: 10px !important;
}
footer {
margin-top: 10px !important;
}
.list-card {
gap: 12px !important;
}
.list-card-poster {
width: 90px !important;
}
.list-card-title {
font-size: 13px !important;
line-height: 1.3 !important;
}
.list-card-meta {
font-size: 11px !important;
flex-wrap: wrap;
}
.list-card-btn {
font-size: 11px !important;
padding: 4px 10px !important;
}
.boxed {
box-sizing: border-box !important;
max-width: 100% !important;
margin-top: 0 !important;
}
.related-news-section.boxed {
margin-top: 10px !important;
}
.rc-title {
white-space: normal !important;
word-break: break-word;
}
.pm-container.boxed {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.pm-list-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.pm-list-actions {
flex-wrap: wrap;
width: 100%;
}
.pm-item {
padding: 10px 12px;
gap: 8px;
align-items: flex-start !important;
}
.pm-item-checkbox {
margin-top: 3px;
margin-right: 0;
flex-shrink: 0;
}
.pm-item-avatar {
display: none;
}
.pm-item-content {
min-width: 0;
flex: 1;
}
.pm-item-subject {
white-space: normal !important;
word-break: break-word;
}
table {
display: block;
overflow-x: auto;
max-width: 100%;
}
.view-toggle-bar {
padding: 8px 12px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.view-toggle-bar:not(:has(.bar-left)) {
display: none !important;
}
.view-toggle-bar .bar-left {
flex: 1 !important;
margin-right: 0 !important;
width: 100% !important;
}
.view-toggle-bar .bar-right {
display: none !important;
}
.view-toggle-bar .bar-search {
width: 100% !important;
}
.view-toggle-bar .bar-search-input {
flex: 1 !important;
min-width: 0 !important;
}
.mobile-view-toggle {
display: none !important;
}
.articles-container.view-list .grid-view-content {
display: flex !important;
flex-direction: column !important;
}
.articles-container.view-list .grid-view-content > a {
display: block !important;
}
.articles-container.view-list .grid-poster {
display: block !important;
}
.articles-container.view-list .grid-info-bar {
display: flex !important;
}
.articles-container.view-list .list-description,
.articles-container.view-list .list-extra {
display: none !important;
}
.pagination {
margin: 10px 0 0 0 !important;
}
.category-badge,
.grid-view-content .category-badge {
font-size: 13px !important;
padding: 6px 12px !important;
border-radius: 6px !important;
top: 8px !important;
left: 8px !important;
}
.grid-rating {
font-size: 15px !important;
padding: 6px 12px !important;
border-radius: 6px !important;
top: 8px !important;
right: 8px !important;
}
.grid-genres .genre-tag,
.grid-poster .grid-genres .genre-tag {
font-size: 12px !important;
padding: 4px 10px !important;
border-radius: 5px !important;
}
.grid-hosting-icons {
gap: 5px !important;
}
.grid-hosting-icons .hosting-list-icon {
width: 18px !important;
height: 18px !important;
padding: 4px !important;
border-radius: 5px !important;
}
.hosting-list-icon {
width: 20px !important;
height: 20px !important;
}
.top-releasers .section-title,
.featured .section-title {
border-bottom: none !important;
padding-bottom: 8px !important;
}
.top-releasers .section-title .boxcontrol,
.featured .section-title .boxcontrol {
display: none !important;
}
.scroll-top-btn {
display: none;
position: fixed !important;
bottom: 80px !important;
right: 14px !important;
width: 40px !important;
height: 40px !important;
border-radius: 8px !important;
background: var(--accent) !important;
color: var(--text-on-accent) !important;
border: none !important;
font-size: 16px !important;
cursor: pointer !important;
z-index: 9999 !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
transition: opacity 0.3s ease, transform 0.3s ease !important;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
}
.scroll-top-btn.visible {
display: flex !important;
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
.chat-widget .chat-last-message {
display: none !important;
}
.chat-mobile-ticker {
display: none !important;
}
.chat-widget.collapsed .chat-mobile-ticker {
display: block !important;
padding: 4px 12px !important;
overflow: hidden !important;
height: 20px !important;
position: relative !important;
}
.chat-mobile-ticker .ticker-track {
display: flex !important;
flex-direction: column !important;
animation: tickerVertical 12s ease-in-out infinite !important;
}
.chat-mobile-ticker .ticker-item {
font-size: 12px !important;
color: var(--text-secondary) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
height: 22px !important;
line-height: 22px !important;
}
.chat-mobile-ticker .ticker-item .msg-user {
color: var(--accent) !important;
font-weight: 600 !important;
}
.mobile-subcats {
display: none;
}
.mobile-subcats.active {
display: flex !important;
gap: 6px !important;
padding: 6px 12px 10px !important;
background: var(--bg-body) !important;
border-bottom: 1px solid var(--border-main) !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.mobile-subcats::-webkit-scrollbar { display: none; }
.mobile-subcats a {
padding: 6px 12px !important;
font-size: 12px !important;
font-weight: 500 !important;
color: var(--text-muted) !important;
white-space: nowrap !important;
background: var(--bg-card) !important;
border: 1px solid var(--border-main) !important;
border-radius: 6px !important;
text-decoration: none !important;
flex-shrink: 0 !important;
transition: all 0.2s ease !important;
}
.mobile-subcats a:hover {
color: var(--text-secondary) !important;
border-color: var(--border-main) !important;
}
.mobile-subcats a.active {
color: var(--accent) !important;
border-color: var(--accent) !important;
background: rgba(194, 122, 58, 0.1) !important;
}
.cat-link.mobile-active {
background: var(--accent) !important;
color: var(--text-on-accent) !important;
border-radius: 8px !important;
}
.cat-link.mobile-active i {
color: var(--text-on-accent) !important;
}
footer .footer-main {
display: flex !important;
flex-direction: column !important;
padding: 28px 20px 20px !important;
gap: 0 !important;
grid-template-columns: unset !important;
}
footer .footer-brand {
text-align: center !important;
padding-right: 0 !important;
margin-bottom: 24px !important;
grid-column: unset !important;
}
footer .footer-brand a {
font-size: 26px !important;
margin-bottom: 4px !important;
}
footer .footer-brand p {
font-size: 13px !important;
color: var(--text-muted) !important;
margin-top: 4px !important;
}
footer .footer-col {
border-top: 1px solid var(--border-main) !important;
padding: 14px 0 !important;
}
footer .footer-col .footer-heading {
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
color: var(--text-muted) !important;
margin-bottom: 10px !important;
text-align: center !important;
}
footer .footer-col ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 0 !important;
align-items: center !important;
justify-content: center !important;
}
footer .footer-col ul li {
margin-bottom: 0 !important;
display: flex !important;
align-items: center !important;
}
footer .footer-col ul li a {
padding: 8px 0 !important;
font-size: 14px !important;
display: inline !important;
}
footer .footer-col ul li a:hover {
transform: none !important;
}
footer .footer-col ul li + li::before {
content: '·';
color: var(--text-muted);
opacity: 0.5;
margin: 0 10px;
font-size: 18px;
line-height: 1;
}
footer .footer-col:last-child {
border-top: 1px solid var(--border-main) !important;
padding: 0 !important;
}
footer .footer-col:last-child .footer-heading {
display: none !important;
}
footer .footer-socials {
justify-content: center !important;
gap: 12px !important;
padding: 20px 0 !important;
}
footer .social-icon {
width: 44px !important;
height: 44px !important;
border-radius: 12px !important;
border: 1px solid var(--border-main) !important;
font-size: 16px !important;
}
footer .social-icon:hover {
transform: translateY(-2px) !important;
border-color: var(--accent) !important;
color: var(--accent) !important;
background: transparent !important;
}
footer .social-icon.discord:hover,
footer .social-icon.telegram:hover,
footer .social-icon.facebook:hover {
background: transparent !important;
border-color: var(--accent) !important;
color: var(--accent) !important;
}
footer .footer-bottom-inner {
flex-direction: column !important;
text-align: center !important;
gap: 6px !important;
padding: 16px 20px !important;
}
footer .footer-disclaimer {
text-align: center !important;
}
footer .footer-links {
justify-content: center !important;
}
}
@media (max-width: 600px) {
.list-card-poster {
width: 70px !important;
}
.list-card-genres,
.list-card-technical {
display: none !important;
}
}
@media (max-width: 380px) {
.topbar-logo-text {
font-size: 22px !important;
}
}