Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
@import url('/load.php?mode=articles&articles=MediaWiki:Highlights.css|MediaWiki:Infobox.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:EditorSourceMinimal/dark.css|u:dev:MediaWiki:EditorVisualMinimal/dark.css|u:dev:MediaWiki:FandomizedButtons.css&only=styles');

.skin-oasis {
    background-size: cover !important;
}

/* Mark redirects in Special:Allpages and Special:Watchlist/edit */
.watchlistredir:after,
.allpagesredirect:after {
    color: gray;
    content: " (redirect)";
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
    color: #16c916;
}
.mw-plusminus-neg {
    color: #c21515;
}

/* for Gallerybox and Transcriptbox templates */
.topbox {
    background: rgba(9,71,113,0.5) !important;
    border: 1px solid #E8F3EE;
    font-size: 85%;
    width: 100%;
}

.topbox-episode {
    border-bottom: 0 solid transparent;
    border-radius: 10px 10px 0 0;
    color: #E8F3EE;
}

.topbox-gallery {
    border-radius: 10px;
    color: #E8F3EE;
}

.topbox-bottom {
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.topbox-bottom td {
    width: 50%;
}

/* Import Creditverse (by MaxiGamer) font */
@font-face {
    font-family: 'Creditverse';
    font-style: normal;
    font-weight: 400;
    src: local(Creditverse),local(Creditverse_font),url(https://images.wikia.nocookie.net/siegenax/ru/images/a/a9/Creditverse_font.ttf) format("truetype");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* Import Crewniverse (by MaxiGamer) font */
@font-face {
    font-family: 'Crewniverse';
    font-style: normal;
    font-weight: 400;
    src: local(Crewniverse),local(Crewniverse_font),url(https://vignette.wikia.nocookie.net/siegenax/ru/images/f/fb/Crewniverse_font.ttf) format("truetype");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* Import Crystal Universe (by MaxiGamer) font */
@font-face {
    font-family: 'Crystal Universe';
    font-style: normal;
    font-weight: 400;
    src: local('Crystal Universe'),local(CrystalUniverse-Regular),url(https://images.wikia.nocookie.net/siegenax/ru/images/f/fc/CrystalUniverse-Regular.ttf) format("truetype");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* Import Anja Eliane font */
@font-face {
    font-family: 'Anja Eliane';
    font-style: normal;
    font-weight: 400;
    src: local('Anja Eliane'),local(AnjaEliane-Normal),url(https://vignette.wikia.nocookie.net/siegenax/ru/images/7/75/Anja_Eliane.ttf) format("truetype");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* Import Nunito font */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local(Nunito-Regular),url(https://vignette.wikia.nocookie.net/siegenax/ru/images/e/e4/Nunito.ttf) format("truetype");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000;
}

/* Page Glowing */
.WikiaPage {
    border-color: #00b2ee;
}

/* Bgrevo */
.bgrevo {
    background-image: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg);
}

/* General Boxes */
.WikiaArticle .thumbinner {
    background: none;
    border-radius: 8px;
}

.catlinks {
    padding-left: 10px;
}

/* BG of the main headers */
.WikiaBarWrapper .tools-menu,
.WikiaBarWrapper {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg);
}

#WikiaPage {
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}

/* Content Area Tweaks */
.WikiaArticle h2 {
    border-bottom: 1px solid #5FC8DD;
    margin-bottom: .6em;
    margin-top: 20px;
}

.toc {
    border-radius: 5px;
    border-color: #00a1ff !important;
    background-color: rgba(0,47,90,0.5) !important;
}

.WikiaArticle .thumbinner {
    background-color: #09C !important;
    background-image: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg) !important;
    background-repeat: repeat;
}

.WikiaArticleCategories,
.wikitable,
.AppearancesTemplate {
    background-image: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg) !important;
    background-repeat: repeat;
}

.wikitable,
table.wikitable {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg) !important;
    background-repeat: repeat;
    border: #5FC8DD;
}

table.wikitable th,
table.wikitable td {
    color: #E8F3EE;
    border: #5FC8DD;
}

.WikiaArticle .editsection {
    float: right !important;
    margin-right: 10px !important;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

body::-webkit-scrollbar {
    background: black;
}

::-webkit-scrollbar-thumb {
    background: #5FC8DD;
}

::-webkit-scrollbar-thumb:hover {
    background: #09C;
}

::-webkit-scrollbar-thumb:active {
    background: red;
}

/* Links */
#WikiaPage a:hover,
.WikiaLightbox a:hover {
    text-shadow: 0 0 2.5px rgba(244, 171, 214, .5), 
                 0 0 2.5px rgba(244, 171, 214, .5);
    color: #00b2ee !important;
    text-decoration: none;
    transition: all .4s linear 0s;
}

#WikiaPage,
.WikiaLightbox {
    text-shadow: 0 -15px 2.5px transparent,
                 0 15px 2.5px transparent;
}

#WikiaPage a:active,
.WikiaLightbox a:active {
    color: #00b2ee !important;
    text-shadow: 0 0 2.5px #f00, 0 0 2.5px #f00;
}

.WikiaNotifications li div a {
    color: #5FC8DD;
}
.WikiaMainContent a.new, 
.WikiaMainContent a.new:visited {
    color: #F6C4E1;
}

/* community page */
.page-Special_Community a[data-tracking*="avatar"] {
    padding-left: unset;
    background: unset;
}
.page-Special_Community a[data-tracking*="avatar"] > img {
    border: none;
}

/* Modules */
.WikiaRail .rail-module,
.ChatEntryPoint,
.ChatModule,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticle pre,
.WikiaArticleCategories {
    background: transparent url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg) !important;
    border: 2px solid #00a1ff !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}
.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 30px 0;
}
a.wds-avatar-stack__avatar {
    background: none;
    padding-left: 0;
}
.community-page-rail-module .wds-avatar a {
    background-image: none;
    padding-left: unset;
}

/* Profile Code */
.UserProfileMasthead .masthead-info {
    background-image: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg);
}

.UserProfileMasthead .wikis span,
.UserProfileMasthead .details span {
    color: #E8F3EE;
}

.UserProfileMasthead .details li,
.UserProfileMasthead .wikis ul li a {
    color: #00b2ee;
    font-weight: 700;
}

.UserProfileMasthead .tally a {
    color: #00b2ee;
    font-weight: 700;
}

.UserProfileMasthead .masthead-info-lower:before {
    border-color: #00b2ee #00b2ee transparent transparent;
}

.wpMinoredit > span {
    color: #E8F3EE;
}

.community-page-card-module .community-page-card-module-full-list-link,
.community-page-admins-module .community-page-admins-view-all {
    color: #F6C4E1;
}

.UserProfileMasthead .masthead-avatar .avatar {
    border-radius: 8px;
}

.avatar {
    border-radius: 6px;
}

.WikiaBlogListingHeader {
    background: none !important;
}

/* Tabbers and Profile Tabs */
.WikiaUserPagesHeader .tabs {
    padding-left: 17px;
}

ul.tabs,
ol.tabs {
    margin-left: -1px;
}

.tabs li a,
ul.tabbernav li a,
ul.tabbernav li a:link,
ul.tabbernav li a:visited {
    background: #00284E !important;
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #00B2EE !important;
}

.tabs .selected a,
.tabs .selected a:hover,
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {
    background: #00B2EE !important;
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #fff !important;
}

ul.tabbernav li a:hover,
.tabs li a:hover {
    background: #008ebd !important;
    background-image: none !important;
    border: 1px solid #00B2EE !important;
    border-bottom: 0 solid transparent !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #fff !important;
}

.tabberlive .tabbertab {
    border-top: 1px solid #00B2EE !important;
    border-right: 0 solid transparent !important;
    border-left: 0 solid transparent !important;
    border-bottom: 0 solid transparent !important;
}

ul.tabbernav {
    border: none !important;
    margin: 0 !important;
    padding: 0;
    line-height: 20px;
}

input.color-changer {
    margin-left: 10px;
    margin-top: 2px;
}

.WikiaActivityModule .edited-by a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.noarticletext {
    border: none !important;
}

/* Username template */
.insertusername {
    color: red;
}

#Wall .insertusername {
    display: none;
}

/* Emoticons page */
.emotable {
    width: 98%;
}

.emotable td {
    vertical-align: top;
}

.emotable ul {
    margin: 0;
    text-align: center;
    list-style: none;
}

/* title fix */
a[title^="<ul><li>"] ul,
a[title^="<ul><li>"] ul li {
    display: inline;
    margin: 0; /*Don't look at the warning. Margin must be used here.*/
}

a[title^="<ul><li>"] ul:before {
    content: "*";
}

/* code tag */
code {
    background: transparent url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d4/Bgrevo1.jpg);
    border-radius: 5px;
    border: 1px solid #335371;
    padding: 1.5px;
}

/* "Edit Topics" button */
.related-topics .related-topic, 
.related-topics .edit-topic {
    background-color: #05305c;
}

/* Music for your soul*/
.portable-infobox .ogg_player,
.portable-infobox .ogg_player audio {
    width: 180px !important;
}
body .WikiaPage .ogg-player-options button,
.ogg_player img {
    display: none !important;
}
body .WikiaPage .ogg_player button {
    background-image: url(https://vignette.wikia.nocookie.net/steven-universe/images/f/fb/Notspriteplay.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}

/* diffchange colors */
td.diff-context {
    border-color: #003568 !important;
}
td.diff-addedline .diffchange {
    background-color: #16c916 !important;
}
td.diff-addedline {
    border-color: #16c916 !important;
}
td.diff-deletedline .diffchange {
    background-color: #c21515 !important;
}
td.diff-deletedline {
    border-color: #c21515 !important;
}

/* AbuseFilter css */
.mw-abusefilter-diff-context,
.mw-abusefilter-diff-multiline .diff-context {
    background-color: transparent;
}

/* Other */
.page-Message_Wall_SapphireBot #Wall,
.page-Message_Wall_OpalBot #Wall,
.page-Message_Wall_GarnetBot #Wall,
.modal-nav-leaderboard,
.community-page-module.contributors-module,
.community-page-recently-joined-module,
.tabBody .hidden-in-tabview,
#editPointTypes,
.leaflet-draw-draw-marker {
    display: none !important;
}

.Forum .ThreadList .activity {
    min-width: 85px;
}

#theme-solarized-dark .kw3 {
    color: #4293DE !important;
}

.community-page-entry-point-module div.community-page-entry-point-logo {
    background: #5FC8DD url(https://vignette.wikia.nocookie.net/steven-universe/images/4/47/Stevengem.svg) 50% 50%/24px 24px no-repeat;
}

pre {
    overflow: auto;
}
table.wallfeed td img.avatar,
img.avatar,
img.forum-user-avatar,
#Wall.Thread img.avatar {
    border: 2px solid #324489;
    border-radius: 50%;
}
#WallThreadHistory tr .avatar {
    padding: 0;
}
#Wall.Thread .comments > .message > .replies .new-reply :not(.active) .speech-bubble-message {
    margin-left: 0;
}
#Wall.Thread .comments > .message > .replies .new-reply .active .speech-bubble-message {
    margin-left: 40px;
}
#Wall.Thread .comments > .message > .replies .new-reply :not(.active) .speech-bubble-avatar {
    display: none;
}
#Wall.Thread .comments > .message > .replies .new-reply .active .speech-bubble-avatar {
    display: block;
}
.Wall .edited-by a.subtle:after {
    font-family: Nunito;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: 400;
}
.Wall ul.comments > li.message > .speech-bubble-message {
    background: #023b71;
}
.SpeechBubble .speech-bubble-message:after {
    border-color: #023b71 #023b71 transparent transparent !important;
}

/* CSS for clock on staff listing page */
.js-tzclock-wrap {
    padding: 0 1em;
    text-align: center;
    white-space: nowrap;
}
.js-tzclock-lctn {
    display: none;
}
.js-tzclock-time {
    border-bottom: 1px dotted #324489;
}

/* Make the staff tag readable */
.Wall .comments .stafflogo {
    background-color: white;
}

/* UserTags */
.UserProfileMasthead .masthead-info .tag-container .tag {
    background: #012e58;
    top: -1px;
    margin-left: 0;
}
.UserProfileMasthead .masthead-info .tag-container .tag:first-child {
    margin-left: -2px;
}
.UserProfileMasthead .masthead-info .tag-container {
    display: block;
}

/* AbuseFilter layout fix */
.ns-special.mw-special-AbuseLog .mw-abuselog-details {
    table-layout: fixed;
    width: 100%;
}

/* ArchiveBoards styling */
.ArchiveBoardsNotice .ArchiveBoardsDefault {
    border: none !important;
    background-color: #1D3C6D !important;
    color: unset !important;
}

/* Fix rail avatars cutting through things above it */
#WikiaRail .avatars {
    z-index: 0;
}

/*customizing <source> tag*/
.css.source-css .de1, .css.source-css .de2 {font: normal normal 1em/1.2em monospace !important; margin:0 !important; background:none; vertical-align:top !important;font-family: monospace, monospace !important;}
.css.source-css  {font-family: monospace, monospace !important;}
.css.source-css .imp {font-weight: bold !important; color: red !important;}
.css.source-css li, .css.source-css .li1 {font-weight: normal !important; vertical-align:top !important;}
.css.source-css .ln {width:1px !important;text-align:right !important;margin:0 !important;padding:0 2px !important;vertical-align:top !important;}
.css.source-css .li2 {font-weight: bold !important; vertical-align:top !important;}
.css.source-css .kw1 {color: #859900 !important; font-weight: bold !important;}
.css.source-css .kw2 {color: #93a1a1 !important;}
.css.source-css .co1 {color: #a1a100 !important;}
.css.source-css .co2 {color: #ff0000 !important; font-style: italic !important;}
.css.source-css .coMULTI {color: #808080 !important; font-style: italic !important;}
.css.source-css .es0 {color: #000099 !important; font-weight: bold !important;}
.css.source-css .es2 {color: #000099 !important; font-weight: bold !important;}
.css.source-css .br0 {color: #00AA00 !important;}
.css.source-css .sy0 {color: #00AA00 !important;}
.css.source-css .st0 {color: #586e75 !important;}
.css.source-css .nu0 {color: #d33682 !important;}
.css.source-css .re0 {color: #859900 !important;}
.css.source-css .re1 {color: #268bd2 !important;}
.css.source-css .re2 {color: #2aa198 !important;}
.css.source-css .re3 {color: #859900 !important;}
.css.source-css .ln-xtra, .css.source-css li.ln-xtra, .css.source-css div.ln-xtra {background-color: #ffc !important;}
.css.source-css span.xtra { display:block !important; }

/* For TimedSlider */
.ts-container .ts-slide {
    display: none;
}
.ts-container .ts-active {
    display: block;
}
.ts-container.ts-container-inline .ts-active {
    display: inline;
}

/* Community module */
.skin-oasis .community-page-entry-point-button:hover,
.skin-oasis .community-page-entry-point-button:active {
    background-color: #346ba5;
}

/* Chat module */
.ChatModule .chat-whos-here {
    border:none;
}
.arrow-left img, .arrow-right img {
    display:none;
}
.arrow-left {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/e/e5/Arrowleft.svg/revision/latest/scale-to-width-down/25) center no-repeat;
    width:34px;
    height:34px;
    margin-left: -17px;
    transition:.4s;
}
.arrow-right {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/9/92/Arrowright.svg/revision/latest/scale-to-width-down/25) center no-repeat;
    width:34px;
    height:34px;
    margin-right: -17px;
    transition:.4s;
}
.arrow-right:not(.disabled):hover {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2d/Arrowrighthover.svg/revision/latest/scale-to-width-down/25) center no-repeat;

}
.arrow-left:not(.disabled):hover {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/e/ec/Arrowlefthover.svg/revision/latest/scale-to-width-down/25) center no-repeat;
}

/* Customizing wikia sprites */
.activityfeed-diff:before {
    content: url(https://images.wikia.nocookie.net/steven-universe/images/thumb/e/e3/Notspriteview.png/15px-.png) !important;
    padding: 5px !important;
    position: absolute;
}
.activityfeed-diff img {
    display:none;
}
.sprite.contribute {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a9/Notspritecontribute.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.categorization {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/c3/Notspritecat.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.new {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d2/Notspritenew.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.edit {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/3/32/Notspriteedit.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.talk {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/7/76/Notspritecomment.png) center no-repeat !important;
    background-size: 20px !important;
    height: 20px !important;
    width: 20px !important;
}
.sprite.blog {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a6/Notspritenewblog.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.delete {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/c/cc/Notspriteremove.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.trash,
.sprite.remove {
    background:url(https://vignette.wikia.nocookie.net/steven-universe/images/d/d7/Notspritedelete.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.drag {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/a/a0/Notspritemove.png) center no-repeat !important;
    background-size: 17px !important;
    height: 17px !important;
    width: 17px !important;
}
.sprite-small.edit, 
.sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/2/2b/Notspriterewrite.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.sprite.lock {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/b/b0/Notspritelock.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
.wikia-menu-button .sprite.edit-pencil {
    background: url(https://vignette.wikia.nocookie.net/steven-universe/images/7/75/Stevengem15x15.png) center no-repeat !important;
    background-size: 15px !important;
    height: 15px !important;
    width: 15px !important;
}
/** edit-pencil svg **/
.user-identity-box-edit svg {
    fill: white;
}