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.
/* CSS placed here will be applied to all skins */
:root {
--wgpgradient: linear-gradient(#35A774, #267548);
--wgpgradienthover: linear-gradient(#4C9EE5, #505FB2);
}
/* Mark redirects in Special:Allpages and Special:Watchlist, taken from the SMG4 Wiki */
.allpagesredirect {
font-style: italic;
}
.allpagesredirect:after {
color: #9bb3aa; content: " (redirect)"
}
#pt-login {
background: url(/w/skins/Vector/resources/skins.vector.styles.legacy/images/login.svg) 0 2px / 16px 16px no-repeat;
padding-left: 19px;
}
#pt-logout {
background: url(/w/skins/Vector/resources/skins.vector.styles.legacy/images/logout.svg) 0 2px / 16px 16px no-repeat;
padding-left: 19px;
}
#pt-preferences {
background: url(/w/skins/Vector/resources/skins.vector.styles.legacy/images/gear.svg) 0 2px / 16px 16px no-repeat;
padding-left: 19px;
}
#n-Youtube {
background: url("/w/logo_youtube.svg") 0 2px / 14px 14px no-repeat;
padding-left: 19px;
}
#n-Discord {
background: url("/w/logo_discord.svg") 0 2px / 14px 14px no-repeat;
padding-left: 19px;
}
#n-Steam {
background: url("/w/logo_steam.svg") 0 2px / 14px 14px no-repeat;
padding-left: 19px;
}
#n-Patreon {
background: url("/w/logo_patreon.svg") 0 2px / 14px 14px no-repeat;
padding-left: 19px;
}
#n-Whispy {
background: url("/w/logo_whispy.svg") 0 2px / 14px 14px no-repeat;
padding-left: 19px;
}
.wikitable th {
background: linear-gradient(to bottom,#fbfbff 0%,#d3deea 97%);
}
/* Table of contents */
.toc {
background: linear-gradient(#FAFCFD 2.5px,#F5FAFF 3px,#E6F0FA 16.9px,#DCE6F4 17px,#E4EFFB 30px,#D4DFEE 31px,#fff 33px,#EBF1F4 100%);
box-shadow: 0px 2.3px 3.3px #4b477521;
min-width: 190px !important;
padding-top: 6px !important;
padding-right: 12px !important;
padding-left: 12px !important;
padding-bottom: 4px !important;
}
.toclevel-1 {
padding-top: 4px;
}
/*
.toctitle {
margin-bottom: 8px;
}
*/
.mw-editsection {
display: none !important;
}
/* Fonts */
@font-face {
font-family: 'Rodin';
src: url('https://weegeepie.com/w/Rodin.woff2') format('woff2');
font-smooth: always;
}
@font-face {
font-family: 'OpenSans';
src: url('https://weegeepie.com/w/OpenSans.woff2') format('woff2');
font-smooth: always;
}
/* Main CSS */
#content {
//margin-left: 16em;
//margin-right: 200px;
margin-right: 1em;
border-right-width: 1px;
background: linear-gradient(#fff 8%, #E4E5F0 150%); // 3% 150%
background-attachment: fixed;
background-size: cover;
}
#left-navigation {
//margin-left: 16em;
}
#right-navigation {
//margin-right: 184px;
margin-right: 0px;
}
#p-personal {
//margin-right: 184px;
margin-right: 0.2em;
{
.vector-user-menu-legacy {
padding-top: 6px;
}
.mw-footer {
margin-left: 16em;
margin-right: 184px;
}
#p-logo {
height: 125px;
}
a.new {
color: ;
animation: Errortext 1s linear infinite;
/*font-family: OswaldError;*/
font-weight: bold;
}
.tree_stub {
color: red;
animation: Errortext 1s linear infinite;
}
@keyframes Errortext{
0%{
color:#FF0000;
}
50%{
color:#BF0000;
}
100%{
color:#FF0000;
}
}
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
width: 22em;
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,
.infobox td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
/* @noflip */
text-align: right;
}
/* JS shit */
.p-logo .hover-community-header-wrapper .message {
font-size:100%;
text-decoration:italic;
text-align:center;
color: #0000ff;
background-color: #ff0000;
box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .3);
width: auto;
padding: 0px 5px;
border: 3px groove;
border-image-source: linear-gradient(90deg, #ffe600 25%, #ffe600 35%, #ffe600 45%, #ffe600 55%, #ffe600 80%);
border-image-slice: 30%;
}
.p-logo .hover-community-header-wrapper {
z-index: 200;
position: absolute;
top: 105%;
left:10px;
}