MediaWiki:Common.css: Difference between revisions

Revision as of 03:28, 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 {
    color: #3C8FA2;
	text-decoration: none;
}
  .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, a: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;
}

/*  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;
}