Note: It works much good with asirem theme and if you have ziven moneyboard davnheat custom sidenav button v.s you can use it
Custom Header
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
Custom CSS
`/* Üst çizin /
body::before {
content: "";
display: block;
width: 100%;
height: 3px; / Çizginin kalınlığı /
background-color: red; / Çizginin rengi /
position: fixed;
top: 0;
left: 0;
z-index: 9999; / Çizginin diğer içeriklerin üstünde kalmasını sağlar */
}
/* Genel Yazı Tipi ve Renkler /
body {
font-family: 'Poppins', sans-serif;
font-weight: 400; / Normal yazı tipi kalınlığı /
color: #333; / Varsayılan metin rengi (genel) */
}
/* Başlıklar için yazı tipi kalınlığı ve rengi /
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
color: #fff; / Başlıklar için beyaz renk */
}
/* Tartışma Başlıkları (Discussion Titles) Rengi /
.DiscussionListItem-content .DiscussionListItem-main .DiscussionListItem-title {
color: #fff; / Tartışma başlıkları için beyaz renk */
}
/* Tartışma Gövdesi (Discussion Body) Rengi /
.Post-body {
color: #ff0000; / Tartışma metinleri için kırmızı renk */
}
/* Butonlar ve inputlar için yazı tipi kalınlığı */
.button, .input {
font-weight: 500;
}
/* Menü ve navigasyon için yazı tipi kalınlığı */
.navbar {
font-weight: 500;
}
/* Link rengi ve hover efekti /
a {
text-decoration: none;
font-weight: 500;
color: #007bff; / Link rengi */
transition: color 0.3s ease;
}
a:hover {
color: #0056b3; /* Hover durumunda link rengi */
}
/* Tag sayfasında buton yazı rengini kırmızı yapma /
.tag-page .button,
.tag-page .Button, / Diğer olası buton sınıfları /
.tag-page button {
color: red !important; / Buton metin rengini kırmızı yapar */
}
/* Tag sayfasındaki bağlantıların rengini kırmızı yapma /
.tag-page a {
color: red !important; / Link rengini kırmızı yapar */
}
.DiscussionListItem-author .Avatar {
filter: drop-shadow(1px 1px 4px var(--primary-color));
}
.CommentPost.Post--by-actor {
/* This sets the left border to be the same color as the forum primary. */
border-left: solid @config-primary-color;
}
.item-like .Button-label {
display: none;
}
.item-like .Button:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 17px;
content: '\f164';
margin-right: 4px;
vertical-align: -1px;
}
.item-reply .Button--link:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 17px;
content: '\f3e5';
margin-right: 4px;
vertical-align: -1px;
}
.item-reply .Button--link .Button-label {
display: none;
}
@media (min-width: 768px) and (max-width: 1050px) {
a#home-link {
display: inline-block;
width: 30px;
overflow: hidden;
}
}
#app .TagLabel {
border-radius: 5px !important;
}
.ReplyPlaceholder {
width: calc(100% + 0px * 2);
}
@media (max-width: 767.98px), (min-width: 768px) and (max-width: 991.98px) {
.sideNavOffset {
margin-top: 15px !important;
}
.DiscussionListItem-info {
white-space: unset !important;
}
}
.MoneyLeaderboardListTitle {
color: red;
font-weight: bold;
text-transform: uppercase;
}
.MoneyLeaderboardListHeader {
color: red;
}
@keyframes lightning {
0% {
text-shadow: 0 0 3px #ff0000, 0 0 5px #ff0000, 0 0 7px #ff0000, 0 0 10px #ff0000;
color: #fff;
}
20% {
text-shadow: 0 0 8px #ff4500, 0 0 12px #ff4500, 0 0 16px #ff4500, 0 0 20px #ff4500;
color: #ff4500;
}
40% {
text-shadow: 0 0 12px #ff0000, 0 0 18px #ff0000, 0 0 25px #ff0000, 0 0 30px #ff0000;
color: #ff0000;
}
60% {
text-shadow: 0 0 3px #ff0000, 0 0 5px #ff0000, 0 0 7px #ff0000, 0 0 10px #ff0000;
color: #fff;
}
100% {
text-shadow: 0 0 12px #ff0000, 0 0 18px #ff0000, 0 0 25px #ff0000, 0 0 30px #ff0000;
color: #ff0000;
}
}
.MoneyLeaderboardListHeaderMoney {
font-weight: bold;
color: #ff0000;
text-transform: uppercase;
animation: lightning 1.5s infinite alternate;
}
.fas.fa-crown {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge .fas.fa-check {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge span {
color: black;
font-weight: bold;
}
.RankBadge .fas.fa-user-secret {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge .fas.fa-bomb {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge .fas.fa-bolt {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge .fas.fa-bug {
color: black; /* Simge rengini siyah yapar */
}
.RankBadge .fas.fa-user {
color: black;
}
.username {
font-weight: bold;
}
.GroupList-title .fas.fa-bug {
color: black; /* Simge rengini siyah yapar */
}
.GroupList-title .fas.fa-user-secret {
color: black; /* Simge rengini siyah yapar */
}
.GroupList-title .fas.fa-bomb {
color: black; /* Simge rengini siyah yapar */
}
.GroupList-title .fas.fa-bolt {
color: black; /* Simge rengini siyah yapar */
}
.GroupList-title .fas.fa-user {
color: black; /* Simge rengini siyah yapar */
}
.MoneyLeaderboardListTitle {
position: relative; /* Konumlandırmayı kontrol etmek için /
background-color: black; / Arka plan rengini siyah yapar /
border-radius: 7px; / Köşeleri yuvarlatır /
border: 2px solid red;
color: red; / Metin rengini kırmızı yapar /
padding: 10px; / Metin ile kutunun kenarları arasına boşluk ekler */
}
.MoneyLeaderboardListTitle::before {
content: ''; /* İçerik olarak boş bırakılır /
position: absolute; / Kutunun konumunu kontrol etmek için /
top: -10px; / Yukarıya kaydırır /
left: -10px; / Sola kaydırır /
width: calc(100% + 20px); / Kutu genişliğini arttırır /
height: calc(100% + 20px); / Kutu yüksekliğini arttırır /
background-color: black; / Kutu arka plan rengini siyah yapar /
border-radius: 5px; / Köşeleri yuvarlatır /
z-index: -1; / Metnin arkasında kalmasını sağlar */
}
.FormControl {
overflow: hidden; /* Alanın dışında kalan içeriği gizler */
}
.item-tags {
border-radius: 4px !important;
}
.FlarumBlogItem .Post-body {
margin: 10px;
}
.item-badges {
display: none;
}
/* VIP üyeler için yanıp sönen parlama efekti /
.item-group10 { / Sarı renk /
text-shadow:
0 0 10px rgba(255, 215, 0, 1),
0 0 20px rgba(255, 215, 0, 0.9),
0 0 30px rgba(255, 215, 0, 0.8),
0 0 40px rgba(255, 215, 0, 0.7); / Yoğun parlama efekti */
}
.item-group1 { /* Kırmızı renk /
text-shadow:
0 0 10px rgba(255, 0, 0, 1),
0 0 20px rgba(255, 0, 0, 0.9),
0 0 30px rgba(255, 0, 0, 0.8),
0 0 40px rgba(255, 0, 0, 0.7); / Yoğun parlama efekti */
}
.item-customLink-0 .icon {
color: yellow;
}
.item-rankings {
display: none;
}
.item-MoneyLeaderboard .icon {
color: #66ff00;
}
/* Flexbox örneği /
.body {
display: -webkit-flex; / Safari ve eski Chrome /
display: -moz-flex; / Eski Firefox /
display: -ms-flex; / Eski Internet Explorer /
display: flex; / Modern tarayıcılar */
}
.no-touch {
margin: 0;
padding: 0;
}
.item-profile-views {
display: none !important;
}
.DiscussionListItem-content {
background-image: url(''); /* Resim eklemesi /
background-size: cover; / Resmi tüm alana kaplamak için /
background-position: center; / Resmin ortalanması /
background-repeat: no-repeat; / Resmin tekrar etmemesi için /
border: 1px solid; / Sadece boyutu bırak, rengi JS ile eklenecek */
}
.DiscussionPage .container{
margin-bottom: 10px;
}
.Badge .fa-user-secret{
color: red;
}
.Modal-content{
border: 2px solid red;
border-radius: 15px;
}
.item-tags .Button-icon{
color: cyan;
}
.item-blog .Button-icon{
color: blue;
}
.item-following .Button-icon{
color: orange;
}
.item-clarkwinkelmann-group-list-item .Button-icon{
color: white;
}
.item-allDiscussions .Button-icon{
color: red;
}
`
