MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ @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|ITC+Novarese";

@import url(https://fonts.googleapis.com/css?family=Alegreya+SC:900);

@import url(https://fonts.googleapis.com/css?family=Fanwood+Text:900); /* Recolored usernames */ /* Recolored usernames */ a[href$=":H-awky"], a[href$="/H-awky"] { color: #339900 !important; } a[href$=":Lightningstrike from RapidClan"], a[href$="/Lightningstrike_from_RapidClan"] { color: #B300B3 !important; font-weight: bold !important; } a[href$=":StrangelyCorrupted"], a[href$="/StrangelyCorrupted"] { color: #000000 !important; font-weight: bold !important; } /* Whole page */ .WikiaPage .WikiaPageBackground { border-radius: 1pc 0pc; } /* 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 */ margin-left: -3px; } /* Page Headers */ .WikiaPageHeader h1{ /* Page Headers */ border-radius: 1pc 1pc; font-family: 'Fanwood Text', serif; font-variant: normal; font-weight: bold; text-shadow: 1px 1px 3px #CCCCCC; word-spacing: 1px; } /* RIBBON */ .WikiHeader { border-radius: 0.75em 0.75em 0 0; border-bottom: 2px solid white; -webkit-box-shadow: 0 0 1em white; -moz-box-shadow: 0 0 1em #FFF; box-shadow: 0 0 1em white; margin-bottom: 10px; } .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { border-radius: 0 0.75em 0 0.75em; } .WikiHeader > nav li:first-child { border-radius: 0.75em 0 0 0; } .WikiHeader > nav li:last-child { border-radius: 0 0.75em 0 0; } .WikiHeader nav .marked, .WikiHeader > nav .subnav-2 .marked2 .subnav-2a { border-radius: 0.75em 0.75em 0 0; } .WikiHeader nav { border-radius: 1em 1em 0 0; } .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav .subnav-3 { border-radius: 0 0.75em 0.75em 0.75em; } /* 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: #006600; 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); } /* This section sets the tag properties */ a.tag { color: inherit;

} /* ================    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', 'Arial', 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:#4CA4D2 repeat scroll 0 0 transparent; border:none; font-family: 'Lucida Grande', 'Arial', 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: #C4C4C4 border-radius:10px; border:1px solid #C4C4C4; box-shadow:0 0 40px #4CA4D2; color:#FFFFFF; font-family: 'Lucida Grande', 'Arial', Verdana, sans-serif; text-transform:uppercase; padding:3px; letter-spacing:1.5px; } .WikiaBarWrapper .tools-menu a,                                               .WikiaFooter .tools-menu a { color: #C4C4C4; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#FFFFFF; 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: #FFFFFF; color:#C4C4C4; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#FFFFFF; color:#AF8634; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:#AF8634; background-color:#FFFFFF; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #FFFFFF; color:#AF8634; 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(https://vignette.wikia.nocookie.net/spiritanimals/images/7/74/Fff0db.png/revision/latest?cb=20150202154403); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); border-radius:10px; border:1px solid #AF8634; box-shadow:0 0 40px #AF8634; color:#AF8634; font-family: 'Lucida Grande', 'Arial', 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 #FFFFFF; } /* 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: #FFFFFF; color: #AF8634; } .MyToolsConfiguration .placeholder { color:#AF8634; 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:#FFFFFF; border-radius:10px; border:1px solid #AF8634; box-shadow:0 0 40px #AF8634; color:#AF8634; font-family: 'Lucida Grande', 'Arial', Verdana, sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; } .MyToolsConfiguration .autocomplete .selected { background: #FFFFFF; color:#AF8634; font-weight:bold; } .MyToolsConfiguration li:hover { background: #FFFFFF; color:#FFFFFF; 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:#0F0602; 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', 'Arial', Verdana, sans-serif; color: #AF8634; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* 'MODULE MASTERY' CSS: START Modules are the boxes that show up on the right of the Page */ .WikiaRail { color: #AF8634; } .WikiaRail .module { background: -webkit-linear-gradient(315deg, #F4EFAE, #FFFFFF, #F4EFAE); background: linear-gradient(135deg, #F4EFAE, #FFFFFF, #F4EFAE); border: 1px solid #FFFFFF; border-radius: 2pc 1pc; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); } .WikiaRail .module h1 { font-family: 'Arial'; margin-bottom: 1px; text-transform: uppercase; } .WikiaRail .module .more { color: inherit; font-family: 'Arial'; 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 */ /* 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 #FFFFFF; border-radius: 1pc; box-shadow: 2px 2px 5px #000; height: 75px; width: 75px; } /* 'MODULE MASTERY' 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); }   background-size: 45px 45px; opacity: 1; } .avatar { /* Every instance of our avatar pic */ border: 1px solid #AF8634; 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: #D1D1D1;    background: rgba(209, 209, 209, 0.5);    border: 1px solid #1A1A1A;    border-radius: 1pc; } .Wall ul.comments > li.message > .speech-bubble-message:after { /* triangle to user pic */    border-color: #D1D1D1 #D1D1D1 transparent transparent; } .Wall .comments .SpeechBubble .msg-title a {    text-shadow: 1px 1px #CCCCCC; } .UserProfileMasthead .masthead-info { /* User Box */    border-radius: 13px 13px 2pc 2pc; } .UserProfileMasthead .masthead-info hgroup { /* User Box Name bar */    background-color: #030417;    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; } a.tag { color: inherit; } /* Custom cursor */ body { cursor: url('https://images.wikia.nocookie.net/__cb20141012221031/spiritanimals/images/b/b2/BrigCursor.png'), pointer; }
 * 1) WikiaPageBackground {