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.
.page__right-rail {
--right-rail-background-color: #23232ec2;
}
.header-span > a > img {
vertical-align: text-top;
}
.wikitable {
margin-top: 0;
}
.page-content {
text-align: justify;
text-justify: inter-word;
}
.fandom-community-header__image img {
-o-object-fit: cover;
object-fit: cover;
width: 150px;
margin-right: 1rem;
}
.rail-module {
background: none;
}
.fandom-community-header__local-navigation .first-level-item a {
font-weight: normal;
}
.fandom-community-header__community-name {
font-weight: normal;
margin-top: 5px;
}
.commonHeader {
background-color: #155794;
background: linear-gradient(90deg, rgba(13,73,128,1) 0%, rgba(21,87,148,1) 30%, rgba(21,87,148,1) 70%, rgba(13,73,128,1) 100%);
padding: .3rem;
border-radius: 5px 5px 0 0;
text-align: center;
font-weight: bold;
}
.infoboxHeader {
background-color: #155794;
background: linear-gradient(90deg, rgba(13,73,128,1) 0%, rgba(21,87,148,1) 30%, rgba(21,87,148,1) 70%, rgba(13,73,128,1) 100%);
}
.introContainer {
background: url("/images/1/10/IntroBG.png");
background-size: cover;
}
.commonContainer {
background-color: #2f2f3d;
padding-bottom: .8rem;
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.35)
}
.navButton {
text-align: center;
background-color: #3b3b4d;
border-radius: 5px;
width: 10rem;
margin: 0 .5rem;
}
.categoryButton {
padding: .1rem;
padding-left: 2.6rem;
background-color: black;
border-radius: 5px;
}
.link-relics {
background: url("/images/6/6b/RelicButtonBG.png");
background-size: cover;
background-position: center;
}
.link-enemies {
background: url("/images/a/a6/EnemyButtonBG.png");
background-size: cover;
background-position: center;
}
.link-curses {
background: url("/images/7/7e/CurseButtonBG.png");
background-size: cover;
background-position: center;
}
.link-pickups {
background: url("/images/c/c8/PickupButtonBG.png");
background-size: cover;
background-position: center;
}
.link-characters {
background: url("/images/7/72/CharacterButtonBG.png");
background-size: cover;
background-position: center;
}
.page__main {
background-color: #23232ec2;
border-radius: 3px;
min-height: 480px;
padding: 24px 36px;
position: relative;
}
.link-locations {
background: url("/images/a/a7/LocationButtonBG.png");
background-size: cover;
background-position: center;
}
.link-secrets {
background: url("/images/1/15/SecretButtonBG.png");
background-size: cover;
background-position: center;
}
.link-shards {
background: url("/images/f/f5/ShardButtonBG.png");
background-size: cover;
background-position: center;
}
.link-fish {
background: url("/images/2/21/FishButtonBG.png");
background-size: cover;
background-position: center;
}
.link-lore {
background: url("/images/c/c5/LoreButtonBG.png");
background-size: cover;
background-position: center;
}
.link-weapons {
background: url("/images/c/c6/WeaponButtonBG.png");
background-size: cover;
background-position: center;
}
.link-status {
background: url("/images/6/68/StatusButtonBG.png");
background-size: cover;
background-position: center;
}
.link-objects {
background: url("/images/c/c3/ObjectButtonBG.png");
background-size: cover;
}
.link-hats {
background: url("/images/3/30/HatButtonBG.png");
background-size: cover;
background-position: center;
}
.link-synergies {
background: url("/images/a/ac/SynergyButtonBG.png");
background-size: cover;
background-position: center;
}
.link-container {
display: flex;
padding: 0 5px;
margin-top: .8rem;
}
.link-container > div {
margin: 0 .5rem;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.35)
}
.content-img {
filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.64));
}
.shadow-icon {
filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.37));
}
.ri {
display: inline-block;
}
.rl {
display: inline-block;
}
.infobox-list {
margin: 0 !important;
margin-left: 10px !important;
}
.infobox-list > li:not(:first-child):not(:last-child) {
margin: .5rem 0;
}
/* Infoboxes */
:root {
--pi-background: var(--wiki-content-background-color--secondary);
--pi-border-color:rgba(var(--wiki-accent-color--rgb), 0.5);
--pi-secondary-background:var(--wiki-accent-color);
}
.portable-infobox .pi-title,
.portable-infobox .pi-header {
text-align:center;
background:var(--pi-secondary-background);
color:var(--wiki-accent-text-color);
}
.portable-infobox {
border:1px solid var(--pi-border-color);
}
/* End infoboxes */
/* Main page ([[Revita Wiki]]) */
.mp-section {
display:flex;
flex-wrap:wrap;
row-gap:1.4rem;
}
.commonContainer {
width:100%;
}
.mp-columns {
flex-direction:row;
column-gap:1.4rem;
}
#mp-container {
display:grid;
grid-template-areas:"left" "right" "lower";
grid-template-columns:100%;
column-gap:1.4rem;
row-gap:1.4rem;
}
@media screen and (min-width:990px) {
#mp-container {
grid-template-areas:"left right" "lower right";
grid-template-columns:1fr 300px;
}
.mp-columns {
flex-wrap:nowrap;
}
}
#mp-left-column {grid-area:left;}
#mp-right-column {grid-area:right;}
#mp-lower {grid-area:lower;}
/* End main page */