imported>Explodabat |
imported>Explodabat |
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%;
| |
|
| |
| }
| |