MediaWiki:Common.css: Difference between revisions
copied contents of ships.css to test
imported>Explodabat No edit summary |
imported>Explodabat (copied contents of ships.css to test) |
||
Line 29: | Line 29: | ||
#ca-talk { display: none !important; } | #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%; | |||
} |