MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ @import "http://dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css"; @import "http://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"; /* Recolored usernames */ a[href$=":Matau99"], a[href$="/Matau99"] { color: #78008E !important; font-weight: bold !important; } a[href$="/wiki/User:Wonder_Rainwing"] { color: #42D4D1 !important; font-weight: bold !important; } a[href$="/wiki/User:Luckybird7765"] { color: #8C5E08 !important; font-weight: bold !important; } a[href$=":XUbiquitousx"], a[href$="/XUbiquitousx"] { color: #7A9E75 !important; font-weight: bold !important; } a[href$=":Randomchance13"], a[href$="/Randomchance13"] { color: #3104B4 !important; font-weight: bold !important; } /* Whole page */ .WikiaPage .WikiaPageBackground { border-radius: 2pc 1pc; } /* Change Pencil on Edit Button */ .wikia-menu-button .sprite.edit-pencil { background: url('http://vignette4.wikia.nocookie.net/heliosanctus/images/1/13/Pixel2.png') no-repeat !important; background-position: 0 !important; } /* 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 */ border-radius: 2pc 1pc; 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); } /* 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: #98BAE4; 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('insurtcursorlinkhere'), auto; } a:link{ cursor: url('insertgifhere'), pointer; } /* 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; } .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; } /* End of tag properties */ /* ================    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', Verdana, sans-serif; text-transform:uppercase; letter-spacing:1.5px; z-index:1 } .WikiaBarWrapper .toolbar a:hover, .WikiaFooter .toolbar a:hover { font-weight:normal; background:#3C5CA7 repeat scroll 0 0 transparent; border:none; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, 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:#3C5CA7; border-radius:10px; border:1px solid #A18AC1; box-shadow:0 0 40px #A18AC1; color:#A18AC1; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; padding:3px; letter-spacing:1.5px; } .WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color: #A18AC1; font-weight:normal; }

WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#D9E6F6 ; 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: #D6E6F6; color:orange; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#D9E6F6; color:orange ; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:#A18AC1; background-color:#D6E6F6; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #D9E6F6; color:orange; 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; text-transform:none; font-weight:normal; letter-spacing:0; } /* The "modal wrapper" is the whole of the customization "box" */ .modalWrapper { /*background:transparent url(http://images.wikia.com/tardistest/images/6/6e/75opacitygrey.png); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); border-radius:10px; border:1px solid orange; box-shadow:0 0 40px orange; color:orange; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, 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" */ .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: #D6E6F6; color:orange; } .MyToolsConfiguration .placeholder { color:orange; 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:#D6E6F6; border-radius:10px; border:1px solid orange; box-shadow:0 0 40px orange; color:orange; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; } .MyToolsConfiguration .autocomplete .selected { background: #D9E6F6; color:orange; font-weight:bold; } .MyToolsConfiguration li:hover { background: #D9E6F6; color:orange; 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-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: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; color: orange; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* 'MODULE MASTERY' CSS: START Modules are the boxes that show up on the right of the Page */

/* 'MODULE MASTERY' CSS: END */ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* CHAT SKIN CSS: START body { /* the whole page */ background-color: #DBA901; font-family: 'Trebuchet MS'; } .Chat { /* the region where the chatting shows up */ background-color: orange; 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: maroon; font-size: 14px; } .Chat .me-message { /* Changes what /me does */ color: #DBA901; } .Chat .username { /* Usernames in chat box */ color:maroon; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .Chat .you { /* Effects when you say something */ background: orange; } .ChatHeader { /* Formats the main chat header */ background: -webkit-linear-gradient(45deg, #DBA901, #333, #DBA901); background: linear-gradient(45deg, #DBA901, #333, #DBA901); background-color: #FE9A2E; 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 { /* Formats the private chat header */ font-family: 'Trebuchet MS'; margin-left: 10px; text-transform: uppercase; word-spacing: 2px; color:#DBA901; } .ChatHeader .User { /* Formats the username at top-right corner */ color:#DBA901; } .ChatWindow .UserStatsMenu { /* Lists "Message Wall", "Contributions", ect */ background-color: #DBA901; border: 3px solid #888; border-radius: 2pc 1pc; box-shadow: 0 0 12px 0 #888, inset -2px 0 5px#DBA901, inset -10px -1px 16px #000; color: #DBA901 !important; }	color: #DBA901; font-style: italic; margin-left: 5px; text-shadow: 1px 1px #333; }
 * This chat skin is based
 * off of the 'Module Mastery'
 * CSS code.
 * 1) pingspan { /* Ping phrases (?) Chat Hacks */

} /* the user's username color in the users rail */ body.ChatWindow #Rail .username { color: maroon; } .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: #DBA901; background-image: none; } .Rail .User:hover { background: #888; border-radius: 1px 1pc 1pc 1px; box-shadow: 1px 1px 1px #222; color: #ABDFF4; } .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: #A1DAEB; 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 .actions ul li .label{ color:#A1DAEB; } .UserStatsMenu .info { /* The area of this menu behind the name */ background: -webkit-linear-gradient(315deg, #252967, #2c4637); background: linear-gradient(135deg, #252967, #2c4637); border-radius: 2pc 1pc 1pc 2pc; box-shadow: 0 6px 9px rgba(0, 0, 0, 0.75), inset 0 1px #23285F,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, #231F72, #888, #231F72); background: linear-gradient(135deg,#231F72, #888, #231F72); 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 #F3E2A9; border-radius: 1pc; box-shadow: 0 0 5px #F3E2A9; } .Write [name="message"] { /* Smaller region within Textbox */ background: #F3E2A9; background: rgba(255, 255, 255, 0.03); border-radius: 1pc; } .Write .message { /* Textbox */ background: #8055A2; 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; } .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); /* 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 */ }
 * 1) WikiaPage { /* Everything within the background border */