MediaWiki:Common.css

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/*#ca-nstab-main { display: none !important; }*/
/*#ca-talk { display: none !important; }*/


/*html, body, #mw-wrapper {*/
/*    background-color: #2a2a2a !important;*/
/*}*/

:root {
    --main-bg-color: #333;
    --secondary-bg-color: #2a2a2a;
    --bodycontent-bg-color: #333;
    --table-bg-color: #151515;
    --videoguides-bg-color: #242324;
    --mw-head-back-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#333),color-stop(100%,#2a2a2a));
    --main-table-td-border: none;;
    --main-table-td-box-shadow: inset 0 0 2px 2px #141314, -1px -1px 2px 1px #2a292a, 2px 2px 3px 0px #656565;
    --video-guides-border: none;
    --video-guides-box-shadow: none;
    --a-ul-span-color: #e69100;
    --p-span-li-color: #c1c1c1;
    --h1-span-h2-span-h3-span-h4-span-color: #FFD28C;
    --h1-h2-h3-h4-h5-h6-color: #c1c1c1;
    --title-p-color: #FFE6BF;
    --b-color: #FFE6BF;
    --toc-background-color: #444;
    --toc-border: 1px solid #a2a9b1;
    --toc-border-color: #666;
    --toc-h2-color: #FFE6BF;
    --p-banner-label-color: #ffe6c0;
    --catlinks-background-color: #2a2a2a;
    --catlinks-border-color: #666;
    --mw-body-color: #c1c1c1;
    --mw-body-border: 1px solid #1f1f1f;
    --vector-menu-content-list-background-color: #333;
    --div-simpleSearch-searchInput-background-color: #333;
    --vector-menu-tabs-vector-menu-tabs-a-mw-head-vector-menu-dropdown-vector-menu-heading-background-image: linear-gradient(#333 5%,#1f1f1f 60%);
    --vector-menu-tabs-legacy-selected-background-color: #333;
    --vector-menu-tabs-legacy-li-background-image: none;
    --project-settings-background-color: #313131;
    --project-settings-border: 1px solid #212121;
    --logo-div-background-image: inherit;
	--logo-div-background-color: inherit;
	--logo-div-border: none;
	--logo-div-border-radius: 2px;
	--logo-div-box-shadow: inherit;
	--a-visited: #e69100;
    --kbd-background-color: black;
}
#p-tb{
    display: none;
}

#p-banner, label{
	color: var(--p-banner-label-color);
}

h1, h2, h3, h4, h5, h6{
	color: var(--h1-h2-h3-h4-h5-h6-color);
}

p, span, li{
	color: var(--p-span-li-color);
}

a, ul span{
	color: var(--a-ul-span-color);
}

a:visited{
	color: var(--a-visited);
}

a.new:visited{
	color: var(--a-visited);
}

a.new{
	color: var(--a-ul-span-color);
}

.toctogglelabel{
	color: inherit !important;
}

.tocnumber{
	color: inherit;
}

#ca-custom a{
	color: var(--a-ul-span-color);
}

/*.vector-menu-tabs-legacy li a{*/
/*	color: inherit;*/
/*}*/

#ca-custom{
	color: red;
}

.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited{
	color: var(--a-ul-span-color);
}

#mw-content{
	background-color: white;
	border-left: 1px solid black !important;
	border-bottom: 1px solid black !important;
}

#site-navigation, #site-tools, #page-tools{
	background-color: #2a2a2a !important;
	border: none !important;
}

#mw-header-container{
	background-color: #151515;
}

#mw-content-block, #mw-content-wrapper{
	background-color: #2a2a2a;
}

#mw-content-block{
	padding: 0px !important;
}

#mw-content{
	background-color: #323232 !important;
	border-top: none !important;
	border-right: none !important;
}

.color-left, .color-right, .color-middle{
	background: #151515;
}

#mw-content-container{
	border-bottom: none;
	padding-bottom: 0px;
}

/*#mw-related-navigation{*/
/*	display: none;*/
/*}*/

.mw-footer-container{
	border-top: solid 2px #2a2a2a;
}

#mw-site-navigation{
	padding-right: 0px;
}

#mw-header-nav-hack{
	background-color: #2a2a2a;
}

#mw-footer{
	background-color: #2a2a2a;
}

/*#footer-places{*/
/*	margin-bottom: 0px;*/
/*	padding-bottom: 1em;*/
/*}*/


#footer-icons{
	margin: 0px !important;
    padding-top: 1em;
}

#footer-info, #footer-info-lastmod{
	margin-top: 0px !important;
}

.oo-ui-icon-tray, .mw-ui-icon-tray:before{
	background-image: url(/wiki/skins/Timeless/resources/images/notifications.svg);
}

.oo-ui-icon-bell, .mw-ui-icon-bell:before{
	background-image: url(/wiki/skins/Timeless/resources/images/ring.svg);;
}

.mw-body h1.firstHeading{
	border-bottom: 1px solid #a2a9b1;
}

.tools-inline li.selected{
	border-bottom: 1px solid #a2a9b1 !important;
}

.main_table td{
background-color:var(--table-bg-color);;
padding: 7px;
padding-bottom: 15px;
border-radius: 0px;
box-shadow: var(--main-table-td-box-shadow);
border: var(--main-table-td-border);
}

p{
margin: 7px
}

#searchButton, #mw-searchButton{
	right: 0px;
}

/*#ca-viewsource, #ca-history{*/
/*	display: none;	*/
/*}*/

/*#mw-footer-container{*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    width: 100%;*/
/*}*/
.title{
	font-weight: bold;
}
.title p{
	color: var(--title-p-color);
	font-family: "Titillium Web",sans-serif;
	text-align: center;
}

.main_table{
	border-spacing: 8px;
	width: 100%;
}

.main_table td{
	vertical-align: top;
}

h1 span, h2 span, h3 span, h4 span {
	color: var(--h1-span-h2-span-h3-span-h4-span-color);
}

#toc{
    background-color: var(--toc-background-color);
    border: var(--toc-border);
    border-color: var(--toc-border-color);
}

.toc h2{
	color: var(--toc-h2-color);
}

/*#p--label{*/
/*	display: none !important;*/
/*}*/

/*#site-tools{*/
/*	display:none;*/
/*}*/

.toctitle{
	border-bottom: none !important;
}

.toc{
	border-width: 1px;
}

#content{
	background-color: #333;
	margin-top: 1px;
    border-right: none;
}

.vector-menu-tabs-legacy li{
	background-image: var(--vector-menu-tabs-legacy-li-background-image);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{
	background-image: var(--vector-menu-tabs-vector-menu-tabs-a-mw-head-vector-menu-dropdown-vector-menu-heading-background-image);
}

.mw-body{
	border: var(--mw-body-border);
	color: var(--mw-body-color);
	padding: 0px !important;
}

#mw-head{
	background-color:var(--main-bg-color);
	background-image: var(--mw-head-back-image);
}

body{
    display: none;
	background-color: var(--secondary-bg-color);
}

.catlinks{
	background-color: var(--catlinks-background-color);
	border-color: var(--catlinks-border-color);
}

.mw-footer li{
	color: #c1c1c1;
}

/*
.mw-wiki-logo{
	background-size: contain;
}
*/
.mw-wiki-logo {
    background-image: none !important; /* Removes the default logo image */
    width: auto;
    height: auto;
    padding: 10px; /* Optional padding */
    font-size: 24px; /* Adjust font size as needed */
    color: #333; /* Text color */
    text-align: center;
    font-weight: bold;
    width: 100%;
}
.mw-wiki-logo::before {
    content: "MU Bless";
    display: block;
}
.mw-wiki-logo::after {
    content: "Wikipedia";
    display: block;
}
#p-logo a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 6em;
    height: 160px;
    text-decoration: none;
    padding-top: 4px;
}

.vector-menu-tabs-legacy .selected{
	background-color: var(--vector-menu-tabs-legacy-selected-background-color);
}

.vector-search-box-input{
	padding: 5px 2.15384615em 5px 0.4em;
}

div#simpleSearch #searchInput{
	background-color: var(--div-simpleSearch-searchInput-background-color);
	caret-color: white;
	color: #c1c1c1;
}

#bodyContent{
	background-color: var(--bodycontent-bg-color);
	padding: 3em 1.5em 1.5em 1.5em;
}


.vector-menu-content-list{
    background-color: var(--vector-menu-content-list-background-color);
}

#mw-panel .vector-menu-content-list{
	 background-color: transparent !important;
}

ul li::marker{
	color: #c1c1c1 !important;
}

ul{
	list-style-image: none !important;
}

#mw-panel{
	padding-top: 0.5em;
}



.wikitable{
	color: inherit;
    background-color: inherit;
    border-color: inherit;
}

/*.wikitable th{*/
/*	background-color: #393939 !important;*/
/*}*/

kbd{
	background-color: var(--kbd-background-color);
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 0.1em 0.3em;
}

.mw-pt-languages{
	background-color: transparent;
}

/*#mw-content-text{*/
/*	padding-top: 30px;*/
/*}*/

#ca-viewsource, #ca-talk{
	display: none;
}

#mw-page-base{
	display: none;
}

.mw-indicators{
	display: none !important;
}

.equip_img {
	position: relative;
    cursor: pointer;
    padding: 5px;
    border: var(--project-settings-border);
    background-color: var(--project-settings-background-color);
    height: 167px !important;
    display: flex;
    /*max-width: 110px;*/
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.equip_img::after {
  position: absolute;
  top: 100%;
  white-space: nowrap;
  display: none;
  padding: 4px;
  background-color: black;
  color: white;
  z-index: 100;
}

.equip_img:hover::after {
  display: block;
}

.items_row p{
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.equip_wings_pets{
	position: relative;
    cursor: pointer;
    padding: 5px;
    border: var(--project-settings-border);
    background-color: var(--project-settings-background-color);
    height: 84px !important;
    display: flex;
    /*max-width: 110px;*/
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.wings_pets_wrap p{
	display: grid;
	grid-template-columns: 50% 50%;
}

.chaos_greataxe::after{
	content: "Chaos Greataxe";
}

.wild_nature_bow::after{
	content: "Wild Nature Bow";
}

.wild_nature_crossbow::after{
	content: "Wild Nature Crossbow";
}

.divine_sword_of_archangel::after{
	content: "Divine Sword of Archangel";
}

.dragon_staff_of_archangel::after{
	content: "Dragon Staff of Archangel";
}

.imperial_dragon_shield::after{
	content: "Imperial Dragon Shield";
}

.divine_staff_of_archangel::after{
	content: "Divine Staff of Archangel";
}

.dragon_crystal_staff::after{
	content: "Dragon Crystal Staff";
}

.dragonbone_blade::after{
	content: "Dragonbone Blade";
}

.imperial_dragon_blade::after{
	content: "Imperial Dragon Blade";
}

.doombringer::after{
	content: "Doombringer";
}

.celestial_staff::after{
	content: "Celestial Staff";
}

.heavens_divider::after{
	content: "Heaven's Divider";
}

.chaos_great_staff::after{
	content: "Chaos Great Staff";
}

.great_basilisk_staff::after{
    content: "Great Basilisk Staff";
}

.h4_main{
    margin-left: 15px;
}

.BK1::after{
	content: "Dark Knight Lvl 1";
}

.SM1::after{
	content: "Dark Wizard Lvl 1";
}

.Elf1::after{
	content: "Elf Lvl 1";
}

.BK2::after{
	content: "Blade Knight Lvl 2";
}

.SM2::after{
	content: "Soul Master Lvl 2";
}

.ELF2::after{
	content: "Muse ELF Lvl 2";
}

.MG2::after{
	content: "Duel Master Lvl 2";
}

.DL2::after{
	content: "Dark Lord Lvl 2";
}

.BK3::after{
	content: "Blade Master Lvl 3";
}

.SM3::after{
	content: "Grand Master Lvl 3";
}

.Elf3::after{
	content: "High Elf Lvl 3";
}

.MG3::after{
	content: "Duel Master Lvl 3";
}

.DL3::after{
	content: "Lord Emperor Lvl 3";
}

.BK4::after{
	content: "Blade Master Lvl 4";
}

.SM4::after{
	content: "Grand Master Lvl 4";
}

.BK5::after{
	content: "Blade Master Lvl 5";
}

.SM5::after{
	content: "Grand Master Lvl 5";
}

.ELF5::after{
	content: "High Elf Lvl 5";
}

.MG5::after{
	content: "Duel Master Lvl 5";
}

.DL5::after{
	content: "Lord Emperor Lvl 5";
}

.red_fenrir::after{
	content: "Red Fenrir";
}

.blue_fenrir::after{
	content: "Blue Fenrir";
}

.black_fenrir::after{
	content: "Black Fenrir";
}

.violet_fenrir::after{
	content: "Violet Fenrir";
}

.golden_fenrir::after{
	content: "Golden Fenrir";
}

.dark_raven::after{
    content: "Dark Raven";
}

.dark_horse::after{
    content: "Dark Horse";
}

.elite_horse::after{
	content: "Elite Horse";
}

.shadowmere::after{
	content: "Shadowmere";
}

.hellion::after{
	content: "Hellion";
}

.spirit_of_guardian::after{
	content: "Spirit of Guardian";
}

.demon::after{
	content: "Demon";
}

.seraph::after{
	content: "Seraph";
}

.tux-editor-header{
	margin-top: 50px !important;
}
.mw-translate-fuzzy{
	background-color: transparent !important;
}

table.wikitable>*>tr>th{
	background-color: inherit !important;
}

.mw-collapsible-toggle-default .mw-collapsible-text{
	color: var(--a-ul-span-color);
}

b{
	color: var(--b-color);
}

.mw-collapsible-toggle::before, .mw-collapsible-toggle::after{
	color: #c1c1c1;
}

.video-wrap{
	/*background-color: #242324;*/
    display: inline;
    box-sizing: border-box;
    padding: 10px;
    /*box-shadow: inset 0 0 2px 2px #141314, -1px -1px 2px 1px #2a292a, 2px 2px 3px 0px #656565;*/
    justify-self: baseline;
}

.weapons_wrap p{
	display: grid;
	grid-template-columns: auto auto auto auto;
}

.mw-file-description{
	pointer-events: none;
}

.video_guides{
	position:absolute;
	top:50%;left:
	50%;transform: translate(-50%, -50%);
	background-color: var(--videoguides-bg-color);
	padding:8px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border: var(--video-guides-border);
	box-shadow: var(--video-guides-box-shadow);
}

.video_guides_wrap{
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 1em;
    column-gap: 1em;
}

.mw-parser-output a.extiw, .mw-parser-output a.external{
	color: var(--a-ul-span-color);
}

.languageimg{
  margin-right: 10px;
  border: 1px solid #212121;
}

@media screen and (min-width: 1200px) {
.mw-file-element{
	max-width: 1000px;
	height: auto;
}
}

@media screen and (max-width: 1200px) {
.mw-file-element{
	max-width: 900px;
	height: auto;
}
}

@media screen and (max-width: 1000px) {
.mw-file-element{
	max-width: 700px;
	height: auto;
}
}

.firstHeading{
	display: none;
}

#mw-content-text{
	margin-top: 50px;
}

.project_settings{
 text-align: center;
 background-color: var(--project-settings-background-color);
 border: var(--project-settings-border);
 display:flex;
 justify-content:space-around;
 align-items:center;
 width:100%;
 height:75px;
 gap:15px;
}

.logo_div{
	text-align: center;
    background-position: right;
    background-repeat: no-repeat;
    background-color: var(--logo-div-background-color);
    border: var(--logo-div-border);
    border-radius: var(--logo-div-border-radius);
    box-shadow: var(--logo-div-box-shadow);
}


@media screen and (max-width: 1240px) {
.video_guides_wrap{
 grid-template-columns: 100%;
}
}

@media screen and (max-width: 1185px) {
.weapons_wrap p{
	grid-template-columns: auto auto auto;
}
}

@media screen and (max-width: 1110px) {
.weapons_wrap p{
	grid-template-columns: auto auto;
}
}

@media screen and (max-width: 1030px) {
.pets_wrap p{
	grid-template-columns: 100%;
}
}

@media screen and (max-width: 870px) {
.wings_wrap p{
	grid-template-columns: 100%;
}
}