Center Plus by ayaaop

/* ==UserStyle==
@name         Center Plus
@version      20240702.11.39
@namespace    https://userstyles.world/user/ayaaop
@description  Тема для сайта beta.cntr.witch.quest
@author       ayaaop
@license      No License
==/UserStyle== */

@-moz-document domain("cntr.su") {
/* ==UserStyle==
@name           Center Plux
@description    Тема для сайта beta.cntr.witch.quest
@author         ayaao.p
@version        beta

А спонсор этой темы - костыли
*/
:root {
	--font: Helvetica, Open Sans;
	--accent: #b298c8;
	--accent--invert: #8ab362;
	--accent-label: #09070a;
	--accent--hover: #9472b3;
	--accent--rgb: 117, 76, 157;
	--link: var(--accent);
}
body {
	background-color: #121212;
	color: #f9f9f9
}
.post-main-date,
*[style^="color: black"] {
	color: #f9f9f9!important;
}
a,
#login-form a {
	text-decoration: none;
	color: #9472b3
}
body::-webkit-scrollbar {
	display: none;
}
* {
	font-family: var(--font)!important;
	font-size: 11px;
	box-sizing: border-box;
}
select {
	background: #fff;
}
input[type="file"] {
	border-color: #3e3f40 !important;
	outline: #3e3f40;
}
input#text,
textarea#text {
	padding: 5px;
}
h4 {
	border-bottom: 1px solid #3e3f40;
	color:#e2e2e2;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 0;
}
.button,
#button,
button {
	border-radius: 7px;
	border: var(--accent);
	font-size: 11px;
	outline: none;
	white-space: nowrap;
	background: var(--accent);
	color: var(--accent-label);
	padding: 6px 10px 6px;
	text-decoration: none;
	transition: background-color 0.2s ease;
}
.button:hover,
#button:hover,
button:hover {
	border: var(--accent--hover);
	background: var(--accent--hover)
}
.content-wall-send textarea,
textarea,
input.input-classic,
input,
select,
textarea {
	border-radius: .5rem;
	padding: .5rem 1rem;
	font-size: 11px;
	background: #282828;
	color: #e2e2e2;
	border-color: #3f3f3f!important;
	outline-color: #3f3f3f;
}
.input-classic {
	border: 1px solid #3e3f40
}
.header {
	background: none;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	border-radius: 0;
	position: static;
	box-sizing: border-box;
	top: 0;
	height:unset;
}
.header #main-hdr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	gap: 20px;
	height: unset;
}
.head-links {
	display: flex;
	align-items: center;
	padding: 0;
	gap: 20px;
}
.head-links a {
	color: #E1E1E1;
	margin-top: 0;
	padding-left: 0;
}
.header img[src="img/logo-cntr.png"] {
	margin-left: 0!important;
}
.header a[href="index.php"]:not(:has(img)) {
	display: none;
}
.header a[href="index.php"] {
	display: flex;
	align-items: center;
}
.header a img[style*="margin-top: 5px"] {
	margin-top: 0 !important;
	margin-left: 0!important;
}
.content-left {
	/* position: fixed; */
	/* left: 110px; */
	float: none;
	margin: 0;
	padding: 0 1rem 0 0;
	width: 15%;
}
.content-left a {
	transition: all 300ms ease;
	text-decoration: none;
	color: #f9f9f9;
	display: inline-block;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: var(--font);
	padding: .75rem 1rem;
	margin-right: 10px;
	box-sizing: border-box;
	width: 100%;
}
.content-left a:hover {
	background-color: rgba(136, 79, 187, .25);
	border-radius: 5px;
	color: #d4a6ff;
	padding: .75rem 1rem;
}
.content-left div[style^="border-top: 1px solid #BEBEBE"] {
	width: 100%;
	border-color: #3e3f40!important;
}
main {
	padding: 0 10px 10px;
}
.content-info .simple {
	overflow: hidden;
	text-overflow: ellipsis;
	width: inherit;
	display: block;
	word-break: break-all;
}
.content-additional-links a,
.content-contacts a {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}
.content-main {
	border: #3e3f40 solid 1px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 60%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
}
.content-posts-post {
	display: flex;
	margin-bottom: 10px;
	border-bottom: 1px solid #3e3f40;
}
#content-infoname {
	background: #282828;
	padding: 10px 15px;
	border: 0;
	border-top: 0;
	color: #e2e2e2;
	margin-left: 0;
	width: 100%;
	transition: top 0.2s;
	margin-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	position: sticky;
	top: 0;
	z-index:1;
}
.content-banner,
.post-main-text {
	width: inherit;
	margin-right: 0;
	box-sizing: border-box;
}
.post-main {
	word-break: break-all;
	margin-left: 7px;
	width: 100%;
	height: fit-content;
}
.post-avatar {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
}
.content-posts-add {
	width: inherit
}
.content-additional-links,
.content-contacts {
	clear: right;
}
.content-posts-title[style="background: #e6e6e6;padding: 3px 0px;padding-left: 10px;font-weight: bold;color: #626262;border-radius: 5px 5px 0 0; width: 560px;"],
.content-posts-add[style="background-color: #F0F0F0;color: #777777;padding: 3px 0px;width: 560px; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;"] {
	width: 508px !important;
}
.content-posts-post[style^="width: 570px"] {
	width: 520px !important;
}
.content-posts-post[style^="width: 570px"] .post-main {
	width: 509px;
}
.content-posts-post[style^="width: 570px"] .post-main,
.content-posts-post[style^="width: 570px"] .post-main-text {
	width: 452px!important;
}
.content-search-item-name {
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.content-search-item-description {
	gap: 10px;
}
.content-search-item-description-desc {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.search-bar {
	background: none !important;
	border-color: #3e3f40 !important;
	padding: 8px!Important;
}
.content-right form[method="POST"] a[href^="help.php"] {
	font-size: 9px;
	text-transform: lowercase;
	vertical-align: super;
	opacity: 0.7;
}
.content-right {
	font-size: 13px;
	width: 25%;
	float: none;
	padding: 0 1rem;
	box-sizing: border-box;
	margin: 0;
	background: none;
	height: auto;
}
.content-right #latest-posts {
	margin-top: 0!important;
	overflow: hidden;
	text-overflow: ellipsis
}
.profile-info {
	display: grid;
	grid-template-columns: 80px auto;
}
.content-labeled {
	width: 100%;
	float: none;
}
.content-labeled {
	float: none;
}
.faqcontent {
	border-color: #3e3f40;
	border-radius: 0 0 3px 3px;
}
.faqcontent ul {
	margin: 5px 0;
	padding-left: 2em;
}
.content {
	width: 90%;
	display: flex;
	box-sizing: border-box;
	margin: 0 auto;
}
.footer {
	text-align: left;
	margin-top: 15px;
	font-size: 13px;
	width: 200px;
	position: fixed;
	bottom: 0
}
.footer * {
	opacity: .2;
	transition: 100ms
}
.footer *:hover {
	opacity: 1
}
.footer p {
	margin-top: 5px;
	padding-left: 5px
}
#login-form,
.content-right form[method="POST"],
.content-right .rightblocks,
.content-search-item,
.content-info,
.content-posts-post-addcomment,
.content-posts-add,
.content-posts-title,
.nsfw-stigma,.faqhead,.faqcontent {
	background-color: #282828!important;
	border-radius: .5rem;
	margin: 1rem 0;
	padding: 1rem!important;
	border: none!important;
}
.content-right form[method="POST"],
.content-right .rightblocks {
	width: 100%;
	display: block;
	max-width: unset;
}
.content-posts-title,.faqhead {
	margin-top: 0;
	border-radius: .5rem .5rem 0 0!important;
	margin-bottom: 0;
}
.content-right form[method="POST"] {
	margin-top:0!important;
}
.content-posts-add,.faqcontent {
	margin-top: 0!important;
	border-radius: 0 0 .5rem .5rem;
}
.content-info {
	margin: 0;
}
.aprofile-edit:hover,
.content-posts-title,.faqhead {
	background-color: #353535!important;
	color: #e2e2e2!important;
}
#right-textarea {
	width: 100%;
	max-width: unset;
}
.post-main-text[style^="background-color: #d70024;"] br {
	display: none;
}
.post-main-text[style^="background-color: #d70024;"] {
	background: none!important;
	border: 1px solid #5f6162;
	text-align: left!important;
	position: relative;
	padding: 1rem!important;
	border-radius: .5rem!important;
	font-style: normal!important;
}
.post-main-text[style^="background-color: #d70024;"]:before {
	content: '';
	background: #b298c8;
	mask-image: url(https://raw.githubusercontent.com/material-icons/material-icons/af0ed9c0e1276bad43c4d6ca8e8aaa283e425195/svg/warning/outline.svg);
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 1rem;
}
.post-main span[style="color: red;"] {
	color: #b298c8!important;
}
.post-main-text[style^="background-color: #d70024;"] span {
	width: calc(85% - 21px - 1rem);
	display: inline-block;
}
.post-main-text[style^="background-color: #d70024;"] .button {
	position: absolute;
	right: 1rem;
	top: 1rem;
}
}