imported>Smallketchup82 |
imported>Smallketchup82 |
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins on the entire wiki. */
| |
|
| |
|
| /* Local wiki imports */
| |
| @import "/load.php?mode=articles&only=styles&articles=MediaWiki:Homepage.css|MediaWiki:Staff.css|MediaWiki:Ships.css|MediaWiki:Templatestyles.css|MediaWiki:VarColors.css|MediaWiki:UserColors.css|MediaWiki:Tags.css|MediaWiki:Styling.css";
| |
|
| |
| #BackToTopBtn div {
| |
| opacity: 0.5;
| |
| transition: all 1s 1s;
| |
| }
| |
| #BackToTopBtn div:hover {
| |
| transition: all 1s;
| |
| opacity: 1;
| |
| }
| |
|
| |
| body.background-image {
| |
| background-repeat: repeat !important;
| |
| background-size: 120%;
| |
| /*background-position: top;*/
| |
| background-attachment: fixed !important;
| |
| }
| |
|
| |
| /* wordmark hover effect*/
| |
| .wds-community-header__wordmark img {
| |
| transition: all 0.5s;
| |
| }
| |
|
| |
| .wds-community-header__wordmark img:hover {
| |
| filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.5));
| |
| transform: translate(0, -3px);
| |
| }
| |
| /* end of wordmark css*/
| |
|
| |
| /* topnav/header css */
| |
| .wds-community-header__sitename > a {
| |
| position: relative;
| |
| transition: all 1s;
| |
| left: 0px;
| |
| }
| |
|
| |
| .wds-community-header__sitename:hover > a {
| |
| left: 5px;
| |
| }
| |
| /* end of topnav/header css */
| |
|
| |
| /* wiki navigation styling*/
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-chevron {
| |
| transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2:hover .wds-dropdown-chevron {
| |
| transform: rotate(90deg) !important;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown.wds-is-active .wds-dropdown__content,
| |
| .wds-tabs .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover .wds-dropdown__content {
| |
| display: inline-block;
| |
| }
| |
|
| |
| .wds-tabs .wds-tabs__tab .wds-dropdown__content {
| |
| left: -7px;
| |
| transform: none;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown.wds-is-active:not(.wds-no-chevron):after,
| |
| .wds-tabs .wds-dropdown.wds-is-active:not(.wds-no-chevron):before,
| |
| .wds-tabs .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron):after,
| |
| .wds-tabs .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover:not(.wds-no-chevron):before {
| |
| display: none !important;
| |
| }
| |
|
| |
| .wds-tabs .wds-tabs__tab .wds-dropdown__content,
| |
| .wds-tabs .wds-dropdown__content.wds-is-right-aligned,
| |
| .wds-tabs .wds-dropdown__content.wds-is-left-aligned,
| |
| .wds-tabs .wds-global-navigation__search-suggestions.wds-dropdown__content {
| |
| animation-duration: 0.5s;
| |
| animation-fill-mode: both;
| |
| animation-name: navfade;
| |
| animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
| |
| box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
| |
| background-color: #22252D;
| |
| border: none;
| |
| }
| |
|
| |
| .wds-community-header .wds-tabs .wds-dropdown__content .wds-list .wds-dropdown-level-2 .wds-dropdown-level-2__content {
| |
| animation-duration: 0.5s;
| |
| animation-fill-mode: both;
| |
| animation-name: navfadeleft;
| |
| animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
| |
| box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
| |
| background-color: #22252D;
| |
| border: none;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button),
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li:hover {
| |
| background-color: rgba(16, 62, 137, 0.25);
| |
| color: white;
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button),
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li {
| |
| transition: transform 0.5s, background-color 0.5s, color 0.5s;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button),
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
| |
| background-color: transparent !important;
| |
| color: white;
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button),
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li:hover>a:not(.wds-button) {
| |
| transform: translate(3px, 0);
| |
| color: white;
| |
| }
| |
|
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li.wds-is-selected>a:not(.wds-button),
| |
| .wds-tabs .wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
| |
| transition: transform 0.5s, background-color 0.5s, color 0.5s;
| |
| transition-timing-function: ease;
| |
| }
| |
|
| |
| @keyframes navfade {
| |
| from {
| |
| opacity: 0;
| |
| transform: translate(0, -10px);
| |
| }
| |
| to {
| |
| opacity: 1;
| |
| transform: translate(0);
| |
| }
| |
| }
| |
|
| |
| @keyframes navfadeleft {
| |
| from {
| |
| opacity: 0;
| |
| transform: translate(-10px, 0);
| |
| }
| |
| to {
| |
| opacity: 1;
| |
| transform: translate(0);
| |
| }
| |
| }
| |
| /* end of wiki navigation styling */
| |
|
| |
| .cardcontainer a.external:after {
| |
| display: none !important;
| |
| }
| |
|
| |
| .cardcontainer{
| |
| transition: border-radius 0.5s;
| |
| background-color: #0E0F0F;
| |
| padding: 8px;
| |
| padding-top: 6px;
| |
| margin: 5px;
| |
| border: 3px solid #181919;
| |
| line-height: 18px;
| |
| font-size: 14.6px;
| |
| font-family: Calibri;
| |
| border-radius: 10px;
| |
| }
| |
| .cardcontainer:hover {
| |
| border-radius: 20px;
| |
| }
| |
| .cardcontainer .border{
| |
| border-bottom: 1px solid #474A4C;
| |
| padding: 3px;
| |
| margin: 2px;
| |
| margin-top: 0px;
| |
| }
| |
| .cardcontainer h1{
| |
| font-size: 21px;
| |
| font-variant: small-caps;
| |
| font-weight: bold;
| |
| margin: 3px;
| |
| padding: 0px;
| |
| }
| |
| .cardcontainer.playbutton img:hover{
| |
| opacity: 1;
| |
| transition: 0.12s;
| |
| }
| |
| .cardcontainer.playbuton img{
| |
| opacity: 0.8;
| |
| }
| |
| .cardcontainer .navlink{
| |
| color: #D5D4D4;
| |
| }
| |
| .cardcontainer .navlink a{
| |
| transition: 0.09s;
| |
| display: block;
| |
| padding: 4px;
| |
| border-bottom: 1px solid #292C2C;
| |
| }
| |
| .cardcontainer .navlink a:hover{
| |
| text-decoration: none;
| |
| background-color: #1F2222;
| |
| padding-left: 5px;
| |
| display: block;
| |
| }
| |
| .cardcontainer .navlink i{
| |
| display: block;
| |
| color: #D5D4D4;
| |
| font-style: normal;
| |
| padding-left: 2px;
| |
| }
| |
| .cardcontainer .shipcont{
| |
| padding: 3px;
| |
| font-size: 14.6px;
| |
| }
| |
| .cardcontainer .shipcont .shiplist a{
| |
| font-size: 16px;
| |
| background-color: #181A1A;
| |
| }
| |
|
| |
| .cardcontainer .lore{
| |
| width: 47.5%;
| |
| border: 1px solid #2B2E2E;
| |
| display: inline-table;
| |
| padding: 5px;
| |
| background-color: #070808;
| |
| }
| |
| .cardcontainer .lore img{
| |
| margin-top: 25px;
| |
| }
| |
| .CHeader {
| |
| opacity: 0;
| |
| height: 0;
| |
| width: 0;
| |
| }
| |
| .CButton {
| |
| background-color: #0E0F0F;
| |
| padding: 8px;
| |
| padding-top: 6px;
| |
| margin: 5px;
| |
| border: 3px solid #181919;
| |
| border-radius: 1px;
| |
| line-height: 18px;
| |
| font-size: 14.6px;
| |
| font-family: Calibri;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Making the thing that enables the parallax effect (brought to you by smallketchup82 in MediaWiki:Parallax.js) have its overlow hidden so that it doesn't cause the pages content to have a scrollbar next to it.*/
| |
| #parallax {
| |
| overflow: hidden !important;
| |
| }
| |