Login to reply
overall_header
- Kod:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap" rel="stylesheet"/>
<link href='https://fonts.googleapis.com/css?family=Roboto Condensed' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Prompt' rel='stylesheet'>
<script src="//pull.cappuccicons.com/cpf.js"></script>
<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $(“[title],a[title],img[title]”).style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:000, tip_fade_speed:001, attribute:“title” }); }); })(jQuery); </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:000,tip_fade_speed:300,attribute:"title"});});})(jQuery);</script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script src="https://kit.fontawesome.com/8f3d16ff4f.js" crossorigin="anonymous"></script>
<div class="przycisk" title="zmiana trybu jasności"> <button id="theme-switch"></button></div>
<script src="https://kit.fontawesome.com/8f3d16ff4f.js" crossorigin="anonymous"></script>
<div class="nawi4">
<div class="przycisk1" title="multikonta"><img src="https://i.imgur.com/A4ChQ2X.png"></img></div>
<ul class="lista1">
<nav id="switcheroo" class="switcheroo" direction="horizontal" position="top"></nav>
</ul></div>
<div class="topdown">
<i id="scrolltop" class="fa fa-caret-up" title="przewiń do góry"></i>
<i id="scrolldown" class="fa fa-caret-down" title="przewiń w dół"></i>
</div>
<style>/*PRZYCISK TRYBU JASNOŚCI*/
.przycisk {
z-index:999!important;
position:fixed;
top:0px;
right:0px;
background: var(--b4);
border: var(--o1);
box-shadow: var(--sh);
height:35px!important;
width: 35px!important;}
.przycisk button {
margin-top:1px;
margin-left:8px;
font-size:20px!important;
color:var(--f1)!important;}
/*EDYCJA PROFILU*/
#tabs ul li:last-child {
display:none;}
div#wrapper div#container div#content-main div#main div#main-content form {
min-width:100%;}
table.table1 .name {
text-align:center!important;}
table#memberlist.table1 {
display:flex;
flex-wrap:wrap;
max-width:750px;}
table#memberlist input[type="checkbox" i] {
margin-right:0px!important;}
table#memberlist td:nth-child(0n+2) br, table#memberlist th:first-child, table#memberlist td:first-child, table#memberlist td:nth-child(0n + 2) img, table#memberlist th:nth-child(0n + 4), table#memberlist th:nth-child(0n + 6), table#memberlist td:nth-child(0n + 4), table#memberlist td:nth-child(0n + 6) {
display:none;}
table#memberlist td:last-child, table#memberlist th:last-child {
max-width:30px;}
table#memberlist a.topictitle {
text-decoration:none!important;
font-size:10.5px!importnat;}
table#memberlist td:nth-child(0n+2) {
font-size:0px!important;}
table#memberlist tr {
display:flex;
gap:10px;
min-width:100%;}
table#memberlist td {
flex-wrap:wrap;
justify-content: center;
align-items: center;
display:flex;
font-size:10px!important;
text-align:center;
margin-bottom:10px;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
padding:5px 10px;
flex:1;}
thead.mobile-hidden {
min-width:100%;}
table#memberlist tr th {
flex:1;}
.followers_block.panel {
width:710px!important;}
#cp-main table.table1 {
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
padding:5px 10px;}
#cp-main table.table1 thead th, .hidden-if-toolbar-deactivated.cp_notifs table.table1 thead th {
margin-bottom:10px;
color:var(--f3)!important;}
table#checkboxes input[type="checkbox" i], .hidden-if-toolbar-deactivated.cp_notifs input[type="checkbox" i] {
margin-right:0px!important;}
table#checkboxes td, #cp-main table.table1 thead th, .hidden-if-toolbar-deactivated.cp_notifs td, .hidden-if-toolbar-deactivated.cp_notifs thead th {
padding:5px 10px!important;
flex:1;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);}
.cp_notifs .notif_row td:nth-child(0n+2), .cp_notifs .notif_row td:nth-child(0n+3) {
display:flex;
justify-content: center;
align-items: center;}
table#checkboxes tr, .hidden-if-toolbar-deactivated.cp_notifs table.table1 tr {
display:flex;
gap:10px;
margin-bottom:10px;}
table#checkboxes tr:last-of-type, .hidden-if-toolbar-deactivated.cp_notifs tr:last-of-type {
margin-bottom:0px!important;}
table#checkboxes td:first-child, table#checkboxes th:first-child, .hidden-if-toolbar-deactivated.cp_notifs th:first-child, .hidden-if-toolbar-deactivated.cp_notifs td:first-child {
min-width:40%;
flex:2!important;}
/*REJESTRACJA - LOGOWANIE*/
fieldset.fields1.left.fld_connexion {
min-width:100%;
float:none!important;}
input#username {
padding-top:0px!important;
background:none!important;
box-shadow:none!important;
border:0px!important;
margin:0px!important;}
h3, .h3 {
padding:0px!important;
border:0px!important;}
fieldset.fields1 dd:last-child {
padding-top:7px;
text-align:center;
color:var(--f3)!important;
background:var(--b3)!important;
box-shadow:var(--sh);
border:var(--o1);}
fieldset.fields1 dl:last-child dd:last-child, fieldset.fields1 dl:last-child {
border:0px!important;
margin-bottom:0px!important;
background:none!important;
padding:0px!important;
box-shadow:none!important;}
form#frmAgreement .panel {
max-width:750px;
margin:auto;}
fieldset.fields2 dl:last-of-type dd, fieldset.fields2 dl:last-of-type dd input, fieldset.fields1 dl:last-child dd, fieldset.fields1 dl:last-child dd input {
min-width:auto!important;
display:flex;}
#cont_pwd:before {
content:'siła hasła';
position:absolute;
left:20px;
bottom:10px;}
fieldset.fields2 dl:last-of-type dt, fieldset.fields1 dl:last-of-type dt {
display:none;}
#cont_pwd {
text-transform:uppercase;
margin-left:0px!important;
min-width:100%;
margin-top:10px;}
.pwd_img {
filter:grayscale(50%);
opacity:0.2;
min-width:100%;}
form#frmAgreement .panel p, form#frmAgreement .panel div.mes-txt {
margin:0px!important;}
div#wrapper div#container div#content-main div#main div#main-content p:first-child + p {
display:none;}
div#wrapper div#container div#content-main div#main div#main-content .panel:last-child {
margin-bottom:0px!important;}
div#wrapper div#container div#content-main div#main div#main-content .panel.row3, div#wrapper div#container div#content-main div#main div#main-content .panel:last-child {
max-width:750px;
text-align:justify;
padding:10px;
margin:10px auto auto auto;}
div#wrapper div#container div#content-main div#main div#main-content .panel.row3 #cp-main {
padding:10px!important;
margin:0px!important;}
dd textarea {
min-width:100%;}
fieldset dl:hover dt label, fieldset dl dt label {
margin-top:10px;
margin-left:10px;
color:var(--f3)!important;}
fieldset dd, fieldset.fields2 dd {
justify-content: center;
align-items: center;
margin-bottom:0px!important;
flex:auto;
margin-left:0px!important;}
fieldset dt {
text-align:center;
flex:auto;
color:var(--f1)!important;
min-width:150px;
max-width:150px;}
.panel fieldset {
margin:0px!important;}
div#wrapper div#container div#content-main div#main div#main-content .panel.row3 #cp-main .panel fieldset {
margin:0px!important;}
fieldset dl {
position:relative;
max-width:100%;
display:flex;
margin-bottom:10px!important;
padding:10px!important;
gap:10px;
color:var(--f3)!important;
background:var(--b3)!important;
box-shadow:var(--sh);
border:var(--o1);}
#cp-main .panel p {
font-size:10px!important;
width:100%;
text-align:center;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);
padding:5px 10px;}
#cp-main h1 {
display:none;}
div#wrapper div#container div#content-main div#main div#main-content {
padding-top:100px!important;}
form#ucp .panel {
text-align:justify;
border-radius:7px!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh)!important;
border:var(--o1)!important;
padding:10px!important;
margin-bottom:20px!important;}
div#wrapper div#container div#content-main div#main div#main-content .who p:first-child + p {
display:block!important;}
p.rightside {
display:none;}
.panel.msgdie-panel {
margin:auto;
max-width:700px;}
div#wrapper div#container div#content-main div#main div#main-content > p {
display:none;}</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta http-equiv="content-style-type" content="text/css"/>
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch (tickerDirParam) {
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function () {
$('#fa_ticker_content').css('display', 'block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0) {
$('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item) {
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert) {
var height_max = h_perso;
$('ul#fa_ticker_content li').each(function () {
if ($(this).height() > height_max) {
height_max = $(this).height();
}
});
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
} else {
$('ul#fa_ticker_content li:not(:first)').css('display', 'none');
$('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function () {
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if (pm != null) {
pm.focus();
}
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if (report != null) {
report.focus();
}
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
Ticker.start({
height: {switch_ticker.HEIGHT},
spacing: {switch_ticker.SPACING},
speed: {switch_ticker.SPEED},
direction: '{switch_ticker.DIRECTION}',
pause: {switch_ticker.STOP_TIME}
});
<!-- END switch_ticker -->
document.onclick = function(e){
if (!e.target.classList.contains('navicon')) {
if ($(e.target).parents('.responsive-headerbar').length == 0 && e.target.id != "menu-btn") {
document.getElementById('menu-btn').checked = false;
}
}
};
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
$(document).ready(function () {
$(window).resize(function () {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth / 2 - popupWidth / 2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<style type="text/css">
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li.rightside, ul.linklist li.rightside a.copyright {
display: inline !important;
}
<!-- BEGIN switch_ticker_new -->
.jcarousel-skin-tango .jcarousel-item {
text-align: center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
<!-- END switch_ticker_new -->
</style>
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- END google_analytics_code_bis -->
</script>
<!-- END google_analytics_code -->
<script>
function somefunction(value){
if(value == 1){
$("body").css("background-color","red");
}
if(value == 2){
$("body").css("background-color","yellow");
}
}
</script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap"
rel="stylesheet"/>
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/>
</head>
<body id="modernbb">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" loading="lazy" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br/>
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
<div class="h3">{inactive_users_modal.L_MODAL_TITLE}</div>
<div id="inactive_popup_message">{inactive_users_modal.L_MODAL_BODY}</div>
<div id="inactive_popup_buttons">
<button id="inactive_popup_url" class="button1">{inactive_users_modal.L_MODAL_BUTTON}</button>
<button id="inactive_popup_close" class="button1">{inactive_users_modal.L_CLOSE}</button>
</div>
</div>
<script type="text/javascript">
$('#inactive_popup #inactive_popup_close').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
$('#inactive_popup').hide(50);
});
$('#inactive_popup #inactive_popup_url').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
location.href = '{inactive_users_modal.U_MODAL}'
})
</script>
<!-- END inactive_users_modal -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="login_popup_message">
{LOGIN_POPUP_MSG}
</div>
<!-- BEGIN switch_quick_login -->
<br/>
<div class="h3">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div>
<div>
<div class="mt10">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</div>
</div>
<br/>
<!-- END switch_quick_login -->
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}"/>
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/>
</form>
</div>
</div>
<!-- END switch_login_popup -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
<div class="h3">{SITENAME}</div>
<div id="like_popup_message">
{LIKE_POPUP_MSG}
</div>
<div id="like_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}"/>
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/>
<input id="like_popup_close" type="button" class="button2" value="{L_LIKE_CLOSE}"/>
</form>
</div>
</div>
<!-- END switch_like_popup -->
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header">
<div class="headerbar">
<div class="header-1">
<div class="wrap">
<a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/><div class="napis">ikigai</div>
<span>powód istnienia; <br /> cel dla którego warto się obudzić</span> </a>
<ul id="modernbb-nav-menu" class="navbar navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div></div>
<div class="wrap">
<div id="site-desc">
<!-- BEGIN switch_h1 -->
<div id="site-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p>{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
</div>
<div class="conteneur_minwidth_IE modern-resp">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<div id="page-body">
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="module">
<div class="inner">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="container">
<div id="content-main">
<div id="main">
<div id="main-content">
CSS 1
- Kod:
.walka:before {
margin-bottom:-2px;
display:inline-block;
background-size:20px 15px!important;
background:url('https://i.imgur.com/l2WlyXv.png');
height:15px;
width:20px;
margin-right:5px;
content:'';}
.walka {
display:inline-block;
font-weight:700;
color:#5c7272;}
/*KONKRETY W PROFILU SZCZEGÓŁOWYM*/
#profile-tab-field-profil dt img {
display:none;}
div#profile-tab-field-profil {
gap: 10px;
display: flex;
flex-wrap: wrap;}
dl#field_id1:before {
display:none!important;}
/*BRAK MAILA*/ div#profile-tab-field-profil dl:first-child {
display:none;}
dl#field_id-19 {
display:none!important;}
/*NAPIS DO PW*/ div#profile-tab-field-profil dl:nth-child(3):before {
font-size:13px!important;
font-weight:700;
position:absolute;
left:62px;
top:27px;
content:'PW';}
/*BEZ NAPISU "PW" OBOK WZROSTU*/ dl#field_id13:before {
display:none!important;}
/*BRAK W LINKACH*/ dl#field_id-10, dl#field_id-21, dl#field_id-22, dl#field_id-23 {
display:none!important;}
/*ORGANIZACJA*/ dl#field_id4 {
min-width:40%;}
/*KONTRAHENT, GRUPA*/ dl#field_id19, dl#field_id16 {
min-width:45%;}
dl#field_id19 img {
margin-top:2px;}
/*WIEK, WZROST, WAGA*/ dl#field_id13, dl#field_id4, dl#field_id18 {
min-width:30%;}
/*CZAS*/
#profile-tab-field-profil div.separator, dl#field_id5 {
display:none!important;}
/*CHARAKTERYSTYKA*/ dl#field_id8 dt, dl#field_id8 {
display:block!important;
min-width:100%;}
dl#field_id8 dd {
text-align:justify!important;}
/*DISCORD, CZAS ONLINE, DATA REJESTRACJI*/ dl#field_id14, dl#field_id-4, dl#field_id7 {
min-width:30%;}
/*MULTIKONTA*/ dl#field_id3 {
min-width:100%;}
/*POSTY*/ dl#field_id-6 dt b:before {
margin-right:3px;
content:'postów';}
dl#field_id-13 dt b:before {
margin-right:3px;
content:'posty';}
/*WYRÓŻNIENIE W GRUPACH*/
.who a[href="/u1"]:before {
content:'\ea3d';
margin-right:5px;
font-size:12px!important;
font-family:'cappuccicons';}
.who a[href="/u7"]:before {
content:'\ecad';
margin-right:5px;
font-size:12px!important;
font-family:'cappuccicons';}
.who a[href="/u9"]:before {
content:'\eca0';
margin-right:5px;
font-size:12px!important;
font-family:'cappuccicons';}
.who a[href="/u163"]:before {
content:'\eab7';
margin-right:5px;
font-size:12px!important;
font-family:'cappuccicons';}
@media (max-width: 1800px) {
.aktualnie {
min-width:400px!important;
max-width:650px!important;}
.ch > div {
max-width:1200px!important;
min-width:500px;}
}
/*RESPONSYWNOŚĆ*/
@media (max-width: 1100px) {
.oglo {
width:260px!important;
}
.postac-opis {
max-height:140px!important;
margin-top:30px!important;}
.postac-miesiaca {
min-width:200px!important;
max-width:210px!important;
margin-left:calc(50% - 80px)!important;}
.ch {
max-width:1200px!important;
min-width:550px;}
.posty-wyś {
min-width:300px!important;}
.grupy-gr div img {
max-width:300px!important;}
.grupy-gł {
flex:1;
min-width:70%!important;
max-width:100%!important;}
.row {
min-width:45%;
}
.forabg:nth-child(0n+11) ul.topiclist li:nth-child(0n+1) {
margin-left:440px!important;}
.forabg:nth-child(0n+11) .row .sub {
max-width:430px;
margin-left:-450px!important;}
.forabg:nth-child(0n+7) ul.topiclist li, .forabg:nth-child(0n+8) ul.topiclist li, .forabg:nth-child(0n+10) ul.topiclist li {
min-width:30%!important;}
.forabg:nth-child(0n+7) .hierarchy a, .forabg:nth-child(0n+8) .hierarchy a, .forabg:nth-child(0n+10) .hierarchy a {
font-size:14px!important;}
.forabg:nth-child(0n+7) .hierarchy p, .forabg:nth-child(0n+8) .hierarchy p, .forabg:nth-child(0n+10) .hierarchy p {
margin-top:-29px;
font-size:23px!important;}
.forabg:nth-child(0n+6) ul.topiclist li:nth-child(0n+3) {
margin-left:280px;
min-width:25%!important;
}
.forabg:nth-child(0n+6) ul.topiclist li:nth-child(0n+4) {
margin-left:0px!important;
}
#footer_widgets {
padding-left:60px!important;
}
#calendar tbody td {
font-size:10px!important;
}}
@media (max-width:1800px) {
#wrap {
padding-right:40px!important;
padding-left:60px!important;}
}
/*RESPONSYWNOŚĆ - 800PX*/
@media (max-width:800px) {
.forabg:nth-child(0n+7) ul.topiclist li, .forabg:nth-child(0n+8) ul.topiclist li, .forabg:nth-child(0n+10) ul.topiclist li {
min-width:55%!important;}
#page-body {
overflow:inherit!important;}
.sub a {
min-width:calc(100% - 5px)!important;}
.sub a:nth-child(odd) {
top:auto!important;
left:auto!important;
max-width:13px!important;
position:relative!important;
min-width:13px!important;}
.sub a:last-of-type {
margin-right:0px!important;}
.wymm {
flex-direction:row!important;
min-width:100%!important;}
.ch {
flex:1!important;
max-width:1200px!important;
min-width:100%!important;}
.posty-wyś {
min-width:100%!important;}
.grupy-gł {
min-width:70%!important;
max-width:100%!important;}
.forabg:nth-child(0n+11) ul.topiclist li:nth-child(0n+1) {
margin-left:0px!important;
min-width:100%!important;}
.forabg:nth-child(0n+11) .row {
min-width:100%!important;}
.forabg:nth-child(0n+11) .row .sub {
min-width:100%;
margin:0px!important;
position:relative!important;}
.modern-resp .lastpost-infos, .modern-resp .AD_LastPA .AD_LastInfos {
bottom:-25px!important;}
}
/*RESPONSYWNOŚĆ MOBILNA*/
@media (max-width:500px) {
.panel.introduction {
position:relative!important;}
.dzial-art {
max-width:100%;
min-width:130px!important;}
.st1 {
flex-wrap:wrap;}
#logo img {
margin-left:-70%!important;}
.oglo {
min-width:100%;
margin-bottom:50px!important;
margin-top:-40px!important;
margin-left:0px!important;}
.forabg:nth-child(0n+6) ul.topiclist li:nth-child(0n+3) {
margin-left:0px!important;}
.row {
min-width:95%;
}
}
/*ID*/
.id td {
background:var(--b4)!important;}
.id div[class*='post--'] .postbody table {
background:var(--b5)!important;}
.id td:first-child {
font-size:15px!important;}
.wady-wyjasnienia {
margin-top:-30px;}
.wady-wyjasnienia div {
text-align:justify;
padding:10px!important;
background: var(--b5);
border:var(--o1);
box-shadow: var(--sh);
display:flex;}
.wady-wyjasnienia div > span {
max-height:115px;
overflow:auto;
padding:5px 10px!important;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);
flex:1;}
.wady-wyjasnienia div > span:first-child {
margin-right:10px;
justify-content: center;
align-items: center;
display:flex;
text-align:center!important;
max-width:240px!important;}
.wady .ni {
background: linear-gradient(90deg, rgba(38,38,38,0.6) 33%, rgba(21,21,21,0.1) 33%)!important;}
.wady .ni:after {
padding-top:5px;
font-size:10px;
content:'niewielki';}
.wady .zn {
background: rgb(83,46,46);
background: linear-gradient(90deg, rgba(38,38,38,0.6) 66%, rgba(21,21,21,0.1) 66%)!important;}
.wady .zn:after {
font-size:10px;
content:'znaczący';}
.wady .ci {
background: rgba(38,38,38,0.6)!important;}
.wady .ci:after {
font-size:10px;
content:'ciężki';}
.wady br {
display:none;}
.wady {
gap:10px;
display:flex;
flex-wrap:wrap;
width:100%;}
.wady div {
flex:1;
min-width:33%;
display:flex;
flex-wrap:wrap;}
.wady span {
margin-right:10px;
max-width:30px!important;
min-width:250px!important;
background: var(--b5);
flex:1;}
.wady .sr {
flex:2;}
.wady .ni, .poziom, .wady .zn, .wady .ci, .wady span {
display:block!important;
text-align:center;
padding:5px 10px!important;
background: var(--b5);
border: var(--o1);
box-shadow: var(--sh);}
.um br {
display:none;}
.um {
gap:10px;
display:flex;
flex-wrap:wrap;
width:100%;}
.um div {
flex:1;
min-width:50%;
display:flex;
flex-wrap:wrap;}
.um .pod {
background: linear-gradient(90deg, rgba(38,38,38,0.6) 25%, rgba(21,21,21,0.1) 25%)!important;}
.um .pod:after {
font-size:10px;
content:'podstawowy';}
.um .sr {
background: linear-gradient(90deg, rgba(38,38,38,0.6) 50%, rgba(21,21,21,0.1) 50%)!important;}
.um .sr:after {
font-size:10px;
content:'średniozaawansowany';}
.um .za {
background: linear-gradient(90deg, rgba(38,38,38,0.6) 75%, rgba(21,21,21,0.1) 75%)!important;}
.um .za:after {
font-size:10px;
content:'zaawansowany';}
.mi {
background:rgba(38,38,38,0.6)!important;}
.um .mi:after {
font-size:10px;
content:'mistrzowski';}
.um div i {
font-style:normal!important;
flex:1;
border-radius:7px;
max-width:70px!important;
padding:5px 5px;
margin-right:10px;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);}
.um span {
margin-right:10px;
max-width:30px!important;
min-width:250px!important;
background: var(--b5);
flex:1;}
.um .sr {
flex:2;}
.um .sr, .um span, .poziom, .um .pod, .um .za, .um .mi {
display:block!important;
text-align:center;
padding:5px 10px!important;
background: var(--b5);
border: var(--o1);
box-shadow: var(--sh);}
.kondycja br {
display:none;}
.kondycja {
gap:10px;
display:flex;
flex-wrap:wrap;
width:100%;}
.kondycja div {
flex:1;
min-width:35%;
display:flex;
flex-wrap:wrap;}
.kondycja div br {
display:block!important;}
.kondycja div i {
margin-right:10px;
border-radius:7px;
display:flex;
justify-content: center;
align-items: center;
flex:1;
max-width:30px!important;
padding:5px 5px;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);}
.kondycja div span {
max-height:155px;
text-align:justify;
overflow:auto;
flex:2;
min-width:45%;
padding:5px 10px;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
.id:nth-child(1n+4), .id:nth-child(1n+5) {
margin-top:-35px;}
.id {
display:flex;
background: var(--b6);
border:var(--o1);
box-shadow: var(--sh);
padding:10px;}
.id .t:before {
display:none;}
.id .daty {
left:auto;
right:10px!important;}
.id .t:after {
margin: 10px 0px 10px 10px;
flex-grow: 1;
content: "";
height: 1px;
border-bottom: 1px dashed var(--f3);}
.id .obr1 {
max-width:250px;
background-size:250px auto!important;
margin-left:10px;
padding:2px;
border: var(--o1a);
box-shadow: var(--sh);
width:350px;}
.id .podstawowe i {
font-style:normal!important;}
.chikara {
padding:2px;
margin:-2px;
margin-top:-35px;}
.chikara br {
display:none;}
.chikara .t, .wady-wyjasnienia .t {
padding:0px!important;
background:none!important;
box-shadow:none!important;
border:0px!important;
font-size:14px;}
.chikara div {
max-height:110px;
overflow:auto;
margin-bottom:10px;
position:relative;
text-align:justify;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);
padding:5px 10px;}
.chikara div:nth-last-child(-n+2) {
margin-bottom:0px!important;}
/*NOWA KP?*/
.karta {
display:flex;
background: var(--b6);
border:var(--o1);
box-shadow: var(--sh);
padding:10px;}
.znaki div:nth-last-child(-n+2) {
margin-bottom:0px!important;}
.daty {
opacity:0.6;
text-align:left!important;
line-height:14px;
font-size:10px;
position:absolute;
top:7px;
left:10px;}
.znaki br {
display:none;}
.znaki {
padding:2px;
margin:-2px;
max-height:260px;
overflow:auto;
margin-top:-35px;}
.znaki div br {
display: block!important;}
.znaki div {
margin-bottom:10px;
position:relative;
text-align:justify;
background: var(--b3);
border:var(--o1);
box-shadow: var(--sh);
padding:5px 10px;}
.bio {
background: var(--b6);
border:var(--o1);
box-shadow: var(--sh);}
.k-info {
position:relative;
flex:2;
text-align:center;
background: var(--b1);
border:var(--o1);
box-shadow: var(--sh);
padding:10px;}
.podstawowe br {
display:none;}
.podstawowe {
gap:10px;
margin-top:-15px;
display:flex;
flex-wrap:wrap;
width:100%;}
.podstawowe div {
flex:1;
min-width:35%;
display:flex;
flex-wrap:wrap;}
.podstawowe div i {
margin-right:10px;
flex:1;
border-radius:7px!important;
max-width:30px!important;
padding:5px 5px;
background: var(--b3);
border:var(--o1);
box-shadow: var(--sh);}
.podstawowe div span {
flex:2;
min-width:45%;
padding:5px 10px;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
.karta .obr1 {
background-size:250px auto!important;
margin-right:10px;
padding:2px;
border:var(--o1a);
box-shadow: var(--sh);
width:250px;}
.obr2 {
box-shadow: var(--sh);
border:var(--o1)!important;
min-width:calc(100%)!important;}
.obr1 {
transition: 0.5s;
filter:grayscale(100%);}
.obr1:hover {
transition: 0.5s;
filter:grayscale(0%);}
.bio, .bio * {
box-sizing: border-box;
transition: .5s;
position:relative;}
.bio-txts div div {
background:var(--b3);
box-shadow:var(--sh);
border:var(--o1);
padding:10px;
width:100%;}
.bio-txts img {
border-radius:7px!important;
overflow:hidden;}
.bio-txts .t, .bio-txts .t-1 {
font-size:14px;
background:none;
box-shadow:none;
padding:0px;
border:0px;}
.bio input, .bio br {
display: none; }
.bio-fx {
padding:10px;
max-width:calc(100% - 45px)!important;
flex:3;
display: flex;}
.sr-only {
display:none;}
.bio-txts br {
display:block!important;}
.bio-txts {
background:var(--b1);
box-shadow:var(--sh);
border:var(--o1);
padding:10px;
height:600px;
overflow: auto;
pointer-events:none;
opacity: 0;}
.bio-txts ~ .bio-txts {
margin-top: -600px;}
#bio-01:checked ~ div .bio-txts:nth-of-type(1), #bio-02:checked ~ div .bio-txts:nth-of-type(2), #bio-03:checked ~ div .bio-txts:nth-of-type(3) {
pointer-events: auto;
opacity: 1;}
.bio-labs {
flex-direction: column;
display: flex;
width:35px;
position:absolute;
top:10px;
right:10px;}
.bio-labs > label {
display:flex;
justify-content: center;
align-items: center;
width:35px;
height:35px;
background:var(--b3);
box-shadow:var(--sh);
border:var(--o1);
cursor: pointer;
margin-bottom:10px;}
.bio-labs i {
opacity:0.6;
font-size:14px;}
.bio-labs i:hover {
opacity:1;
font-size:11px;}
/*KOMPENDIUM*/
div#m2, div#m3, div#m4, div#m5, div#m6, div#m7, div#m8, div#m9, div#m10, div#m11, div#m12, div#m13, div#m14, div#m15, div#m16, div#m17, div#m18, div#m19, div#m20, div#m21, div#m22, div#m23, div#m24, div#m25, div#m26 {
position:relative;
top:-80px!important;}
div#m1 {
position:relative;
top:-60px!important;}
.fab-art {
overflow:hidden;
border-radius:7px!important;
float:left;
margin-right:10px;
background: var(--b2);
border: var(--o1);
box-shadow: var(--sh)!important;}
.content .fab-art img {
opacity:0.3!important;
margin:3px;}
.fab1 {
max-height:224px;
overflow:auto;
line-height:22.1px!important;
font-size:12px!important;
position:relative;
padding:10px;
border:var(--o1);
background:var(--b4);
box-shadow:var(--sh);}
.fab1:first-child {
margin-top:0px!important;}
.fab1 {
margin-top:-35px;}
.menu {
background-repeat:no-repeat!important;
border:var(--o1);
background:var(--b3);
box-shadow:var(--sh);
padding:5px 10px;
text-transform: uppercase;
font-family: 'roboto condensed';
font-size:11.5px;
text-align:center;
position:sticky;
top:45px;
width:45px;
float:left;}
.men {
position:absolute;
top:45px;
text-align:left;
min-height:100%;
width:300px;}
.men > div {
margin-top:-45px;
position:sticky;
top:45px;}
.post:nth-child(2n) .postbody .content div .men {
margin-left:calc(100% + 22px)!important;}
.post:nth-child(1n) .postbody .content div .men {
margin-left:-343px;}
.men span {
display: flex;
overflow:hidden;
flex-wrap:wrap;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b44);
padding:10px;
font-size:11px;
box-shadow:var(--sh);
min-width:100%!important;}
.men a {
margin-top:1px;
font-size:11px;
min-width:calc(100% - 55px);
display:flex;
flex:1;}
.men span a:after {
min-width:15%;
display:block;
margin:10px;
flex-grow: 1;
content:"";
height: 1px;
border-bottom: 1px dashed var(--f3);}
.ak {
background:var(--b3)!important;}
.ak p {
background:var(--b4)!important;}
.men p {
display:flex!important;
justify-content: center;
align-items: center;
margin-top:-5px;
font-size:10px!important;
padding:2px;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b44);
width:40px;}
/*NOWY POST*/
ul.topiclist li dl.newpost dd.dterm {
background:var(--b12)!important;}
.prywatne ul.topiclist li dl.icon.newpost:before {
background:var(--b2);
border-radius:7px;
box-shadow:var(--sh);
border:var(--o1);
padding:2px 5px;
position:absolute;
top:-10px;
font-size:10px;
left:10px;
content:'▼ PW wzrokiem nieskalane!';
color:var(--f3);}
.prywatne ul.topiclist li dl.icon.newpost {
background:none!important;}
/*FONT AWESOME*/
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(https://i.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
/* Popup */
.sceditor-fontawesome {
width:220px;
height:250px;
overflow-y:auto;
}
/* Icônes */
.sceditor-fontawesome i {
color:#333;
font-size:20px;
text-align:center;
cursor:pointer;
padding:3px 0;
width:25%;}
/*POSTY ADMINÓW, MG*/
.post.adminGroup {
background:var(--b13);
background-repeat:no-repeat!important;
background-position:center right!important;}
.post.adminGroup .postbody {
padding-right:300px!important;}
.post.adminGroup .post-head .ranga {
display:none;}
.post.adminGroup .post-head .nick-1 {
display:block!important;}
.post.adminGroup .postprofile {
display:none;}
/*REPUTACJA*/
.rep-tsunami {
width:25%;}
.rep-minamoto {
width:25%;}
.rep-shingetsu {
width:25%;}
.rep-kyoken {
width:25%;}
.modern-resp .forumbg .row dd.dterm, .modern-resp .forabg .row dd.dterm {
padding:10px!important;}
/*NAWIGACJA*/
.navbar li:first-child {
margin-top:0px!important;
margin-bottom:80px!important;}
.egz:before{
content:'\eb48';
font-family:'cappuccicons';}
.grupy:before{
content:'\ec02';
font-family:'cappuccicons';}
.umiejetnosci:before{
content:'\eaea';
font-family:'cappuccicons';}
.artefakty:before{
content:'\eab7';
font-family:'cappuccicons';}
.nawi5 {
left:10px;
z-index:9999!important;
position:fixed;
top:100px;}
.przycisk2 img, .przycisk1 img{
transition:0.5s;
opacity:0.5;
width:15px;
margin-left:6px;
padding:0px!important;}
.przycisk1 img {
margin-left:0px!important;}
.przycisk2:hover img, .przycisk1:hover img {
opacity:0.8;}
.przycisk2 {
position:relative;
z-index:999;
border:var(--o1);
background:var(--b3);
box-shadow:var(--sh);
width:30px;
height:30px;
overflow:hidden;}
.lista2 {
padding:10px;
width:220px;
border:var(--o1);
background:var(--b3);
box-shadow:var(--sh);
margin-left:50px;}
.lista2 div {
transition:0.5s;
font-size:10.5px;
position:relative;
padding:6px 10px 4px 10px;
font-family:'prompt';
text-align:center;
margin-bottom:5px;
border:var(--o1);
background:var(--b4);
box-shadow:var(--sh);}
.lista2 div:hover {
background:var(--b5);
background-position:center bottom;}
.lista2 div:last-child {
margin-bottom:0px!important;}
.lista2 div i {
font-style:normal!important;
position:absolute;
left:5px;
top:5px;
font-size:15px;
opacity:0.2;}
.link5 a, .przycisk2 {
padding-bottom:4px;
cursor:pointer;
overflow:hidden;
display:block;
transition:.5s;}
.navbar {
z-index:1;
box-shadow:var(--sh);
padding:5px;
background:var(--b2a);
background-repeat:no-repeat!important;
background-position:center!important;
border:var(--o1);
position:fixed;
width:50px;
height:100%;
top:50px;
left:0px;}
.navbar a {
box-shadow:var(--sh);
background:var(--b2);
border:var(--o1);
margin:4px;
padding:5px;}
.navbar a img {
filter:grayscale(50%);
opacity:0.5;}
.navbar a:hover img {
opacity:1;}
.navbar a:hover {
box-shadow:var(--sh);
background:var(--b2);
border:var(--o1);}
.navbar img, .login-for img {
transition: 0.5s;
margin:0px!important;
width:17px;}
.navbar img:hover, .login-for img:hover {
transition: 0.5s;}
.navbar a[href*="/faq"], .navbar a[href*="/search"], .social_btn {
display:none;}
.navbar li {
margin:5px 0px 0px!important;}
.header-1 > .wrap {
padding:0px;
justify-content: center;
align-items: center;
display:flex;}
/*ogłoszenia*/
.oglo {
margin-left:20px;
margin-top:265px;
position:relative;
z-index:999!important;
box-shadow:var(--sh);
padding:10px;
overflow:hidden;
background:var(--b5a);
background-repeat:no-repeat;
background-position:bottom center;
height:255px;
max-width:420px;
border:var(--o1);}
.oglo > div {
height:225px;
overflow:auto;
padding-right:10px;
justify-content: center;
align-items: center;
display:flex;
flex-wrap:wrap;
gap:10px;}
.og1 {
width:100%;
position:relative;}
.data1 {
position:absolute;
bottom:-7px;
right:-8px;
width:35px;
height:25px;
background:var(--b55);
border:var(--o1);
box-shadow:var(--sh);
justify-content: center;
align-items: center;
display:flex;}
.og1 span:first-child {
padding-top:2px;
font-size:11px;}
.og1 span:last-child {
margin-left:2px;
font-size:19px;
letter-spacing:3px;
opacity:0.3;
position:absolute;}
.og1 p {
width:100%;
box-shadow:var(--sh);
color:var(--f3);
text-align:justify;
background:var(--b3);
flex:auto;
font-size:11.5px;
border:var(--o1);
padding:10px;}
/*HEADER*/
.headerbar {
background-color:#181818!important;
background-repeat:no-repeat!important;
text-align:center;
height:auto;}
.headerbar .header-1 {
justify-content: center;
align-items: center;
display:flex;}
.napis {
border-radius:0px!important;
margin-top:390px;
z-index:1;
text-transform: uppercase;
font-family: "roboto condensed";
letter-spacing:3px;
font-size:21px;
padding-bottom:20px;
border-bottom:var(--o2);
color:var(--f1);
position:absolute;}
#logo span {
margin-top:520px;
opacity:0.8;
z-index:1;
color:#888888;
letter-spacing:0px!important;
font-size:10px;
font-family:'verdana'!important;
position:absolute;}
#logo {
justify-content: center;
align-items: center;
display:flex;
flex:auto;
overflow:hidden;
height:550px;}
#logo img {
margin-left:200px;
position:absolute;}
/*PODSTAWY*/
body, html {
background:var(--b0);
letter-spacing: 0.5px;
font-family:'prompt'!important;}
html {
scroll-behavior: smooth;}
CSS 2
- Kod:
.content p {
margin:0px;}
.content {
font-family:'prompt';}
#wrap {
padding:0px;
max-width:1100px;}
.conteneur_container_IE {
background:var(--b1);}
div, span, dd, dt, dl, li, a, id, tr, td, table, th, .forabg .row:last-child, p, label, ul {
border-collapse:inherit!important;
border-radius:7px!important;}
p {
margin:0px;}
.panel {
border-radius:7px!important;
overflow:inherit!important;
z-index:99;
margin:0px;
padding:10px;
box-shadow:var(--sh);
background:var(--b2);
border:var(--o1);}
div#main-content {
position:relative;
z-index:2;}
.inner {
text-align:justify;}
/*ZAZNACZENIE*/
::selection {
background:var(--b22)!important;
color:var(--f3);}
/*PODŚWIETLENIE*/
#s-m-t-tooltip {
font-family: 'prompt'!important;
letter-spacing: .5px;
display:block;
position:absolute!important;
margin:40px;
text-align:justify;
max-width: 350px;
padding:5px 10px!important;
z-index: 9999!important;
background:var(--b2);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f1);
font-size:10px!important;}
/*WIDŻET*/
#footer_widgets {
position:relative;
padding:0px;
background:none;
border:0px;
gap:30%;
justify-content: center;
align-items: center;
display:flex;
z-index:1;}
#footer_widgets .column:last-of-type {
overflow:auto!important;
height:200px;
padding:0px!important;}
#footer_widgets .module {
margin:2px!important;
box-shadow:var(--sh)!important;
background:var(--b7)!important;
border:var(--o1);
padding:10px!important;}
#footer_widgets .column {
overflow:hidden;
opacity:0.3;
transition: 1s;
max-width:350px;}
#footer_widgets .column:hover {
opacity:1;}
.module .h3 {
padding:0px 0px 10px 0px!important;
margin:auto!important;
text-align:center;
text-transform: uppercase;
font-family:"Roboto Condensed";
color:var(--f3)!important;
letter-spacing:3px!important;
background:none;}
.module #calendar {
max-width:500px!important;
margin:auto!important;}
.newsareal a.topictitle {
text-decoration:none;
display:block;
font-size:11px;
text-align:center;
margin-bottom:10px;
padding:5px;
box-shadow:var(--sh);
background:var(--b3);
border:var(--o1);}
#footer_widgets b {
color:var(--f6);}
#footer_widgets table.table1 tr:first-child {
font-size:10px;}
#footer_widgets table.table1 tbody th {
padding:5px;
box-shadow:var(--sh);
background:var(--b3);
border:var(--o1);}
#calendar tbody td {
overflow:hidden;
transition: .5s;
padding:3px;
box-shadow:var(--sh);
background:var(--b5);
border:var(--o1);}
#calendar tbody td:hover {
background:var(--b2);}
#footer_widgets p.center {
display:none;}
/*FOOTER*/
#page-footer {
position:relative;
margin-top:-270px;
background:transparent!important;
padding-bottom:500px;
width:100%;}
#page-footer .wrap:last-child {
position:absolute;
bottom:40px;
max-height:20px;
z-index:998!important;}
#page-footer .wrap {
filter:grayscale(10%);
justify-content: center;
align-items: center;
display:flex!important;
background:var(--b8);
height:500px;
background-position:center bottom 0px;
background-repeat:no-repeat!important;
min-width:100%;
position:absolute;}
.footerbar-system {
bottom:90px;
z-index:994!important;
font-size:10px;
position:absolute;
opacity:0.5;}
.copyright-body {
border:0px!important;}
/*CHAT*/
.chatt {
flex-wrap:wrap;
display:flex;
gap:20px;}
.ch {
flex:4;}
div#wrapper div#container div#content-main div#main div#main-content .chatt .panel.row3, div#wrapper div#container div#content-main div#main div#main-content .chatt .panel:last-child {
margin:0px!important;
padding:0px!important;}
span.chatbox-username.chatbox-message-username {
margin-right:-5px;}
#chatbox .msg > span {
color:var(--f3)!important;}
.chatt .panel {
margin:-5px;
padding:2px!important;
border:0px;
box-shadow:none;
background:none;}
#chatbox_footer #submit {
height:42px;
float:right;
margin-right:-10px;
margin-top:-42px;}
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label {
margin-top:-37px;
padding-top:7px;
height:37px!important;
border-radius:7px!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh)!important;
border:var(--o1)!important;
position:absolute!important;}
#chatbox_footer {
z-index:99;
border-radius:7px!important;
bottom:0px;
position:relative!important;
margin-top:60px!important;
display:flex!important;
margin:10px;
min-height:65px!important;
max-height:65px;
margin-right:8px!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);
padding:10px;}
body.chatbox {
display: flex;
border-radius:7px;
flex-direction: column;
background:var(--b3)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);}
#chatbox_members h4.member-title:first-child {
width:calc(100% - 140px)!important;
box-shadow:var(--sh)!important;
border:var(--o1)!important;
background:var(--b3)!important;
border-radius:7px!important;
margin-left:50px;}
#chatbox {
max-height:90%;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);
overflow:auto;
margin-bottom:5px!important;
margin-left:10px;
padding:10px;
position:relative!important;
margin-top:40px;
width:calc(100% - 16px);}
#chatbox_members ul li, #chatbox_channels ul li {
flex:auto;
text-align:center;
padding:5px;
border:var(--o1);
background:var(--b3);
margin:5px;
font-family:'Verdana';
font-size:10px;
box-shadow:var(--sh);}
#nb-users-connected {
z-index:999!important;
box-shadow:var(--sh)!important;
border:var(--o1)!important;
background:var(--b3)!important;
padding:10px!important;
font-size:12px!important;
position:absolute;
width:30px;
border-radius:7px!important;
top:10px;
left:7px;}
.chatbox-options li, li#chatbox_display_archives {
box-shadow:var(--sh)!important;
border:var(--o1)!important;
background:var(--b3)!important;
padding:8px;
position:absolute;
width:30px;}
#chatbox .msg a {
font-size:10.5px;
font-family:'verdana';}
#chatbox .msg {
color:var(--f3)!important;
font-size:11.5px!important;}
#chatbox_members ul, #chatbox_channels ul {
margin-left:5px;
margin-right:0px;
margin-top:10px;
margin-bottom:5px;
max-height:41px;
overflow:auto;
flex-wrap:wrap;
display:flex;}
#chatbox_members, #chatbox_channels {
min-height:50px;
overflow:inherit!important;
width:100%;
margin-top:-40px;
position:relative!important;
float:none!important;}
#divsmilies>img {
opacity:0.5;
height:17px!important;
width:17px!important;}
#divsmilies {
padding-top:10px;
display:block!important;
margin-left:45px;
width:20px;}
#help-button {
display:block!important;
width:35px!important;
margin-left:0px!important;}
.chatbox-options {
font-size:0px!important;
z-index:999!important;
position:absolute;
top:10px;
right:80px;}
li#chatbox_display_archives {
padding-top:4px!important;
margin-left:40px;}
li#chatbox_display_archives a:before {
margin-left:0px;
content:'\2315'!important;
font-size:20px!important;}
.ion-log-out:before {
margin-left:-6px;
font-size:15px!important;}
#chatbox .date-and-time, #chatbox .cb_delete_msg {
position:absolute;
top:10px;
right:10px;
transition: 0.5s;
font-size:10px!important;}
#chatbox .cb_delete_msg {
right:70px!important;}
#chatbox .user strong::after {
content: 'xxx';
font-size:0px!important;
padding:1px;
position:absolute!important;
margin-left: -10px;
background: #181818;}
#chatbox .user {
text-transform: uppercase;
font-family: 'Trebuchet MS'!important;
letter-spacing:2px;
font-size:10px!important;}
#chatbox .user-msg .cb-avatar {
overflow:hidden;
padding:5px!important;
width:45px!important;
height:45px!important;
margin-right:10px!important;
border:var(--o1)!important;
background-position:bottom center!important;
background:var(--b5)!important;
box-shadow:var(--sh)!important;}
#chatbox .user-msg .cb-avatar img {
opacity:0.8;
background:none!important;
border:0px!important;
border-radius:0px!important;
width:50px!important;
height:auto!important;
margin-top:-20px;
margin-left:-10px;}
#chatbox>p {
color:var(--f3);
position:relative;
text-align:justify!important;
font-size:11.5px;
font-family:'verdana'!important;
margin-bottom:10px;
border:var(--o1)!important;
background:var(--b4);
box-shadow:var(--sh);
padding:10px;}
#chatbox_footer #message {
min-width:auto!important;
width:calc(100% - 140px)!important;
margin-left:95px!important;}
#tab_selector_cb, #divcolor, #chatbox_resize {
display:none!important;}
.right-box {
text-align:left;
float:none!important;}
#chatbox_footer form {
width:calc(100% - 10px)!important;}
.right-box label {
display:none!important;}
#chatbox>p:last-child {
margin-bottom:0px!important;}
h4.member-title.away, ul.away-users {
display:none!important;}
#chatbox_header {
background:none;
height:0px;
padding:0px;
margin:0px;}
#chatbox_members .member-title, #chatbox_channels .member-title {
text-transform: uppercase;
font-family: 'verdana'!important;
letter-spacing:2px;
padding:7px;
border:1px solid var(--o1);
background:var(--b1);
box-shadow:var(--sh);}
#chatbox_bottom {
min-height:620px!important;
box-shadow:var(--sh);
margin:2px!important;
padding:0px;}
.chatbox-title {
font-size:0px;}
/*LISTA TEMATÓW (główna)*/
.posty-wyś {
height:405px;
box-shadow:var(--sh);
padding-right:5px;
border-radius:7px;
border:var(--o1);
padding:10px;
background:var(--b3)!important;
flex:2;}
.marquee {
height:auto!important;}
body.external-module {
background:#181818!important;}
.module {
padding:0px!important;
box-shadow:none;
border:0px;
background:var(--b3)!important;}
.mod-recent-info {
gap:10px;
display:flex;
flex-wrap:wrap;
width:100%;}
.mod-recent-time, .mod-recent-author {
letter-spacing:0px!important;
padding:7px;
flex:auto;
height:30px;
border:var(--o1);
box-shadow:var(--sh);
text-align:center;
font-size:10px!important;}
.mod-recent-author {
margin-left:0px;}
span.mod-recent-time:before {
content:'\25F7';}
.mod-recent-author:before {
content:'\270E';}
span.mod-recent-time:before, .mod-recent-author:before {
float:left;
border-radius:7px;
margin-top:-2px;
padding:2px 6px;
border:var(--o1);
color:var(--f2);
box-shadow:var(--sh);
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
text-align:center;
font-size:13px!important;}
a.mod-recent-title {
flex:1;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
padding:5px 0px;
min-width:90%;
font-size:11px!important;}
.module .h3 {
display:none;}
#comments_scroll_div {
margin:auto!important;
padding:0px!important;}
.js-marquee-wrapper {
animation:none!important;
margin-top:0px!important;}
#comments_scroll_div:after {
box-shadow:none!important;}
.mod-recent-row, .mod-recent-row + .mod-recent-row {
display:flex;
flex-wrap:wrap;
min-width:90%;
line-height:13px!important;
margin-right:4px;
margin-top:4px;
margin-left:2px;
margin-bottom:10px;
box-shadow:var(--sh);
gap:10px;
border:var(--o1);
background:var(--b3);
padding:10px;
text-transform: uppercase;
font-family: "verdana";
font-size:11px;
color:var(--f1)!important;
letter-spacing:3px!important;
text-align:center;}
.mod-recent-row:first-child {
margin-top:0px!important;}
/*WYJAŚNIENIE - ramka*/
.w-t img {
box-shadow:var(--sh);
border:var(--o1);
border-radius:7px;
max-width:-webkit-fill-available!important;}
.w, .w * {
box-sizing:border-box;
scrollbar-width: thin;
transition: .5s; }
.w {
display:inline-block;
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress !important;
margin: 0; }
.w > b {
padding-top:2px;
padding-bottom:2px;
letter-spacing:4px;}
.w > div {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress !important;
position: fixed;
top: -100px;
left: -100px;
right: -100px;
bottom: -100px;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
filter: blur(100px);
background:var(--b4);
pointer-events: none;}
.w > input:checked ~ div {
opacity: 1;
filter: blur(0px);
pointer-events: auto;}
.w > div > div {
max-width:500px;
background:var(--b3);
box-shadow:var(--sh);}
.w-t {
font-size:11px;
color:var(--f3);
text-align:justify;
padding:10px;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);}
.w input {
display: none;}
/*WYJAŚNIENIE - suwak*/
.w2, .w2 * {
height:0px;
box-sizing:border-box;
scrollbar-width:auto!important;
transition: .5s;}
i.fas.fa-chevron-down, i.fas.fa-chevron-up {
margin-top:-3px;}
.w2 > b {
display:block;
text-align:center;
border:var(--o1);
background:var(--b4)!important;
box-shadow:var(--sh);
font-size:10px;
height:20px;
color:var(--f1)!important;
width:20px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress;}
.w2 > div > div > i {
position:absolute;
margin-top:-23px;
left:11px;
text-align:center;
border:var(--o1);
background:var(--b44)!important;
box-shadow:var(--sh);
font-size:10px;
height:20px;
color:var(--f1)!important;
width:20px;
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress;}
.w2 {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress !important;
margin: 0;}
label.w2 > div {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress !important;
height:0px;
overflow:hidden;
opacity: 0; }
label.w2 > input:checked ~ div {
margin-bottom:10px;
overflow:auto;
height:400px;
opacity: 1;}
.w2-t {
padding-right:10px;
position:relative;}
.w2 input {
display: none;}
.w2 > span {
color:var(--f1);
letter-spacing:2px;
margin-left:30px;
margin-top:-20px;
display:block;
font-size:13px;
font-family:'roboto condensed'!important;
text-transform:uppercase;}
/*ALERT*/
.realTime_alert {
z-index:999!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh);
border:var(--o1);
position:fixed;
text-align:justify;
top:45px;
right:50px;
font-size:11px;
width:250px;
padding:10px;
color:var(--f1);}
.alerttitle {
margin-bottom:20px;
font-family: "Roboto Condensed";
text-transform: uppercase;
font-size:17px;
color:var(--f1)!important;
letter-spacing:3px!important;
text-align:center;}
.alerttitle:before {
content:'\eb7f';
margin-right:5px;
font-size:15px!important;
font-family:'cappuccicons';}
.realTime_alert .close {
transition:.5s;
float:right;
margin-left:10px;
font-size:20px!important;
background:var(--b5);
background-repeat: no-repeat;
background-position: bottom center;
box-shadow:var(--sh);
border:var(--o1);
color:var(--f1);
width:20px;
height:20px;
justify-content: center;
align-items: center;
display:flex;
cursor: pointer;}
.realTime_alert .close:hover {
background:var(--b10);}
/*POCZTÓWKI*/
.fa_card_inner {
margin-left:105px!important;}
.fa_card_origin {
display:none;}
.fa_card_title h2 {
box-shadow:var(--sh);
font-family: "roboto condensed";
text-transform: uppercase;
border-radius:7px!important;
padding:5px 10px;
text-align:center;
color:var(--f1)!important;
background:var(--b5)!important;
background-repeat:no-repeat!important;
background-position:center!important;
border:var(--o1)!important;}
.fa_card_summary p {
font-size:10.5px!important;
text-transform:none!important;
max-height:90px;
margin-top:10px!important;
box-shadow:var(--sh);
padding:10px!important;
text-align:justify!important;
background:var(--b3)!important;
border:var(--o1)!important;
color:var(--f3)!important;}
a.fa_post_card {
box-shadow:var(--sh);
padding:10px;
background:var(--b5)!important;
background-repeat:no-repeat!important;
background-position:center bottom!important;
border:var(--o1)!important;
min-width:100%;}
.fa_card_username {
width:85%!important;
margin-left:10px;
font-size:11px!important;
margin-right:10px;
color:var(--f1)!important;}
.fa_card_avatar {
margin-top:-100px!important;
margin-left:-60px!important;
opacity:0.1;
min-width:125px!important;
min-height:200px!important;}
.fa_card_left {
width:100px!important;
overflow:hidden;
background:none!important;
box-shadow:var(--sh);
border:var(--o1)!important;}
/*SCROLL*/
::-webkit-scrollbar {
width:10px;
background:var(--b9);
height:8px;}
::-webkit-scrollbar-thumb {
width:1px;
background-color:#222222;
border:4px solid var(--b2);}
* html {scrollbar-face-color: #3f3f3f;
scrollbar-highlight-color: #121212;
scrollbar-shadow-color: #121212;
scrollbar-3dlight-color: #121212;
scrollbar-arrow-color: transparent;scrollbar-track-color: #121212;
scrollbar-darkshadow-color: #121212;}
*+ html {scrollbar-face-color: #232323;
scrollbar-highlight-color: #121212;
scrollbar-shadow-color: #121212;
scrollbar-3dlight-color: #121212;
scrollbar-arrow-color: transparent;
scrollbar-track-color: #121212;
scrollbar-darkshadow-color: #121212;}
/*NOWY POST*/
ul.topiclist li dl.newpost dd.dterm {
background:var(--b12)!important;}
/*LINKI*/
a:link, a:visited, h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited {
letter-spacing:1px;
color:var(--f4);}
a:link:hover, a:visited:hover, h3 a:link:hover, .h3 a:link:hover, h3 a:visited:hover, .h3 a:visited:hover {
color:var(--f2);}
a:link, a:visited, a:link:hover, a:visited:hover, h3 a:link:hover, .h3 a:link:hover, h3 a:visited:hover, .h3 a:visited:hover {
text-transform: uppercase;
transition: color 0.5s ease;}
.switcheroo__form-input, .sceditor-container iframe, .sceditor-container textarea, textarea, .user_login_form label, input[type="text"]:hover, input[type="text"]:active, input[type="text"], .input, .inputbox, select, input:-internal-autofill-selected, .inputbox, .inputbox:hover, .inputbox:active, input.post, input.post:hover, input.post:active, .user_login_form .fl_username, .user_login_form .fl_password, input[type="text"]:focus, .inputbox:focus {
border-radius:7px;
z-index:999!important;
padding:10px;
outline:0px;
width:100%;
color:#7d7d7d!important;
background:var(--b11)!important;
background-position:bottom center!important;
background-repeat:no-repeat!important;
box-shadow:var(--sh)!important;
border:var(--o1)!important;}
.sceditor-container iframe, .sceditor-container textarea, fieldset.jumpbox select, fieldset.quickmod select {
color:#7a7a7a!important;}
/*PAGINACJA*/
.pagination span strong {
color:var(--f3);
border-radius:7px!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat;
box-shadow:var(--sh);
border:var(--o1);}
.pagination span a:link, .pagination span a:visited, .pagination span a:active {
color:var(--f3);
border-radius:7px!important;
background:var(--b6);
box-shadow:var(--sh);
border:var(--o1);}
.pagination span a.pag-img {
height:32px;}
.pagination span {
min-width:100%;
gap:10px;
flex-wrap:wrap;
display:flex;}
.pagination span a, .pagination span strong {
flex:auto;}
.pagination {
gap:10px;
flex-wrap:wrap;
display:flex;}
.pagination > a {
min-width:100%;
text-align:center;
margin-bottom:-10px;
flex:1;
padding-top:7px;
height:30px;
color:var(--f3);
border-radius:7px!important;
background:var(--b5)!important;
background-position:bottom center!important;
background-repeat:no-repeat;
box-shadow:var(--sh);
border:var(--o1);
font-size:10px;}
/*BUTTONY*/
input[type="submit"], .button, .button1, .button2, input.button {
border-radius:7px!important;
text-transform: uppercase;
font-family: "Roboto Condensed";
letter-spacing:2px!important;
transition:0.5s!important;
font-size:11px!important;
padding:5px 10px!important;
color:var(--f1)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
background:var(--b4)!important;}
input:hover[type="submit"], .button:hover, .button1:hover, .button2:hover, input.button:hover {
background:var(--b3)!important;}
input[type="submit"], fieldset.submit-buttons input {
padding:7px 10px!important;}
.button1 + .button1 {
margin-left:10px!important;}
dd input, input[type="checkbox" i] {
position:relative;
z-index:999!important;}
/*W POSTACH*/
.cenzura {
font-size:17px;
padding:7px;
float:left;
margin-right:10px;
border:var(--o1);
box-shadow: var(--sh);
background:var(--b3);
color:var(--f6);}
.data, .apar {
position:relative;
text-align:right;
width:100%;
font-size:11px;
padding:5px 10px;
background: var(--b5);
background-repeat:no-repeat;
background-position:center bottom;
border:var(--o1);
box-shadow: var(--sh);}
.apar {
padding-left:30px;
text-align:left!important;}
.data:before {
content:'\e9ab';
font-family:'cappuccicons';
position:absolute;
top:5px;
left:10px;
font-size:15px;}
.apar:before {
content:'\ebae';
font-family:'cappuccicons';
position:absolute;
top:5px;
left:10px;
font-size:15px;}
/*OKNO WYPOWIEDZI*/
.szybko .h3 {
display:none;}
.sceditor-container.ltr.sourceMode {
border-radius:7px!important;
max-width:calc(100% - 200px);}
.sceditor-container .sceditor-button {
transition:1s;
margin:5px;
font-size:11px!important;
padding:2px 5px!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
background:var(--b4)!important;
gap:30px;
display: flex;
align-items: center;
justify-content: center;
text-indent: 0;
color:var(--f1);}
.sceditor-container .sceditor-button:hover {
color:var(--f3);
background:var(--b3)!important;}
div.sceditor-toolbar div {
display:flex;
flex:auto;}
div.sceditor-toolbar div:last-child {
margin-right: 1px!important;}
.sceditor-group a {
flex:auto;}
#textarea_content {
overflow:inherit!important;}
.sceditor-container {
background:var(--b3)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
color:var(--f3);}
div.sceditor-toolbar {
display: flex;
flex-wrap:wrap;
max-width:calc(100% - 24px);
margin:10px 10px 0px 10px!important;
border-radius:7px!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
background:var(--b4)!important;}
.sceditor-container iframe, .sceditor-container textarea {
margin:10px!important;
min-width:calc(100% - 24px);
max-width:calc(100% - 24px);}
#av_quickreply img {
margin-left:-35px;
max-height:400px !important;
max-width:230px !important;}
#av_quickreply {
overflow:hidden;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
background:var(--b4)!important;
width:190px;
height:360px;
position:absolute;
left:0px;
top:0px;}
form#quick_reply {
position: relative;}
div#faCharCounter span, div#div_minchars_info span {
line-height:15px!important;}
div#faCharCounter {
margin-bottom:10px;
width:calc(100% - 200px);
color:var(--f3);
font-size:10px;
padding:5px 10px;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);}
div#div_minchars_header {
display:none;}
div#div_minchars_info {
font-size:10px;
position:absolute;
top:5px;
right:10px;}
span#faCharUsed {
color:var(--f1)!important;}
#savec {
position:relative;}
a#save_button > div {
background-position:center!important;}
a.sceditor-button.sceditor-button-color, a.sceditor-button.sceditor-button-embed, a.sceditor-button.sceditor-button-horizontalrule {
display:none;}
a.sceditor-button.sceditor-button-youtube {
color: #653030;}
/*GÓRA - DÓŁ*/
.topdown {
position: fixed;
z-index: 999;
bottom:10px;
left: 10px;}
.topdown .fa {
border-radius:7px;
position:relative;
margin-top: 10px;
color:var(--f3);
width:30px;
height:30px;
padding-top:4px;
background:var(--b5);
border:var(--o1);
box-shadow:var(--sh);
font-size: 20px;
text-align: center;
display: block;
cursor: pointer;
transition: 1s;}
.topdown .fa:hover {
color:var(--f1);}
/*ZAZNACZANIE OPCJI*/
label input, input[type="checkbox" i] {
border-radius:7px!important;
border:var(--o1)!important;
box-shadow:0px 0px 2px 2px rgba(19, 19, 19, 0.6),
0px 0px 2px 100px rgba(30, 30, 30, 1) inset!important;
outline:1px double #2b2b2b!important;}
label input:checked, input[type="checkbox" i]:checked {
outline:1px double #6e6e6e!important;
border-radius:7px!important;
box-shadow:0px 0px 2px 2px rgba(19, 19, 19, 0.6),
0px 0px 2px 100px rgba(79, 79, 79, 1) inset!important;}
dd input, input[type="checkbox" i] {
margin-right:10px!important;}
/*UŚMIESZKI*/
.smiley-element img {
position:relative;
z-index:998;
transition:1s;
opacity:0.5;
filter:grayscale(90%);
margin:2px!important;}
.smiley-element img:hover {
filter:grayscale(0%);
opacity:1;}
#smiley-box iframe, .smile-status-box iframe {
margin:2px!important;
height:410px!important;
background:none!important;
box-shadow:none!important;}
.smiley-element {
display:flex;
flex-wrap:wrap;
padding:10px!important;
border-radius:7px!important;
border:0px!important;
background:var(--b4)!important;}
#smiley-box {
height:416px;
overflow:hidden;
max-width:145px!important;
margin-top:20px;
border-radius:7px!important;
background:var(--b4)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;}
form#smilies_categ, div#smilies_header {
display:none;}
#sort-btn {
display:block;
height:40px;}
/*EDYCJA PROFILU*/
.tabela-edycja {
margin:auto!important;
max-width:750px;}
#tabs {
margin:0px;
max-width:750px;
line-height:12px!important;}
#tabs ul {
border-radius:7px!important;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
padding:10px;
gap:10px;
display:flex;
flex-wrap:wrap;}
#tabs ul li {
transition:1s;
text-align:center!important;
background:var(--b4);
border:var(--o1);
padding:7px 10px 5px 10px;
box-shadow:var(--sh);
font-size:10px;
flex:auto;}
#tabs ul li:hover {
background:var(--b10)!important;}
li.activetab {
background: var(--b5)!important;
background-position: bottom center!important;
background-repeat: no-repeat!important;}
#tabs ul li.activetab a span {
color:var(--f2)!important;}
#tabs ul a, #tabs ul a span {
padding:0px!important;
float:none!important;}
fieldset dl:after {
display:none;}
.edycja-1 dd select, input.inputbox, select.inputbox {
margin:0px!important;
min-width:100%;}
.edycja-1 .italic {
min-width:100%;
font-size:10px;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
padding:5px 10px;}
.edycja-1 fieldset dl {
flex-wrap:wrap;}
.edycja-1 fieldset dt {
justify-content: center;
align-items: center;
display:flex;
text-align:center;
padding:5px 10px!important;
text-transform: uppercase;
font-family:"roboto condensed";
letter-spacing:1px;
font-size:12px;
color:var(--f1);
background: var(--b5)!important;
background-position: bottom center!important;
background-repeat: no-repeat!important;
border:var(--o1);
box-shadow:var(--sh);
min-width:295px!important;
max-width:295px!important;}
.edycja-1 fieldset dd {
justify-content: center;
align-items: center;
display:flex;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
padding:5px 10px;}
.edycja-1 fieldset dl dt label {
margin:0px!important;}
/*TOOLBAR*/
#fa_toolbar {
margin-top:-38px;
height:0px;}
#fa_toolbar #fa_right #fa_notifications #notif_unread {
line-height:10px!important;
position:fixed;
top:22px;
margin-left:-5px!important;
font-size:10px!important;
border:var(--o1);
background:var(--b44);
box-shadow:var(--sh);
padding:5px;}
#fa_toolbar #live_notif .fa_notification {
padding:10px;
opacity:1!important;
border:var(--o1);
background:var(--b44);
box-shadow:var(--sh);
font-size:10px;
position:fixed!important;
top:45px;
right:0px;}
#fa_toolbar #live_notif .fa_notification .content {
height:auto!important;
background:none!important;
padding:0px!important;
color:var(--f3)!important;}
#fa_toolbar #live_notif .fa_notification a {
color:var(--f1)!important;
text-decoration:none!important;}
#fa_show, #fa_toolbar_hidden {
display:none!important;}
#fa_right #fa_notifications, #fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
text-align:center;
box-shadow:var(--sh);
background:var(--b2);
border:var(--o1);
width:55px;
height:35px;
padding-top:1px;
padding-left:12px;
color:var(--f3);
font-size:0px;
top:-2px;
position:fixed;
left:-18px;}
#fa_right #fa_notifications:hover {
text-decoration:none;}
#fa_right #fa_notifications:before {
font-size:14px!important;
content:'\e906';
font-family:'Cappuccicons';}
#fa_toolbar #fa_right #notif_list li, #fa_toolbar #fa_right #notif_list li.see_all {
margin-bottom:10px;
font-size:10.5px!important;
min-width:100%;
border-radius:7px;
color:var(--f3)!important;
padding:5px 10px!important;
box-shadow:var(--sh);
background:var(--b4);
border:var(--o1);}
#fa_toolbar #fa_right #notif_list li.unread {
background:var(--b5a)!important;
background-repeat:no-repeat!important;
background-position:center bottom!important;}
#fa_toolbar #fa_right #notif_list li.see_all {
margin-bottom:0px!important;}
#fa_toolbar #fa_right #notif_list li.see_all a {
color:var(--f1)!important;
text-decoration:none;}
#fa_toolbar #fa_right #notif_list li.see_all a:hover {
color:var(--f3)!important;}
#fa_toolbar #fa_right #notif_list li hr {
display:none;}
#fa_toolbar #fa_right #notif_list li a.delete:before {
opacity:0.5;
margin-left:-2px;
margin-top:-2px;}
#fa_toolbar #fa_right #notif_list li a.delete {
box-shadow:var(--sh);
background:var(--b3);
border:var(--o1);
padding:5px 10px;
height:25px;
width:25px;
margin-top:-27px;}
.notification_time {
margin-top:5px;
margin-left:-3px;
box-shadow:var(--sh);
background:var(--b3);
border:var(--o1);
font-size:10px;
padding:5px 10px;
max-width:calc(100% - 29px);}
#fa_toolbar #fa_right #notif_list li .contentText {
text-align:justify;
overflow:inherit!important;}
#fa_toolbar #fa_right #notif_list li .contentText a {
color:var(--f1)!important;}
#fa_toolbar #fa_right #notif_list li .contentText a:hover {
color:var(--f5)!important;}
#fa_toolbar #fa_right #notif_list li .content, #fa_toolbar #fa_right #notif_list li .contentText {
float:none!important;
width:auto!important;}
#fa_toolbar #fa_right #notif_list {
border-radius:7px!important;
padding:10px;
box-shadow:var(--sh);
background:var(--b2);
border:var(--o1);
color:var(--f3);
width:350px;
position:fixed;
margin-left:70px;
margin-top:10px;}
/*OPCJE*/
.topic-actions ~ form selec, option:checked, option:hover {
transition:1s!important;
background:var(--b3)!important;}
p.right-box option:hover {
background:black!important;}
select {
user-select: none;}
option {
user-select: none;
transition:1s!important;
filter:grayscale(100%);
color:var(--f1)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;
background:var(--b5)!important;}
.topic-actions ~ form select:hover {
transition:1s!important;
background:var(--b3)!important;}
select:disabled, select:focus {
background: #181818!important;}
/*MATKO BOSKA*/
body#modernbb {
margin-top:0px!important;}
div#wrapper div#container div#content-main div#main div#main-content .tematy2 span p:first-child, .sub-header-path a > span > span {
display:none!important;}
div#wrapper div#container div#content-main div#main div#main-content p:first-child {
display:none;}
div#wrapper div#container div#content-main div#main div#main-content .block div p:first-child {
display:block!important;}
div#wrapper div#container div#content-main div#main div#main-content .post p:first-child, div#wrapper div#container div#content-main div#main div#main-content .post p:first-child + p {
display:inline-block;}
div#wrapper div#container div#content-main div#main div#main-content {
justify-content: center;
flex-wrap:wrap;
display:flex;}
#cp-main .panel {
margin-bottom:10px!important;
padding:10px!important;}
.panel p {
margin:0px!important;}
#cp-main .pagination {
width:100%;}
#cp-main table.table1 {
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
padding:5px 10px;}
.panel.introduction {
position:absolute;
padding:0px!important;
box-shadow:none!important;
background:none!important;
border:0px!important;}
/*ZMIANY TEKSTU*/
.posty1 i, .posty1 span {
line-height:24px!important;}
strike {
opacity:0.5;}
.content b, .content strong {
color:var(--f2);}
u {
text-decoration:none!important;
padding-bottom:2px;
border-bottom:2px solid var(--f2);}
.content a {
letter-spacing:2px!important;
color:var(--f2)!important;
text-transform: uppercase;
font-family: 'roboto condensed';}
.content a:hover {
color:var(--f1)!important;}
/*KURSORY*/
body,.men, .men:hover, #profile-advanced-details .field_uneditable {cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress!important;}
a:link:hover, a:visited:hover, .wyd label, .button4, .ion-android-remove-circle, .ion-android-add-circle, #privmsgs-menu > li i:hover, label, button, img#topicPreview, select, .realTime_alert .close {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress!important;}
.rpg-table input, div .sceditor-container iframe, div .sceditor-container textarea, #chatbox_footer #message, .wypowiedź input.inputbox.medium {
cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur602.cur), progress !important;}
.sceditor-fontawesome i, .przycisk1, .switcheroo__squircle, .przycisk2, dd input, input[type="checkbox" i], .postbody ul.profile-icons img, .account_list_inner, .sceditor-mention-user, input[type="checkbox" i], .forum-hideable, #sub-to-pushs, introduction .h3, label input, span.selectCode, dl.codebox.spoiler dt, #confirm >a, .sceditor-container .sceditor-button, .topic-list-button, .button, .button1, .button2, input[type="submit"], #divcolor, #divsmilies, #help-button, #submit_button, .format-message+label, .topdown .fa, #fa_toolbar #fa_right #fa_notifications:hover, #sort-btn {
cursor: url(https://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress !important;}
/*SCHOWEK*/
.savedt {
margin-top:10px!important;
padding:5px 10px!important;
background:var(--b4);
box-shadow:var(--sh);
border:var(--o1);}
/*ROOT*/
:root {
--b0:#161616;
--b1:linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(23,23,23,1) 35%, rgba(22,22,22,1) 100%);
--b2:#191919;
--b22:#131313;
--b2a:url(https://i.imgur.com/dNKVLIN.png), #191919;
--b3:rgba(27, 27, 27, 0.9);
--b4:rgba(35, 35, 35, 0.4);
--b44:rgba(35, 35, 35, 0.8);
--b5:url(https://i.imgur.com/vKSf3zT.png), rgba(27, 27, 27, 1);
--b55:rgba(27, 27, 27, 1);
--b5a:url(https://i.imgur.com/p25QmQo.png), rgba(27, 27, 27, 1);
--b5b:url(https://i.imgur.com/I5RMSl8.png), rgba(30, 30, 30, 1);
--b6:url(https://i.imgur.com/11teHGw.png), #181818;
--b7:url(https://i.imgur.com/I5RMSl8.png), rgba(22, 22, 22, 0.8);
--b8:url(https://i.imgur.com/OWv5H7U.png);
--b9:rgba(27, 27, 27, 0.1);
--b10:rgba(57, 57, 57, 0.4);
--b10a:rgba(57, 57, 57, 0.2);
--b11:#181818, rgba(27, 27, 27, 0.1);
--b12:linear-gradient(180deg, rgba(126,57,57,0.4) 0%, rgba(22,22,22,0.4) 35%, rgba(21,21,21,0.4) 100%);
--b13:url(https://i.imgur.com/7wrFax2.png), rgba(25, 25, 25, 1);
--b14:url(https://i.imgur.com/qnEaP84.png), rgba(27, 27, 27, 0.9);
--f1:#8d8d8d;
--f2:#444444;
--f3:#666666;
--f4:#7a7a7a;
--f6:#7b1d1d;
--o1:1px solid rgba(60, 60, 60, 0.2);
--o1a:1px solid rgba(30, 30, 30, 0.9);
--o2:1px solid rgba(60, 60, 60, 0.6);
--o3:1px solid rgba(40, 40, 40, 0.2);
--sh:0px 0px 2px 2px rgba(19, 19, 19, .55),
0px 0px 2px 2px rgba(19, 19, 19, .55) inset;}
/*LIGHT/DARK*/
html[theme="light"] {
filter:brightness(1.4);}
overall_footer_begin
- Kod:
<div class="nawi5">
<div class="przycisk2"><img src="https://i.imgur.com/dbn1wPj.png" class="menu"></img></div>
<ul class="lista2">
<div><i class="fas fa-star"></i> <a href="https://haraedo.forumpolish.com/t1061-06-osiagniecia">osiągnięcia</a> </div>
<div><i class="fas fa-user-tie"></i> <a href="https://haraedo.forumpolish.com/t61-postac-x">Postać X</a> </div>
<div><i class="fas fa-dice"></i> <a href="https://haraedo.forumpolish.com/t73-mechanika">Rzut kością</a> </div>
<div><i class="fas fa-thumbtack"></i> <a href="https://haraedo.forumpolish.com/t351-mistrzowie-gry-i-wydarzenia">Zgłoszenia do wydarzeń</a> </div>
<div><i class="fas fa-torii-gate"></i> <a href="https://haraedo.forumpolish.com/t82-01-realia">Realia</a> </div>
<div><i class="fas fa-restroom"></i> <a href="https://haraedo.forumpolish.com/t84-02-czlowiek-senkensha">Człowiek - senkensha</a> </div>
<div><i class="fas fa-skull"></i> <a href="https://haraedo.forumpolish.com/t652-03-yurei">Yurei</a></div>
<div><i class="fas fa-hands-helping"></i> <a href="https://haraedo.forumpolish.com/t94-04-keiyaku-suru">Keiyaku suru</a></div>
<div><i class="grupy"></i><a href="https://haraedo.forumpolish.com/t104-05-grupy">Grupy</a></div>
<div><i class="umiejetnosci"></i><a href="https://haraedo.forumpolish.com/t59-06-umiejetnosci-i-wady">Umiejętności i wady</a></div>
<div><i class="egz"></i> <a href="https://haraedo.forumpolish.com/t628-07-egzorcyzmy-i-walka">Egzorcyzmy i walka</a></div>
<div><i class="artefakty"></i><a href="https://haraedo.forumpolish.com/t89-08-mityczne-przedmioty">Mityczne przedmioty</a></div>
<div><i class="fas fa-dragon"></i> <a href="https://haraedo.forumpolish.com/t90-09-shikigami">Shikigami</a></div>
<div><i class="fas fa-cogs"></i> <a href="https://haraedo.forumpolish.com/t91-10-technologia">Technologia</a></div></ul> </div>
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
</div>
</div>
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{FOOTER_WIDGETS}
<div id="page-footer">
<div class="wrap">
<ul class="footerbar-system">
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
<!-- END html_validation -->
- Kod:
<div class="posty1">
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id) {
try {
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0) {
$('.post--' + id).toggle(0, function() {
if( $(this).is(":visible") ) {
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
} else {
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
} catch(e) { }
return false;
};
//]]>
</script>
<div class="watch-me" title="śledzenie tematu"> <div class="topic-actions-buttons">
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
{S_WATCH_TOPIC}
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
</div></div>
<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#push-answer').jqm({toTop: true});
$('#push-bell').click(function () {
return sendWebPush({TOPIC_ID});
});
function sendWebPush(tId){
$.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
}
function showPushAnswer(data) {
$('#push-answer').html(data).jqmShow();
$('.jqmOverlay').bgiframe();
$('#push-answer').bgiframe();
}
});
//]]>
</script>
<!-- END switch_push_direct_send -->
<div class="sub-header">
<div class="sub-header-info">
<h1 class="page-title">
<div class="topic-list-button"><img src="https://i.imgur.com/qSoqOBk.png" alt="Show the thread list"/></div>
<div class="topic-list" style="display: none;"></div>
<a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
</h1>
<div class="sub-header-path">
<a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
{NAV_CAT_DESC}
</div>
</div>
<div class="sub-header-buttons">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" {S_POST_NEW_TOPIC} title="{T_POST_NEW_TOPIC}" class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} title="{T_POST_REPLY_TOPIC}" class="ion-{I_POST_REPLY_TOPIC} button1">{L_POST_REPLY_TOPIC}</a>
<!-- END switch_user_authreply -->
<!-- BEGIN switch_user_authnoreply -->
<a href="{U_LOGIN_REPLY_TOPIC}" title="{T_LOGIN_REPLY_TOPIC}" class="login-for button1">
<img src="{I_LOGIN_REPLY_TOPIC}" alt="{T_LOGIN_REPLY_TOPIC}"/>
{L_LOGIN_REPLY_TOPIC}
</a>
<!-- END switch_user_authnoreply -->
</div>
</div>
<!-- BEGIN topicpagination -->
<div class="pagination">
{PAGINATION}
</div>
<!-- END topicpagination -->
{POLL_DISPLAY}
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="post {postrow.hidden.ROW_COUNT}">
<p style="text-align:center">{postrow.hidden.MESSAGE}</p>
</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
<div class="post-head">
<div class="post-head-1">
<div class="nick-1">{postrow.displayed.POSTER_NAME}</div>
<div class="ranga">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</div>
<div class="adres-posta" style="width:40%;"> {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></div>
<div class="data-posta">{postrow.displayed.POST_DATE_NEW}</div>
<div class="adres-posta"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
</div>
</div>
<ul class="profile-icons">
<li class="btn-quote" title="cytat">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-quote" title="cytat">
<a href="{postrow.displayed.QUOTE_URL}">
<i class="ion-quote"></i>
</a>
</li>
<li class="btn-edit" title="edycja">
<a href="{postrow.displayed.EDIT_URL}">
<i class="ion-edit"></i>
</a>
</li>
<li class="btn-delete" title="kasacja">
<a href="{postrow.displayed.DELETE_URL}">
<i class="ion-trash-a"></i>
</a>
</li>
<li class="btn-ip" title="IP">
<a href="{postrow.displayed.IP_URL}">
<i class="ion-ios-information"></i>
</a>
</li>
</ul>
<div class="postbody">
<div class="content">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd class="attachments">
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
</dt>
<dd>
<!-- BEGIN switch_dl_att -->
<span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
<!-- END switch_no_dl_att -->
<!-- BEGIN switch_no_comment -->
<span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
<!-- END switch_no_dl_att -->
<span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
</div>
<div class="edited-message">
{postrow.displayed.EDITED_MESSAGE}
</div>
<!-- BEGIN switch_signature -->
<div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
<!-- END switch_signature -->
<div class="glosowanie"> <!-- BEGIN switch_likes_active -->
<div class="fa_like_div">
<button title="pokochaj jak własne" class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
<i class="fas fa-heart"></i>
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
</button>
<!-- BEGIN switch_dislike_button -->
<button title="opluj" class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
<i class="fas fa-heart-broken"></i>
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
</button>
<!-- END switch_dislike_button --></div><!-- END switch_likes_active -->
</div>
</div>
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
<!-- div class="online2"></div-->
<dl>
<dt>
<div class="postprofile-avatar" data-id="{postrow.displayed.POSTER_ID}">
{postrow.displayed.POSTER_AVATAR}
</div>
</dt>
<label class="prof"><input type="checkbox">
<div class="profil-sr">
<dd class="postprofile-info">
<div class="postprofile-fields">
<!-- BEGIN profile_field -->
<div class="postprofile-field">
<div class="postprofile-field-label">{postrow.displayed.profile_field.LABEL}</div>
<div class="postprofile-field-content">{postrow.displayed.profile_field.CONTENT}</div>
<div class="postprofile-field-separator">{postrow.displayed.profile_field.SEPARATOR}</div>
</div>
<!-- END profile_field -->
</div>
</dd>
<dd class="postprofile-contact">
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG}
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</dd>
<div class="profil-sr3"><div>suma postów</div></div>
</div>
<div class="profil-sr2"> {postrow.displayed.POSTER_RPG}</div>
</input></label>
</dl>
</div>
<!-- BEGIN switch_likes_active -->
<div class="fa_like_div">
<!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
</div>
<!-- END switch_likes_active -->
</div>
<!-- BEGIN first_post_br -->
<hr id="first-post-br" />
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<a name="bottomtitle"></a>
<div class="topic-actions bottom">
<!-- BEGIN topicpagination -->
<div class="pagination">
{PAGINATION}
</div>
<!-- END topicpagination -->
</div>
<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
<div class="h3">{L_FORUM_RULES}</div>
<div class="clear"></div>
<table class="postbody">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" alt="" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->
<div class="szybko"><!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- END switch_user_logged_in --></div>
<div class="dol-strony">
<form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<fieldset class="jumpbox">
<label>{L_JUMP_TO}:</label>
{S_JUMPBOX_SELECT}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- BEGIN viewtopic_bottom -->
<form method="get" action="{S_FORM_MOD_ACTION}">
<fieldset class="quickmod">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<label>{L_MOD_TOOLS}:</label>
{S_SELECT_MOD}
<input class="button2" type="submit" value="{L_GO}" />
</fieldset>
</form>
<!-- END viewtopic_bottom -->
</div></div>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
$('pre, code').each(function(i, block) {
hljs.highlightBlock(block);
});
$('.post').each(function() {
if($(this).find('.postprofile-avatar').html() !== undefined) {
if (!$(this).find('.postprofile-avatar').html().length) {
$(this).find('.postprofile-rank').css('border-bottom', 'none');
$(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
}
}
});
let post_menus= document.getElementsByClassName('post-menu');
Array.prototype.forEach.call(post_menus,function(post_menu) {
post_menu.addEventListener('click', function (e) {
if (e.target.classList.contains('expanded')){
e.target.innerHTML='+';
e.target.classList.remove('expanded');
}else{
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus,function(exp_menu) {
exp_menu.innerHTML='+';
exp_menu.classList.remove('expanded');
});
e.target.innerHTML='-';
e.target.classList.add('expanded');
}
});
});
document.onclick = function(e){
if ($(e.target).parents('.menu-wrap').length==0) {
let exp_menus = document.querySelectorAll('.post-menu.expanded');
Array.prototype.forEach.call(exp_menus,function(exp_menu) {
exp_menu.innerHTML='+';
exp_menu.classList.remove('expanded');
});
}
};
});
</script>
<script type="text/javascript">
$('.topic-list-button').on('click', function() {
var $tl = $('.topic-list');
if ($tl.is(':hidden')) {
$tl.load('/f{FORUM_ID}- ul.topiclist.topics.bg_none', function() {
$tl.fadeIn('150');
});
}
});
$(document).mouseup(function(e) {
var $tl = $('.topic-list');
if (!$tl.is(e.target) && $tl.has(e.target).length === 0) {
$tl.fadeOut('150'); }
});
</script>
<style>* {scroll-behavior: smooth;}
/*NAWIGACJA - POSTY*/
.sub-header-path {
margin-top:-5px;
margin-left:-65px;}
.sub-header-path a {
font-size:10px!important;
display:inline;
float:none!important;}
div#wrapper div#container div#content-main div#main div#main-content .tematy2 span p:first-child, .sub-header-path a > span > span {
display:none!important;}
.sub-header-info {
height:36px;
position:fixed;
box-shadow:var(--sh);
left:65px;
z-index:999!important;
background:var(--b2);
border:var(--o1);
color:var(--f3);
padding:10px 10px;
top:0px;
text-align:center;
float:none!important;
min-width:calc(100% - 110px);}
h1.page-title a, .topic-list .topics .row .lastpost {
display:none;}
.topic-list-button img {
transition:1s;
opacity:0.4;
width:15px;}
.topic-list-button img:hover {
opacity:0.2;}
.topic-list-button {
cursor: pointer;
display: inline-block;
color:var(--f1)!important;
float:left;}
.topic-list .postac-postac, .topic-list .topic-title-container img {
display:none!important;}
.topic-list {
overflow:auto;
max-height:250px;
position: absolute;
z-index: 999;
left: 0;
top: 50px;
max-width:300px!important;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f3);
padding:10px 10px 0px 10px;}
.topic-list dl {
flex:1;}
a.topictitle {
font-size:11.5px!important;
text-decoration:none!important;}
.topic-list dl.icon dt, dl.icon dd.dterm, .staty-temat {
display:none!important;}
.topic-list h1.page-title a, .topic-list a {
display:block!important;}
.topic-list dl.icon dt, dl.icon dd.dterm {
display:flex!important;
gap:10px;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f3);
min-width:100%;
padding:10px!important;
margin:0px 0px 10px 0px!important;}
.topic-list dl.icon dt, dl.icon dd.dterm div {
flex:auto;}
.topic-list .na-dole {
gap:10px;
display:flex;}
.topic-list .na-dole .topic-description {
display:none;}
/*KONIEC TEMATY W POŚCIE*/
/*POSTY*/
.posty1 {
max-width:1000px;
font-family:'prompt';
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f3);
padding:10px;}
.post {
position:relative;
align-items: flex-start;
flex-wrap:wrap;
display:flex;
font-family:'prompt';
background:var(--b6);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f3);
padding:10px 10px 20px 10px;}
.postbody, .post-head {
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
color:var(--f3);
padding:10px;}
.postbody {
flex:2;
margin:0px;
padding-bottom:25px!important;
position:relative;
text-align:justify;}
.post-head {
min-width:100%;
border-radius:7px;
margin-bottom:10px;}
.postbody .content {
font-family:'prompt';
color:var(--f4);
font-size:12.5px!important;
line-height:23px!important;}
.posty1 .pagination {
display:flex;
flex-wrap:wrap;
margin-bottom:10px;
float:none!important;}
.posty1 .pagination > a {
margin:0px!important;
flex:1;
min-width:auto!important;
max-width:200px!important;}
.pagination span a:link, .pagination span a:visited, .pagination span a:active {
height:30px!important;
margin:0px!important;}
.pagination span a.pag-img img {
margin-top:8px!important;}
.pagination span a.pag-img {
max-width:40px;
height:30px!important;}
.pagination span {
min-width:20%!important;
flex:auto;}
.sub-header-buttons {
min-width:100%;
margin-bottom:10px;
display:flex;
align-items:center;
justify-content: center;
float:none!important;}
.posty1 a.ion-edit.button1, .posty1 a.ion-locked.button1, .posty1 a.ion-reply.button1 {
position:relative;
width:30px!important;
font-size:0px!important;}
.posty1 a.ion-locked.button1 {
background:var(--b12)!important;}
.posty1 .sub-header-buttons a:before {
font-size:12px!important;}
.głosowanie {
bottom:-14px;}
.post-head-1 {
width:calc(100% - 255px);
gap:10px;
display:flex;}
.post-head-1 div {
height:33px;
overflow:hidden;
line-height:24px!important;
flex:auto;}
.post-head-1 div:last-child {
margin-right:5px;}
.post-head-1 div br {
display:none;}
.nick-1 {
font-size:11px;
text-align:center;
padding:4px 10px;
border:var(--o1);
box-shadow:var(--sh);
background:var(--b3);}
.ranga {
font-size:11px;
text-align:center;
padding:4px 10px;
border:var(--o1);
box-shadow:var(--sh);
background:var(--b3);}
.adres-posta {
font-size:11px;
text-align:center;
padding:4px 10px;
border:var(--o1);
box-shadow:var(--sh);
background:var(--b3);}
.data-posta {
font-size:11px;
text-align:center;
padding:4px 10px;
border:var(--o1);
box-shadow:var(--sh);
background:var(--b3);}
.edited-message {
text-transform: uppercase;
opacity:0.3;
font-size:9.5px;
text-align:center;}
/*DÓŁ STRONY*/
.watch-me {
margin-bottom:-10px;
margin-top:-30px;
padding-top:2px;
float:right;
overflow:hidden;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
border-radius:7px!important;
color:var(--f5);
transition:0.4s;
height:40px;
text-align:center!important;
max-width:40px;
font-size:0px!important;}
.watch-me:hover {
background:var(--b44)!important;
color:var(--f1)!important;}
.watch-me a:before {
margin-left:-9px;
font-size:16px!important;
content:'\e909';
font-family:'cappuccicons';}
.dol-strony {
margin-bottom:-10px;
gap:10px;
display:flex;}
.dol-strony form {
flex:auto;}
fieldset.jumpbox, fieldset.quickmod {
text-align:left!important;
margin:10px 0px!important;}
fieldset.jumpbox select, fieldset.quickmod select {
max-width:calc(100% - 53px);}
select {
padding:5px 10px!important;}
fieldset.jumpbox .button2, select + input, select + button {
float:right;}
fieldset.jumpbox label, fieldset.quickmod label {
display:none;}
fieldset.jumpbox .button2, select + input, select + button {
margin-left:10px!important;}
/*BUTTONY - CYTUJ/EDYTUJ/ITP*/
.profile-icons {
height:100%;
margin-right:17px;
z-index:998;
width:45px;
position:sticky;
top:45px;
float:left;
margin-left:2px;
margin-top:-15px;}
.profile-icons li {
margin:0px!important;}
.profile-icons a, .profile-icons span {
transition:1s;
border-radius:7px!important;
margin:10px;
justify-content: center;
align-items: center;
display:flex;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh)!important;
color:var(--f3);
width:40px;
height:40px;}
.profile-icons a:hover, .profile-icons span:hover {
transition:1s;
background:var(--b4)!important;}
.profile-icons a:first-child {
margin-top:0px!important;}
.post ul {
list-style-type:none;}
/*CYTUJ. EDYTUJ, SPOILER*/
blockquote, dl.codebox {
overflow:inherit!important;
margin:0px;
font-size:12px;
line-height:19px!important;
padding:10px;
color:var(--f4);
border-radius:7px;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);}
blockquote:before {
right:0px;
top:4px;
left:5px;
float:left;
margin-bottom:-10px;
color:var(--f3);
position:relative;
font-size:12px;}
blockquote blockquote {
margin:10px!important;}
blockquote div {
margin-top:0px;}
blockquote div:first-letter {
margin-left:15px;}
blockquote cite {
display:inline-block!important;
margin-left:10px;
margin-right:10px;
padding:3px 10px;
border-radius:7px;
color:var(--f4);
border-radius:7px;
background:var(--b44);
border:var(--o1);
box-shadow:var(--sh);}
dl.codebox dt {
text-align:center;
font-size:9px;
padding:5px 10px;
color:var(--f3);
border-radius:7px;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);}
code.hljs {
padding:0px;
opacity:0.6;
font-family:'Georgia'!important;
letter-spacing:1px;
line-height:19px!important;
filter:grayscale(90%);
margin:0px!important;}
.spoiler_content.hidden {
margin-top:10px;}
span.selectCode {
position:absolute;
color:var(--f1);
transition:1s;
top:14px;
right:20px;}
span.selectCode:hover {
color:var(--f3);}
dl.codebox.hidecode {
color:var(--f2);}
dl.codebox.hidecode:first-letter {
margin-left:30px;}
dl.codebox.hidecode dt {
display:none;}
dl.codebox.hidecode:before {
top:10px;
left:15px;
font-family:'cappuccicons'!important;
content:'\eb69'!important;}
dl.codebox dt {
margin-bottom:0px;}
dl.codebox:before {
top:18px;
left:20px;
color:var(--f3);
font-size:15px;}
dl.codebox.spoiler:before {
font-family:'cappuccicons'!important;
content:'\eab3'!important;}
dl.codebox.spoiler dt {
position:relative;}
.posty1 {
margin:auto!important;}
/*TAGI*/
.tooltip-actions, .tooltipster-arrow-top span, .tooltip-subtitle {
display:none!important;}
.tooltip-content .button1 {
background:var(--b44)!important;
position:absolute;
bottom:0px;
left:45%;}
.tooltip-title {
position:relative;
z-index:99;}
.tooltip-content span, .tooltip-content ul {
padding:10px;
flex:auto;}
.tooltip-content {
gap:10px;
text-align:center;
display:flex;
align-items:center;
position:relative;
overflow:hidden;
height:200px;
width:250px;
color:var(--f1);
font-size:10px!important;
border:var(--o1);
background:var(--b5);
background-repeat:no-repeat!important;
background-position:center bottom!important;
box-shadow:var(--sh);}
.tooltip-counts {
font-size:10px!important;}
.tooltip-content img {
margin-top:-100px;
width:250px;
height:400px;
position:absolute;
opacity:0.1;
filter:grayscale(80%);
border-radius:0!important;
border:0px;}
.tooltipster-base {
border:0px!important;
box-shadow:none!important;
background:none!important;}
.mentiontag:link {
color:var(--f3)!important;}
a.mentiontag.tooltipstered, .group-mentiontag:link, .group-mentiontag:visited {
color:var(--f3)!important;}
.mentiontag, .group-mentiontag:link, .group-mentiontag:visited, .group-mentiontag {
letter-spacing:2px!important;
border-radius:7px;
padding:5px 10px!important;
transition:1s!important;
font-size:10px;
color:var(--f3)!important;
background:var(--b44)!important;
border:var(--o1);
box-shadow:var(--sh);}
.mentiontag:hover, .group-mentiontag:hover {
background:var(--b3)!important;}
/*OKNO SZYBCIEJ ODPOWIEDZI*/
div#textarea_content {
margin-left:200px!important;}
div#wrapper div#container div#content-main div#main div#main-content .szybko form {
min-width:30%!important;}
div#wrapper div#container div#content-main div#main div#main-content .szybko p:first-child {
display:block!important;}
div.sceditor-dropdown {
z-index:999!important;
margin-top:45px!important;
padding:10px!important;
border-radius:7px!important;
color:var(--f1);
background: var(--b5)!important;
background-position: bottom center!important;
background-repeat: no-repeat!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;}
.sceditor-dropdown.sceditor-header-picker div > *, a.sceditor-font-option, a.sceditor-fontsize-option {
color:var(--f1)!important;
background:none!important;}
div.sceditor-dropdown label {
padding:5px 10px!important;
width:100%;
text-align:center;
text-transform: uppercase;
font-family: "roboto condensed";
letter-spacing:1px;
font-size:10.5px;
color:var(--f1)!important;
margin-bottom:10px;
background: var(--b5)!important;
background-position: bottom center!important;
background-repeat: no-repeat!important;
border:var(--o1);
box-shadow:var(--sh);}
div#savep {
margin-top:45px!important;}
div.sceditor-dropdown input {
padding:5px 10px!important;
border-radius:7px!important;
display:block!important;}
- Kod:
div.sceditor-dropdown input {
height:27px!important;}
iframe#quickEmojInternal, #sceditor_smilies {
margin:0px!important;
box-shadow:none!important;
border:0px!important;
background:none!important;
padding:0px!important;}
.sceditor-mention-user {
margin:2px 2px 5px 2px!important;
color:var(--f1)!important;
font-size:10.5px!important;
height:27px!important;
overflow:hidden;
line-height:11px!important;
border-radius:7px!important;
padding:7px 10px!important;
background: var(--b4)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;}
.sceditor-mention-user img {
margin-right:10px!important;
margin-left:-10px!important;
margin-top:-20px!important;
width:50px!important;
height:80px!important;
background: var(--b4)!important;
border:var(--o1)!important;
box-shadow:var(--sh)!important;}
/*LISTA*/
ol {
margin-bottom:-30px!important;
position:relative;
margin-left:10px!important;
margin-right:10px;
border-radius:7px;
margin-top:10px;
padding:10px 10px 10px 30px;
background:var(--b10a);
border:var(--o1);
box-shadow:var(--sh);}
ol:before {
border-radius:7px;
justify-content: center;
align-items: center;
display:flex;
width:25px;
height:25px;
background:var(--b44);
border:var(--o1);
box-shadow:var(--sh);
position:absolute;
content:'\e9d9';
font-family:'cappuccicons';
font-size:10px;
top:-10px;
left:-10px;}
/*LIKE/DISLIKE*/
.glosowanie {
margin-left:-55px;
margin-top:3px;
position:absolute;}
.fa_like_div {
min-width:calc(100% - 55px);
margin-left:55px;
display:flex;
gap:10px;
padding:0px;}
.fa_like_div p {
flex:auto;}
.fa_like_list, .fa_dislike_list {
margin-left:8px;
margin-top:25px;
margin-bottom:-10px!important;
color:var(--f3);
font-size:11px!important;
padding:5px 10px!important;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh)!important;}
.glosowanie .fa_like_div {
min-width:calc(100% - 55px);
padding:0px!important;}
.glosowanie .fa_like_div span {
line-height:0px!important;
font-size:0px;}
.rep-button, .rep-button:focus, .rep-button:active {
transition:0.5s;
border-radius:7px!important;
color:var(--f3);
font-size:11px!important;
padding:5px 10px!important;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh)!important;}
.rep-button:active {
background:var(--b4)!important;}
.rep-button:hover {
background:var(--b44)!important;}
.posty1 .rep-button i {
line-height:16px!important;
margin:0px;}
.rep-button.fa_liked, .rep-button.fa_disliked {
position:relative;
background:var(--b44);}
.postbody ul {
list-style-type:square!important;}
.posty1 .rep-nb {
line-height:0px!important;}
.rep-nb {
z-index:997;
margin-top:12px;
margin-left:-2px;
border-radius:7px;
font-size:9px!important;
color:var(--f3);
padding:7px;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
position:absolute;}
div#wrapper div#container div#content-main div#main div#main-content .dol-strony form {
min-width:auto!important;}
p.fa_like_list, p.fa_dislike_list {
font-size:0px!important;}
p.fa_like_list a, p.fa_dislike_list a {
font-size:10px!important;}
p.fa_like_list a:after, p.fa_dislike_list a:after {
color:var(--f2)!important;
content:', ';}
p.fa_like_list a:last-of-type:after {
color:var(--f2)!important;
content:' także!'!important;}
p.fa_dislike_list a:last-of-type:after {
color:var(--f2)!important;
content:' również...'!important;}
p.fa_like_list a:nth-child(0n+1):before, p.fa_dislike_list a:nth-child(0n+1):before {
color:var(--f2)!important;
content:''!important;}
p.fa_like_list a:last-of-type(1):before, p.fa_dislike_list a:last-of-type(1):before {
color:var(--f2)!important;
content:' oraz ';}
p.fa_like_list a:nth-last-of-type(2):after, p.fa_dislike_list a:nth-last-of-type(2):after {
content:' oraz ';}
p.fa_like_list a + a + a:last-of-type:after {
content:' szaleją za tym postem do utraty tchu!'!important;}
p.fa_dislike_list a + a + a:last-of-type:after {
content:' także weszli na wyżyny pogardy...'!important;}
p.fa_like_list a:nth-child(0n+1):after {
color:var(--f2)!important;
content:' ubóstwia ten post! '!important;}
p.fa_dislike_list a:nth-child(0n+1):after {
color:var(--f2)!important;
content:' pluje na posta. '!important;}
.profile-icons li:nth-child(0n+2) {
display:none;}
/*YOUTUBE*/
.posty1 .content iframe {
min-width:100%;}
/*PRROFIL*/
table#rpg-umiejętności, table#rpg-defekty {
font-size:10.5px!important;
margin-left:10px;
width:260px;
background: var(--b3);
border:var(--o1);
box-shadow: var(--sh);}
table#rpg-defekty {
margin-top:10px;}
table#rpg-umiejętności tbody, table#rpg-defekty tbody {
padding:10px;
height:188.5px;
overflow:auto;
gap:10px;
display:flex;
flex-wrap:wrap;}
table#rpg-umiejętności tr, table#rpg-defekty tr {
width:100%;
display:flex;
gap:10px;}
table#rpg-umiejętności tr:first-child td:first-child, table#rpg-defekty tr:first-child td:first-child {
min-width:230px;}
table#rpg-umiejętności tr td span, table#rpg-defekty tr td span {
line-height:15px!important;}
table#rpg-umiejętności tr td:first-child, table#rpg-defekty tr td:first-child {
width:100px;
font-size:10.5px;
padding:5px 10px;
text-align:center;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
table#rpg-umiejętności tr td, table#rpg-defekty tr td {
flex:1;
font-size:10.5px;
padding:5px 10px!important;
text-align:center;
background: var(--b10a);
border:var(--o1);
box-shadow: var(--sh);}
table#rpg-umiejętności tr:first-child td strong, table#rpg-umiejętności tr:first-child td i, table#rpg-defekty tr:first-child td i, table#rpg-defekty tr:first-child td strong {
font-style:normal!important;}
table#rpg-umiejętności tr:first-child td strong, table#rpg-defekty tr:first-child td strong {
margin-left:100px;}
table#rpg-umiejętności tr:first-child td:last-child, table#rpg-defekty tr:first-child td:last-child {
display:none;}
.profil-sr2 {
font-size:0px;}
.profil-sr2 a.tooltipstered, .profil-sr2 span.gen {
display:none;}
.postprofile-field.postprofile-field-ogoem, .postprofile-field.postprofile-field-fabularne {
posiiton:absolute;
left:650px;
width:104px!important;}
.postprofile-field.postprofile-field-ogoem {
margin-right:10px;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-ogoem, .prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-fabularne {
transition-delay: 2.4s !important;
z-index:2;
position:absolute;
left:10px;
bottom:55px;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-fabularne {
left:125px!important;}
dd.postprofile-contact {
position:absolute;
width:250px;
display:flex;
gap:5px;
bottom:10px;
left:610px;}
.prof > input:checked ~ .profil-sr .profil-sr3 {
transition-delay: 2.4s !important;
position:absolute;
bottom:45px;
left:10px;
width:240px;
height:110px;
padding:10px;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
.profil-sr3 > div {
font-size:10.5px;
padding:5px 10px;
text-align:center;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
.profil-sr3 {
padding:10px;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);
left:600px;}
dd.postprofile-contact a {
text-align:center;
background: var(--b10a);
border:var(--o1);
box-shadow: var(--sh);
padding:5px;
flex:1;}
dd.postprofile-contact img {
height:15px;}
.postprofile-field.postprofile-field-obrazek-w-profilu .postprofile-field-label {
display:none;}
.postprofile-field.postprofile-field-obrazek-w-profilu .postprofile-field-content {
overflow:hidden;
right:20px;
padding:0px!important;
width:230px;}
.postprofile-field.postprofile-field-obrazek-w-profilu {
wkidth:230px;
position:absolute;
top:200px;
right:-600px;}
.prof > input:checked ~ .profil-sr dd.postprofile-contact {
left:10px;
transition-delay: 2.2s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-obrazek-w-profilu {
right:20px;
transition-delay: 2s !important;}
.postprofile-field.postprofile-field-charakterystyka {
position:absolute;
right:-600px;
width:230px;
height:auto;}
.postprofile-field.postprofile-field-charakterystyka .postprofile-field-content {
margin-top:10px;
right:20px;
text-align:justify;
font-size:10.5px;
background: var(--b10a);
border:var(--o1);
box-shadow: var(--sh);
max-height:145px;
overflow:auto;}
.prof, .prof * {
scrollbar-width:auto!important;
box-sizing:border-box;
scrollbar-width: thin;
transition: 1s;}
.postprofile-field-separator {
display:none;}
.postprofile-fields {
display:flex;
flex-wrap:wrap;
width:240px;}
.postprofile-field-content {
text-align:center;
font-size:10.5px;
flex:1;
padding:5px 10px;
background: var(--b10a);
border:var(--o1);
box-shadow: var(--sh);}
.postprofile-field.postprofile-field-stanowisko, .postprofile-field.postprofile-field-kontrahent {
width:240px;
margin-left:550px;
margin-top:0px;}
.postprofile-field.postprofile-field-wzrost, .postprofile-field.postprofile-field-waga, .postprofile-field.postprofile-field-wiek {
display:flex;
gap:10px;
width:240px;
margin-left:650px;
margin-top:0px;}
.postprofile-field-label {
font-size:10.5px;
flex:1;
padding:5px 10px;
text-align:center;
background: var(--b4);
border:var(--o1);
box-shadow: var(--sh);}
.postprofile-field.postprofile-field-grupa {
display:none;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-wzrost {
margin-left:0px;
margin-top:10px!important;
transition-delay: .2s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-waga {
margin-top:10px!important;
margin-left:0px;
transition-delay: .7s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-wiek {
margin-top:10px!important;
margin-left:0px;
transition-delay: 1s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-stanowisko {
margin-top:10px!important;
margin-left:0px;
transition-delay: 1.5s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-kontrahent {
margin-top:10px!important;
margin-left:0px;
transition-delay: 1.8s !important;}
.prof > input:checked ~ .profil-sr .postprofile-field.postprofile-field-charakterystyka {
top:10px!important;
right:20px!important;
transition-delay: 1.2s !important;}
.prof {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur613.cur), progress !important;
margin-top:-406px!important;
margin-left:10px;
height:400px;
position:absolute;}
.posty1 .prof span {
line-height:10px!important;}
.profil-sr {
overflow:hidden;
position:relative;
z-index:996!important;
background: var(--b3);
background-repeat:no-repeat;
background-position:center bottom;
border:var(--o1);
box-shadow: var(--sh);
margin-top:-1px;
margin-left:-1px;
width:252px;
height:400px;}
.profil-sr2 {
overflow:hidden;
z-index:3!important;
width:252px;
height:0px;
top:0px;
position:absolute!important;}
.prof > input:checked ~ .profil-sr {
transition:0.5s!important;
margin-left:-260px;
width:500px!important;
margin-top:0px;
opacity: 1;}
.prof > input:checked ~ .profil-sr2 {
height:500px;
overflow:auto!important;
transition-delay: 1s !important;
margin-left:-540px;
overflow:inherit!important;
width:250px!important;
margin-top:0px;
opacity: 1;}
.prof > div {
cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur610.cur), progress !important;
opacity: 0;}
.prof input {
display: none;}
.postprofile {
margin-bottom:35px;
position:sticky;
top:105px;
max-width:211px!important;
margin-right:50px;
padding:0px;
margin-left:10px;
flex:1;}
.postprofile dl {
margin-right:10px;
margin-top:-57px;}
.postprofile-avatar img {
border-radius:7px;
width:252px;
height:402px;
background:var(--b2);
border:var(--o1);
box-shadow:var(--sh);}
.postprofile-info {
position:absolute;
top:0px;
left:10px;
height:400px;
width:100%;}
/*Ikony grup*/
.postprofile-field.postprofile-field-stanowisko .postprofile-field-label {
font-size:0px;}
.kyoken .postprofile-field.postprofile-field-stanowisko .postprofile-field-label, .minamoto .postprofile-field.postprofile-field-stanowisko .postprofile-field-label, .shingetsu .postprofile-field.postprofile-field-stanowisko .postprofile-field-label, .tsunami .postprofile-field.postprofile-field-stanowisko .postprofile-field-label {
content:'';
background-repeat:no-repeat!important;
background-size:21px 30px!important;
background:url('https://i.imgur.com/SdtL9L9.png'), var(--b4);}
.minamoto .postprofile-field.postprofile-field-stanowisko .postprofile-field-label {
background-size:32px 30px!important;
background:url('https://i.imgur.com/HVAvm1g.png'), var(--b4);}
.shingetsu .postprofile-field.postprofile-field-stanowisko .postprofile-field-label {
background-size:20px 20px!important;
background-repeat:no-repeat!important;
background-position:top 5px left 5px!important;
background:url('https://i.imgur.com/1BKAFYb.png'), var(--b4);}
.tsunami .postprofile-field.postprofile-field-stanowisko .postprofile-field-label {
background-size:26px 25px!important;
background:url('https://i.imgur.com/IWMPvAj.png'), var(--b4);}
.kyoken .postprofile-field.postprofile-field-stanowisko .postprofile-field-label b, .minamoto .postprofile-field.postprofile-field-stanowisko .postprofile-field-label b, .shingetsu .postprofile-field.postprofile-field-stanowisko .postprofile-field-label b, .tsunami .postprofile-field.postprofile-field-stanowisko .postprofile-field-label b {
font-size:0px!important;}
.brak .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after, .kyoken .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after, .minamoto .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after, .shingetsu .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after, .tsunami .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after {
content:'Kyōken';
font-weight:700;
font-size:12px!important;}
.minamoto .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after {
content:'Minamoto'!important;}
.shingetsu .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after {
content:'Shingetsu'!important;}
.tsunami .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after {
content:'Tsunami'!important;}
.brak .postprofile-field.postprofile-field-stanowisko .postprofile-field-label:after {
content:'grupa'!important;}
dl.codebox code {
font-family:'verdana'!important;}
/*TEMATY*/
.mg {
padding:10px;
background:var(--b3);
border:var(--o1);
box-shadow:var(--sh);
gap:10px;
display:flex;
flex-wrap:wrap;}
.mg br {
display:none;}
.mg > div {
font-size:11px;
gap:10px;
flex:1;
min-width:100%;
text-align:center;
display:flex;
flex-wrap:wrap;}
.mg > div div {
padding:5px 10px;
gap:5px;
display:flex;
flex-wrap:Wrap;
justify-content: center;
align-items: center;
background:var(--b4);
border:var(--o1);
box-shadow:var(--sh);
flex:1;}
.mg1 {
max-width:120px!important;
background:var(--b3)!important;}
.galeria, .galeria * {box-sizing: border-box;} .galeria {width:calc(100% - 60px); margin:10px 30px 10px 30px; position: relative;} .galeria::before, .galeria::after, .galeria > label:before {content: \\\"\\\"; display: inline-block;}.ingaleria {padding:0px;background:var(--b1);box-shadow:var(--sh); border:var(--o1);} .ingaleria > div {height: 400px;overflow: hidden;} .galeria > label {position: absolute; top: calc(50% - 25px); width: 40px; left: 100%; cursor: pointer; display: none; color: inherit;} .galeria > label:active {width: 35px; margin: 5px 2.5px;} .galeria > input {display: none;} .galeria > label:before {content:\\\'\\\\276F\\\';font-size:25px;margin:10px;} #galeria02:checked ~ label[for=\\\"galeria01\\\"], #galeria03:checked ~ label[for=\\\"galeria02\\\"], #galeria04:checked ~ label[for=\\\"galeria03\\\"], #galeria05:checked ~ label[for=\\\"galeria04\\\"] {transform: rotate(180deg); display: block; left: -40px;} #galeria01:checked ~ label[for=\\\"galeria02\\\"], #galeria02:checked ~ label[for=\\\"galeria03\\\"], #galeria03:checked ~ label[for=\\\"galeria04\\\"], #galeria04:checked ~ label[for=\\\"galeria05\\\"] {display: block;} .slgaleria {background:var(--b1);box-shadow:var(--sh); border:var(--o1);width: 500%; height: 100%; font-size: 0; transition: .5s;} .slgaleria > div {width: 20%; display: inline-block; vertical-align: top; position: relative; height: 100%;} #galeria02:checked ~ .ingaleria .slgaleria {margin-left: -100%;} #galeria03:checked ~ .ingaleria .slgaleria {margin-left: -200%;} #galeria04:checked ~ .ingaleria .slgaleria {margin-left: -300%;} #galeria05:checked ~ .ingaleria .slgaleria {margin-left: -400%;}.txtgaleria {margin: 10px; text-align: justify; hyphens: auto; -webkit-text-fill-color: #666; height: calc(100% - 40px); overflow: auto;font:13px Lato;font-family:\\\'Prompt\\\'!important;}
.galeria2, .galeria2 * {box-sizing: border-box;} .galeria2 {width:calc(100% - 60px); margin:10px 30px 10px 30px; position: relative;} .galeria2::before, .galeria2::after, .galeria2 > label:before {content: \\\"\\\"; display: inline-block;}.ingaleria2 {padding:0px;background:var(--b1);box-shadow:var(--sh); border: var(--01);} .ingaleria2 > div {height: 400px;overflow: hidden;} .galeria2 > label {position: absolute; top: calc(50% - 25px); width: 40px; left: 100%; cursor: pointer; display: none; color: inherit;} .galeria2 > label:active {width: 35px; margin: 5px 2.5px;} .galeria2 > input {display: none;} .galeria2 > label:before {content:\\\'\\\\276F\\\';font-size:25px;margin:10px;} #galeria202:checked ~ label[for=\\\"galeria201\\\"], #galeria203:checked ~ label[for=\\\"galeria202\\\"], #galeria204:checked ~ label[for=\\\"galeria203\\\"], #galeria205:checked ~ label[for=\\\"galeria204\\\"] {transform: rotate(180deg); display: block; left: -40px;} #galeria201:checked ~ label[for=\\\"galeria202\\\"], #galeria202:checked ~ label[for=\\\"galeria203\\\"], #galeria203:checked ~ label[for=\\\"galeria204\\\"], #galeria204:checked ~ label[for=\\\"galeria205\\\"] {display: block;} .slgaleria2 {background:var(--b1);box-shadow:var(--sh); border:var(--01);width: 500%; height: 100%; font-size: 0; transition: .5s;} .slgaleria2 > div {width: 20%; display: inline-block; vertical-align: top; position: relative; height: 100%;} #galeria202:checked ~ .ingaleria2 .slgaleria2 {margin-left: -100%;} #galeria203:checked ~ .ingaleria2 .slgaleria2 {margin-left: -200%;} #galeria204:checked ~ .ingaleria2 .slgaleria2 {margin-left: -300%;} #galeria205:checked ~ .ingaleria2 .slgaleria2 {margin-left: -400%;}.txtgaleria2 {margin: 10px; text-align: justify; hyphens: auto; -webkit-text-fill-color: #666; height: calc(100% - 40px); overflow: auto;font:13px Lato;font-family:\\\'Prompt\\\'!important;}
.galeria3, .galeria3 * {box-sizing: border-box;} .galeria3 {width:calc(100% - 60px); margin:10px 30px 10px 30px; position: relative;} .galeria3::before, .galeria3::after, .galeria3 > label:before {content: \\\"\\\"; display: inline-block;}.ingaleria3 {padding:0px;background:var(--b1);box-shadow:var(--sh); border: var(--b01);} .ingaleria3 > div {height: 400px;overflow: hidden;} .galeria3 > label {position: absolute; top: calc(50% - 25px); width: 40px; left: 100%; cursor: pointer; display: none; color: inherit;} .galeria3 > label:active {width: 35px; margin: 5px 2.5px;} .galeria3 > input {display: none;} .galeria3 > label:before {content:\\\'\\\\276F\\\';font-size:25px;margin:10px;} #galeria302:checked ~ label[for=\\\"galeria301\\\"], #galeria303:checked ~ label[for=\\\"galeria302\\\"], #galeria304:checked ~ label[for=\\\"galeria303\\\"], #galeria305:checked ~ label[for=\\\"galeria304\\\"] {transform: rotate(180deg); display: block; left: -40px;} #galeria301:checked ~ label[for=\\\"galeria302\\\"], #galeria302:checked ~ label[for=\\\"galeria303\\\"], #galeria303:checked ~ label[for=\\\"galeria304\\\"], #galeria304:checked ~ label[for=\\\"galeria305\\\"] {display: block;} .slgaleria3 {background:var(--b1);box-shadow:var(--sh); border:var(--01);width: 500%; height: 100%; font-size: 0; transition: .5s;} .slgaleria3 > div {width: 20%; display: inline-block; vertical-align: top; position: relative; height: 100%;} #galeria302:checked ~ .ingaleria3 .slgaleria3 {margin-left: -100%;} #galeria303:checked ~ .ingaleria3 .slgaleria3 {margin-left: -200%;} #galeria304:checked ~ .ingaleria3 .slgaleria3 {margin-left: -300%;} #galeria305:checked ~ .ingaleria3 .slgaleria3 {margin-left: -400%;}.txtgaleria3 {margin: 10px; text-align: justify; hyphens: auto; -webkit-text-fill-color: #666; height: calc(100% - 40px); overflow: auto;font:13px Lato;font-family:\\\'Prompt\\\'!important;}
.slgaleria > div:hover .txtgaleria, .slgaleria2 > div:hover .txtgaleria2, .slgaleria3 > div:hover .txtgaleria3 {
transition:0.5s;
font-size:13px;
opacity:0;
text-align:center!important;}
.slgaleria > div .txtgaleria, .slgaleria2 > div .txtgaleria2, .slgaleria3 > div .txtgaleria3 {
transition:0.5s;
letter-spacing:4px;
padding:10px;
background:var(--b2);
height:auto!important;
margin:175px 0px -100px 0px;
font-size:15px;
color:white!important;
text-align:center;}
.slgaleria > div , .slgaleria2 > div, .slgaleria3 > div {
transition:0.5s;
opacity:0.5;
filter:grayscale(100%);}
.slgaleria:hover > div, .slgaleria2:hover > div, .slgaleria3:hover > div {
opacity:1;
transition:0.5s;
filter:grayscale(0%);}
/*SMS*/
.sm {
width:80%;
max-width:600px;
margin-left:calc(10%);
position:relative;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b6);}
.ic {
margin:2px;
text-align:right;
letter-spacing:10px;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b3);
padding:15px;}
.nic {
position:absolute;
top:18px;
left:15px;
letter-spacing:3px;}
.nic i{margin-right:15px;}
.tresc .av img {
width:110px;
border-radius:7px;
box-shadow:var(--sh);
border:var(--o1);
background:var(--b1);
width:110px;
height:110px;
float:left;}
data{font-size:9px;opacity:0.6;}
.tresc{display:flex;flex-wrap:wrap;padding:15px;}
.tresc .av {flex:1;min-width:130px;max-width:130px;margin-top:-15px;}
.ok {box-shadow:var(--sh);
border:var(--o1);
background:var(--b4);padding:15px;}.tr{flex:2;margin-top:-15px;}
.ok-dz{box-shadow:var(--sh);
border:var(--o1);
background:var(--b4);padding:15px;background-position:center!important;text-align:center;}
.ok-dz img:first-child{
border-radius:7px;
box-shadow:var(--sh);
border: var(--o1);
background:var(--b4);width:110px;height:110px;float:none!important;}od{width:40px;margin-right:15px;}
odr{width:40px;text-align:center;color:#682727;}czyn{letter-spacing:1px;opacity:0.5;}
.do {
margin:2px;
width:100%;letter-spacing:10px;box-shadow:var(--sh);
border:var(--o1);
background:var(--b3);padding:15px;display:flex:flex-wrap:wrap;text-align:center;}.do i{flex:3;min-width:30%;}
/*ADMINISTRACJA*/
war, enma, ye {
padding:5px 5px 5px 2px;
text-align:center;
border-radius:7px;
font-size:10.5px;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);}
war:after, enma:after, ye:after {
margin-left:5px;
content:'● Warui';
color:#907a23;}
enma:after {
content:'● Enma'!important;
color:#7f1734!important;}
ye:after {
content:'● Ye Lian'!important;
color:#4c7472!important;}
war:before, enma:before, ye:before {
border-radius:7px;
background: var(--b3);
border: var(--o1);
box-shadow: var(--sh);
padding:4px;
margin-right:5px;
font-family:'cappuccicons';
content:'\ebd1';}
enma:before {
content:'\eca0'!important;}
ye:before {
content:'\ea9b'!important;}
a.sceditor-button.sceditor-button-fontawesome {
justify-content: center;
align-items: center;}
.sceditor-fontawesome i {
color:var(--f3)!important;
font-size:11px;}
.sceditor-button-fontawesome div {
filter:contrast(0.2);
display:block!important;
max-width:17px!important;
background-repeat:no-repeat!important;}
.t1-l:first-of-type {
margin-top:10px!important;}
.t1-l {
font-size:11px;
margin-top:-25px;
position:relative;
padding:10px;
border:var(--o1);
background:var(--b4);
box-shadow:var(--sh);}
legend strong {
text-align:center;
line-height:20px;
font-weight:100!important;
border: var(--o1);
padding:0px 3px 0px 5px;
position:absolute;
color:var(--f1)!important;
top:3px;
left:3px;
font-size:10px;
border-radius:7px;
background: var(--b4);
box-shadow: var(--sh);}
legend {
position:relative;
font-size:12px;
letter-spacing:2px;
width:60%;
margin-bottom:5px;
border-radius: 7px;
border: var(--o1);
background: var(--b44);
box-shadow: var(--sh);
padding: 2px 10px;
text-transform: uppercase;
font-family: 'roboto condensed';
text-align: center;
margin-top:-25px;}
.post {
background-repeat:no-repeat!important;
background-position:top;}
.online:before {
right:auto!important;
left:16px;
top:31px!important;
opacity:0.5;}
</style>