Difference between revisions of "MediaWiki:Fandomdesktop.css"

Revision as of 00:01, 10 June 2021

/* CSS placed here will affect users of the Fandomdesktop skin */
/* Fonts */
@font-face {
    font-family: 'Franklin Gothic';
}

@media only screen and (min-width: 1500px) {
	body {
    font-size: 14px;
	}
}

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

.page-content p {
	margin: 0;
}


.page__main {
    border-image: url(https://static.wikia.nocookie.net/stoneshard_gamepedia_en/images/6/6a/Content_border.jpg/revision/latest) 24 fill round;
    border-width: 24px;
    border-style: solid;
    padding: 0 30px 0 30px;
    margin-right: 1em;
    margin-bottom: 1em;
}

.page-header,
.page__main h2 {
    border-color: #9c9c9c;
    border-bottom: 2px solid;
    padding: 0;
    margin-bottom: 10px;
}

.page__main h1,
.page__main h2 {
    font-family: 'Franklin Gothic';
}

.page__right-rail {
    border-image: url(https://static.wikia.nocookie.net/stoneshard_gamepedia_en/images/6/6a/Content_border.jpg/revision/latest) 24 fill round;
    border-width: 24px;
    border-style: solid;
    padding: 0;
    margin-bottom: 1em;
    min-height: 0;
}

.rail-module {
	background-color: #1e1a31;
}

/* front page styles */
.fpbox .heading,
.fpbox .mainheading {
    border: 0;
    border-bottom: 2px solid #9c9c9c;
    color: #fff;
    font-family: 'Franklin Gothic';
    text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
}

.fpbox {
    background: #161527;
    border: 2px solid #000;
    color: #B3B4B7;
}

.fplink {
    background-color: rgba(255, 255, 255, 0.05);
    border: 2px solid #000;
}

.fplink a {
    color: #fff !important;
}

.table-scrollable {
	overflow-x: visible;
}

/* Navbox template style */
table.navbox {
    border: 1px solid #505050;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%; 
}

/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}

.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

/* Base background */
.navbox, .navbox-subgroup {
    background: rgba(0, 0, 0, 0.1);
}

.navbox-list {
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
}

/* Level 1 color */
.navbox-title,
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* Level 3 styling */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Even row striping */
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Odd row striping */
.navbox-odd {
    background: transparent;
}
 
.collapseButton {
    font-weight: normal;
    width: auto;
}

.navbox .collapseButton {
    width: 6em;
}
 
.navbar {
    font-size: 88%;
    font-weight: normal;
}

.navbox .navbar {
    font-size: 100%;
}
 
table.collapsed tr.collapsible {
    display: none;
}
/* End of new Navbox styling */

/* custom table for use on our wiki */
table.stoneshard th,
table.stoneshard td,
table.stoneshard {
    border: 5px solid #1e1a31;
    border-collapse: collapse;
    color: white;
}
table.stoneshard {background-color: #231f36;}
table.stoneshard th {background-color: #343047;}
table.stoneshard tr:nth-child(even){background-color: #272340;}

table.row-hover th:hover,
table.row-hover tr:hover {background-color: #34306f;}
table.cell-hover th:hover,
table.cell-hover td:hover {background-color: #34306f;}

/* table column highlighting
- I'll comment this out since it's ugly, we don't really need it anyway.
table.column-hover {
	background-color: #231f36;
	overflow: hidden;
}
table.column-hover td,
table.column-hover th {position: relative;}
table.column-hover td:hover::after,
table.column-hover th:hover::after { 
   background-color: #34306f;
   background-color: rgba(52, 48, 111, 0.5);
   content: '\00a0';  
   height: 200vh;    
   left: 0;
   position: absolute;  
   top: -100vh;
   width: 100%;   
}
*/

table th a {
    color: #0f4497;
}

/* Tooltip: [[File:Tooltip Border.png]] */
.tooltip {
    border-image-source: url(https://static.wikia.nocookie.net/stoneshard_gamepedia_en/images/b/bc/Tooltip_Border.png/revision/latest);
    border-image-slice: 32;
    border-image-repeat: round;
    border-width: 24px;
    border-style: solid;
    display: inline-block;
    background: #1b1926;
    text-shadow: black 2px 1px 4px; 
    font-size: 14px; 
    color: #ffffff; 
    line-height: 1.6;
}

/* Hide elements that should be collapsed and elements that collapse them in the tooltips */
.to_tooltip .mw-collapsed,
.to_tooltip span[id^="mw-customcollapsible-"] {
	display: none;
}