MediaWiki:Common.css
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.
@import url('https://fonts.cdnfonts.com/css/vinque');
:root {
--border-color: #000;
--content-bg: #eddccc;
}
body {
background: #8e974a8c;
}
#wikigg-footer {
position: fixed;
width: 100%;
bottom: 0;
}
#mw-page-base {
background: none;
}
.mw-body {
border: none;
background: #eddccc;
}
.vector-menu-tabs-legacy li {
background: none;
}
.vector-menu-tabs-legacy li a {
background: none;
}
.vector-menu-tabs-legacy .selected {
background: var(--content-bg);
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background: var(--content-bg);
}
h1, h2, h3 {
border: none;
padding-left: 1em;
font-family: 'Vinque' !important;
}
table {
display: table;
white-space: unset;
}
/* Resize logo */
#p-logo .mw-wiki-logo {
background-size: 160px;
}
.main-page h1 ~ p {
padding-left: 1em;
}
.vector-body blockquote {
border: 4px solid #c0c59c;
padding: 8px 15px;
font-family: 'Vinque';
color: #36363d;
max-width: 400px;
}
.row {
display: flex;
align-items: stretch;
gap: 1em;
flex-wrap: wrap;
align-items: center;
text-align: left;
}
.justify-content-center {
justify-content: center;
}
.row .toc {
display: none;
}
.da-section {
max-width: 50%;
padding: 0 2rem 2rem 2rem;
border-radius: 10px;
}
.da-section .content {
margin: 0;
}
.da-social {
padding: 0 2em 1em 2em;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
color: rgba(255,255,255,0.8);
display: flex;
align-items: center;
gap: 2em;
margin-bottom: 2em;
}
.da-social img {
height: 50px;
width: auto;
}
.da-social a {
color: #fff !important;
}
.da-social.discord {
background: #7289DA;
}
.da-social.twitter {
background: #1DA1F2;
}
.da-social.steam {
background: #1b2838;
}
.card {
min-width: 200px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
transition: box-shadow 0.15s, transform 0.2s;
background: #ffffffa3;
}
.card:hover {
box-shadow: rgba(0,0,0,0.16) 0px 1px 13px;
transform: translate(0, -5px);
}
.card__top {
height: 100px;
overflow: hidden;
position: relative;
}
.card__top pre {
padding: 0;
margin: 0;
background: none;
}
.card__top a {
position: absolute;
left: 0;
}
.card h2 {
border: none;
font-size: 1.5em;
margin: 0;
padding: 1em;
}
.items-center {
align-items: center;
}
.flex-col {
flex-direction: column;
}
.da-container {
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 1em;
}
.da-box {
display: flex;
flex-direction: column;
align-items: start;
color: white;
position: relative;
}
.da-box__header {
font-family: "Vinque";
font-size: 1.5em;
color: #36363d;
background: var(--content-bg);
transform: translateY(9px);
padding: 0.25em 0.5em;
border-radius: 8px;
border-bottom-left-radius: 0;
white-space: nowrap;
}
.da-box__content {
padding: 1em 0.5em 0.5em;
background: #4c682fb3;
border-radius: 8px;
border: 2px solid #23253766;
min-width: 200px;
}
.columned {
display: grid;
grid-template-columns: repeat(2, auto);
grid-gap: 0.5em;
}
.da-content__item {
padding: 0.25em 0.5em;
background: #534d26db;
border-radius: 5px;
margin-bottom: 0.25em;
}
.da-content__item a {
color: #fff;
}
.da-content__item a.new {
color: #ffc4c4;
}
.da__jobs-table tr td:first-child {
text-align: left;
}
.wikitable {
background: transparent;
border: 0;
}
.wikitable tbody {
background: #f8f9fa;
}