MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ /* Disabled because we haven't copied these over @import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Common.css|MediaWiki:WikiaNav.css|MediaWiki:Mainpage.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import "//dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

@import "https://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext";

/* Changing Font */ /* Disabled because the font won't import body{ font-family: OCR A Extended; }

/* Affects a range */ .title { /* every time a link is used as a heading */ font-size: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }

/* Background */ /* Disabled until chat background can be fixed background: -webkit-linear-gradient(315deg, #3C474A, #888, #3C474A); background: linear-gradient(135deg,#3C474A,#888,#3C474A); background-size: 20px 20px !important; opacity: .99; } .WikiaPage .WikiaPageBackground { border-radius: 2pc 1pc; }
 * 1) WikiaPage {

/* Contribute Button */ .WikiHeader .buttons .contribute { /* Contribute button */ border-radius: 1pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .WikiHeader .buttons .contribiute > img { /* Paper graphic */ background-color: #05605A; margin-left: -3px; }

/* Page Headers */ .WikiaPageHeader h1{ /* Page Headers */ /* background: #393F34; */ border-radius: 2pc 1pc; /* color: #717A88; */ font-family: 'Trebuchet MS'; font-variant: small-caps; font-weight: bold; text-shadow: 1px 1px rgba(0, 0, 0, 0.75); word-spacing: 1px; }

/* RIBBON */ .WikiHeader .navbackground { border: 1px solid #000; border: 1px solid rgba(122, 122, 122, 0.43); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); } .WikiHeader > nav .marked { box-shadow: 0 0 0 rgba(0, 0, 0, 0.5),inset 0 -15px 30px rgba(0,0,0,0.3); } /* SEARCH BAR/BUTTON */ .WikiaSearch input[type="text"] { border-radius: 1em 1em 1em 1em; padding: 3px 0 3px 6px; box-shadow: 0 0 0 rgba(0,0,0,0),inset 0 5px 10px rgba(0, 0, 0, 0.3); } .WikiaSearch .wikia-button { border: 1px solid #000; border: 1px solid rgba(122, 122, 122, 0.43); box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }

/* TOPS OF PROFILES */ .UserProfileMasthead .masthead-info hgroup { box-shadow: 0 0 0 rgba(0, 0, 0, 0),inset 0 -15px 30px rgba(0,0,0,0.3); }

.UserProfileMasthead .masthead-info .tag { background: #467E80; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.56), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); }

/* DRAGON CURSORS */

body{ cursor: url('https://images.wikia.nocookie.net/wingsoffirefanon/images/1/19/%28nightwing%29.png'), auto; }

a:link{ cursor: url('https://images.wikia.nocookie.net/wingsoffirefanon/images/c/c0/%28rainwing%29.gif'), pointer; }

/* NOTIFICATIONS */

-o-border-radius:10px; border-radius:10px; margin-top: 10px; border: 2px solid #015457; padding: 10px; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }
 * 1) WallNotifications .subnav.show {

background-image: -webkit-linear-gradient(top, #398588, #2A6264); background-image: linear-gradient(to bottom, #398588, #2A6264); border-radius: 5px 0 0 5px; width:100%; }
 * 1) WallNotifications .subnav .notifications-wiki-header {

/* ===================    WIKIA NOTIFICATIONS ===================   Notifications are alerts that pop up when you get new messages or when community-corner is changed, or when Wikia sends a global message to all users. */ .WikiaNotifications, right:185px; } .WikiaNotifications li { display:block; } .WikiaNotifications li div { background: #015457; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#015457), color-stop(35%,#015457), color-stop(100%,#4FA8AC)); background: -webkit-linear-gradient(top, #015457 0%, #015457 35%, #4FA8AC 100%); background: linear-gradient(top, #015457 0%,#015457 35%,#4FA8AC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015457', endColorstr='#4FA8AC',GradientType=0 ); overflow: visible; padding: 10px; position: relative; font-family:'Gill Sans', Verdana, sans-serif; text-transform:uppercase; letter-spacing:1.5px; border:2px #fff solid; line-height:110%; max-width:300px; min-width:300px; -o-border-radius:50%/10%; border-radius:50%/10%; -o-box-shadow:0 0 20px #015457; -ms-box-shadow:0 0 20px #015457; box-shadow:0 0 20px #015457; } .WikiaNotifications li div a { color: #D4FFFF; text-decoration:none; letter-spacing:0; text-transform:none; font-style:italic; font-weight:bold; width:auto; line-height:110%; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; display:inline-block; } .WikiaNotifications li div a:hover { color:#D4FFFF; background:none; } .WikiaNotifications li div .external { color: #D4FFFF; } .WikiaNotification li div p { color:#fff } .WikiaNotifications li div a, .WikiaNotifications li div a:link { color:#D4FFFF; font-weight:bold; text-transform:none; letter-spacing:normal; } .WikiaNotifications li div p { color:#fff } .WikiaBadgeNotification { color:white; text-transform:none; letter-spacing:0 } .WikiaBadgeNotification p { letter-spacing:1px; font-size:110% }  .WikiaBadgeNotification p big { text-transform:uppercase; } /* Not quite sure which of these is right, but it doesn't seem to be the WBN.n-d a, a:hover. Can't really test this too much cause I need the notification to appear to verify changes. This does at least change the color of the text, though. */ .WikiaNotifications .WikiaBadgeNotification .notification-details, .WikiaBadgeNotification .notification-details, .WikiaBadgeNotification .nofication-details:hover, .WikiaBadgeNotification .notification-details a, .WikiaBadgeNotification .notification-details a:hover { color:#399B60 }
 * 1) WikiaNotifications {

/* This section sets the tag properties */

a.tag { color: inherit; } .tag.usergroup-sysop { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #CADB6D, #CAA726, #6C5A04) !important; background: linear-gradient(45deg, #CADB6D, #CAA726, #6C5A04) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-bureaucrat { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #6EB4DC, #264FCA, #0B046B) !important; background: linear-gradient(45deg, #6EB4DC, #264FCA, #0B046B) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-rollback { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #72DC6E, #26CA44, #046B23) !important; background: linear-gradient(45deg, #72DC6E, #26CA44, #046B23) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-founder{ color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet) !important; background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } /* We should find another group for this color .tag.usergroup-founder { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #D76EDC, #C226CA, #66046C) !important; background: linear-gradient(45deg, #D76EDC, #C226CA, #66046C) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } .tag.usergroup-autoconfirmed { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #DC6E6E, #CA2626, #6B0404) !important; background: linear-gradient(45deg, #DC6E6E, #CA2626, #6B0404) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-inactive { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #DCA56E, #CA7826, #6C3804) !important; background: linear-gradient(45deg, #DCA56E, #CA7826, #6C3804) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-newuser { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #6C0048, #CA2694, #6C0449) !important; background: linear-gradient(45deg, #6C0048, #CA2694, #6C0449) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } .tag.usergroup-chatmoderator { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #006C52, #26CAA4, #046C53) !important; background: linear-gradient(45deg, #006C52, #26CAA4, #046C53) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-jshelper { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #FF981A, #DCB225, #92470E) !important; background: linear-gradient(45deg, #FF981A, #DCB225, #92470E) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-templatehelper { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #6C1313, #DF5353, #2A0707) !important; background: linear-gradient(45deg, #6C1313, #DF5353, #2A0707) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; }

.tag.usergroup-csshelper { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #6B0DF8, #5D12CD, #41039F) !important; background: linear-gradient(45deg, #6B0DF8, #5D12CD, #41039F) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } .tag.usergroup-blocked { color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(45deg, #330000, #460C0C, #3F0505) !important; background: linear-gradient(45deg, #330000, #460C0C, #3F0505) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } .tag.usergroup-cofounder{ color: white !important; border-radius: 2pc !important; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet) !important; background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important; text-shadow: 1px 1px 1px #666 !important; } /* ================    GLOBAL AND ACCOUNT NAVIGATION ================   'Global' is links to other wikia wikis; 'Account' is log in/out and user account nav ================   This is the very top strip on every page, from the wikia logo to "log in/out" ================ */ .AccountNavigation a:hover, .GlobalNavigation a:hover { background:#2CAFB4; color:#2CAFB4; } /* ++++++++++++++++    Makes a user's name to be white in the header ++++++++++++++++ */ .AccountNavigation > li > a { color:white; } .GlobalNavigation > li > a { font-size:11px; } /* This part sets the colors of the highlighted submenus */ .GlobalNavigation .subnav .catnav a:hover { background-color: #2CAFB4; } /* ++++++++++++++++    Broader coding for the account/global navigation ++++++++++++++++ */ .GlobalNavigation li, .AccountNavigation li { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; color:#015457 } .GlobalNavigation li:hover, .AccountNavigation li:hover { background:#2CAFB4; font-weight:normal; color:#5ECED2 } .AccountNavigation .subnav { background-color:#D3F5F6; -o-border-radius:10px; border-radius:10px; border:1px solid #015457; -o-box-shadow:0 0 40px #015457; -ms-box-shadow:0 0 40px #015457; box-shadow:0 0 40px #015457; color:#015457; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; padding:3px; font-weight:bold; letter-spacing:0; margin-top:10px; } .GlobalNavigation .subnav { text-transform:uppercase; font-size:80%; background-color:#D3F5F6; -o-border-radius:10px; border-radius:10px; border:1px solid #015457; -ms-box-shadow:0 0 40px #015457; -o-box-shadow:0 0 40px #015457; box-shadow:0 0 40px #015457; color:#015457; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; padding:3px; font-weight:bold; line-height:1.2; letter-spacing:0; margin-top:10px; } /* This actually controls the text of the un-hovered lists */ .GlobalNavigation .subnav li > a { letter-spacing:0; color:#015457; font-weight:bold; text-transform:capitalize; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; } .AccountNavigation .subnav li > a { color:#015457; font-weight:bold; text-transform:capitalize; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; } .GlobalNavigation .subnav li li a:hover { font-weight:bold; border:none; background:#2CAFB4 repeat scroll 0 0 #D9E6E6; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; } .AccountNavigation .subnav a:hover { font-weight:bold; border:none; background:#2CAFB4 repeat scroll 0 0 #D9E6E6; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

/* ================    FOOTER ================ */

/* This footer is the one at bottom of articles */ .WikiaArticleFooter { padding:0; }

/* Footer in general */ /* This controls the whole horizontal strip that's found on the bottom of most pages. At a minimum, it includes the MyTools and Configuration sub menus, but many users will also have shortcuts to their favorite tools, like History and File Upload, in this area. */

.WikiaBarWrapper .toolbar, .WikiaFooter .toolbar { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; z-index:1 }

.WikiaBarWrapper .toolbar a:hover, .WikiaFooter .toolbar a:hover { font-weight:normal; background:#2CAFB4 repeat scroll 0 0 transparent; border:none; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; letter-spacing:1.5px; }

/* ==============    MYTOOLS MENU ==============

Those elements not specified in the .WikiaFooter .tools-menu range are inherited from .Wikifooter .toolbar range. Thus the font for the MyTools menu is currently specified above. It wouldn't have to be; if one wanted to make the font in MyTools menu different from that of the rest of the (horizontal) footer tools menu, one would merely define it in the group below. */

.WikiaBarWrapper .tools-menu, .WikiaFooter .tools-menu { background-color:#2CAFB4; -o-border-radius:10px; border-radius:10px; border:1px solid #015457; -ms-box-shadow:0 0 40px #015457; -o-box-shadow:0 0 40px #015457; box-shadow:0 0 40px #015457; color:#015457; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; padding:3px; letter-spacing:1.5px; }

.WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color: #015457; font-weight:normal; }

.WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#D9E6E6 ; font-weight:normal }

/* ===============    MYTOOLS CONFIGURATION ===============   That is, the thing that pops up     when you hit "configuration" on the footer tool bar. */

.MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #D3F5F6; color:#015457; }

.MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#D9E6E6; color:#015457; }

.MyToolsConfiguration .popular-tools-group { background-image:none; color:#015457; background-color:#D3F5F6; }

.MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #D9E6E6; color:#015457; font-weight:normal; }

/* This is the headline for all things in a modal wrapper — mainly the Customize and picture boxes. Another way of defining the headlines of the modal wrappers, is to be specific, as in   .MyToolsConfiguration h1 */

.modalWrapper > h1 { font-style:normal; font-size: 20px; line-height: 110%; text-align:left; margin-bottom:10px; padding-bottom:10px; margin-left:15px; font-family:Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;*/ text-transform:none; font-weight:normal; letter-spacing:0; }

/* The "modal wrapper" is the whole of the customization "box" */

.modalWrapper { /*background:transparent url(https://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); -o-border-radius:10px; border-radius:10px; border:1px solid #015457; -ms-box-shadow:0 0 40px #015457; -o-box-shadow:0 0 40px #015457; box-shadow:0 0 40px #015457; color:#015457; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:none; font-size:11pt; padding:3px; font-weight:normal; } /* This is the bulk of the area INSIDE the configuration box, including everything but a small border, and the words "customize toolbox"

This is currently turned off, but I leave it behind just in case it   might prove useful in future

.MyToolsConfiguration form { }



.MyToolsConfiguration ul { border:1px solid #AAA; }

/* The following two lines referencing input was an attempt to change the input box in the configuration box. It doesn't appear to have worked, but it's not that crucial that I get it working. I'm leaving this as unsolved as of 13 Mar 11. */

.MyToolsConfiguration input[type="text"] { background-color: #D3F5F6; color:#015457; }

.MyToolsConfiguration .placeholder { color:#015457; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; }

/* The following creates a dropdown when text is entered in the search area. Matches other similar dropdowns on the wiki. */

.MyToolsConfiguration .autocomplete { background-color:#D3F5F6; -o-border-radius:10px; border-radius:10px; border:1px solid #015457; -ms-box-shadow:0 0 40px #015457; -o-box-shadow:0 0 40px #015457; box-shadow:0 0 40px #015457; color:#015457; font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; }

.MyToolsConfiguration .autocomplete .selected { background:none repeat scroll 0 0 #D9E6E6; color:#015457; font-weight:bold; }

.MyToolsConfiguration li:hover { background:#2CAFB4 repeat scroll 0 0 #D9E6E6; color:#015457; font-weight:bold; }

/* Changing where the "edit section" button goes and what it looks like */

.editsection a { text-transform:lowercase; letter-spacing:1px; font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif; /*font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; */ font-size:70%; font-style:italic; font-weight:bold; color:#1E3738; text-align: left; margin-left:-10px; }

/* ++++++++++++++++++    TALLY STYLING IN    THE RAIL ++++++++++++++++++   This styles the actual number in number of pages on wiki +++++++++++++++++++ */

.LatestPhotosModule .tally em, .WikiaPagesOnWikiModule .tally em { text-transform:uppercase; letter-spacing:0; font-weight:normal; line-height:1; font-family: 'Futura', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; color: #015457; }

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

/* 'MODULE MASTERY' CSS: START

Modules are the boxes that

show up on the right of the

Page

*/

.WikiaRail { color: #d5d4d4 }

.WikiaRail .module { background: -webkit-linear-gradient(315deg, #3C474A, #888, #3C474A); background: linear-gradient(135deg,#3C474A, #888, #3C474A); border: 1px solid #888; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75);

}

.WikiRail .module h1 { font-family: 'Trebuchet MS'; margin-bottom: 1px; text-transform: uppercase; }

.WikiaRail .module .more { color: inherit; font-family: 'Trebuchet MS'; font-style: italic; text-shadow: 0 1px #000; }

.WikiaRail .module .wikia-button { border: 1px solid #000; border: 1px solid rgba(122,122,122,0.43); border-radius: 2pc 1pc 3pc 2pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); height: 15px; padding-bottom: 2px; text-align: center; text-shadow: 0 0 2px #000,1px 1px 9px #000; width: 246px;

} /* NOTE: if there are more modules with buttons... this may become a pain */

/* Search Bar "Module" */

.wikinav2 .WikiaSearchHeader > .WikiaSearch { background: -webkit-linear-gradient(315deg, #3C474A, #888, #3C474A); background: linear-gradient(135deg,#3C474A, #888, #3C474A); border: 1px solid #888; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); padding: 10px 2px 10px 10px; } /* NOTE: not interchangeable with .WikiaSearch */

.WikiaSearch input[type="text"] { border: 1px solid #888; border-radius: 2pc 1pc; box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.62), inset 0 -5px 10px #464646; padding: 10px 0 6px 6px; }

.WikiaSearch .wikia-button { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); border-radius: 2pc; height: 34px; width: 38px; }

/* Chat Module */

.ChatModule .chat-join { top: 105px; }

.ChatModule .chat-whos-here { background: -webkit-linear-gradient(315deg, #111 50%, #000 50%); background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 2pc; box-shadow: 0 0 10px #CCC; }

.ChatModule .chat-whos-here .carousel-container { background-color: #000; background-color: rgba(255, 255, 255, 0.06); border-radius: 1pc; }

.ChatModule .chat-headline .chat-total { border: 1px solid #888; line-height: 12px; }

/* HotSpots Module: NOTE: no changes applied to severity, but that's where you'd put them */

.HotSpotsModule li div div { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); }

.HotSpotsModule li .hot-spot-severity-1 { /* the tag for most editors */

}

.HotSpotsModule li .hot-spot-severity-2 { /* the tag for 2nd most editors */

}

.HotSpotsModule li .hot-spot-severity-4 { /* the tag for 4th most editors */

}

/* LatestPhotos Module */

.LatestPhotosModule .wikia-button{ width: 100px !important; }

.LatestPhotosModule ul li { border:none; }/* NOTE: most properties are locked- use the ul li img for changes */

.LatestPhotosModule ul li img { border: 1px solid #888; border-radius: 1pc; box-shadow: 2px 2px 5px #000; height: 75px; width: 75px; }

/* 'MODULE MASTERY' CSS: END */

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

/*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* CHAT SKIN CSS: START
 * This chat skin is based
 * off of the 'Module Mastery'
 * CSS code.

body { /* the whole page */ font-family: 'Trebuchet MS', Helvetica, sans; } .Chat { /* the region where the chatting shows up */ background-color: #0F1612; border-left: 2px solid #888; border-top: 2px solid #888; border-top-left-radius: 2pc; font-family: 'Trebuchet MS'; } .Chat .avatar { /* User pictures on the left side of the chat */ border: 1px solid #888; border-radius: 0.5pc; box-shadow: 0 0 2px #000; } .Chat .inline-alert { /* ~Inline alerts~ */ color: #7DB393; font-size: 14px; } .Chat .username { /* Usernames in chat box */ color:#87A987; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: #18231E; } .ChatHeader { background: -webkit-linear-gradient(45deg, #0C171A, #333, #0C171A); background: linear-gradient(45deg, #0C171A, #333, #0C171A); background-color: #1a251f; border: 1px solid #555; border-radius: 2pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .ChatHeader .private { font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #0F1612; border: 3px solid #888; border-radius: 2pc 1pc; box-shadow: 0 0 12px 0 #888, inset -2px 0 5px#3B5742, inset -10px -1px 16px #000; color: #FFF; }	color: #A0A83B; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333; } .Rail .private { /* Private message bar */ background: -webkit-linear-gradient(315deg, #111 50%, #000 50%); background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 1pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255, 255, 255, 0.08),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .public { /* Space behind the logo on the Rail */ background: -webkit-linear-gradient(315deg, #333 50%, #222 50%); background: linear-gradient(135deg, #333 50%, #222 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 1px 1pc 1pc 1px; } .Rail .selected{ /* Wiki logo or selected PM */ background: -webkit-linear-gradient(315deg, #111 50%, #000 50%); background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 1px 1pc 1pc 1px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .Rail .splotch { /* Number of missed messages */ background-color: #007A21; background-image: none; } .Rail .User:hover { background: #888; border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #222; color: #00FF74; } .User img{ /* User Avatars on right as well as own at top right */ border: 1px solid #888; border-radius: 0.5pc; box-shadow: 0 0 2px #000; } .UserStatsMenu .actions ul li { /* the 'body' of this menu */ border-radius: 1pc; color: #78cb97; text-shadow: 1px 1px 2px #000; } .UserStatsMenu .actions ul li:hover { /* hovering over an option of this menu */ background: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5)); background: linear-gradient(to right,rgba(85, 85, 85, 0.5), rgba(136, 136, 136, 0.5), rgba(85, 85, 85, 0.5)); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .UserStatsMenu .info { /* The area of this menu behind the name */ background: -webkit-linear-gradient(315deg, #18231E, #2c4637); background: linear-gradient(135deg, #18231E, #2c4637); border-radius: 2pc 1pc 1pc 2pc; box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px #62C97B,inset 0 10px rgba(255, 255, 255, 0.03),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .UserStatsMenu .info img { /* The picture on this menu */ border: 1px solid #222; border-radius: 3pc 1pc 1pc; }	background: -webkit-linear-gradient(315deg, #3C474A, #888, #3C474A); background: linear-gradient(135deg,#3C474A, #888, #3C474A); border: 1px solid #888; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .wordmark img { /* Wings of Fire WIKI logo */ margin-left: 5px; } .Write img { /* Picture to left of textbox */ border: 1px solid #222; border-radius: 1pc; box-shadow: 0 0 5px #000; } .Write [name="message"] { /* Smaller region within Textbox */ background: #000; background: rgba(255, 255, 255, 0.03); border-radius: 1pc; } .Write .message { /* Textbox */ background: -webkit-linear-gradient(315deg, #111 50%, #000 50%); background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border-radius: 2pc; padding: 10px; } /* CHAT SKIN CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* This will allow us to have special dropdown menus */ .custom-dropdown { padding: 1px 8px; } .custom-dropdown > :first-child:after { background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D"); border-color: white transparent transparent; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 1px; margin-left: 4px; margin-top: 2px; position: relative; vertical-align: middle; width: 1px; } .custom-dropdown:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: -1px; padding-bottom: 2px; } .custom-dropdown ul { list-style: none outside none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { font-size: 12px; height: 14px; line-height: 14px; } /* Dropdown end */ /* The following code was added in a hurry... I (Heliosanctus) will try to put it where it should go at another time */ .WikiHeader > nav li { /* Cleans up how the tabs meet the ribbon */ border-bottom: none; }
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */
 * 1) WikiaPage { /* Everything within the background border */

.follow.wikia-button { /* "Stalking" Button */ border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); opacity: 1; }

.share-button{ /* "Share" Button */ border-radius: 1pc; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255, 255, 255, 0.1),inset 0 10px rgba(245, 255, 243, 0.1); }

background: -webkit-radial-gradient(0% 8%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(0% 100%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(100% 0%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(100% 100%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(10% 10%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(10% 90%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(90% 10%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(90% 90%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(20% 20%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(20% 80%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(80% 20%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(80% 80%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(30% 30%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(30% 70%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(70% 30%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(70% 70%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(40% 40%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(40% 60%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(60% 40%, circle, transparent 9px, #172422 11px, transparent 12px), -webkit-radial-gradient(60% 60%, circle, transparent 9px, #172422 11px, transparent 12px), #172725; background: -webkit-radial-gradient(0% 8%, circle, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 0% 100%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 100% 0%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 100% 100%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 10% 10%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 10% 90%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 90% 10%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 90% 90%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 20% 20%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 20% 80%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 80% 20%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 80% 80%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 30% 30%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 30% 70%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 70% 30%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 70% 70%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 40% 40%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 40% 60%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 60% 40%, transparent 9px, #172422 11px, transparent 12px), radial-gradient(circle at 60% 60%, transparent 9px, #172422 11px, transparent 12px), #172725; background: radial-gradient(circle at 0% 8%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 0% 100%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 100% 0%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 100% 100%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 10% 10%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 10% 90%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 90% 10%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 90% 90%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 20% 20%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 20% 80%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 80% 20%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 80% 80%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 30% 30%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 30% 70%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 70% 30%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 70% 70%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 40% 40%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 40% 60%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 60% 40%, transparent 9px, #172422 11px, transparent 12px),radial-gradient(circle at 60% 60%, transparent 9px, #172422 11px, transparent 12px), #172725; background-size: 45px 45px; opacity: 1; }
 * 1) WikiaPageBackground {

.avatar { /* Every instance of our avatar pic */ border: 1px solid #1a251f; border-radius: 10px; box-shadow: 1px 1px 7px #111; }

.WikiaFooter section { /* "Around Wikia's network */   border-radius: 5pc 1pc 0 1pc; }

.Wall ul.comments > li.message > .speech-bubble-message { /* First comment on thread */ background: #000; background: rgba(34, 67, 64, 0.5); border: 1px solid #0D201C; border-radius: 1pc; }

.Wall ul.comments > li.message > .speech-bubble-message:after { /* triangle to user pic */ border-color: #113A37 #113A37 transparent transparent; }

.Wall .comments .SpeechBubble .msg-title a { text-shadow: 1px 1px #040F0F; }

.UserProfileMasthead .masthead-info { /* User Box */ border-radius: 13px 13px 2pc 2pc; } .UserProfileMasthead .masthead-info hgroup { /* User Box Name bar */ background-color: #307072; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); border-radius: 13px; }