User:HM100/scratch.css

/* 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; border-radius:10px 10px 0 0; border-top:1px solid white; }

.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!important; 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; }

background-color:#f7f7f7; }
 * 1) mixed-content-footer {

.WikiaPage .WikiaPageBackground { opacity:1; background-color:white; }

.wds-community-header .wds-button.wds-is-secondary, #WikiaPage .wds-button, .wds-global-navigation .wds-button, .button, button, a.wikia-button, .drop, input[type="submit"]:not(.search-button), input[type="button"], .wikia-button, .wikia-menu-button, .modal > footer .button, .wikia-menu-button .drop{ 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; 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); -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-transform:none; font-size:12px; text-shadow: none; }

.wds-community-header .wds-button.wds-is-secondary, #WikiaPage .wds-button, .wds-global-navigation .wds-button { padding:0 9px; }

.wds-community-header .wds-button.wds-is-secondary:hover, #WikiaPage .wds-button:hover, .wds-community-header .wds-button.wds-is-secondary:focus, #WikiaPage .wds-button.wds-is-secondary:focus, .wds-community-header .wds-button.wds-is-secondary:active, .wds-global-navigation .wds-button:hover, .wds-global-navigation .wds-button:active, .wds-global-navigation .wds-button:focus, .button:active, .button:hover, button:hover, button:active, a.wikia-button:active, a.wikia-button:hover,    .drop:hover, input[type="submit"]:hover:not(.search-button), .wikia-button:hover, .wikia-menu-button:hover, .wikia-menu-button > a:hover, .modal > footer .button:hover, .drop:active, input[type="submit"]:active:not(.search-button), .wikia-button:active, .wikia-menu-button:active, .wikia-menu-button > a:active, .modal > footer .button:active, .wikia-menu-button .drop:hover, .wikia-menu-button .drop: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; }

input[type="submit"].secondary:not(.search-button), .wikia-button.secondary, .wikia-menu-button.secondary, .modal > footer .button.secondary { text-shadow: 0px 1px #fff; font-weight: normal; background-color: #efefef; color: #666!important; 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) WikiaPage .wds-button.wds-is-secondary, .wds-global-navigation .wds-button.wds-is-secondary, .button.secondary, button.secondary, a.wikia-button.secondary,    .drop.secondary,

input[type="submit"].secondary:hover:not(.search-button), .wikia-button.secondary:hover, .wikia-menu-button.secondary:hover, .wikia-menu-button.secondary > a:hover, .modal > footer .button.secondary:hover, .drop.secondary:active, input[type="submit"].secondary:active:not(.search-button), .wikia-button.secondary:active, .wikia-menu-button.secondary:active, .wikia-menu-button.secondary > a:active, .modal > footer .button.secondary:active{ background:#e6e6e6; }
 * 1) WikiaPage .wds-button.wds-is-secondary:hover, #WikiaPage .wds-button.wds-is-secondary:active, #WikiaPage .wds-button.wds-is-secondary:focus, .wds-global-navigation .wds-button.wds-is-secondary:hover, .wds-global-navigation .wds-button.wds-is-secondary:active, .wds-global-navigation .wds-button.wds-is-secondary:focus, .button.secondary:hover, .button.secondary:active, button.secondary:hover, button.secondary:active, a.wikia-button.secondary:hover, a.wikia-button.secondary:active,   .drop.secondary:hover,

.wds-community-header .wds-button-group > .wds-button:first-child:not(:last-child), #WikiaPage .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), #WikiaPage .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, #WikiaPage .wds-button-group > .wds-button:last-child, .wds-community-header .wds-button-group > .wds-dropdown .wds-button:not(:first-child), #WikiaPage .wds-button-group > .wds-dropdown .wds-button:not(:first-child) { border-radius:0 3px 3px 0; border-left:0!important; }

border-radius:0 3px 3px 0!important; }
 * 1) WikiaPage .wds-button-group .wds-dropdown .wds-dropdown__toggle, .wikia-menu-button .drop {

border-radius:10px 10px 0 0; border: 1px solid #e0e0e0; -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); box-sizing:border-box!important; }
 * 1) WikiaPage {

.editor #WikiaPage, .WikiaPageContentWrapper { padding:0!important; }

background-color:#fff; }
 * 1) WikiaMainContent {

.WikiaTopAds { margin-top:-20px; }

.WikiaRail { text-shadow:none; }

border-radius:10px 10px 0 0; background-color:#fff; }
 * 1) WikiaPageBackground {

.WikiaPageContentWrapper > .page-header { background: #f7f7f7; border-top:1px solid white; border-radius:10px 10px 0 0; border-bottom:1px solid #e0e0e0; }

.WikiaPage .page-header__separator { background:none; }

@media only screen and (min-width: 3px) and (max-width: 1023px) { body:not(.chat-window) #WikiaPage { width:780px; padding:0 24px; }

.WikiaPageContentWrapper > .page-header { margin:0 -24px; width:124%; padding:16px 24px 12px; } }

@media only screen and (min-width: 1024px) and (max-width: 1083px) { body:not(.chat-window) #WikiaPage { width:1006px; padding:0 10px; }

.WikiaPageContentWrapper > .page-header { margin:0 -10px; width:110%; padding:16px 10px 12px; } }

@media only screen and (min-width: 1084px) and (max-width: 1595px) { body:not(.chat-window) #WikiaPage { width:1066px; padding:0 20px; }

.WikiaPageContentWrapper > .page-header { margin:0 -20px; width:120%; padding:16px 20px 12px; } }

@media only screen and (min-width: 1596px) and (max-width: 99999999px) { body:not(.chat-window) #WikiaPage { width:1240px; padding:0 30px; }

.WikiaPageContentWrapper > .page-header { margin:0 -30px; width:130%; padding:16px 30px 12px; } }

/* Hide triangles from dropdowns to emulate Scratch 2 dropdown styling */ .wds-dropdown::before, .wds-dropdown::after { display:none!important; }

.wds-list::before, .wds-list::after { background:transparent!important; }

.wds-community-header .wds-dropdown__content, .wds-global-navigation .wds-dropdown__content, #WikiaPage .wds-dropdown__content, .wds-dropdown__content { background-color: #0f8bc0!important; margin:0; text-shadow: none; border-top: 0; border-right: 0; -moz-box-shadow: inset 0 1px 1px rgba(100,100,100,.25),0 1px 1px rgba(0,0,0,.25); -webkit-box-shadow: inset 0 1px 1px rgba(100,100,100,.25),0 1px 1px rgba(0,0,0,.25); box-shadow: inset 0 1px 1px rgba(100,100,100,.25),0 1px 1px rgba(0,0,0,.25); border-radius:0 0 4px 4px; color:#fff; }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-3 .wds-dropdown-level-3__content, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content, .wds-list.wds-is-linked .wds-dropdown-level-3 .wds-dropdown-level-3__content{ background-color: #0f8bc0!important; margin:0; text-shadow: none; color:#fff; }

.wds-sign-out__button { border:0!important; transition:0!important; }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, .wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li.selected > a, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, .wds-dropdown__content .wds-list.wds-is-linked li.selected > a { color:#fff; background-color:#0c6185; }
 * 1) WikiaPage .wds-dropdown__content .wds-list.wds-is-linked li:hover > a, .wds-sign-out__button:hover, .wds-dropdown__content .wds-list.wds-is-linked li:hover > a,

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li > a, .wds-global-navigation .wds-dropdown__content .wds-list.wds-is-linked li > a, color:#fff; transition:none; }
 * 1) WikiaPage .wds-dropdown__content .wds-list.wds-is-linked li > a {

.wds-dropdown__content .wds-list > li { margin:0; }

.wds-global-navigation { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 10000; overflow: visible; text-shadow: none; height: 35px; width: 100%; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; -o-box-shadow: 0 1px 1px #ccc; box-shadow: 0px 1px 1px #ccc; border:0!important; border-image:0!important; background-color:#0f8bc0; transform:none!important; }

.wds-global-navigation__logo, .wds-global-navigation__link, .wds-global-navigation__search, .wds-global-navigation__search-label, .wds-global-navigation__search-input, .wds-global-navigation__user-menu, .wds-global-navigation__notifications-menu, .wds-global-navigation__start-a-wiki, .wds-global-navigation__wikis-menu, .wds-global-navigation__links-and-search a { background: transparent; color: #fff; max-height:35px; }

.wds-global-navigation__link:hover, .wds-global-navigation__user-menu:hover, .wds-global-navigation__notifications-menu:hover, .wds-global-navigation__wikis-menu:hover, .wds-global-navigation__links-and-search a:hover { background-color:#0c6185; }

.wds-global-footer { background-color: #ececec; color: #5f5f5f!important; text-shadow: none; clear: both; -moz-box-shadow: inset 0 0 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow: inset 0px 0px 10px #ccc; }

.wds-global-footer h3, .wds-global-footer p { color:#5f5f5f!important; }

.wds-global-footer a, .wds-global-footer a:hover, .wds-global-footer a:visited .WikiaPage a { color:#1999cf; }

.wds-avatar { width:24px; height:24px; border:1px solid; border-radius:1px; vertical-align:middle; min-width:24px; }

.avatar { border:1px solid; border-radius:1px; vertical-align:middle;

}

.wds-global-navigation .wds-avatar { color:#ccc; }

.wds-community-header .wds-avatar { color:#3a3a3a; }

.EditPageHeader { border-radius:10px 10px 0 0; background-color: #28a5da; border-top: 1px solid #28a5da; box-shadow:none; }

.WikiaMainContent { border-radius:10px 10px 0 0; }

.WikiaUserPagesHeader { background:none; }

.UserProfileMasthead .masthead-info { -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); border-radius:10px 10px 0 0; border:1px solid #e0e0e0; margin-left: 155px; } .UserProfileMasthead .masthead-avatar { top: inherit; width: 144px; height: 144px; } .UserProfileMasthead .masthead-avatar .avatar { max-height: 140px; max-width: 140px; }

.UserProfileMasthead .masthead-info-lower:before { border: none; } .UserProfileMasthead .masthead-info hgroup { height: auto; overflow: visible; padding: 8.2px; border-radius:10px 10px 0 0; background:#f7f7f7; color:#1a1a1a; }

.UserProfileMasthead .masthead-info::before { content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: -1; border-top:1px solid #fff; }

.UserProfileMasthead .masthead-info .tag { border-radius:10px; background-color: #28a5da; border-top: 1px solid #28a5da; box-shadow:none; }

.UserProfileMasthead .masthead-info h1 { font-size: 28px; line-height: 28px; } .UserProfileMasthead .masthead-info > div { padding: 8.2px; } @media screen and (max-width: 1023px) { .UserProfileMasthead .masthead-info div { width: 265px !important; } } .UserProfileMasthead .wikis span { text-align: left; width: 122px; } .UserProfileMasthead .wikis ul { width: 368px; } .UserProfileMasthead .details li { padding-top: 3px; } .UserProfileMasthead .tally { margin-bottom: 0; padding: 0; } .UserProfileMasthead .masthead-info .group { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; color: black; }