MediaWiki:Wikia.css

/* @import url('https://fonts.googleapis.com/css?family=Nunito'); @import url("https://fonts.googleapis.com/css?family=Raleway:300,500,600"); body { font-family: Nunito, sans-serif; background-image: url('https://i.imgur.com/dJFccYA.jpg') !important; background-size: cover; background-position: center; background-attachment: fixed !important; }

.WikiaArticle { font-family: Nunito; } .WikiaPage { border-top: 3px solid red !important; box-shadow: 0 0 70px #510101; } .wds-community-header { border-top: 3px solid darkred !important; box-shadow: 0 0 70px #510101; }

.WikiaPage h1 { font-family: Nunito; }

.WikiaArticle h2 { border-bottom: none; background: linear-gradient(to right, transparent, #B20202, transparent); background-color: transparent; background-position: left bottom; color: #cccccc; font-family: Nunito, sans-serif; font-weight: 900; line-height: 22px; padding: 3px 0 3px 0px; } .WikiaArticle h3 { font-weight: bold; }

.wikia-main-page-tag-lcs, .main-page-tag-lcs-exploded { width: 100% !important; } .activityfeed-diff: before { content: url(https://images.wikia.nocookie.net/steven-universe/images/thumb/e/e3/Notspriteview.png/15px-.png) !important; position: absolute; padding: 5px !important; }

.activityfeed-diff img { display: none; }

.sprite.contribute { height: 15px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a9/Notspritecontribute.png) center no-repeat !important; background-size: 15px !important; }

.sprite.categorization { height: 20px !important; width: 20px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/c3/Notspritecat.png) center no-repeat !important; background-size: 20px !important; }

.sprite.new { height: 20px !important; width: 20px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d2/Notspritenew.png) center no-repeat !important; background-size: 20px !important; }

.sprite.edit { height: 20px !important; width: 20px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/3/32/Notspriteedit.png) center no-repeat !important; background-size: 20px !important; } .sprite.talk { height: 20px !important; width: 20px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/7/76/Notspritecomment.png) center no-repeat !important; background-size: 20px !important; }

.sprite.blog { height: 17px !important; width: 17px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a6/Notspritenewblog.png) center no-repeat !important; background-size: 17px !important; }

.sprite-small.delete { height: 15px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/cc/Notspriteremove.png) center no-repeat !important; background-size: 15px !important; }

.sprite.trash, .sprite.remove { height: 15px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d7/Notspritedelete.png) center no-repeat !important; background-size: 15px !important; }

.sprite.drag { height: 17px !important; width: 17px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a0/Notspritemove.png) center no-repeat !important; background-size: 17px !important; }

.sprite-small.edit, .sprite.edit-pencil { height: 15px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important; background-size: 15px !important; }

.sprite.lock { height: 20px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/b/b0/Notspritelock.png) center no-repeat !important; background-size: 15px !important; }

.wikia-menu-button .sprite.edit-pencil { height: 15px !important; width: 15px !important; background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important; background-size: 15px !important; }

.user-identity-box-edit svg { fill: white; } /* ul.tabbernav { border-bottom: 5px solid #B20101 !important; font: 14px Nunito !important; font-weight: normal !important; } ul.tabbernav li a { margin-left: 0 !important; border: none !important; background: none !important; color: #cccccc !important; padding: 8px 12px !important; } ul.tabbernav li a: link { color: #cccccc !important; transition: all 0.35s ease; }

ul.tabbernav li a: visited { color: #cccccc !important; transition: all 0.35s ease; }

ul.tabbernav li a: hover { border: none !important; background: #380000 !important; color: #cccccc !important; text-shadow: 0 0 0.5em #000000 !important; font-weight: normal !important; transition: all 0.35s ease; } ul.tabbernav li.tabberactive a { border-bottom: 1px solid #FD0303; background-color: #B20101 !important; color: #cccccc !important; font-weight: normal !important; text-shadow: 0 0 0.5em #000000 !important; transition: all 0.35s ease; } .tabberlive { width: 100% !important; transition: all 0.35s ease; } .tabberlive .tabbertab { border: none !important; padding: 0 !important; transition: all 0.35s ease; } .portable-infobox { background-color: #380000; box-shadow: 0 7px 25px #000; }

.portable-infobox .pi-data: hover { background-color: #B20101; }

.pi-title { background-color: #380000; color: white !important; font-weight: bold; text-align: center; padding-bottom: 10px; }

.pi-title: hover { background-color: #510101; }

.pi-header{ background: #B20202; color: #ffffff !important; font-weight: normal; text-align: center; }

.pi-header: hover { background-color: #EF0606; } .portable-infobox .pi-border-color { border-color: #380000; }

@media only screen and (min-width: 1596px) { .WikiaUserPagesHeader { margin-left: -30px !important; margin-right: -30px !important; padding-left: 30px !important; padding-right: 30px !important; }   .UserProfileMasthead .masthead-info { margin-left: -30px !important; margin-right: -30px !important; }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 205px !important; } } @media only screen and (min-width: 1084px) and (max-width: 1595px) { .WikiaUserPagesHeader { margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important; }   .UserProfileMasthead .masthead-info { margin-left: -20px !important; margin-right: -20px !important; }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 195px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1083px) { .WikiaUserPagesHeader { margin-left: -10px !important; margin-right: -10px !important; padding-left: 10px !important; padding-right: 10px !important; }   .UserProfileMasthead .masthead-info { margin-left: -10px !important; margin-right: -10px !important; }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important; } } @media only screen and (max-width: 1023px) { .WikiaUserPagesHeader { margin-left: -24px !important; margin-right: -24px !important; padding-left: 24px !important; padding-right: 24px !important; }   .UserProfileMasthead .masthead-info { margin-left: -24px !important; margin-right: -24px !important; }   .UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 199px !important; } }

.WikiaUserPagesHeader { margin-bottom: 18px; background: rgba(128, 128, 128, .07); padding-top: 0; }

.UserProfileMasthead { padding: 0; }

.UserProfileMasthead .masthead-avatar { z-index: 1; left: 0; }

.avatar, .User img { border: 2px solid #484848; border-radius: 50%; }

.UserProfileMasthead .masthead-avatar .avatar { border: none; }

.UserProfileMasthead .masthead-info { margin-bottom: 0; margin-left: 0; background: none; box-shadow: none; }

.UserProfileMasthead .masthead-info hgroup { background-image: url(https://vignette.wikia.nocookie.net/altered-carbon/images/4/46/ProfileBG.jpeg/revision/latest?cb=20180211045736); border-radius: 0; }

.UserProfileMasthead .masthead-info h2 { margin-right: 5px; }

.UserProfileMasthead .masthead-info .tag { background: gold; color: black; font-size: 13px; font-weight: bold; border-radius: 5px; }

.UserProfileMasthead .masthead-info-lower: before { display: none; }

.UserProfileMasthead .masthead-info h2 span { color: white; } .WikiaUserPagesHeader .tabs { display: flex; border-bottom: none; flex-direction: row; }

.WikiaUserPagesHeader .tabs li { float: left; margin: 0; flex: 1 auto; height: 50px; border-bottom: 4px solid; color: #999; font-size: .875rem; font-weight: 700; line-height: 50px; text-align: center; text-transform: uppercase; transition: filter 0.25s ease-out; cursor: pointer; } .WikiaUserPagesHeader .tabs li: hover { filter: brightness(1.3) }

.WikiaUserPagesHeader .tabs li a { color: #FB5050 !important; }

.WikiaUserPagesHeader .tabs li: hover a { text-decoration: none; }

.WikiaUserPagesHeader .tabs li.selected { border-bottom: 4px solid #991300; color: lightgrey !important; }

.WikiaUserPagesHeader .tabs li.selected a { border: none; background: none; color: inherit; }   content: url("data: image/svg+xml; utf8,   "); margin-right: 5px; }   font-weight: bold; text-transform: uppercase; vertical-align: top; } .UserProfileMasthead .user-identity-box-edit #wds-icons-pencil, .UserProfileMasthead .avatar-controls .edit-pencil { display: none; } .UserProfileMasthead .masthead-info .user-identity-box-edit { display: block; opacity: 0; transition: opacity 0.15s ease-out; } .UserProfileMasthead .masthead-avatar span { float: left; width: 100%; text-align: center; } .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; float: left; margin-top: 5px; width: 100%; opacity: 0; transition: opacity 0.15s ease-out; } .UserProfileMasthead .masthead-info: hover .user-identity-box-edit, .UserProfileMasthead .masthead-avatar: hover .avatar-controls { display: block; opacity: 1 } .UserProfileMasthead .masthead-info hgroup { overflow: visible; } .UserProfileMasthead .wds-dropdown__content { border-color: #484848; background-color: #313131; color: #D5D4D4; } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a { color: #D5D4D4; } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li: hover > a { background-color: rgba(112,184,255,0.1); color: #70b8ff; } .UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { border-color: #484848; background-color: #313131; color: #D5D4D4; } .UserProfileMasthead .wds-dropdown:: after { border-bottom-color: #313131; } .UserProfileMasthead .wds-dropdown:: before { border-bottom-color: #484848; } .UserProfileMasthead button { background-image: none; } .UserProfileMasthead .wds-button.wds-is-secondary { background-color: transparent; border-color: #ffffff; color: #ffffff; } .UserProfileMasthead .wds-button.wds-is-secondary: focus:not(:disabled), .UserProfileMasthead .wds-button.wds-is-secondary: hover:not(:disabled), .UserProfileMasthead .wds-button.wds-is-secondary: active, .UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active { background-color: transparent; border-color: #cac6c6; color: #cac6c6; } .UserProfileMasthead .wds-button.wds-is-text { background-color: transparent; color: #D5D4D4; } .UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border-left-color: transparent; }
 * 1) userIdentityBoxEdit:: before, #userAvatarEdit:: before {
 * 1) userIdentityBoxEdit, #userAvatarEdit {

.discord-widget .widget-header { background-color: black !important; }

.discord-widget .widget-body { background-image: url('https://i.imgur.com/dJFccYA.jpg') !important; background-size: cover !important; }

.discord-widget .widget-member-avatar img { border: 2px solid blue !important; background-color: blue !important; }

.discord-widget .widget-member-name { background-color: blue !important; color: green !important; }