MediaWiki:Common.css

From MU Bless Online Wiki
Revision as of 00:29, 1 July 2024 by Battlecry (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Размещённый здесь 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: linear-gradient(#333 5%,#1f1f1f 60%);
    --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 !important;
    --p-span-li-color: #c1c1c1;
    --h1-span-h2-span-h3-span-h4-span-color: #FFD28C !important;
    --h1-h2-h3-h4-h5-h6-color: #c1c1c1 !important;
    --title-p-color: #FFE6BF;
    --b-color: #FFE6BF !important;
    --toc-background-color: #444;
    --toc-border: 1px solid #a2a9b1;
    --toc-border-color: #666;
    --toc-h2-color: #FFE6BF !important;
    --p-banner-label-color: #ffe6c0 !important;
    --catlinks-background-color: #2a2a2a;
    --catlinks-border-color: #666;
    --mw-body-color: #c1c1c1 !important;
    --mw-body-border: 1px solid #1f1f1f !important;
    --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 !important;
    --project-settings-background-color: #242324;
    --project-settings-border: none;
    --logo-div-background-image: inherit;
	--logo-div-background-color: inherit;
	--logo-div-border: none;
	--logo-div-border-radius: 2px;
	--logo-div-box-shadow: inherit;
}

#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-ul-span-color);
}

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

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

.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 !important;
border-radius: 0px;
box-shadow: var(--main-table-td-border);
border: var(--main-table-td-box-shadow);
}

p{
margin: 7px
}

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

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

/*#mw-footer-container{*/
/*    position: absolute;*/
/*    bottom: 0px;*/
/*    width: 100%;*/
/*}*/

.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;
}

.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{
	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;
}

.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;
}

#mw-head{
	background-image: linear-gradient(#333 50%,#2a2a2a 100%);
}

#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: #c1c1c1;
    background-color: #393939;
    border-color: #888;
}

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

kbd{
	background-color: black;
	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: 1px solid #212121;
    background-color: #313131;
    height: 167px !important;
    display: flex;
    /*max-width: 110px;*/
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.equip_img::after {
  position: absolute;
  top: 100%;
  left: 0;
  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: 1px solid #212121;
    background-color: #313131;
    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";
}

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

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

.mw-collapsible-toggle-default .mw-collapsible-text{
	color: #e69100
}

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);
}

@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{
 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
}

.logo_div{
	text-align: center;
    background-image: var(--logo-div-background-image);
    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: 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%;
}
}
Retrieved from "http://wiki.bless.gs/index.php?title=MediaWiki:Common.css&oldid=10919"