MediaWiki:Common.css: Difference between revisions

Revision as of 03:50, 7 March 2024

/*    CSS placed here will be applied to all skins    */

body {
	font-family: Rubik, system-ui, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #cbcbcb;
	background-color: rgb(17, 18, 22);
	margin: 10px;
	background-image: url(/backline_teal.png), url(/backline_teal_top.png);
	background-size: auto;
	background-repeat: no-repeat, no-repeat;
	background-position: center bottom 400px, center 2%;
}
#mw-page-base { background-color: transparent;
  background-image: none;
}

.mw-body, .parsoid-body {
	background-color: rgba(7, 8, 10, .6);
  backdrop-filter: blur(4px);
  border-radius: 10px;
	color: #cbcbcb;
	border: 1px solid #000;
}
.vector-menu-tabs-legacy .selected {
	background-color: transparent;
}
.vector-menu-tabs-legacy .selected a {
	background-image: none;
	color: #56bbd2 !important;
  }
 .vector-menu-tabs-legacy li {
	background-image: none;
	height: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.125em;
	white-space: nowrap;
  }
  .vector-menu-tabs-legacy li a {
	transition: .5s;
	color: #baf2ff;
		height: auto;
	background-color: #3C8FA240;
	cursor: pointer;
	border: 1px solid #baf2ff;
	border-radius: 10px;
	padding: 0.4rem;
	line-height: normal;
	text-shadow: black 0px 1px 1px;
	font-family: Anta, monospace;
	text-transform: uppercase;
}
 .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
	background-image: none;

  }
.mw-wiki-logo {
	background-image: url(/uploads/monthly_2023_07/logo23_jka.png.4384c1d8a71a520d48316f704892a42f.png);
	background-size: 125px auto;
  }
  h1, h2, h3, h4, h5, h6 {
	color: #cbcbcb;
}
a {
	color: #3C8FA2;
	text-decoration: none;
	font-weight: bold;
	transition: .5s;
}

a:hover, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:hover, .vector-menu-dropdown .mw-list-item a:hover {
	color: #1a5765;
	text-decoration: none;
}
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a,   .vector-menu-dropdown .mw-list-item a, .toctogglelabel {
	color: #3C8FA2;
	text-decoration: none;
}
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, a:visited,   .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
   color: #3C8FA2;
	text-decoration: none;
  }
 .vector-menu-dropdown .vector-menu-heading {
	color: #3C8FA2;
	 padding: 0.5em 8px 6px;
  }
  .vector-menu-tabs .mw-watchlink.icon a {
  padding: 2.2em 0 0 0;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
	top: .48em;
}
  .vector-menu-dropdown .vector-menu-content {
	background-color: rgba(30, 30, 34, .6);
		backdrop-filter: blur(3px);
		border-radius: 0 0 10px 10px;
		border-color: #baf2ff;
}
  .vector-search-box-input {
background-color:	#131315;
}
  .searchButton[name="go"] { 
filter: invert(100%);
}
.editOptions { 
	background-color:	#131315;
	color: #cbcbcb;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	transition: .5s;
  color: #baf2ff;
  background-color: #3C8FA240;
  cursor: pointer;
  border: 1px solid #baf2ff;
  border-radius: 10px;
  padding: 6px;
  padding: 0.428571429rem;
  line-height: normal;
  text-shadow: black 0px 1px 1px;
  font-family: Anta, monospace;
  text-transform: uppercase;
}
#left-navigation { 
  margin-left: 11.5em;
}
.mw-editform #wpTextbox1 {
	background-color: rgb(30, 30, 34);
	color:#fff;
		border-radius: 10px 10px 0 0;
	border: 1px solid transparent;
	padding: 10px;
}
.toc, .toccolours {
 background-color: rgb(30, 30, 34);
	border-radius: 10px;
	border: 1px solid #000;
	padding: 10px;
}
  figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] {
 background-color: rgb(30, 30, 34);
	border-radius: 10px 10px 0 0;
	border: 0px solid #000;
	padding: 0px;
}
 figure[typeof~="mw:File/Thumb"] > figcaption, figure[typeof~="mw:File/Frame"] > figcaption {
  background-color: rgb(30, 30, 34);
	border-radius: 0 0 10px 10px;
	border-top: 1px solid #000;
   border-bottom: 0;
   border-left: 0;
   border-right: 0;
   box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;
}
 figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Frame"] > a:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Thumb"] > span:first-child > :first-child:not(.mw-broken-media), figure[typeof~="mw:File/Frame"] > span:first-child > :first-child:not(.mw-broken-media) {
  background-color: rgb(30, 30, 34);
	border-radius: 10px;
	border: 0px solid transparent;
box-shadow: rgba(0, 0, 0, 0.8) 0 0 3px;
}
  .mw-footer li { 
	color: #586068;  
  }
  .wikitable {
   background-color: rgb(30, 30, 34);
	  border-radius: 10px;
	  border: 1px solid #000;
	  padding: 10px;
	  color: #cbcbcb;
  }
	.wikitable > tr > th, .wikitable > * > tr > th {
	  background-color: rgb(23, 23, 28);
  }
  pre, code, .mw-code {
   background-color: rgb(20, 20, 24);
	border: 0;
	color: #fff;
	padding: 5px;
  }
  .infobox {
	background-color: rgb(30, 30, 34);
	  border-radius: 10px;
	  border: 1px solid #000;
	  padding: 10px;
	color:#cbcbcb;
	margin:0.5em 0 0.5em 1em;
	padding:10px;
	float:right;
	clear:right;
	text-align:left;
	font-size:88%;
	line-height:1.5em
  }

/*  Infobox template style  */
/* mrwonko: I omitted some unnecessary classes, see https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&action=edit for the full file. */
/*.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}*/
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}