MediaWiki:Layout.css

/* Styles for the ships page */ /* Created by: NHeoShadow */ /* 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 */


 * root{

--mainbgcolor: rgba(14,14,15,0.8); --mainbgcolor-dark: rgba(12,12,13,0.8); --mainbgcolor-contrast-title: #E2E2E2; --mainbordercolorP: #4b8282; --mainbordercolorS: #f7c900; /*Discord Colors*/ --D-notquiteblack: #23272A; --D-darkbutnotblack: #2C2F33; --D-greyple: #99AAB5; --D-fullwhite: #FFFFFF; --D-blurple: #7289DA; --D-mainbgcolorservercard: #1E2124; } 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: justify; line-height: 20.2px; font-size: 13.4px; } 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; } div.TDiv h1.shipclass{ opacity: 0.68; transition: 0.12s; display: block; cursor: pointer; color: var(--mainbordercolorS); } 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; } 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%; } div.TDiv .shipnav .shipbutton{ display: block; opacity: 0.78; font-size: 20px; background-color: var(--mainbgcolor); border: 2px solid var(--mainbordercolorP); padding: 7px 12px; transition: 0.18s; margin: 3px 5px; } div.TDiv .shipnav .shipbutton a{   display: block; font-size: 17px; height: 100%; } div.TDiv .shipnav .shipbutton .floatleft{ margin: 0px 12px 0px 0px; } div.TDiv .shipnav .shipbutton:hover{ opacity: 1; } div.TDiv .shipnav .shipbutton a:hover{ text-decoration: none; }