MediaWiki:Common.css

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 'https://www.mediawiki.org/wiki/Skin:Timeless-DarkCSS/timeless-dark.css?action=raw&ctype=text/css';
*/

/*Local wiki imports*/

@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Ships.css|MediaWiki:Homepage.css|MediaWiki:Staff.css|MediaWiki:Templatestyles.css|MediaWiki:VarColors.css|MediaWiki:UserColors.css|MediaWiki:Tags.css|MediaWiki:Styling.css";

/* Custom Font Loading */
@font-face {
	font-family: "Rocket Rinder";
	src: url("/fonts/Rocket Rinder.otf") format('opentype')
}

@font-face {
	font-family: "OriginTech";
	src: url("/fonts/OriginTech personal use.ttf") format('truetype')
}

@font-face {
	font-family: "Ethno Centric";
	src: url("/fonts/ethnocentric rg.ttf") format('truetype')
}

@font-face {
	font-family: "Star Jedi";
	src: url("/fonts/Starjedi.ttf") format('truetype')
}

#ca-talk { display: none !important; }

/*Directly copying ships.css to troubleshoot import issues*/
/* Styles for the ships page */
/* Created by: NHeoShadow | Edited by smallketchup82 in 2020-2021*/

/* Transformable Div (or TDiv) is a experimental CSS class to be applied later on the ships page */
/* TDiv will also serve as the main div class selector for some pages :P */
div.TDiv{
    background-color: var(--mainbgcolor);
    border: 1px solid var(--mainbordercolorP);
    padding: 3px;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-right: 15px;
    text-align: left;
    line-height: 20.2px;
    font-size: 13.4px;
}
div.TDiv.home {
	text-align: justify;
}
div.TDiv h1{
    color: var(--mainbgcolor-contrast-title);
    font-size: 23px;
    font-weight: bold;
    font-variant: small-caps;
    font-family: Calibri;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    margin-top: 2px;
    opacity: 0.85;
}
div.TDiv a.external:after {
	display: none !important;
}
div.TDiv .content{
    padding: 1.2px 0px;
}
/* Collapsible content styling */
div.TDiv h1.shipclass{
    opacity: 0.68;
    transition: 0.25s;
    display: block;
    cursor: pointer;
    color: var(--mainbordercolorS);
    outline: none;
    -webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
div.TDiv h1.shipclass:hover{
    opacity: 1;
    padding-left: 0.58px;
    color: #E7E7E7;
}
div.shadowhover{
    box-shadow: 0px 2px 3px #101010;
}
div.shadowhover:hover{
    box-shadow: 0px 1px 2px #0B0B0B;
}
/*.mw-collapsible{
	transition: all 1s ease-in-out !important;
	display: block;
	transform: scaleY(1);
	transform-origin: top;
	overflow: hidden;
}
.heightcollapsed{
	transition: all 1s ease-in-out !important;
	transform: scaleY(0);
	transform-origin: top;
}
div.shadowhover div{
	transition: all 1s ease-in-out !important;
}*/
/* End of collapsible content styling | Start of shipbutton styling */
.shipbutton {
	-webkit-filter: grayscale(30%);
	filter: grayscale(30%);
	background-color: #22252d !important;
	border: 2px solid var(--mainbordercolorP);
	transition: 0.5s ease !important;
	border-radius: 10px;
	outline: none;
}
.shipbutton:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	background: var(--mainbgcolor) !important;
	border: 2px solid #0d3472;
	border-radius: 10px;
	position: relative;
	transform: scale(1.05);
}
.shipbutton:active{
	border: 2px solid white;
}
.shipbutton:hover a{
    text-decoration: none;
    color: var(--mainbgcolor-contrast-title);
}
div.TDiv .shipnav .shipbutton{
    display: block;
    opacity: 0.78;
    font-size: 20px;
    background-color: var(--mainbgcolor);
    padding: 7px 12px;
    transition: 0.18s;
    margin: 3px 5px;
    
}
div.TDiv .shipnav .shipbutton a{
    display: block;
    font-size: 17px;
    height: 100%;
    outline: none;
}
div.TDiv .shipnav .shipbutton .floatleft{
    margin: 0px 12px 0px 0px;
}
div.TDiv .shipnav .shipbutton:hover{
    opacity: 1;
}

/* Shipbuttons styling*/
div.TDiv .shipbuttons ul{
    margin: 6px 0px 8px 0px;
    background-color: var(--mainbgcolor-dark);
}
div.TDiv .shipbuttons li{
    display: block;
    border-bottom: 1px solid var(--mainbordercolorP);
    opacity: 0.82;
    transition: 0.14s;
    font-size: 15.4px;
    padding: 0.5px 0px;
    margin-left: 3px;
}
div.TDiv .shipbuttons li:hover{
    opacity: 1;
}
div.TDiv .shipbuttons li a{
    display: block;
    text-decoration: none;
    padding: 2px;
    padding-left: 0px;
    transition: 0.14s;
}
div.TDiv .shipbuttons li a:hover{
    padding-left: 0.75px;
    color: #E7E7E7;
}
div.TDiv .shipnav{
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    
}