Farklı bir görünüm isteyenler için tema

Farklı bir görünüm isteyenler için #tema

Demo

Harici CSS bölümüne eklenecek olan kodlar:

/* -------------------------------EXT ------------------------------------------ */
* {
	tab-size: 2;
}
:target {
	background-color: #e3f5ff;
}
body {
	font-family: Raleway, FAB, FAS, 'System Latin';
	font-size: 15px;
	line-height: 1.5em;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color: rgba(158, 217, 248, .3);
}
h3, .Post-body {
	text-shadow: 0 0 1px #eee;
}
code {
	white-space: pre-wrap;
	font-family: 'Source Code Pro', 'System Mono';
}
li.item-joined, li.item-lastSeen {
	display: block;
	line-height: 1.7;
}
li.item-lastSeen .online {
	display: inline-block;
}
small {
	color: transparent;
	font-size: 7px;
	line-height: 1em;
	width: 100%;
	margin-top: 20px;
	word-break: break-all;
	clear: both;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre-wrap;
}
.viv-icon {
	float: right;
	width: 150px;
}
.tofu-snapshot {
	margin-bottom: 2em;
	padding: 12px 16px;
	color: #ad6c00;
	background: #fff2ae;
	line-height: 1.5;
	border-radius: 4px;
}
.DiscussionList-loadMore .Button {
	width: 100%;
}
.DiscussionListItem-info .username {
	font-weight: 400;
}
.DiscussionListItem-title, .ComposerBody-header h3 {
	color: #444 !important;
}
.Pages-container {
	max-width: 960px;
}
.Post {
	padding-bottom: 3px;
}
.Post-footer {
	margin-bottom: 0;
}
.Post-mentionedBy-preview {
	width: 640px !important;
}
.PostUser-level {
	margin-bottom: 20px;
}
.item-discussion-views {
	width: 33px;
	margin-right: -70px;
}
.item-discussion-views::before {
	margin-left: -22px;
}
.item-terminalPost {
	font-size: 13px;
}
.item-money:before {
	content: "\f530";
}
.uid-1 {
	border-color: #e03c8a !important;
}
.upl-image-tpl {
	border: 1px solid #CB1B4520;
	background-color: #CB1B4510;
	margin: 16px;
	width: auto;
	max-width: max-content;
	text-align: center;
}
.upl-image-tpl img {
	margin-bottom: -7px;
}
.upl-image-tpl figcaption {
	background-color: #CB1B45;
	color: #fff;
	line-height: 2em;
	padding: 0 .5em;
	text-align: left;
	text-shadow: none;
}
.upl-image-title i {
	margin-right: .3em;
}
.upl-image-size i {
	margin: 0 .3em 0 1em;
}
.upl-image-link {
	float: right;
	margin-left: 1em;
}
.upl-image-link a {
	color: #fff;
	border-bottom: ;
}
markdown-toolbar {
	display: ;
}
/* -------TAG GRANDE ------*/
/* ------- Avatar ------- */
.Dropdown-toggle {
	border-radius: .3rem !important;
}
.Button--flat {
	border-radius: .3rem !important;
}
.TagsLabel .TagLabel:first-child:last-child {
	border-radius: 4px;
}
.DiscussionHero .TagsLabel .TagLabel.colored {
	margin-right: 5px;
	color: #fff;
}
.TagsLabel .TagLabel:last-child {
	border-radius: 0 4px 4px 0;
}
.TagsLabel .TagLabel:first-child {
	border-radius: 4px 0 0 4px;
}
.DiscussionHero .TagsLabel .TagLabel {
	background: transparent;
	border-radius: 4px !important;
	font-size: 20px;
	padding: 3px 15px;
}
.TagsLabel .TagLabel {
	border-radius: 0;
}
.DiscussionHero--colored, .DiscussionHero--colored a {
	color: #fff;
}
/* ---- Avatar ----- */
/* ----- Fa fa icon ----- */
.Form--centered .FormControl[type="password"] {
	text-align: center;
}
.Post {
	padding-bottom: 0;
}
.Post-body a {
	border-bottom: none;
}
.Post-footer {
	margin-bottom: 0;
}
.Badge--group--transparent {
	border: none;
	box-shadow: none;
}
.item-group10 {
	display: none !important;
}
i.fa-spinner {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
/* --------------------------- extension ------------------------------------ */
div[data-s9e-mediaembed="youku"] {
	max-width: 720px;
}
.RecipientsLabel {
	margin-right: 7px;
}
.RecipientLabel:not(:last-child) {
	border-right: none;
}
.RecipientsInput {
	width: 94%;
}
.PollView {
	padding: 1em;
	border: #ddd 1px solid;
}
.TagsPage .item-flagrow-ad {
	display: none !important;
}
.Flagrow-Saved-Message {
	margin-bottom: 2em;
}
.Post-upvote::after {
	width: 50px;
	height: 50px;
	top: -20%;
	left: 47%;
}
.Post-downvote::after {
	width: 50px;
	height: 50px;
	top: -20%;
	left: 72%;
}
.Pages-page .container {
	max-width: 77%;
}
#footer {
	margin: 5em auto 3em auto;
	padding-top: 3em;
	text-align: center;
	color: #7c7c7c;
	width: 40.0%;
	border-top: 1px solid #e9ebec
}
.footercontent {
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 -3px 5px rgba(128, 128, 128, .6);
}
.item-money::before {
	content: "\f51e";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
/* --------------------------- tofu mods ------------------------------------ */
/* xts badge */
@-webkit-keyframes fa-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
@keyframes fa-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
i.fa-spinner {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
/* --------------------------- tofu mods ------------------------------------ */
/* mobile */
@media(max-width:1000px) {
	[class^=item-group], .viv-icon, .IndexPage-nav a img, .item-onlineUsers, .item-flagrow-ad {
		display: none !important;
	}
	li.item-session {
		padding-left: 12px;
	}
	#footer {
		width: 100%;
	}
	.item-discussion-views {
		right: 90px;
	}
}
.App-header {
	border-top: 3px #227093;
	padding: 6px;
}
/*-----------------------HIDDEN--------------------------------*/
.Post-body strong del:hover, .Post-body strong del:active {
	display: inline;
	width: auto;
	height: auto;
	font-weight: 300;
	color: #424A73;
	text-decoration: none;
	border: none;
}
.Post-body strong del {
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 0;
	border: #424A73 solid .4em;
	border-radius: .4em;
}
/*-----------------------HIDDEN--------------------------------*/
/*-----------------------.HERO--------------------------------.Hero li.item-title {
	clear: left;
	margin-top: 0;
	padding-top: 12px;
}
.DiscussionHero .item-title {
	display: block;
	margin-top: 15px;
}
.Hero, .Hero-title, .Hero-subtitle, .DiscussionHero-items>li {
	display: block;
	text-align: left;
}
.DiscussionHero-items>li {
	display: inline-block;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
user agent stylesheetli {
	display: list-item;
	text-align: -webkit-match-parent;
}
.DiscussionHero-items {
	padding: 0;
	margin: 0;
	list-style: none;
}
user agent stylesheetul, menu, dir {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}
.DiscussionHero--colored, .DiscussionHero--colored a {
	color: #fff;
}
/*-----------------------NAV S--------------------------------*/
/*-----------ALERT-------------*/
.AlertManager {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: @zindex-alerts;
	.Alert {
		display: inline-block;
		margin-top: 20px;
		.box-shadow(0 2px 6px @shadow-color);
	}
}
.Alert {
	padding: 12px 16px;
	border-radius: @border-radius;
	line-height: 1.5;
	.Alert--color(@alert-color, @alert-bg);
}
.Alert--error {
	.Alert--color(@alert-error-color, @alert-error-bg);
}
.Alert--success {
	.Alert--color(@alert-success-color, @alert-success-bg);
	a, a:hover {
		text-decoration: underline;
	}
}
.Alert--color(@color;
@background) {
	background: @background;
	&,a,a:hover,.Button,.Button:hover,.Button:active,.Button.active,.Button:focus,.Button.focus {
		color: @color;
	}
}
.Alert-controls {
	list-style-type: none;
	padding: 0;
	margin: 0 -8px 0 8px;
	display: inline-block;
	> li {
		display: inline-block;
		margin: 0 5px;
		> a, > .Button {
			text-transform: uppercase;
			font-size: 12px;
			font-weight: bold;
			&.disabled {
				cursor: default;
				text-decoration: none;
				opacity: 0.5;
			}
			&:hover {
				text-decoration: underline;
			}
		}
		> .Button {
			margin: -10px;
			vertical-align: 0;
		}
	}
}
/*-----------ALERT-------------*/
/*-----------------------RANK--------------------------------*/
.RankBadge span {
	@color: var(--badge-color);
	position: absolute;
	top: 80px;
	left: 45%;
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	float: none;
	padding: 1px 8px;
	text-transform: uppercase;
	border: 1px solid @color;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	justify-content: center;
	align-items: center;
	display: flex;
	color: @color;
	&.RankBadge--default {
		color: @color;
	}
	&.RankBadge--filled {
		background-color: @color;
		border-radius: 2px;
		span {
			color: @color;
			-webkit-filter: invert(100%);
			filter: invert(100%);
		}
	}
}
/*-----------------------RANK--------------------------------*/
/*-----------------------BADGE-OCULTO-----------------------*/
.PostUser-badges.badges .item-group1 {
	display: none;
}
/*-----------------------BADGE-OCULTO-----------------------*/
/*----OCULTAR TAGS-----*/
@font-face {
	font-family: 'Titillium Web';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/fonts/titillium-web-v6-latin-regular.eot');
	src: local('Titillium Web Regular'),local('TitilliumWeb-Regular'),url('/assets/fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/titillium-web-v6-latin-regular.woff2') format('woff2'),url('/assets/fonts/titillium-web-v6-latin-regular.woff') format('woff'),url('/assets/fonts/titillium-web-v6-latin-regular.ttf') format('truetype'),url('/assets/fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg');
}
body {
	font-family: 'Titillium Web',Helvetica,Arial,sans-serif;
}
.Post--hidden:not(.revealContent) .Post-body,.Post--hidden:not(.revealContent) .Post-footer {
	display: block;
}
.Post--hidden:not(.revealContent) h3 .Avatar {
	display: inline-block;
}
.Post--hidden .item-toggle {
	display: none;
}
/*------------------------------*/
.UserCard-avatar .Dropdown-toggle {
	border-radius: 200px !important;
}
@media (min-width:768px) {
	body {
		margin: 0px;
	}
	.column-p {
		display: block;
		z-index: 11;
		position: relative;
		padding: 10px;
		margin-right: auto;
		margin-left: auto;
	}
	.column-p img {
		width: 170px;
		margin-right: auto;
		text-align: center;
		margin-left: auto;
		display: block;
	}
	.column-p span {
		color: #383737;
		text-align: center;
		font-size: 18px;
	}
	.flex-img {
		display: flex;
		justify-content: center;
	}
	.PostUser-badges {
		position: unset;
		margin-left: -42px;
		margin-top: -3px;
		float: none;
		margin-right: -4px;
		width: 64px;
	}
	.PostUser-badges .Badge {
		margin-left: -10px;
		position: relative;
		margin-top: -4px;
		pointer-events: auto;
	}
	.sideNav .Dropdown--select .Dropdown-menu>li>a .Button-icon {
		float: left;
		margin-left: -30px;
		font-size: 18px;
	}
	.DiscussionListItem-controls {
		position: absolute;
		right: 15px;
		top: 5px;
		z-index: 1;
		opacity: 1;
		transition: opacity .2s;
	}
	.DiscussionListItem {
		position: relative;
		margin-right: 0px;
		padding-right: 35px;
		padding-left: 15px;
		margin-left: -15px;
		border-radius: 4px;
		transition: background .2s;
	}
	.banner-mobile {
		display: none;
	}
	.item-link8 {
		display: none !important;
	}
	.Badge--group--4 {
		background-color: transparent !important;
		background-size: cover !important;
		background-image: url(https://i.imgur.com/Jzyks75.png) !important;
		width: 15px;
		height: 15px;
		color: transparent !important;
		border-radius: unset !important;
		top: 1px;
		left: -4px;
		box-shadow: none;
	}
}
.UserCard-badges .Badge--group--20 {
	width: 20px;
	height: 20px;
}
.DiscussionListItem-author .Avatar {
	display: none;
}
@media (min-width: 768px) {
	.DiscussionListItem-content {
		padding-left:0px
}
}
.DiscussionListItem-title {
	font-size: 1.5rem !important
}
.App-content {
	border-top: 1px dashed #e8ecf3
}
.DiscussionListItem-info {
	font-size: 0.8rem
}
.TagLabel {
	font-size: 0.8rem !important;
	padding: .1rem .5rem !important
}
.DiscussionListItem-badges {
	float: right;
	margin-top: 43px;
	text-align: right;
	white-space: nowrap;
	pointer-events: none
}
h1.Header-title a {
	color: #222;
	font-weight: bold;
	font-size: 1.7rem
}
li.item-newDiscussion.App-primaryControl {
	font-size: 1rem
}
.Mason-Fields {
	border: 0px solid #e8ecf3 !important
}
@media (max-width: 767px) {
	.DiscussionListItem-info .item-excerpt {
		display:inherit !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important
}
}
.Post--unapproved .Post-header,.Post--unapproved .Post-body,.Post--unapproved .EventPost-icon,.Post--unapproved .EventPost-info {
	opacity: 0.5
}
.DiscussionListItem--unapproved .DiscussionListItem-content {
	opacity: 0.5
}
img.emoji {
	height: 1.5em;
	margin: 0 .1em;
	vertical-align: -0.3em
}
.EmojiDropdown {
	max-width: 500px;
	max-height: 200px;
	overflow: auto;
	position: absolute;
	margin: 5px 0 !important
}
.EmojiDropdown>li>button {
	color: #111;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 45px
}
.EmojiDropdown>li>button .emoji {
	float: left;
	margin-left: -30px
}
.EmojiDropdown .Dropdown-header {
	color: #aaa;
	text-transform: none;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 11px
}
.ComposerBody-emojiWrapper {
	position: relative
}
.Post--flagged {
	padding-top: 0 !important;
	border: 2px solid #ecbe13
}
.Post-header .item-flagged {
	display: block;
	margin: 0
}
.Post-flagged {
	background: #ecbe13;
	margin-top: -2px;
	margin-bottom: 20px;
	margin-left: -22px;
	margin-right: -22px;
	padding: 10px;
	border-radius: 4px 4px 0 0;
	overflow: hidden
}
.Post-flagged,.Post-flagged a {
	color: #fff
}
.Post-flagged .Button--link,.Post-flagged .Search-input {
	color: #fff
}
.Post-flagged .FormControl {
	background: rgba(0,0,0,0.1);
	border: 0;
	color: #fff
}
.Post-flagged .FormControl::-moz-placeholder {
	color: #fff;
	opacity: 1
}
.Post-flagged .FormControl:-ms-input-placeholder {
	color: #fff
}
.Post-flagged .FormControl::-webkit-input-placeholder {
	color: #fff
}
.Post-flagged .FormControl:focus {
	color: #fff;
	background: rgba(0,0,0,0.2)
}
.Post-flagged .Button,.Post-flagged .Button:hover {
	color: #fff;
	background: rgba(0,0,0,0.1)
}
.Post-flagged .Button--flat {
	background: transparent
}
.Post-flagged .Button:active,.Post-flagged .Button.active,.Post-flagged .Button:focus,.Post-flagged .Button.focus,.Post-flagged .open>.Dropdown-toggle.Button {
	background: rgba(0,0,0,0.15);
	color: #fff
}
@media (min-width: 768px) {
	.Post-flagged {
		margin-left:-107px
}
}
.Post-flagged,.Post-flagged a {
	color: #fff !important
}
.Post-flagged-flags {
	font-size: 14px;
	margin: 7px 10px;
	text-align: left;
	font-weight: bold
}
@media (min-width: 768px) {
	.Post-flagged-flags {
		float:left
}
}
.Post-flagged-detail {
	font-size: 12px;
	margin-left: 10px;
	font-weight: normal
}
@media (min-width: 768px) {
	.Post-flagged-actions {
		float:right
}
}
.Post-flagged-actions .Button {
	margin-left: 5px
}
.FlagsDropdown .Dropdown-toggle .Button-label,.FlagsDropdown .Dropdown-toggle .Button-caret {
	display: none
}
.FlagPostModal .Form-group {
	margin-bottom: 20px
}
.FlagPostModal .checkbox {
	margin-bottom: 12px
}
.FlagPostModal .checkbox strong {
	display: block;
	color: #111
}
.DiscussionLockedPost .EventPost-icon,.DiscussionLockedPost .EventPost-info,.DiscussionLockedPost .EventPost-info a {
	color: #888
}
.PostMention,.UserMention {
	background: #f6f2e4;
	color: #998e66;
	border-radius: 4px;
	padding: 2px 5px;
	border: 0 !important
}
blockquote .PostMention,blockquote .UserMention {
	background: #fff
}
.PostMention:hover,.UserMention:hover,.PostMention:active,.UserMention:active {
	color: #f9c506
}
.PostMention {
	margin: 0 3px
}
.PostMention:first-child {
	margin-left: 0
}
.PostMention:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f3e5";
	margin-right: 5px
}
.PostMention:before.fa-pull-left {
	margin-right: .3em
}
.PostMention:before.fa-pull-right {
	margin-left: .3em
}
.ComposerBody-mentionsWrapper {
	position: relative
}
.MentionsDropdown {
	max-width: 500px;
	max-height: 150px;
	overflow: auto;
	position: absolute
}
.MentionsDropdown mark {
	padding: 0
}
.MentionsDropdown>li>a:hover {
	background: none
}
.MentionsDropdown .PostPreview,.PostMention-preview .PostPreview,.Post-mentionedBy-preview .PostPreview {
	color: #998e66
}
.MentionsDropdown .PostPreview .Avatar,.PostMention-preview .PostPreview .Avatar,.Post-mentionedBy-preview .PostPreview .Avatar {
	width: 24px;
	height: 24px;
	border-radius: 24px;
	font-size: 12px;
	line-height: 24px;
	margin: 0 0 0 -37px
}
.MentionsDropdown-post.MentionsDropdown .PostPreview .Avatar,.MentionsDropdown-post.PostMention-preview .PostPreview .Avatar,.MentionsDropdown-post.Post-mentionedBy-preview .PostPreview .Avatar {
	margin-top: 3px;
	margin-bottom: 3px
}
.MentionsDropdown .PostPreview .username,.PostMention-preview .PostPreview .username,.Post-mentionedBy-preview .PostPreview .username {
	color: #111;
	font-weight: bold
}
.MentionsDropdown .PostPreview-content,.PostMention-preview .PostPreview-content,.Post-mentionedBy-preview .PostPreview-content {
	padding-left: 37px;
	overflow: hidden;
	line-height: 1.7em;
	display: block
}
.Post-mentionedBy {
	position: relative;
	display: inline-block
}
.Post-mentionedBy-summary {
	cursor: pointer
}
.Post-mentionedBy-preview,.PostMention-preview,.MentionsDropdown {
	margin: 5px 0 !important
}
.Post-mentionedBy-preview>li>a,.PostMention-preview>li>a,.MentionsDropdown>li>a {
	white-space: normal;
	border-bottom: 0
}
.PostMention-preview-discussion {
	padding-top: 0 !important;
	font-weight: bold !important;
	white-space: normal !important
}
.PostQuoteButton {
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.9)
}
.PostQuoteButton:hover,.PostQuoteButton:focus,.PostQuoteButton.focus {
	background-color: rgba(0,0,0,0.95)
}
.PostQuoteButton:active,.PostQuoteButton.active,.open>.Dropdown-toggle.PostQuoteButton {
	background-color: #000
}
.PostQuoteButton.disabled,.PostQuoteButton[disabled],fieldset[disabled] .PostQuoteButton {
	background: rgba(0,0,0,0.9)
}
.SubscriptionMenu-button--follow:hover,.SubscriptionMenu-button--follow:focus,.SubscriptionMenu-button--follow.focus {
	background-color: #ffee95
}
.SubscriptionMenu-button--follow:active,.SubscriptionMenu-button--follow.active,.open>.Dropdown-toggle.SubscriptionMenu-button--follow {
	background-color: #ffea7b
}
.SubscriptionMenu-button--follow.disabled,.SubscriptionMenu-button--follow[disabled],fieldset[disabled] .SubscriptionMenu-button--follow {
	background: #fff2ae
}
.SubscriptionMenu .Dropdown-menu {
	min-width: 260px
}
.SubscriptionMenuItem-label {
	padding-left: 25px;
	display: block;
	white-space: normal
}
.SubscriptionMenuItem-label strong {
	display: block
}
.SubscriptionMenuItem-description {
	display: block;
	color: #998e66;
	font-size: 12px;
	margin-top: 3px
}
.SuspendUserModal-days-input {
	margin-top: 5px
}
.SuspendUserModal-days-input input {
	width: 75px;
	display: inline-block;
	margin-right: 5px
}
.TagLabel {
	font-size: 85%;
	font-weight: 600;
	display: inline-block;
	padding: .1em .5em;
	border-radius: 4px;
	background: #f6f2e4;
	color: #998e66;
	text-transform: none
}
.TagLabel.untagged {
	background: transparent;
	border: 1px dotted #998e66;
	color: #998e66
}
.TagLabel.colored .TagLabel-text {
	color: #fff !important
}
.DiscussionHero .TagsLabel .TagLabel {
	background: transparent;
	border-radius: 4px !important;
	font-size: 14px
}
.DiscussionHero .TagsLabel .TagLabel.colored {
	margin-right: 5px;
	background: #fff !important;
	color: #998e66
}
.DiscussionHero .TagsLabel .TagLabel.colored .TagLabel-text {
	color: inherit !important
}
.DiscussionHero--colored,.DiscussionHero--colored a {
	color: #fff
}
.DiscussionTaggedPost .TagsLabel {
	margin: 0 2px
}
.TagsLabel .TagLabel {
	border-radius: 0
}
.TagsLabel .TagLabel:first-child {
	border-radius: 4px 0 0 4px
}
.TagsLabel .TagLabel:last-child {
	border-radius: 0 4px 4px 0
}
.TagsLabel .TagLabel:first-child:last-child {
	border-radius: 4px
}
.TagIcon {
	border-radius: 4px;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: -3px;
	margin-left: 1px;
	background: #f6f2e4
}
.TagIcon.untagged {
	border: 1px dotted #998e66;
	background: transparent
}
.TagCloud {
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	line-height: 1.6
}
.TagCloud a {
	margin-bottom: 5px
}
@media (min-width: 768px) {
	.TagDiscussionModal .Modal-header {
		background:#f6f2e4;
		padding: 20px 20px 0
}
	.TagDiscussionModal .Modal-header h3 {
		text-align: left;
		color: #998e66;
		font-size: 16px
}
}
.TagDiscussionModal .Modal-body {
	padding: 20px
}
@media (max-width: 767px) {
	.TagDiscussionModal .Modal-body {
		padding:15px
}
}
.TagDiscussionModal .Modal-footer {
	padding: 1px 0 0;
	text-align: left
}
@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1099px),(min-width: 1100px) {
	.TagDiscussionModal-form {
		display:table;
		width: 100%
}
	.TagDiscussionModal-form-input {
		display: table-cell;
		width: 100%;
		vertical-align: top
}
	.TagDiscussionModal-form-submit {
		display: table-cell;
		padding-left: 15px
}
}
.TagsInput {
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	height: auto
}
.TagsInput input {
	display: inline;
	outline: none;
	margin-top: -2px;
	border: 0 !important;
	padding: 0;
	width: 100%;
	margin-right: -100%;
	background: transparent !important
}
.TagsInput-tag {
	cursor: not-allowed
}
.TagsInput-selected .TagsInput-tag {
	margin-right: 5px
}
.TagsInput-selected .TagsInput-tag:last-child {
	margin-right: 10px
}
.SelectTagList {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: auto;
	max-height: 50vh
}
@media (max-width: 767px) {
	.SelectTagList {
		max-height:none
}
}
.SelectTagList>li {
	padding: 7px 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer
}
.SelectTagList>li.pinned:not(.child) {
	padding-top: 10px;
	padding-bottom: 10px
}
.SelectTagList>li.pinned:not(.child) .SelectTagListItem-name {
	font-size: 16px
}
.SelectTagList>li.pinned+li:not(.pinned) {
	border-top: 2px solid #f6f2e4
}
.SelectTagList>li.child {
	padding-left: 45px
}
.SelectTagList>li.child .SelectTagListItem-name {
	width: 125px
}
.SelectTagList>li.active {
	background: #f6f2e4
}
.SelectTagList>li.selected .TagIcon {
	position: relative
}
.SelectTagList>li.selected .TagIcon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f00c";
	color: #998e66;
	position: absolute;
	font-size: 14px;
	width: 100%;
	text-align: center;
	padding-top: 1px
}
.SelectTagList>li.selected .TagIcon:before.fa-pull-left {
	margin-right: .3em
}
.SelectTagList>li.selected .TagIcon:before.fa-pull-right {
	margin-left: .3em
}
.SelectTagList>li.selected.colored .TagIcon:before {
	color: #fff
}
.SelectTagList>li .TagIcon {
	vertical-align: top;
	margin-top: 3px
}
.SelectTagListItem-name {
	display: inline-block;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}
@media (max-width: 767px) {
	.SelectTagListItem-name {
		width:auto
}
}
.SelectTagListItem-description {
	color: #998e66;
	font-size: 12px;
	width: 370px;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px
}
@media (max-width: 767px) {
	.SelectTagListItem-description {
		display:none
}
}
.SelectTagListItem mark {
	font-weight: bold;
	background: none;
	box-shadow: none;
	color: inherit
}
.TagTiles {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden
}
@media (max-width: 767px) {
	.TagTiles {
		margin:-15px -15px 0
}
}
.TagTiles>li {
	height: 200px;
	overflow: hidden
}
.Badge--group--1 {
	background-color: transparent !important;
	background-size: cover !important;
	background-image: url(https://i.imgur.com/QVf80FL.png) !important;
	color: transparent !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: unset !important;
	box-shadow: none;
	left:-2px;
	top: 2px;
}
.PostUser-badges .Badge--group--1 {
	display:none;
}
.Badge--group--22 {
	background-color: transparent !important;
	background-size: cover !important;
	background-image: url(../assets/tester.png) !important;
	color: transparent !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: unset !important;
	box-shadow: none;
	left:-2px;
	top: 2px;
	user-select: none;
}
.Badge--group--9 {
	background-color: transparent !important;
	background-size: cover !important;
	background-image: url(../assets/equipe.png) !important;
	color: transparent !important;
	width: 15px !important;
	height: 15px !important;
	border-radius: unset !important;
	box-shadow: none;
	left:-3px;
	top: 0px;
	user-select: none;
}
.UserCard-badges .fa-star {
	display: none;
}
.UserCard-badges .Badge--group--9 {
	width: 20px !important;
	height: 20px !important;
}
.UserCard--popover .container {
	display: none;
}
.DiscussionListItem-badges .Badge {
	display: none;
}
.Hero-close {
	display: none;
}
.PostUser {
	text-transform: uppercase;
}
.UserCard-identity .username {
	text-transform: uppercase;
}
.Button-label .username {
	text-transform: uppercase;
}
.DiscussionHero-title {
	text-transform: uppercase;
}
.PostUser-badges .fa-star {
	display: none;
}
.Header-controls:first-child > li > a {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	transition: all .15s linear;
}
.LastUsers {
	display: none;
}
.Hero {
	text-align: left;
}
.DiscussionHero-title {
	font-weight: 800 !important;
}
.Hero-title {
	text-align: center;
}
.item-tag25 .hasIcon {
	display: none;
}
.item-tag41 .hasIcon {
	display: none;
}
.item-tag39 .hasIcon {
	display: none
}
.Hero-title {
	text-align: center;
}
.Hero-subtitle{
	text-align: center;
}
.TagsPage {
	display: none;
}
.App-titleControl .item-tags .hasIcon {
	display: none;
}
.UserCard-badges .fa-check {
	display: none;
}
.PostUser-badges .Badge--group--22 {
	display:none;
}
.UserCard-badges .Badge--suspended {
	background-color: transparent !important;
	background-size: cover !important;
	background-image: url(../assets/suspended.png) !important;
	color: transparent !important;
	width: 25px !important;
	height: 25px !important;
	border-radius: unset !important;
	box-shadow: none;
	left:-3px;
	top: 0px;
	user-select: none;
}
.Post--hidden {
	background-color: transparent !important;
	background-size: cover !important;
}
.Post--hidden .PostUser-avatar {
	top:-12px;
}
.Post--hidden .UserOnline .icon {
	opacity: 0.5
}
.sideNav .Dropdown--select .Dropdown-menu>.Dropdown-separator {
	border-bottom: 2px solid #e8ecf3
}
.DiscussionListItem-controls {
	display: none;
}
.DiscussionTaggedPost {
	top: -13px;
}
.UserCard-avatar .Avatar {
	border: none;
}
.Badge--banned {
	background-color: transparent !important;
	background-size: cover !important;
	background-image: url(../assets/ban.png) !important;
	color: transparent !important;
	width: 23px !important;
	height: 23px !important;
	border-radius: unset !important;
	box-shadow: none;
	left:-3px;
	top: 0px;
	user-select: none;
}
.Hero {
	background: url(https://i.imgur.com/R0kflur.png) top center no-repeat;
	background-size: cover;
}
#ff-footer {
	display: none;
}
/* vietnamese */
@font-face {
	font-family: 'Exo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Exo Regular'), local('Exo-Regular'), url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISfH6jyDM.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Exo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Exo Regular'), local('Exo-Regular'), url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISfX6jyDM.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Exo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Exo Regular'), local('Exo-Regular'), url(https://fonts.gstatic.com/s/exo/v9/4UaOrEtFpBISc36j.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	font-family: 'Exo', sans-serif;
}
body {
	font-family: 'Exo', sans-serif;
}
#home-link {
	color:white;
}

.DiscussionListItem-title {
    text-transform: uppercase;
}

Kod sahibi Flarum resmi sitesinde @010101 kullanıcı.