MediaWiki:Wikia.css

/* ===================    CSS IMPORTS ===================   These imports must be above everything else in order to work =================== */ @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:FandomizedThemeDesigner/dark.css&only=styles'); @import "https://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway|Ubuntu|Parisienne|Poiret One|Rock Salt: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"; /* Background stuff */ /* Experimental new version */ body.skin-oasis { background: #ffc063 url(https://vignette.wikia.nocookie.net/wingsoffire/images/6/6e/Jade_Mtn.PNG/revision/latest?cb=20150114025631) no-repeat bottom left fixed; background-size: cover; } a[href$=":SolarSWSS"], a[href$="/SolaSWSS"] { color: #6902C9 !important; font-weight: bold !important; } a[href$=":AzaleaEagle"], a[href$="/AzaleaEagle"] { color: #4cbd3d !important; font-weight: bold !important; } a[href$=":Sahei77"],a[href$="/Sahei77"]{ color:#00B7E0 !important; font-weight:bold !important; } a[href$=":Coral_the_Niseaicewing"],a[href$="/Coral_the_Niseaicewing"]{ color:#dd65ff !important; font-weight:bold !important; } /* Whole page */ .WikiaPage .WikiaPageBackground { /*border-radius: 2pc 1pc;*/ opacity:0.8; box-shadow: 0 0 20px #F00; } /* Change Pencil on Edit Button */ .wikia-menu-button .sprite.edit-pencil { background: url('https://vignette.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; -webkit-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); 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: #F9E23E; 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); -webkit-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); 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 { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5),inset 0 -15px 30px rgba(0,0,0,0.3); 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 { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0),inset 0 -15px 30px rgba(0,0,0,0.3); 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: #F47C40; border-radius: 10px; -webkit-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); 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://vignette.wikia.nocookie.net/wingsoffire/images/3/34/%28silkwing%29.png/revision/latest?cb=20180221215448'), auto; } a:link{ cursor: url('https://vignette.wikia.nocookie.net/wingsoffire/images/6/69/%28LeafWing%29.png/revision/latest?cb=20180429134215'), pointer; } /* This section sets the tag properties */ a.tag { color: inherit; } .tag.usergroup-sysop { color: white !important; border-radius: 2pc !important; background: linear-gradient(45deg, #CADB6D, #CAA726, #6C5A04) !important; -webkit-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; 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-threadmoderator { color: white !important; border-radius: 2pc !important; background: linear-gradient(45deg, #6EB4DC, #264FCA, #0B046B) !important; -webkit-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; 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: linear-gradient(45deg, #72DC6E, #26CA44, #046B23) !important; -webkit-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; 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-gradient(linear,left top, right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet)) !important; background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) !important; -webkit-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; 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: linear-gradient(45deg, #DC6E6E, #CA2626, #6B0404) !important; -webkit-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; 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: linear-gradient(45deg, #DCA56E, #CA7826, #6C3804) !important; -webkit-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; 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: linear-gradient(45deg, #6C0048, #CA2694, #6C0449) !important; -webkit-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; 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: linear-gradient(45deg, #006C52, #26CAA4, #046C53) !important; -webkit-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; 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: linear-gradient(45deg, #FF981A, #DCB225, #92470E) !important; -webkit-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; 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: linear-gradient(45deg, #6C1313, #DF5353, #2A0707) !important; -webkit-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; 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: linear-gradient(45deg, #6B0DF8, #5D12CD, #41039F) !important; -webkit-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; 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: linear-gradient(45deg, #330000, #460C0C, #3F0505) !important; -webkit-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; 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-gradient(linear,left top, right top,from(red),color-stop(orange),color-stop(yellow),color-stop(green),color-stop(blue),color-stop(indigo),to(violet)) !important; background: linear-gradient(to right,red,orange,yellow,green,blue,indigo,violet) !important; -webkit-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; 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: linear-gradient(45deg, #D64CD4, #AD13BE, #C50BDA) !important; -webkit-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; 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-content-moderator { color: white !important; border-radius: 2pc !important; background: linear-gradient(45deg, #F39E4E, #CA8443, #995515) !important; -webkit-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; 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:#f58515 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:#f58515; border-radius:10px; border:1px solid #302A10; -webkit-box-shadow:0 0 40px #302A10; box-shadow:0 0 40px #302A10; color:#302A10; 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: #302A10; font-weight:normal; } .WikiaBarWrapper .tools-menu a:hover, .WikiaFooter .tools-menu a:hover { background-color:#FDF8B8 ; font-weight:normal } /* ===============    MYTOOLS CONFIGURATION ===============   That is, the thing that pops up     when you hit "customize" on the footer tool bar. */ .MyToolsConfiguration .options-list, .MyToolsConfiguration .search-box { background-color: #f35959; color:#302A10; } .MyToolsConfiguration li:hover, .MytoolsConfiguration li .selected { font-weight:bold; background-color:#f00a16; color:#302A10; } .MyToolsConfiguration .popular-tools-group { background-image:none; color:#302A10; background-color:#f35959; } .MyToolsConfiguration .popular-tools-group .selected { background-image:none; background-color: #f00a16; color:#302A10; 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://images.wikia.nocookie.net/tardistest/images/6/6e/75opacitygrey.png); */ background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAALHRFWHRDcmVhdGlvbiBUaW1lAFRodSAyMSBNYXIgMjAxMyAwMzozNzoxOCAtMDYwMDD7FegAAAAHdElNRQfdAxUIJgiBBSKCAAAACXBIWXMAAAsSAAALEgHS3X78AAAABGdBTUEAALGPC/xhBQAAAAtJREFUeNpj+H8GAALNAcxdVRF3AAAAAElFTkSuQmCC'); border-radius:10px; border:1px solid #302A10; -webkit-box-shadow:0 0 40px #302A10; box-shadow:0 0 40px #302A10; color:#302A10; 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: #f35959; color:#302A10; } .MyToolsConfiguration .placeholder { color:#302A10; 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:#f35959; border-radius:10px; border:1px solid #302A10; -webkit-box-shadow:0 0 40px #302A10; box-shadow:0 0 40px #302A10; color:#302A10; font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; text-transform:uppercase; font-size:11pt; padding:3px; font-weight:bold; } .MyToolsConfiguration .autocomplete .selected { background: #f00a16; color:#302A10; font-weight:bold; } .MyToolsConfiguration li:hover { background: #f00a16; color:#302A10; font-weight:bold; } /* Changing where the "edit section" button goes and what it looks like NOTE: May be broken with the new update */ .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:#00B9F2; 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: #302A10; } /*-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/ /* 'MODULE MASTERY' CSS: START Modules are the boxes that show up on the right of the Page */ padding:1px; margin-top:10px } .WikiaRail { color: #000000 } .WikiaRail .rail-module,.WikiaRail .module { border:2px solid #db2600; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75); margin:0 5px 20px; background-color: rgba(200, 7, 0, 0.6); padding:7px; border-radius:5px } .WikiaRail .rail-module .wds-button.wds-is-secondary { background-color: transparent; border-color: #ffc20ecc; color: #ffc20e; } /* NOTE: if there are more modules with buttons this may become a pain */ /* Chat Module */ .ChatModule .chat-join { top: 105px; } .ChatModule .chat-whos-here { background: linear-gradient(135deg, #111 50%, #000 50%); background-size: 5px 5px; border: 1px solid #888; border-radius: 2pc; -webkit-box-shadow: 0 0 10px #CCC; 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 { -webkit-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); 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; -webkit-box-shadow: 2px 2px 5px #000; 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; -webkit-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); 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; -webkit-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); 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: 0.95; } .avatar { /* Every instance of our avatar pic */ border: 1px solid #fff200; border-radius: 10px; -webkit-box-shadow: 1px 1px 7px #111; 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: #2f0404;    border: 1px solid #2f0404;    border-radius: 1pc; } .Wall ul.comments > li.message > .speech-bubble-message:after { /* triangle to user pic */    border-color: #2f0404 #2f0404 transparent transparent; } .Wall .comments .SpeechBubble .msg-title a {    text-shadow: 1px 1px #4F4929; } .UserProfileMasthead .masthead-info { /* User Box */    border-radius: 13px 13px 2pc 2pc; } .UserProfileMasthead .masthead-info hgroup { /* User Box Name bar */    background-color: #4F4929;    -webkit-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);            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; } .Wall .quote { background-color:#2f0404; } /*Testing some infobox stuff*/ .portable-infobox .pi-image { width: 270px; } /*Top-community-border*/ .wds-community-header { border-radius: 10px 10px 0 0; box-shadow: 0 0 10px #000; } .wds-community-header::before { border-radius: 10px 10px 0 0; box-shadow: 0 0 10px #000; } /*Insights*/ .insights-dark .insights-icon-nonportableinfoboxes, .insights-dark .insights-icon-pageswithoutinfobox, .insights-dark .insights-icon-templateswithouttype { background-image: url("https://vignette.wikia.nocookie.net/wings-of-fire-experimental/images/4/49/Insight.PNG/revision/latest?cb=20180208165056") !important; } .insights-dark .insights-icon-popularpages { background-image: url("https://vignette.wikia.nocookie.net/wings-of-fire-experimental/images/5/50/Insight2.PNG/revision/latest?cb=20180208170822") !important; } .insights-dark .insights-icon-uncategorizedpages { background-image: url("https://vignette.wikia.nocookie.net/wings-of-fire-experimental/images/6/68/Insight3.PNG/revision/latest?cb=20180208170831") !important; } .insights-module-item { border-bottom: 1px solid #000 !important; } /*Wikia activity icon*/ .WikiaRail .rail-module h2.has-icon svg { fill: rgba(0, 0, 0, 1) !important; }
 * 1) WikiaRail {
 * 1) WikiaPageBackground {

/*Special-font*/ @font-face{font-family:"Mikadan";src:url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.eot") format("eot"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.woff") format("woff"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.ttf") format("truetype"),url("http://dragonagerp.b1.jcink.com/uploads/dragonagerp/Fonts/mikadan.svg") format("svg");font-weight:normal;font-style:normal;} /*Albertus Font*/ @font-face{font-family:"Albertus";src:url("http://cssforwof.b1.jcink.com/uploads/cssforwof/Albertus_Medium_Regular_font.ttf") format("truetype");font-weight:normal;font-style:normal;} /*Apollo Font*/ @font-face{font-family:"Apollo";src:url("http://cssforwof.b1.jcink.com/uploads/cssforwof/ApolloMTStd.otf") format("truetype");font-weight:normal;font-style:normal;} /*SF Wonder Comic Font*/ @font-face{font-family:"Wondercomic";src:url("http://cssforwof.b1.jcink.com/uploads/cssforwof/SF_Wonder_Comic.ttf") format("truetype");font-weight:normal;font-style:normal;} /*Headear and community header font*/ .WikiaPage .page-header { font-family: "Albertus"; } /*Font,font, font, bla bla bla*/ .activityfeed strong { font-size: 14px; font-family: "Albertus"; } .activity-type-talk.activity-ns-1201 span.wall-owner { position: relative; font-size: 12px; font-family: "Albertus" } .activityfeed .subtle { font-family: "Albertus"; } .WikiaRail .rail-module h2 { font-family: "Albertus"; } .WikiaRail .module h2 { font-family: "Albertus"; } .WikiaRail .activity-module .page-title { font-family: "Albertus"; } .activityfeed em { font-weight: bold; font-family: "Albertus"; } .UserProfileMasthead .masthead-info h1 { font-family: "Albertus"; } .tabs li { font-family: "Albertus"; } .wikia-menu-button { font-family: "Albertus"; } .UserProfileMasthead .masthead-info > div { font-family: "Albertus"; } .WikiaPage h3 { font-family: "Albertus"; } .WikiaPage h2 { font-family: "Albertus"; } .Wall .comments .SpeechBubble .msg-title { font-family: "Albertus"; } .Wall .edited-by { font-family: "Albertus"; } .WikiaRail .rail-module .wds-button.wds-is-secondary { background-color: transparent; border-color: #ffc20ecc; color: #ffc20e; font-family: "Albertus"; } /*FONT IN CHAT*/ .Chat .username { font-family: "Albertus"; } .ChatWindow #Rail .username { font-family: "Albertus"; } .ChatHeader .User .username { font-family: "Albertus"; } .UserStatsMenu .info ul .username { font-family: "Albertus"; } .ChatHeader .private { font-family: "Albertus"; }

/*Wikia.css theme*/ background-color: #360000; }
 * 1) theme-solarized-dark {