User:HM100/wikia.css


 * root {

--background-buttonprimaryhover: linear-gradient(to bottom, #003f73 35%, #002340 65%); --background-buttonprimaryactive: linear-gradient(to bottom, #002340 35%, #003f73 65%);

}

/*.WikiaPage .wds-button:hover,button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .WikiaPage .wds-button:hover, .wikia-button:hover, .wikia-menu-button:hover { background: var(--background-buttonprimaryhover); } .WikiaPage .wds-button:active,button:active, input[type="button"]:active, input[type="reset"]:hover, input[type="submit"]:active, .WikiaPage .wds-button:active, .wikia-button:hover, .wikia-menu-button:active { background: var(--background-buttonprimaryactive); }

.wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover {   background: var(--background-buttonprimaryhover); border: 1px solid #002d55; }

.wikia-menu-button > a:active, .wikia-menu-button .drop:active, .wikia-menu-button > li > a:active {   background: var(--background-buttonprimaryactive); border: 1px solid #002d55; }

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button, .WikiaPage .wds-button { background-color: #002d55; background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#004888),color-stop(65%,#002d55)); border: 1px solid #002d55; color: #fff; height:21px; } */

/*Testing stuff

.wds-community-header, .wds-community-header::before { border-radius: 25px 50px 25px 50px; }

.wds-community-header { border:5px dashed #f7f7f7; background-color:#9f9f9f!important; } .wds-community-header::before { border:2.8px dotted #7f7f7f; display:box!important; }

.page-header { background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#f7f7f7),color-stop(85%,trasparent); border-radius:25px 30px 26px 31px; display:box; }

.wds-community-header::hover { border-radius:50px 25px 50px 25px; border:2.8px dotted #7f7f7f; transition:1s; }

.wds-community-header::before::hover { border-radius:50px 25px 50px 25px; border:5px dashed #f7f7f7; transition:1s; } */

/* Testing Stuff Part II .wds-community-header::before { background-image:none!important; background:none!important; display:none; }

.wds-tabs__tab-label { font-size: larger !important; padding-bottom: 5px !important; } .wds-community-header__sitename, .wds-community-header__sitename a { color:#1a1a1a!important; }

.wds-community-header__sitename:hover, .wds-community-header__sitename a:hover { color:#484848!important; }

.wds-community-header { background-color:white!important; background-image:none!important; border:1px solid #ccc!important; border-bottom:none!important; }

.wds-tabs__tab-label, .wds-community-header__counter { color:#1a1a1a !important; }

.wds-tabs__tab-label:hover { color:#484848 !important; }

.wds-community-header .wds-button.wds-is-secondary, .wds-community-header .wds-button.wds-is-secondary svg { border-color: #1a1a1a; color: #1a1a1a; fill:#1a1a1a; background-color:white; }

.wds-community-header .wds-button.wds-is-secondary:hover, .wds-community-header .wds-button.wds-is-secondary:hover svg { border-color: #484848; color: #484848; fill:#484848; transition:500ms; background-color:white; }

@media only screen and (min-width: 3px) and (max-width: 1023px) { .wds-community-header { width:766px; } }

@media only screen and (min-width: 1024px) and (max-width: 1083px) { .wds-community-header { width:1004px; } }

@media only screen and (min-width: 1084px) and (max-width: 1595px) { .wds-community-header { width:1064px; } }

@media only screen and (min-width: 1596px) and (max-width: 99999999px) { .wds-community-header { width:1238px; } }

/** Testing stuff part III .WikiaPage, .WikiaPage .WikiaPageBackground { background-color:transparent; border:none; padding:0; }

background-color:white; border:1px solid #ccc; border-bottom:0!important; border-top:0; z-index:20; }
 * 1) PageHeader{

.WikiaMainContent { background-color:white; border:1px solid #ccc; border-top:0; padding-left:1px; margin-top:-20px; }

.WikiaRail { background-color:white; border:1px solid #ccc; border-top:0; }

.WikiaMainContent #EditPageHeader, .WikiaPage #EditPageHeader { margin-top:20px; padding-left:0; }

@media only screen and (min-width: 3px) and (max-width: 1023px) { width:780px; }
 * 1) PageHeader {

.WikiaMainContent { border-bottom:0; padding-right:15px; }

margin-right:-18px; }
 * 1) PageHeader {

.WikiaRail { margin-right:-6px; padding-right:12px; }

.wds-community-header { width:736px; } }

@media only screen and (min-width: 1024px) and (max-width: 1083px) { width:1004px; } .WikiaMainContent { border-right:0; } .WikiaRail { border-left:0; margin-left:15px; margin-top:-20px; }
 * 1) PageHeader {

.wds-community-header { width:984px; }

}

@media only screen and (min-width: 1084px) and (max-width: 1595px) { width:1064px!important; }
 * 1) PageHeader {

.WikiaMainContent { border-right:0; } .WikiaRail { border-left:0; margin-left:15px; margin-top:-20px; }

.wds-community-header { width:1024px; }

}

@media only screen and (min-width: 1596px) and (max-width: 99999999px) { width:1238px!important; }
 * 1) PageHeader {

.WikiaMainContent { border-right:0; }

.WikiaRail { border-left:0; margin-left:15px; margin-top:-20px; margin-left:-20px; }

.wds-community-header { width:1176px; }

}

/** Revert some elements from old header .wds-is-secondary.wds-button.start-a-chat-button { top:0; right:0; position:absolute; margin:0; border-radius:0.5em; box-sizing:border-box; padding-top:4px!important; padding-bottom:4px!important; background-color:#404a57; background-image:linear-gradient(to bottom, #4f5b6b 33%, #404a57 66%); transition:0!Important; color:#f9ffff!important; border:1px solid #404a57!important; }

.wds-is-secondary.wds-button.start-a-chat-button:hover { background-color:#37404b; background-image:linear-gradient(to bottom, #4d5969 33%, #37404b 66%); transition:0!Important; color:#e8eeee!important; border:1px solid #37404b!important; }

.wds-is-secondary.wds-button.start-a-chat-button:active { background-color:#4d5969; background-image:linear-gradient(to bottom, #37404b 33%, #4d5969 66%); transition:0!Important; color:#e8eeee!important; border:1px solid #37404b!important; } **/

/* .wds-button-group > .wds-button:not(:last-child) { border-radius:1em 0 0 1em; }

.wds-button-group > .wds-button:last-child { border-radius:0 1em 1em 0; }

.wds-button { border-radius:1em; }

.wds-button { border-radius:5px; background:linear-gradient(to bottom, #00A 35%, #000074 65%); background-color:#00A; transition:0; color:white; padding-top:5px; padding-bottom:5px; box-sizing:border-box; border-color:#00A; }

.wds-button:hover { background:linear-gradient(to bottom, #00B 35%, #008 65%); background-color:#00B; transition:0; color:white; border-color:#00B; }

.wds-button:active { background:linear-gradient(to bottom, #008 35%, #00B 65%); background-color:#00B; transition:0; color:white; border-color:#00B; }

.wds-button.wds-is-secondary { border-radius:5px; background:linear-gradient(to bottom, #F9F9F9 35%, #EEE 65%); background-color:#EEE; border-color:#EEE; transition:0; color:black!important; box-sizing:border-box; }

.wds-button.wds-is-secondary:hover { background:linear-gradient(to bottom, #F7F7F7 35%, #DCDCDC 65%); background-color:#F7F7F7; border-color:#F7F7F7!important; transition:0; color:black!important; }

.wds-button.wds-is-secondary:active, .wds-button.wds-is-secondary:focus { background:linear-gradient(to bottom, #DCDCDC 35%, #F7F7F7 65%); background-color:#F7F7F7; border-color:#F7F7F7!important; transition:0; color:black!important; }

.wds-button-group > .wds-button:not(:last-child) { border-radius:5px 0 0 5px; border-right:0; }

.wds-button-group > .wds-button:last-child, .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-radius:0 5px 5px 0; }

.wds-button-group .wds-dropdown .wds-dropdown__toggle { box-sizing:border-box; border-radius:0 5px 5px 0; padding:0 7.5px; margin:0; width:30px; height:30px!important; }

.wds-button svg { fill:#fff; }

.wds-button.wds-is-secondary svg, .wds-community-header.wds-button.wds-is-secondary svg { fill:#000; }

.wds-button svg:hover { fill:rgba(255,255,255,.75)!important; }

.wds-button.wds-is-secondary svg:hover, .wds-community-header.wds-button.wds-is-secondary svg:hover { fill:rgba(0,0,0,.75)!important; }