MediaWiki:Wikia.css

@import "http://rhythmheaven.wikia.com/index.php?title=MediaWiki:NewNav.css&action=raw&ctype=text/css"; @import "http://rhythmheaven.wikia.com/index.php?title=MediaWiki:Wikia.css/buttons.css&action=raw&ctype=text/css"; @import "http://dev.wikia.com/index.php?title=Highlight/code.css&action=raw&ctype=text/css"; /************************************************************************/ /*** Rhythm Heaven Wiki users: coloring users with additional rights ****/ /************************************************************************/ /* Administrators: Sky Blue */ a[href="/wiki/User:PaperScarf"], a[href="/wiki/User:Yami_Arashi"] { font-weight:bold !important; color:#87CEEB !important; } a[href="/wiki/User:PaperScarf"]:hover, a[href="/wiki/User:Yami_Arashi"]:hover { text-shadow:none !important; } /* Rollback: Orange */ a[href="/wiki/User:"] { color:#FF8C00 !important; } a[href="/wiki/User:"]:hover { text-shadow:none !important; } /* Bot: Green */ a[href="/wiki/User:Thisismybot"], a[href="/wiki/User:Yuzubot"] { color:#32CD32 !important; } a[href="/wiki/User:Thisismybot"]:hover, a[href="/wiki/User:Yuzubot"]:hover { text-shadow:none !important; } /************************************************************************/ /************************* Customizing Buttons **************************/ /************************************************************************/ a.wikia-button, .wikia-menu-button.contribute.secondary, .wikia-single-button a, .wikia-menu-button.secondary, input[type="submit"], input[type="reset"], input[type="button"], .button, button, .WikiaHeader li>.wikia-button, .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a { /* Chrome10+,Safari5.1+*/ -moz-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); -webkit-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); background: linear-gradient(to right, #f0f, #0000FF) !important; box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); color: #fff !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=' #f3c5bd', endColorstr=' #c72200', GradientType=0 ); } button:hover, a.wikia-button:hover, .wikia-menu-button.contribute.secondary:hover, .wikia-single-button a:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover, .wikia-menu-button.secondary:hover .WikiaHeader li > .wikia-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { /* IE6-9 */ -moz-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); -webkit-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); background: linear-gradient(to right, #c0c, #0000CC) !important; box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); color: white; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=' #f85032', endColorstr=' #e73827', GradientType=0 ); text-shadow: 0 0 0 darkblue; } /* .wikia-menu-button.active, */ .button.active, .button: active, button.active, button: active, .WikiaHeader li>.wikia-button: active, .wikia-menu-button>a: active, a.wikia-button.active, a.wikia-button: active, .wikia-menu-button.contribute.secondary: active, .wikia-single-button a.active, .wikia-single-button a: active, input[type="submit"].active, input[type="submit"]: active, input[type="reset"].active, input[type="reset"]: active, input[type="button"].active, input[type="button"]: active, .wikia-menu-button.secondary: active; .wikia-menu-button .drop:active { /* Chrome,Safari4+*/ -moz-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); -webkit-box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); background: linear-gradient(to bottom, rgba(254, 204, 177, 1) 0, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%); box-shadow: 7px 7px 8px rgba(50, 50, 50, 0.69); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=' #feccb1', endColorstr=' #fb955e', GradientType=0 ); } a.wikia-button, wikia-single-button a, .wikia-single-button, input[type="submit"], input[type="reset"], input[type="button"], div.chat-join button, div.chat-start button, nav.wikia-menu-button, .wikia-menu-button, .WikiaRail .module .wikia-button, WikiaRail #RIGHT_SKYSCRAPER .wikia-button, .WikiaPagesOnWikiModule .wikia button, .LatestPhotosModule .wikia-button, .WikiaRail .WikiFooter .buttons a, .WikiaPageHeader a.wikia-button, div.UserProfileActionButton a.wikia-button, .WikiaFooter .wikia-button { -khtml-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; } /* Adding background */ body.mediawiki { background-repeat: repeat; background: #ececec url("http://images2.wikia.nocookie.net/__cb20130125203615/yuzura/images/9/92/Untitled_Background_3.png") fixed center top !important; } .WikiaPage { -moz-border-radius: 6px; -moz-box-shadow: 0 0 30px #000; -webkit-border-radius: 6px; -webkit-box-shadow: 0 0 30px #000; border-radius: 6px; box-shadow: 0 0 30px #000; } .WikiaArticle h3 { border-bottom: 1px dotted #000; } /* Link hover colors */ a:hover { text-shadow: 1px 1px 6px #7E7E7E; color:#C0C; }
 * 1) WikiaSpotlightsModule .wikia-button,

/************************************************************************/ /************************** Categories Design ***************************/ /************************************************************************/ .CategorySelect.articlePage .container, -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#FF8C00; background-image: -webkit-linear-gradient(bottom, #FF8C00 28%, #F00 82%) !important; border-radius: 5px; border: 0 solid white; } .CategorySelect.articlePage .container a,	color: #fff; } .CategorySelect.articlePage .container a:hover, color: #00C; }	padding: 5px 3px; }	color: #000; font-weight: bold; }	color: #00C; text-decoration:none; }	-icab-border-radius: 1em; -khtml-border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; text-decoration:none; color: #00C !important; } /* Customizing comments */ .SpeechBubble .speech-bubble-message { background-image: -webkit-linear-gradient(bottom, #ccc 28%, #fff 82%) !important; border: 1px outset midnightblue; } .SpeechBubble.even .speech-bubble-message { background: linear-gradient(to right, #fff, #FF00FF); border: 1px outset midnightblue; } .SpeechBubble.owner .speech-bubble-message { background: linear-gradient(to right, #fff, #FF00FF); border: 1px outset midnightblue; } .SpeechBubble .speech-bubble-message.current { background: linear-gradient(to right, #fff, #FF00FF); border: 1px outset midnightblue; } .SpeechBubble .speech-bubble-message a:hover { color: #00c; } /* Customizing user tabs */ .tabs .selected a, .Tabs-selected a { -moz-border-radius: .8 2em 0 0; -webkit-border-radius: .8 2em 0 0; background: linear-gradient(to right, #C0C, #00C) !important; border-bottom: 1px solid transparent; border: 2px dashed midnightblue; color: white; cursor: text; font-weight: bold; text-decoration: none; } .tabs li a, .Tabs a { -moz-border-radius: .8 2em 0 0; -webkit-border-radius: .8 2em 0 0; background: linear-gradient(to right, #f0f, #00F) !important; border-image: initial; border-top-left-radius: 15px; border: 2px outset midnightblue; color: white; display: inline-block; font-size: 14px; line-height: 23px; padding: 6px 12px 3px; position: relative; top: 1px; } .tabs li a:hover, .Tabs a:hover { -moz-border-radius: .8 2em 0 0; -webkit-border-radius: .8 2em 0 0; background: linear-gradient(to right, #C0C, #00C) !important; border: 2px dashed midnightblue; padding-bottom: 2px; text-decoration: none; } /* Modifying global navigation li hover link appearance */ .GlobalNavigation > li:hover, .AccountNavigation > li:hover, .WallNotifications > li:hover { background-image: none !important; background-color: rgba(192, 192, 192, 0.1) !important; background-color: silver; box-shadow: 0px 3px 15px -3px silver inset; -moz-box-shadow: 0px 3px 15px -3px silver inset; -webkit-box-shadow: 0px 3px 15px -3px silver inset; } .GlobalNavigation .subnav li a, .GlobalNavigation .subnav .catnav a { background: none; color: #FFFFFF; } .GlobalNavigation .subnav .catnav a, .AccountNavigation .subnav li, .WikiaMenuElement li, #WallNotifications .subnav li.read_notification, #WallNotifications .subnav li.unread_notification { border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; transition: background-color .5s, box-shadow .5s; -webkit-transition: background-color .5s, box-shadow .5s; -moz-transition: background-color .5s, box-shadow .5s; -o-transition: background-color .5s, box-shadow .5s; } .GlobalNavigation .subnav .catnav a:hover, .AccountNavigation .subnav li:hover, .WikiaMenuElement li:hover, #WallNotifications .subnav li.read_notification:hover, #WallNotifications .subnav li.unread_notification:hover { background-color: rgba(192, 192, 192, 0.1) !important; background-color: silver; box-shadow: 0px 3px 15px -3px silver inset; -moz-box-shadow: 0px 3px 15px -3px silver inset; -webkit-box-shadow: 0px 3px 15px -3px silver inset; } /* Hide siderail and expand content area in MediaWiki namespace makes it easier to read JavaScript/CSS/other code pages */ body.ns-8.wikia-grid #WikiaMainContent, body.ns-8.wikia-grid #WikiaMainContent { width: 1010px; } body.ns-8.wikia-grid #WikiaRail { display: none; } /* Remove image attribution */ .WikiaArticle .picture-attribution { display:none; }   background: none; } /* Gradient to Global Navigation */ .GlobalNavigation .subnav { background:#C0C; background: -moz-linear-gradient(left, #CC0000, #0000CC);background: -webkit-gradient(linear,left, #CC0000, #0000CC); background: -webkit-linear-gradient(left, #CC0000, #0000CC); background: -o-linear-gradient(left, #CC0000, #0000CC); background: -ms-linear-gradient(left, #CC0000, #0000CC); background: linear-gradient(to right, #CC0000, #0000CC); border: 1px solid hotpink; color: white border-radius: 100%/10px; -moz-border-radius: 100%/10px; -webkit-border-radius: 100%/10px; transition: background-color .5s, box-shadow .5s; -webkit-transition: background-color .5s, box-shadow .5s; -moz-transition: background-color .5s, box-shadow .5s; -o-transition: background-color .5s, box-shadow .5s; background-color: rgba(192, 192, 192, 0.1) !important; background-color: silver; box-shadow: 0px 3px 15px -3px silver inset; -moz-box-shadow: 0px 3px 15px -3px silver inset; -webkit-box-shadow: 0px 3px 15px -3px silver inset; } /* General CSS */ .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } /* Tabber styling */ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } ul.tabbernav li a:link { color: white !important; } ul.tabbernav li a:hover { color: white !important; background: -moz-linear-gradient(left, #CC00CC, #0000CC) !important; background: -webkit-gradient(linear,left, #CC00CC, #0000CC) !important; background: -webkit-linear-gradient(left, #CC00CC, #0000CC) !important; background: -o-linear-gradient(left, #CC00CC, #0000CC) !important; background: -ms-linear-gradient(left, #CC00CC, #0000CC) !important; background: linear-gradient(to right, #CC00CC, #0000CC) !important; border: 1px dashed midnightblue !important text-shadow: 0em 0em 0.5em #000000!important; } ul.tabbernav li.tabberactive a { background: -moz-linear-gradient(left, #CC00CC, #0000CC) !important; background: -webkit-gradient(linear,left, #CC00CC, #0000CC) !important; background: -webkit-linear-gradient(left, #CC00CC, #0000CC) !important; background: -o-linear-gradient(left, #CC00CC, #0000CC) !important; background: -ms-linear-gradient(left, #CC00CC, #0000CC) !important; background: linear-gradient(to right, #CC00CC, #0000CC) !important; } ul.tabbernav li a { background: -moz-linear-gradient(left, #FF00FF, #0000FF) !important; background: -webkit-gradient(linear,left, #FF00FF, #0000FF) !important; background: -webkit-linear-gradient(left, #FF00FF, #0000FF) !important; background: -o-linear-gradient(left, #FF00FF, #0000FF) !important; background: -ms-linear-gradient(left, #FF00FF, #0000FF) !important; background: linear-gradient(to right, #FF00FF, #0000FF) !important; color: white !important; border: 1px dashed midnightblue !important; margin-left: 0px !important; margin-right: 3px; -moz-border-radius:1em; -khtml-border-radius: 1em; -webkit-border-radius:1em; border-radius: 1em; text-shadow: 0.2em 0.2em 0.5em #000000 !important; } .tabberlive .tabbertab { border: none !important; } ul.tabbernav { border-bottom: none !important; } .tabberlive .editsection { display: none; } /************************************************************************/ /*** Article Comments - Staff Highlighting - Courtesy of Xiaolinpedia ***/ /************************************************************************/ .comments li[data-user="Yuzura"] > blockquote:after { background:url("http://images4.wikia.nocookie.net/icarly/images/a/a5/%40admins_sig_line7.png") bottom center no-repeat !important; border-color: 2px dashed midnightblue !important; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; color: white !important; background: -moz-linear-gradient(left, #FF00FF, #0000FF) !important; background: -webkit-gradient(linear,left, #FF00FF, #0000FF) !important; background: -webkit-linear-gradient(left, #FF00FF, #0000FF) !important; background: -o-linear-gradient(left, #FF00FF, #0000FF) !important; background: -ms-linear-gradient(left, #FF00FF, #0000FF) !important; background: linear-gradient(to right, #FF00FF, #0000FF) !important; } .comments li[data-user="Yuzura"] > blockquote { background:url("http://images4.wikia.nocookie.net/icarly/images/a/a5/%40admins_sig_line7.png") bottom center no-repeat !important; border-color: 2px dashed midnightblue !important; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; color: white !important; background: -moz-linear-gradient(left, #FF00FF, #0000FF) !important; background: -webkit-gradient(linear,left, #FF00FF, #0000FF) !important; background: -webkit-linear-gradient(left, #FF00FF, #0000FF) !important; background: -o-linear-gradient(left, #FF00FF, #0000FF) !important; background: -ms-linear-gradient(left, #FF00FF, #0000FF) !important; background: linear-gradient(to right, #FF00FF, #0000FF) !important; } .comments li[data-user="PaperScarf"] > blockquote:after { background:url("http://images4.wikia.nocookie.net/icarly/images/a/a5/%40admins_sig_line7.png") bottom center no-repeat !important; border-color: 2px dashed midnightblue !important; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; color: white !important; background: -moz-linear-gradient(left, #FF00FF, #0000FF) !important; background: -webkit-gradient(linear,left, #FF00FF, #0000FF) !important; background: -webkit-linear-gradient(left, #FF00FF, #0000FF) !important; background: -o-linear-gradient(left, #FF00FF, #0000FF) !important; background: -ms-linear-gradient(left, #FF00FF, #0000FF) !important; background: linear-gradient(to right, #FF00FF, #0000FF) !important; } .comments li[data-user="PaperScarf"] > blockquote { background:url("http://images4.wikia.nocookie.net/icarly/images/a/a5/%40admins_sig_line7.png") bottom center no-repeat !important; border-color: 2px dashed midnightblue !important; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; color:#FFF !important; background: -moz-linear-gradient(left, #FF00FF, #0000FF) !important; background: -webkit-gradient(linear,left, #FF00FF, #0000FF) !important; background: -webkit-linear-gradient(left, #FF00FF, #0000FF) !important; background: -o-linear-gradient(left, #FF00FF, #0000FF) !important; background: -ms-linear-gradient(left, #FF00FF, #0000FF) !important; background: linear-gradient(to right, #FF00FF, #0000FF) !important; } /*** Browser buttons located in the middle ***/ .WikiHeader .buttons { bottom: 30px; }  text-align: left; position: relative; left: 1px; cursor: pointer; border: 2px solid midnightblue; height: 26px !important; width: 26px; background:midnightblue; -moz-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; } .Destacado, .WikiaRail .module, .RailCode { border-radius: 1em; background: rgb(246,248,249); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
 * 1) WikiaArticleCategories {
 * 1) WikiaArticleCategories a {
 * 1) WikiaArticleCategories a:hover {
 * 1) catlinks a,
 * 2) WikiaArticleCategories a {
 * 1) mw-normal-catlinks > a,
 * 2) WikiaArticleCategories a.categoriesLink {
 * 1) mw-normal-catlinks > a:hover,
 * 2) WikiaArticleCategories a.categoriesLink:hover {
 * 1) catlinks li a:hover,
 * 2) WikiaArticleCategories li a:hover {
 * 1) WikiaUserPagesHeader {
 * 1) WikiaSearch button {

border:3px outset midnightblue !important; } .WikiHeader nav li a{ font-size:80%; text-shadow:0px 0px 0px white; } /* Background Style */ .WikiaHeader, #WikiaBarWrapper .wikia-bar { background:#33F; background-image: -webkit-linear-gradient(bottom, #33F 28%, #00C 82%) !important; } .UserProfileMastheadSearch .WikiaSearch { float: right; margin-right: 3px; margin-bottom: -39px; width: 200px; z-index: 1002; } .UserProfileMasthead .masthead-avatar { height: 120px; width: 120px; position: relative; float: left; left: 0px; top: 0px; margin-top: -15px; margin-right: 0px; padding: 0px; border: none; background: none; } .UserProfileMasthead .masthead-avatar .avatar { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; } .UserProfileMasthead .masthead-info { color: #000; background-position: center; background: #e6f0a3; /* Old browsers */ background: -moz-linear-gradient(-45deg, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */ background: linear-gradient(135deg, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: relative; float: right; margin-left: 10px; margin-top: -30px; margin-bottom: -50px; margin-right: 40px; width: 800px; z-index: 1000; } /* Remove chevron */ .UserProfileMasthead .masthead-info-lower::before { display: none; } /* Username field */ .UserProfileMasthead .masthead-info h1 { font-size: 25px; } /* Masthead bottom half */ .UserProfileMasthead .masthead-info > div { padding: 6px 15px 6px 15px; } .UserProfileMasthead .details span { color:#000000; } .UserProfileMasthead .wikis span { color:#000000; } .UserProfileMasthead .masthead-info .group { top: -1px; color: #000000; background-color: #5097FA; font-size: 11px; text-transform: capitalize; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .UserProfileMasthead .masthead-info hgroup { color: #FFFFFF; background: -moz-linear-gradient(left, #CC0000, #0000CC);background: -webkit-gradient(linear,left, #CC0000, #0000CC); background: -webkit-linear-gradient(left, #CC0000, #0000CC); background: -o-linear-gradient(left, #CC0000, #0000CC); background: -ms-linear-gradient(left, #CC0000, #0000CC); background: linear-gradient(to right, #CC0000, #0000CC); border: 1px solid hotpink; padding: 1px 15px 1px 15px; height: auto; min-height: 40px; }