Note: After saving, 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 / Microsoft Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins (when even FandomMobile sometimes does not want to load them)*/
/****** Pre-setup ******/
/* Discord */
#Discord, #Discord a {
width: 300px;
height: 140px;
max-width: 100%;
}
#Discord {
margin-bottom: 15px;
}
#Discord a {
display: inline-block;
position: relative;
}
#Discord a::before {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
content:"";
background: url(https://discord.com/api/guilds/446658603873730611/widget.png?style=banner3) no-repeat;
background-size: contain;
}
/**** SITENOTICE *****/
/**** RAFT LOGO *****/
/*
* Normal - https://static.wikia.nocookie.net/raft_gamepedia_en/images/b/bc/Wiki.png
* Halloween - https://static.wikia.nocookie.net/raft_gamepedia_en/images/e/e4/Wiki-Halloween.png [[File:Wiki-Halloween.png]]
* Winter - https://static.wikia.nocookie.net/raft_gamepedia_en/images/4/47/WikiWinter.png [[File:WikiWinter.png]]
* Raft Birthday - Not avaible yet
*/
.mw-wiki-logo {
background: url(https://static.wikia.nocookie.net/raft_gamepedia_en/images/b/bc/Wiki.png);
}
/***** CONTENT *****/
/* Ambox */
.ambox {
border-radius: 2px 5px 5px 2px;
border: none;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
font-size: 95%;
margin: 0 auto 10px auto;
padding: 3px 6px;
max-width: 80%;
min-width: 50%;
}
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-black {
border-left: 10px solid #191d20;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bba;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Navboxes */
.navbox {
background: var(--theme-page-dynamic-color-1--inverted);
border: 1px solid #CCC;
margin: 1em auto 0;
width: 100%;
}
.navbox table {
background: var(--theme-page-dynamic-color-1--inverted);
margin-left: -4px;
margin-right: -2px;
}
.navbox table:first-child {
margin-top: -2px;
}
.navbox table:last-child {
margin-bottom: -2px;
}
.navbox .navbox-top {
white-space: nowrap;
background-color: var(--theme-link-dynamic-color-2);
padding: 0 3px;
text-align: center;
}
.navbox-navbar,
.navbox-navbar-mini {
float: left;
font-size: 80%;
}
.navbox-title {
padding: 0 10px;
font-size: 110%;
}
.navbox th {
background-color: var(--theme-page-background-color--secondary);
padding: 0 10px;
white-space: nowrap;
text-align: right;
}
.navbox td {
width: 100%;
padding: 0 0 0 2px;
}
/* Responsive design */
@media (min-width: 910px) {
.fpmaybelcol3 {
float: left;
width: 75%;
}
.fpmaybercol3 {
float: right;
width: 24.9%;
}
#Discord, #Discord a {
width: 200px;
}
}
@media (max-width: 909px) {
#Discord, #Discord a {
width: 300px;
}
}
@media (min-width: 1320px) {
.fpmaybelcol {
float: left;
width: 66.6%;
}
.fpmaybercol {
float: right;
width: 33.3%;
}
.fpmaybelcol2 {
float: left;
width: 50%;
}
.fpmaybercol2 {
float: right;
width: 50%;
}
.fpmaybelcol3 {
float: left;
width: 78%;
}
.fpmaybercol3 {
float: right;
width: 21.9%;
}
}
@media (min-width: 1540px) {
#Discord, #Discord a {
width: 250px;
}
}
@media (min-width: 1760px) {
#Discord, #Discord a {
width: 300px
}
}
/* FPbox */
.fpbox, .box, .cpbox {
margin: 5px;
padding: 5px;
border-radius:6px;
overflow: auto;
width: calc(100% - 20px);
}
.fpbox .welcome, .box .welcome, .cpbox .welcome {
font-weight: bold;
font-size: 150%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
text-align: center;
overflow: auto;
border-radius: 6px;
}
.fpbox .heading, .box .heading, .cpbox .heading {
font-size: 115%;
text-align: center;
margin: 1px 0 14px 0;
padding: 0 0 5px 0;
text-transform: none;
}
.fp-section, .cp-section {
display: flex;
flex-wrap: wrap;
}
.columns .fpbox .gallery {
margin:auto;
}
#fptweets {
min-height:calc(540px + 2.3em);
}
.fp-container {
display: grid;
grid-template-areas: "a" "b" "c" "d" "e";
grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
.fp-container {
grid-template-areas: "a a" "b b" "c d" "e e";
grid-template-columns: 50% 50%;
}
.columns {
display:flex;
}
}
@media screen and (min-width:1350px) {
.fp-container {
grid-template-areas: "a a a e" "b b c e" "d d d e";
grid-template-columns: 26% 26% 26% 22%;
}
}
#fp-1 {
grid-area: a;
}
#fp-2 {
grid-area: b;
}
#fp-3 {
grid-area: c;
}
#fp-4 {
grid-area: d;
}
#fp-5 {
grid-area: e;
}
.cp-container {
display: grid;
grid-template-areas: "a" "b";
grid-template-columns: 100%;
}
@media screen and (min-width:1350px) {
.cp-container {
grid-template-areas: "a b";
grid-template-columns: 66% 33%;
}
}
#cp-1 {
grid-area: a;
}
#cp-2 {
grid-area: b;
}
/** Infobox **/
/* Infobox's body */
.infobox {
float: right;
background:-webkit-radial-gradient(center, ellipse cover, rgba(110,84,52,1) 0%, rgba(110,84,52,1) 1%, rgba(104,77,46,1) 100%); /* safari5.1+,chrome10+ */
border: 1px solid #000 ;
border-radius:5px;
border-left: 3px solid #5f3822;
border-right: 3px solid #5f3822;
border-bottom: 5px solid #684c2e;
border-top: 5px solid #baa16a;
max-width: 400px;
min-width: 300px;
color: #baa16a;
padding: 5px;
margin: 0 2px 2px 10px;
}
/* Infobox's body under 600px (mobile fix) */
@media (max-width: 600px) {
.infobox {
max-width: 100%;
width: 100%;
min-width: 256px;
}
}
/* Header*/
.infobox .header {
text-transform: uppercase;
text-align: center;
color: #a48754;
}
.infobox a {
color: #0088aa;
}
.infobox a:new {
color: inherit;
}
.infobox th, .infoboxtable .components {
background: url("https://static.wikia.nocookie.net/raft_gamepedia_en/images/4/40/Gradient1.png/revision/latest") no-repeat center center / cover;
}
.infobox .components {
padding: 12px 9.5px;
margin-left: -2px;
background-image: -webkit-linear-gradient(left, #5f3a20 0%, #694D2F 100%);
}
.infobox .componentsimage, .infobox-tab {
background:-webkit-radial-gradient(center, ellipse cover, rgba(181,153,99,1) 0%, rgba(144,114,69,1) 100%); /* safari5.1+,chrome10+ */
margin-left: 15px;
border-radius: 5px;
}
.infobox .headerSeperator {
border-bottom: 4px solid #baa16a;
}
.infobox .InfoboxImage{
background: #FFFFFF19;
border-radius: 3px;
}
/**** Spoilers ****/
.spoilers {
display: inline-block;
background: rgba(6,69,173,0.5);
color: white;
padding: 5px;
border-radius: 5px;
outline: none;
user-select: none
}
body .mw-parser-output .spoilers a {
color: #92ecff;
text-decoration:underline;
}
#spoilerTemplate span::before {
display: none;
}
#spoilerTemplate span::after {
display: none;
}
#spoilerTemplate .mw-collapsible-text {
background: rgba(6,69,173,0.5);
padding: 5px;
border-radius: 5px;
}
/**** Template:Infobox/ComponentsTabs ****/
.infobox-radio, #layered-item-switch_componentsTabs .hide-tab {
display: none;
}
.infobox-radio:checked + .infobox-tab {
border-radius: 5px;
background-image: url("https://static.wikia.nocookie.net/raft_gamepedia_en/images/b/bb/Item-selected.png/revision/latest/scale-to-width-down/68");
}
.infobox-tab {
padding: 10px;
margin: auto;
cursor: pointer;
display: inline-block;
background-image: url("https://static.wikia.nocookie.net/raft_gamepedia_en/images/d/d2/Item-notselected.png/revision/latest/scale-to-width-down/68");
}
#Layer-Item1:checked ~ #Layered-Item1 {
display: block;
}
#Layer-Item2:checked ~ #Layered-Item2 {
display: block;
}
#Layer-Item3:checked ~ #Layered-Item3 {
display: block;
}
#Layer-Item4:checked ~ #Layered-Item4 {
display: block;
}
#Layer-Item5:checked ~ #Layered-Item5 {
display: block;
}
#Layer-Item6:checked ~ #Layered-Item6 {
display: block;
}
#Layer-Item7:checked ~ #Layered-Item7 {
display: block;
}
#Layer-Item8:checked ~ #Layered-Item8 {
display: block;
}
.infobox-layer {
display: none;
margin-left: -2px;
}
.infobox-layer table {
width: 100%;
}
/* GRID AREA */
.layer-section {
display: grid;
grid-template-areas:
"a b c d"
"e e e e";
grid-template-columns: 25% 25% 25% 25%;
/*grid-template-rows: 25% 25% 50%;*/
}
#Layer-Item1, #Layer-Item5 {
grid-area: a;
}
#Layer-Item2, #Layer-Item6 {
grid-area: b;
}
#Layer-Item3, #Layer-Item7 {
grid-area: c;
}
#Layer-Item4, #Layer-Item8 {
grid-area: d;
}
#Layered-Item1, #Layered-Item2, #Layered-Item3, #Layered-Item4, #Layered-Item5, #Layered-Item6, #Layered-Item7, #Layered-Item8 {
grid-area: e;
}
/* hlist */
#mw-content-text .hlist li:not(:last-child) {
padding: 0.286em;
}
#mw-content-text .hlist li {
display: inline;
}