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; }

/** Testing Stuff Part IV

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

.wds-button:hover { 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!important; }

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

.wds-button.wds-is-secondary { border-radius:5px; background:linear-gradient(to bottom, #FDFDFD 35%, #EEE 65%); background-color:#EEE; border-color:#EEE!important; 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:#DCDCDC; border-color:#DCDCDC!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:#DCDCDC; border-color:#DCDCDC!important; transition:0; color:black!important; }

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

.wds-button-group > .wds-button:not(:first-child):not(:last-child) { border-radius:0; border-left:0!important; border-right:0!important; }

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

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

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

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

.wds-community-header { background-image:none!important; background-color:rgba(255,255,255,0.8)!important; border:1px solid #ccc!important; border-bottom:none!important; }

.wds-community-header::before { background-image:linear-gradient(to bottom, #404a57 0%, rgba(64,74,87,0.75) 30%, transparent 90%); }

.WikiaPage .WikiaPageBackground { opacity:0.8; }

.wds-tabs__tab-label { color:#404a57!important; }

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

@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; } }

/* Print overflow: visible !important; }

html, background: #fff; }
 * 1) WikiaPageBackground {

.noprint, .wikia-ad, .wds-global-navigation-wrapper, .wds-community-header, .wds-global-footer, .page-header__contribution, .page-header__categories, display: none !important; }
 * 1) globalNavigation,
 * 1) WikiaArticleFooter,
 * 2) WikiaRail,
 * 3) WikiaBar,
 * 4) WikiaFooter,
 * 5) WikiaSearch,
 * 6) WikiaTopAds {

.WikiaPageContentWrapper { display: block !important; }

background: #fff; border: none; padding: 0; margin: 0; width: auto; }
 * 1) WikiaPage {

float: none; width: auto !important; }
 * 1) WikiaMainContent {

min-height: 1px !important; height: auto !important; overflow: visible !important; }
 * 1) WikiaArticle {

background: #fff; border: none; }		line-height: 1.8em; margin: 0.4em 0 0.5em !important; }		margin: 1em 0 !important; }
 * 1) WikiaArticle	.thumbinner div {
 * 1) WikiaArticle	p {
 * 1) WikiaArticle	p + p {

background: #fff; }
 * 1) articleCategories {

/* Emulate a Scratch 2 Styling in oasis Is like the discussions one */ body { line-height:1.53em; text-shadow:0 1px white; }

.wds-community-header::before { background:none!Important; }

.wds-community-header { background: #f7f7f7; border: 1px solid #e0e0e0; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 0 2px 3px rgba(34,25,25,0.3); -moz-box-shadow: 0 2px 3px rgba(34,25,25,0.3); -o-box-shadow: 0 2px 3px rgba(34,25,25,0.3); box-shadow: 0px 2px 3px rgba(34,25,25,0.3); margin-bottom: 20px; padding: 0; background-image:none!Important; height:auto; }

.wds-community-header__local-navigation { clear:both; background:#fff; }

.wds-community-header__sitename a, .wds-community-header .wds-tabs__tab-label a, .wds-community-header .wds-community-header__counter { color:rgb(26,26,26)!important; }

.wds-community-header__sitename a:hover, .wds-community-header .wds-tabs__tab-label a:hover { color:rgba(26,26,26,0.8)!important; }

.wds-community-header .wds-button.wds-is-secondary svg { fill:white!important; }

.wds-community-header .wds-button.wds-is-secondary, #PageHeader .wds-button { line-height: 25px; border: 1px solid #eee; border-color: #1798c4 #1798c4 hsl(195,79%,38%)!important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; vertical-align: middle; overflow: visible; font-weight: normal; box-sizing: border-box; background-color: #169fdb; color: #fff; background-image: -webkit-linear-gradient(rgb(25, 182, 250), rgb(22, 159, 219)); background-image: -moz-linear-gradient(to bottom,#30aadf,#169fdb); background-image: -ms-linear-gradient(to bottom,#30aadf,#169fdb); background-image: -o-linear-gradient(to bottom,#30aadf,#169fdb); background-image: linear-gradient(to bottom,#30aadf,#169fdb); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#30aadf,endColorStr=#169fdb); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; height: 26px; text-shadow: none; }

.wds-community-header .wds-button.wds-is-secondary:hover, #PageHeader .wds-button:hover, .wds-community-header .wds-button.wds-is-secondary:focus, #PageHeader .wds-button.wds-is-secondary:focus, .wds-community-header .wds-button.wds-is-secondary:active { background-image: -webkit-linear-gradient(rgb(252 159, 219), rgb(22, 159, 219)); background-image: -moz-linear-gradient(to bottom,#169fdb, #169fdb); background-image: -ms-linear-gradient(to bottom,#169fdb,#169fdb); background-image: -o-linear-gradient(to bottom,#169fdb,#169fdb); background-image: linear-gradient(to bottom,#169fdb,#169fdb); background-color: #169fdb; -webkit-transition: .1s linear all; -moz-transition: .1s linear all; -ms-transition: .1s linear all; -o-transition: .1s linear all; transition: .1s linear all; cursor: pointer; text-decoration: none; color:#fff!important; border-color: #1798c4 #1798c4 hsl(195,79%,38%)!important; }

text-shadow: 0px 1px #fff; font-weight: normal; background-color: #efefef; color: #666; border-color: #999!important; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(204, 204, 204)); background-image: -moz-linear-gradient(top,#fff,#ccc); background-image: -ms-linear-gradient(top,#fff,#ccc); background-image: -o-linear-gradient(top,#fff,#ccc); background-image: linear-gradient(top,#fff,#ccc); }
 * 1) PageHeader .wds-button.wds-is-secondary {

background:#e6e6e6; }
 * 1) PageHeader .wds-button.wds-is-secondary:hover, #PageHeader .wds-button.wds-is-secondary:active, #PageHeader .wds-button.wds-is-secondary:focus {

.wds-community-header .wds-button-group > .wds-button:first-child:not(:last-child), #PageHeader .wds-button-group > .wds-button:first-child:not(:last-child) { border-radius:3px 0 0 3px; border-right:0; }

.wds-community-header .wds-button-group > .wds-button:not(:first-child):not(:last-child), #PageHeader .wds-button-group > .wds-button:not(:first-child):not(:last-child) { border-radius:0; border-left:0!important; border-right:0!important; }

.wds-community-header .wds-button-group > .wds-button:last-child, #PageHeader .wds-button-group > .wds-button:last-child #PageHeader .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-radius:0 3px 3px 0; border-left:0!important; }

border-radius:0 3px 3px 0!important; }
 * 1) PageHeader .wds-button-group .wds-dropdown .wds-dropdown__toggle {

background-color: #28a5da; border:1px solid #28a5da; border-radius:10px 10px 0 0; }
 * 1) PageHeader {

border-radius:10px 10px 0 0; }
 * 1) WikiaPage {