MediaWiki:Wikia.css

@import url(https://fonts.googleapis.com/css?family=Roboto); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body, .EditPageEditor textarea, .Wall textarea, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select { font-family: 'Roboto', sans-serif !important; } hr { border: 1px dashed #8a3030; } .comments li[data-user="DimitrisIoannou"] > blockquote {background: #AE76E7!important;} .comments li[data-user="DimitrisIoannou"] > blockquote:after {border-color: transparent #AE76E7 #AE76E7 transparent !important;} .comments li[data-user="DimitrisIoannou"] > blockquote div {background: transparent !important;} .comments li[data-user="DimitrisIoannou"] > blockquote {font-family:'Roboto' !important;} .comments li[data-user="DimitrisIoannou"] > blockquote {color: #ffffff !important;} .comments li[data-user="DimitrisIoannou"] > blockquote {border: 1px solid #e7a5a5 !important;}
 * 1) wpUploadDescription textarea,

.comments li[data-user="DanDan96"] > blockquote {background: #AE76E7 !important;} .comments li[data-user="DanDan96"] > blockquote:after {border-color: transparent #AE76E7 #AE76E7 transparent !important;} .comments li[data-user="DanDan96"] > blockquote div {background: transparent !important;} .comments li[data-user="DanDan96"] > blockquote {font-family:'Roboto' !important;} .comments li[data-user="DanDan96"] > blockquote {color:#ffffff !important;} .comments li[data-user="DanDan96"] > blockquote {border: 1px solid #000000 !important;}

/* Staff Name Colors */ a[href="/wiki/User:DimitrisIoannou"] {color:#6600ff !important; font-family:Roboto; font-weight: bold;text-shadow:1px 1px 2px #e8c3c0;}

a[href="/wiki/User:DanDan96"] {color:#6600ff!important; font-family:Roboto; font-weight: bold;text-shadow:1px 1px 2px #e8c3c0;}

/*Logo Animation*/ .WikiHeader .wordmark { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark:hover { -webkit-transform: rotate(-1deg) scale(1.030) skew(0deg) translate(0px); -moz-transform: rotate(-1deg) scale(1.030) skew(0deg) translate(0px); -ms-transform: rotate(-1deg) scale(1.030) skew(0deg) translate(0px); -o-transform: rotate(-1deg) scale(1.030) skew(0deg) translate(0px); } /* Page glow*/ .WikiaPage { border: 1px solid #e5bcff; box-shadow:0 0 30px #bc42dd; border-top: 2px solid # c900ff!important; }

/*Wikia Page Rounded Corner Tweak*/ .WikiaPage .WikiaPageBackground { border-radius: 0px; } .WikiaPage.V2 { border-radius: 0px; } /*Nav bar*/ .WikiHeader .navbackground div { background-image: -moz-linear-gradient(top,  #BC2ED2 0%,  #8C27B0  100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,  #BC2ED2), color-stop(100%, #8C27B0 )); }

.WikiHeader .navbackground { background-color: #aa2121; background-image: -moz-linear-gradient(top,  #BC2ED2 0%,  #8C27B0  100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,  #BC2ED2), color-stop(100%,  #8C27B0 )); } .WikiHeader > .marked { background-image: -moz-linear-gradient(top,  #BC2ED2 0%,  #8C27B0  100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,  #BC2ED2), color-stop(100%,  #8C27B0 ));; }

.WikiHeader > nav .subnav-2 { background-image: -moz-linear-gradient(top,  #BC2ED2 0%,  #8C27B0  100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,  #BC2ED2), color-stop(100%,  #8C27B0 )); }

/* Navbar shadow */ .WikiHeader > nav .subnav-2 ul, .WikiHeader > nav > .navbackground, .WikiHeader .buttons .contribute > ul { box-shadow: 2px 2px 4px black; box-shadow: 2px 2px 4px rgba(0,0,0,0.66); } /* Main Header */ .WikiHeader { background: rgba(235,181,235,0); background: -moz-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(229,192,256,0.75) 20%, rgba(229,192,256,0.75) 35%, rgba(229,192,256,0.75) 50%, rgba(229,192,256,0.75) 65%, rgba(229,192,256,0.75) 80%, rgba(235,181,235,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,181,235,0)), color-stop(20%, rgba(229,192,256,0.75)), color-stop(35%, rgba(255,241,179,0.75)), color-stop(50%, rgba(229,192,256,0.75)), color-stop(65%, rgba(229,192,256,0.75)), color-stop(80%, rgba(229,192,256,0.75)), color-stop(100%, rgba(235,181,211,0))); background: -webkit-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(229,192,256,0.75) 20%, rgba(229,192,256,0.75) 35%, rgba(229,192,256,0.75) 50%, rgba(229,192,256,0.75) 65%, rgba(229,192,256,0.75) 80%, rgba(235,181,235,0) 100%); background: -ms-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(229,192,256,0.75) 20%, rgba(229,192,256,0.75) 35%, rgba(229,192,256,0.75) 50%, rgba(229,192,256,0.75) 65%, rgba(229,192,256,0.75) 80%, rgba(235,181,235,0) 100%); background: linear-gradient(to right, rgba(235,181,235,0) 0%, rgba(229,192,256,0.75) 20%, rgba(229,192,256,0.75) 35%, rgba(229,192,256,0.75) 50%, rgba(229,192,256,0.75) 65%, rgba(229,192,256,0.75) 80%, rgba(235,181,235,0) 100%); }
 * 1) WikiaHeader,

/*** Makes the level 2 heading for a texture change flag ***/ .WikiaArticle h2 { left: -12px; position: center; text-align: center; border-radius: 8px; color: black; font-size: 18px; line-height: 22px; padding: 3px; background-color: #E57AFF }

.WikiaArticle .infobox, .toc { background-color: transparent; border-radius: 10px 10px 10px 10px; color: #BC2ED2; }

border: 1px solid #8C27B0 ; }
 * toc, .toc {

/* Profile Customization */

/* Profile Heading */ .UserProfileMasthead .masthead-info hgroup { background-image: linear-gradient(95deg, #BC2ED2, #8C27B0 ); background-image: -o-linear-gradient(95deg, #BC2ED2, #8C27B0 ); background-image: -moz-linear-gradient(95deg, #BC2ED2, #8C27B0 ); background-image: -webkit-linear-gradient(95deg, #BC2ED2, #8C27B0 ); } .UserProfileMasthead .masthead-info .group { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: linear-gradient(95deg, #BC2ED2, #8C27B0 ); border-radius: 3px; display: inline-block; margin-left: 10px; padding: 2px 5px; position: relative; top: -4px; } .UserProfileMasthead h1, .UserProfileMasthead h2 { color: white; text-shadow: 0 0 7px #000000 !important; } /*Custom Tag*/ .UserProfileMasthead .masthead-info .tag { text-decoration: none !important; background: #F9CACA; color: #8a3030; } .UserProfileMasthead .masthead-info .tag:hover { color: #8a3030; box-shadow: inset 0 0 10px #a48ca5; text-shadow: 0 0 6px gainsboro; }

/*Profile Body */ .UserProfileMasthead .masthead-info { background: linear-gradient(to left, #F9CACA, #fad8d8, #F9CACA); box-shadow: 2px 2px 4px rgba(0,0,0,0.40); } .UserProfileMasthead .masthead-info::before, .UserProfileMasthead .masthead-info-lower:before { border-color: transparent }

/* profile gradient */ background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.26) 47%, rgba(255,185,255,0.55) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(47%, rgba(246,246,246,0.26)), color-stop(100%, rgba(255,185,255,0.55))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.26) 47%, rgba(255,185,255,0.55) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.26) 47%, rgba(255,185,255,0.55) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(246,246,246,0.26) 47%, rgba(255,185,255,0.55) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(246,246,246,0.26) 47%, rgba(255,185,255,0.55) 100%); }
 * 1) WikiaUserPagesHeader {

/*Avatar Customization*/ .masthead-avatar img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }

.masthead-avatar:hover img { border-radius: 100% !important; box-shadow:0 0 20px #1f0022; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .masthead-avatar .sprite.edit-pencil { display: none }
 * 1) userAvatarEdit { margin-left: 30px }

.UserProfileMasthead .masthead-avatar .avatar { border:0px; border-radius: 6px; max-height:160px; max-width:160px; margin-left:-3px!important; } /*** Modified Right menu ***/ .Destacado, .WikiaRail .module { background: linear-gradient(to left, #F9CACA, #fff, #F9CACA) !important; border-radius: 1em; border: 1px solid #BC2ED2; box-shadow: 2px 2px 4px black; box-shadow: 2px 2px 4px rgba(0,0,0,0.66); }

.WikiaRail .rail-module { padding: 20px 15px 15px; margin: 0 0 10px; background: linear-gradient(to left, #F9CACA, #fff, #F9CACA) !important; border-radius: 1em; border: 1px solid #BC2ED2; box-shadow: 2px 2px 4px black; box-shadow: 2px 2px 4px rgba(0,0,0,0.66); } .WikiaRail .module { margin-bottom: 10px; }

a.wds-avatar-stack__avatar { background: none; padding-left: 0; } .insights-module a:hover { box-shadow: 0px 0px 10px 1px #8C27B0 inset; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-decoration: none !important; }

.community-page-entry-point-module div.community-page-entry-point-logo { background: #BC2ED2 url(https://vignette.wikia.nocookie.net/logosrupaulsdragrace/images/b/b3/Sequin.png/revision/latest?cb=20170204032401) 50% 50%/28px 28px no-repeat; }

.ChatModule .chat-whos-here { border-radius:100px; border: 1px solid #BC2ED2; box-shadow: 0 0 5px #ae7bd0; } .chat-whos-here .avatar { border-radius: 100px !important; } .ChatModule .avatar { border: 1px solid #F9CACA; } /* Hot Spots color changes */ .hot-spot-severity-1 { background: #d21c00 !important; } .hot-spot-severity-2 { background: #ff1414 !important; } .hot-spot-severity-3 { background: #00EE76 !important; } .hot-spot-severity-4 { background: #00BFFF !important; } .hot-spot-severity-5 { background: #8448FF !important; }

/* Link Hover Effect */ a:hover { text-shadow: none; color: #d07777 !important; text-decoration:none; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition: all .2s linear 0s; } .hoverimage img { opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .WikiHeader > nav a:hover { text-decoration: none !important; }

/* Category section*/ .article-categories { background: rgba(235,181,235,0); background: -moz-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(255,192,192,0.75) 20%, rgba(255,192,192,0.75) 35%, rgba(255,192,192,0.75) 50%, rgba(255,192,192,0.75) 65%, rgba(255,192,192,0.75) 80%, rgba(235,181,235,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,181,235,0)), color-stop(20%, rgba(255,192,192,0.75)), color-stop(35%, rgba(255,241,179,0.75)), color-stop(50%, rgba(255,192,192,0.75)), color-stop(65%, rgba(255,192,192,0.75)), color-stop(80%, rgba(255,192,192,0.75)), color-stop(100%, rgba(235,181,211,0))); background: -webkit-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(255,192,192,0.75) 20%, rgba(255,192,192,0.75) 35%, rgba(255,192,192,0.75) 50%, rgba(255,192,192,0.75) 65%, rgba(255,192,192,0.75) 80%, rgba(235,181,235,0) 100%); background: -ms-linear-gradient(left, rgba(235,181,235,0) 0%, rgba(255,192,192,0.75) 20%, rgba(255,192,192,0.75) 35%, rgba(255,192,192,0.75) 50%, rgba(255,192,192,0.75) 65%, rgba(255,192,192,0.75) 80%, rgba(235,181,235,0) 100%); background: linear-gradient(to right, rgba(235,181,235,0) 0%, rgba(255,192,192,0.75) 20%, rgba(255,192,192,0.75) 35%, rgba(255,192,192,0.75) 50%, rgba(255,192,192,0.75) 65%, rgba(255,192,192,0.75) 80%, rgba(235,181,235,0) 100%); } /* Footer */ .WikiaFooter section { border: 1px solid #BC2ED2 !important; -moz-border-radius:6px; border-radius:6px; background: #F9CACA } /* Change Pen on Edit Button */ .sprite.edit-pencil { background: url(https://vignette.wikia.nocookie.net/logosrupaulsdragrace/images/c/c1/Imageedit_253_5160383261.png/revision/latest?cb=20160223191017) no-repeat !important; padding-left: 2px; } /**** Message wall/ Forum Speech Bubble ****/

/* Wall/Forum Opening Comment Bubble + Bubble Stems */ .Wall ul.comments > li.message > .speech-bubble-message { background-color: #F9CACA; } .Wall ul.comments > li.message > .speech-bubble-message:after { border-color: transparent #F9CACA #F9CACA transparent !important; } /************** New Wall Message ***********/ .Wall textarea, .Forum .DiscussionBox textarea { margin: 0; font-family: Helvetica !important; box-shadow: none !important; } .Wall .new-message textarea.title, .Forum .DiscussionBox textarea.title { height: 30px !important; border: 1px solid #BC2ED2; font-weight: bold; text-align: center; background: #fff !important; padding: 5px; } .Wall .new-message textarea.body, .Forum .DiscussionBox textarea.body {      height: 80px !important; text-align: center; border: 1px solid #BC2ED2; background: #fff !important; }

.Wall .SpeechBubble.new-message .speech-bubble-message, .Forum .DiscussionBox .message { margin: 0; padding: 11px; background-color: #F9CACA; } /* Wall/Forum Thread Posting Bubble + Bubble Stems */ .Wall .SpeechBubble.new-message .speech-bubble-message, .Forum .DiscussionBox .message { margin-left: 75px; border-radius: 4px; border-color: transparent #F9CACA #F9CACA transparent !important; } .Wall .SpeechBubble.new-message .speech-bubble-message:after, .Forum .DiscussionBox .message:before { left: -20px; border-width: 10px; border-color: transparent #F9CACA #F9CACA transparent !important; }

/*****   Article Comments   *******/ .comments blockquote { background:#F9CACA !important; } .comments blockquote:after { border-color: transparent #F9CACA #F9CACA transparent !important; } .comments blockquote {color: #262626 !important;} .comments blockquote {font-family: arial !important;} .comments blockquote {border: 1px solid #BC2ED2 !important;}

/************************ Tabbers ********************/ .WikiaUserPagesHeader .tabs { padding-left: 17px; } .tabs-container .tabs li[data-id="profile"] a { padding-left: 12px !important; } 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: rgba(245, 232, 232,.7) !important; background-image: none !important; border: 1px solid #BC2ED2 !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0px 0px; font-weight:normal; font-family: Helvetica !important; } .tabs .selected a, .tabs .selected a:hover, ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover { background: #8C27B0 !important; background-image: none !important; border: 1px solid #8C27B0 !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0px 0px; font-weight:normal; font-family: Helvetica !important; color: white !important; } ul.tabbernav li a:hover, .tabs li a:hover { background: #8C27B0 !important; background-image: none !important; border: 1px solid #8C27B0 !important; border-bottom: 0 solid transparent !important; border-radius: 5px 5px 0px 0px; font-weight:normal; font-family: Helvetica !important; color: white !important; } .tabs li a, .tabs .selected a, .tabs .selected a:hover, .tabs li a:hover { font-size: 14px !important; } ul.tabbernav li a, ul.tabbernav li a:link, ul.tabbernav li a:visited, ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li a:hover { font-size: 13px !important; } .tabberlive .tabbertab { border-top: 1px solid white !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; }

.tabs { border-bottom: none; } /******************** End of Customizing Tabber ********************/

/* Polls */ .ajax-poll { -moz-border-radius: 1ex; border-radius:1ex; } .pollAnswerVotes div { background: linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -o-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -ms-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -icab-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -webkit-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -khtml-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; background: -moz-linear-gradient(left, transparent 0%, #B270F0 100%) repeat scroll 0 0 #e07d72 !important; }

/**********************************/ /* Search box                    */ /**********************************/ .WikiaSearch input[type="text"] { background: linear-gradient(to left, #F9CACA, #fff, #F9CACA); border: 1px solid #BC2ED2; border-radius: 6px; -moz-box-shadow: 1px 2px 2px pink !important; -webkit-box-shadow: 1px 2px 2px pink !important; box-shadow: 1px 2px 2px pink !important; color: black; } /****************** queens infobox ********************/

.portable-infobox .pi-title { border-radius: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .pi-border-color { border-top: 1px solid white; } .portable-infobox .pi-secondary-background { border-radius: 0px; background-color: #E57AFF; } .portable-infobox { background-color: white; border-radius: 10px; box-shadow: 1px 1px 3px black; box-shadow: 1px 1px 3px rgba(0,0,0,0.66); }

.pi-item { color: black; }

.pi-image-collection-tabs li { line-height: 20px !important; } .pi-image-collection-tabs .current { line-height: 20px !important; }

.pi-horizontal-group .pi-header { text-align: center; color: black; } /********* season infobox ***********/

.pi-theme-season1 .pi-title, .pi-theme-season1 .pi-secondary-background { background-color: #B270F0; color: #000000; text-align:center; } .pi-theme-season2 .pi-title, .pi-theme-season2 .pi-secondary-background { background-color: #E57AFF; color: #000000; text-align:center; }

/*Scrollbar*/
 * -webkit-scrollbar {

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

background: #F9CACA; }
 * -webkit-scrollbar-thumb:hover {

background: #CEAFCF !important; }
 * -webkit-scrollbar-thumb:active {

background: #BC2ED2 !important; }

.mptext { color: #8a3030; letter-spacing: 1px; font-size: 27px; text-transform: uppercase; text-align: center; padding-top: 10px; }

.homehover img:hover { filter: drop-shadow(0 0px 5px black); } .homehover img:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; }

.affhover img:hover { filter:drop-shadow(0 0 3px white); } .affhover img:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; } .welcome-background { background-image: url(https://vignette.wikia.nocookie.net/logosrupaulsdragrace/images/a/a8/S9-banner.png/revision/latest?cb=20170225035723); background-size: cover; } .welcome { background: linear-gradient(to right, rgba(169,211,222, 0.3),rgba(169,211,222, 0.3) ); color: white; font-weight: 400; padding: 2em 1.5em; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font-size: 150%; line-height: 125%; } .welcome a { color: white !important; }

/* Customizing the Wikia sprites — credits to Steven Universe Wiki */ .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.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.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 { 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; } .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; }

/* sparkle animation -FROM OUAT WIKI*/ .UserProfileMasthead .masthead-info .details:before { content: "✧"; display: block; font-size: 20px !important; font-family:'Arial'; margin-bottom:-15px; margin-left:-30px; color:#fff; text-shadow:0 0 4px #000; } .UserProfileMasthead .masthead-info .details:after { content: "✧"; display: block; font-size: 40px !important; font-family:'Arial'; margin-top:15px; margin-bottom:6px; margin-left:200px; color:#fff; text-shadow:0 0 4px #000; } .masthead-info .details:before, .masthead-info .details:after { -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; transition: all 3s ease; } .masthead-info:hover .details:before{ transform: rotate(-720deg); font-size:1px!important; margin-left:300px!important; } .masthead-info:hover .details:after { transform: rotate(720deg); font-size:1px!important; margin-left:300px!important; }

/* Reposition the AJAX Refresh on Wiki Activity */ .page-Special_WikiActivity #ajaxRefresh {bottom: 18px; position: absolute; right: 0; }

/***********************************************************************/ /* season 1 home - creds to monochromatic bunny*/ .home-links2 { margin:0 !important; padding:0; text-align:center; } .home-links2 li { color: white; background: url(https://i.imgur.com/Sc7RGrU.png); display:inline-block; overflow: hidden; text-align:center; margin: 1px 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; } .home-links2 li.hover, .home-links2 li:hover { background: white; color: black; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.5), 0 4px 15px 0 rgba(0, 0, 0, 0.5); } .home-links2 li.hover>a span, .home-links2 li:hover>a span { color: black; } .home-creators2 li a { display:block; text-decoration:none; padding:0 20px; } .home-creators2 li a span { font-size:20px; line-height:36px; color: white; } .home-creators2 li img { width: 90px !important; height: 90px !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding:15px; /*<-- width of blocks*/ } .home-creators2 li a { display:block; text-decoration:none; padding:0 2px; }

.home-creators2 img:hover { -webkit-filter:grayscale(90%); }