MediaWiki:Wikia.css

/** CSS for Destiny Wiki /** Contents: /**  Global Design /**  Article Design /**  User Page Design /**  Main Page Design /**  Template Design /**  Poll Page Design /**  Admin Colour Hacks /**  Image Resize /**  Upload Form Design /**  Tool Tips /**  Blog Voting Design /** /** More kept at MediaWiki:Wikia.css/Labs.css

/*******************/ /** GLOBAL DESIGN **/ /*******************/

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/** Background **/

body.mediawiki { background: url("http://img3.wikia.nocookie.net/__cb20150711010156/destinypedia/images/8/87/Destiny_wiki_background.jpg") no-repeat center top #004781; background-size: cover; background-attachment: fixed; font-family:Arial, Helvetica, sans-serif; }

/** Pop up **/

.modal > header, .modal > footer { background: #909090; background-color: #909090 !important; }

.modal.small > section, .modal.medium > section { background: #d1d1d1; background-color: #d1d1d1 !important; }

/** Side Rail **/

.insights-module, .ChatModule, .HotSpotsModule, .CommunityCornerModule, .ForumActivityModule, .WikiaActivityModule, .AchievementsModule, .UserProfileAchievementsModule, .top-wiki-articles, .videos-module-rail, .WikiaBlogListingBox { border: 1px solid #000 !important; background: rgba(255,255,255,0.6) !important; box-shadow: 2px 2px 2px #000000 !important; -moz-box-shadow: 2px 2px 2px #000000 !important; -webkit-box-shadow: 2px 2px 2px #000000 !important; }

/** Hide Non-Oasis Elements **/

.nowikia { display:none; }

/** Collapsible Tables **/

.mw-collapsible-toggle { text-decoration: none; font-weight: normal; float: right; color: #FFFFFF; }

/** Polls **/

div.ajax-poll { border: none !important; margin-top: 0px !important; padding: 5px 10px 5px 5px !important; padding: 1em !important; }

.pollAnswerVotes div { background: #000 !important; border-right: 1px solid #000 !important; }

.pollAnswerVotes span { color: #FFF !important; }

.pollAnswerVotes { border: none !important; }

/********************/ /** ARTICLE DESIGN **/ /********************/

.WikiaArticle .RelatedForumDiscussion { display:none !important; } .WikiaArticle #RelatedForumDiscussion { display:none !important; }

.WikiaArticle .picture-attribution { display:none !important; }

/***************/ /** USER PAGE **/ /***************/

.WikiaUserPagesHeader { background: none; }

.UserProfileMasthead .masthead-info-lower:before { border-color: #d8d8d8 #d8d8d8 transparent transparent !important; }

.UserProfileMasthead .masthead-info { background: #d8d8d8; }

.UserProfileMasthead .masthead-info .tag { background: rgba(255,255,255,0.8); color: #000; }

/***************/ /** CLEAR FIX **/ /***************/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; }	height: 1%; }
 * html .clearfix {

/******************/ /** TEMPLATE CSS **/ /******************/ /** Default **/

.PrimaryColor { background: rgba(255,255,255,0.6); border-color: #000; border-style: solid; } .SecondaryColor { background: #000; border-color: #000; border-style: solid; color: #FFF; } .TertiaryColor { background: rgba(0,0,0,0.2); border-color: #000; border-style: solid; }

/** Infoboxes **/ .InfoboxBackground { float:right; clear:right; width:250px; background: rgba(255,255,255,0.6); box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; border-radius: 5px; border-collapse:collapse; font-size:smaller; line-height:1.5; margin:5px; } .InfoboxImage { text-align:center; padding: 0px !important; }

.InfoboxMap { text-align:center; margin: 0px; padding:0px; border-bottom:1px solid #000; }

.InfoboxTitle { text-align:center; font-size:larger; color:#FFFFFF; background:#000; border-top:1px solid #000; border-bottom:1px solid #000; } .InfoboxHeading { background: #000; color: #FFF; } .InfoboxSubHeading { vertical-align:top; text-align:left; font-weight:normal; border-bottom:1px solid #000; }

.InfoboxSubHeading1 { vertical-align:top; text-align:left; font-weight:normal; border-bottom:1px solid #000; }

.InfoboxSubHeading2 { vertical-align:top; text-align:left; font-weight:normal; } .InfoboxSource { text-align:center; color: #FFF; background: #000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding:0px; }

/** Nav Boxes **/

.navbox { background: rgba(255,255,255,0.6); border-spacing: 0px; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 100%; margin-bottom: 5px; }

.navbox-title { background: #000000; color: #FFFFFF; }

.navbox-subtitle { text-align: center; background: rgba(0,0,0,0.2); padding: 0px 20px 0px 20px; border-bottom: 1px solid #000000; }

.navbox-contents { text-align: center; border-bottom: 1px solid #000000; }

.navbox-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 5px; background: rgb(0, 0, 0); }

/** Table Columns **/

.va-portal-toc { width: 100%; font-size: 95%; } .va-portal-toc td { vertical-align: top; padding: 0 5px; } .va-portal-toc p { font-weight: bold; border-bottom: 1px solid #3c547f; }

/* Categories */

.CategoryHover { background: #000; }

.CategoryHover:hover { background:#3E3E3E; }

/***************/ /** MAIN PAGE **/ /***************/

/** Navigation **/

background: #008cff; }
 * 1) PortalIcon {

background: #3a3a3a; }
 * 1) PortalIcon:hover {

.NavButton { width: 150px; border: 1px solid #262626; min-height: 150px; background: #3E3E3E center; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; }

.NavInfo { width: 100%; height: 150px; position: absolute; top: 127px; left: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.6); }

.NavTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: rgba(0,0,0,0.6); height: 20px; padding-left: 5px; }

/** Statistic Icons **/

.IconTable:hover ~ .IconBox { background: #008AFF; }

.IconBox { text-align: center; padding: 7px; margin: 0 auto; width: 30px; height: 30px; overflow: hidden; background: #000000; border-radius: 30px; }

.IconBox:hover { background: #008AFF; }

/** App Buttons **/

.AppButton { width: 138px; border: 1px solid #262626; min-height: 138px; background: #3E3E3E; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; }

.AppInfo { width: 100%; height: 138px; position: absolute; top: 115px; left: 0px; z-index: 1; background-color: rgba(0, 0, 0, 0.6); }

.AppTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: rgba(0,0,0,0.6); height: 20px; padding-left: 5px; }

.justifiedContainer { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }

.justifiedBox { width: 50px; height: 50px; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }

.justifiedStretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }

/** More Info Button **/

.moreInfo { cursor:pointer; text-align:center; background:rgba(0,0,0,0.5); height:30px; line-height: 30px; }

.moreInfo:hover { background:#008AFF; }

/** Blog list **/

.WikiaBlogListing h1 { font-size: 15px; margin: 0 90px 0 0; font-weight: bold; }

.WikiaBlogListing .author-details span { display: block; font-size: 13px; }

.WikiaBlogListing .WikiaBlogListingPost { padding: 10px 10px 0px; background: rgba(0,0,0,0.2); border: none !important; margin-top: 10px; }

.WikiaBlogListing .WikiaBlogListingPost:hover { background: rgba(0,0,0,0.3); }

.WikiaBlogListingPost blockquote { margin: 0; display: none; }

.tabs .selected a { border: none !important; border-radius: 0px; background: #000; color: #FFF; }

.tabs li a { border: none !important; border-radius: 0px; background: #606060; color: #FFF; }

.tabs { zoom: 1; border-bottom: 2px solid #000; }

.accent { border-color: #000 !important; }

.wikia-gallery-border-small .thumb .gallery-image-wrapper { box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; }

/** Boxes **/

.communityBox:hover { background: rgba(0,138,255,0.2); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/** Vendors **/

margin: 5px 10px 10px 10px; padding: 10px 0px 0px 10px; background-size: cover; background: url("http://img1.wikia.nocookie.net/__cb20150711010159/destinypedia/images/a/ab/Iron_banner_event_background.png") center center; }
 * 1) ironBannerVendor {

.ironBannerBounty { background:rgba(235,229,226,0.6); width:50%; }

.ironBannerBounty:hover { background:rgba(235,229,226,0.2); }

margin: 5px 10px 10px 10px; padding: 10px 0px 0px 10px; background-size: cover; background: url("http://img1.wikia.nocookie.net/__cb20150711010141/destinypedia/images/0/0b/Xur_background.jpg") center center; }
 * 1) xurVendor {

margin: 5px 10px 10px 10px; padding: 10px; background: url("http://img4.wikia.nocookie.net/__cb20150711010202/destinypedia/images/6/69/Salvage_event_background.png") top right; background-size: cover; }
 * 1) salvageVendor {

margin: 5px 10px 10px 10px; padding: 10px; background: url("http://img4.wikia.nocookie.net/__cb20150711010123/destinypedia/images/d/d4/Combined_arms_background.jpg") center center; background-size: cover; }
 * 1) vehiclesVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010112/destinypedia/images/4/43/Gunsmith_vendor_background.png") top right no-repeat #543b2a; }
 * 1) gunsmithVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010145/destinypedia/images/9/99/Bounty_Tracker_vendor_background.png") top right no-repeat #2c2b39; }
 * 1) bountyTrackerVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010149/destinypedia/images/9/9b/Eris_Morn_vendor_background.png") top right no-repeat #4e4865; }
 * 1) erisMornVendor {

background: url("http://img1.wikia.nocookie.net/__cb20150711010203/destinypedia/images/2/23/Guardian_Outfitter_vendor_background.png") top right no-repeat #794958; }
 * 1) guardianOutfitterVendor {

background: url("http://img1.wikia.nocookie.net/__cb20150711010133/destinypedia/images/c/c9/Warlock_Vanguard_vendor_background.png") top right no-repeat #dab585; }
 * 1) warlockVanguardVendor {

background: url("http://img3.wikia.nocookie.net/__cb20150711010114/destinypedia/images/a/a8/Hunter_Vanguard_vendor_background.png") top right no-repeat #5b3d47; }
 * 1) hunterVanguardVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010153/destinypedia/images/2/27/Titan_Vanguard_vendor_background.png") top right no-repeat #422c30; }
 * 1) titanVanguardVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010123/destinypedia/images/3/32/Cryptarch_vendor_background.png") top right no-repeat #5a0616; }
 * 1) cryptarchVendor {

background: url("http://img2.wikia.nocookie.net/__cb20150711010131/destinypedia/images/c/cc/The_Speaker_vendor_background.png") top right no-repeat #190c0f; }
 * 1) thespeakerVendor {

background: url("http://img1.wikia.nocookie.net/__cb20150711010128/destinypedia/images/5/5d/Shipwright_vendor_background.png") top right no-repeat #070406; }
 * 1) shipwrightVendor {

background: url("http://img3.wikia.nocookie.net/__cb20150711010152/destinypedia/images/b/b0/Queens_Wrath_vendor_background.png") top right no-repeat #4e4557; }
 * 1) queensWrathVendor {

background: url("http://img4.wikia.nocookie.net/__cb20150711010124/destinypedia/images/b/bd/Disciple_of_Osiris_vendor_background.png") top right no-repeat #432723; }
 * 1) discipleOfOsirisVendor {

/** Bounties **/

.bountyTitle { width: 100%; border-bottom: 1px solid #777; margin-bottom: 5px; }

.bountyBody { vertical-align:top; padding:5px; background: rgba(0,0,0,0.2); }

.bountyName { background:rgba(0,0,0,0.1); padding:5px; margin-bottom:1px; }

.bountyName:hover { background:rgba(0,0,0,0.2); }

/** Missions **/

background: url("http://img4.wikia.nocookie.net/__cb20150711010158/destinypedia/images/e/e2/Earth_place_icon.jpg") center center no-repeat #333333; }
 * 1) earthMission {

background: url("http://img3.wikia.nocookie.net/__cb20150711010106/destinypedia/images/0/08/Moon_location_icon.jpg") center center no-repeat #333333; }
 * 1) moonMission {

background: url("http://img4.wikia.nocookie.net/__cb20150711010138/destinypedia/images/9/97/Venus_place_icon.jpg") center center no-repeat #333333; }
 * 1) venusMission {

background: url("http://img2.wikia.nocookie.net/__cb20150711010143/destinypedia/images/3/3d/Mars_place_icon.jpg") center center no-repeat #333333; }
 * 1) marsMission {

background: url("http://img1.wikia.nocookie.net/__cb20150711010151/destinypedia/images/3/30/Crucible_place_icon.jpg") center center no-repeat #333333; }
 * 1) crucibleMission {

background: url("http://img1.wikia.nocookie.net/__cb20150711154452/destinypedia/images/2/21/Reef_place_icon.jpg") center center no-repeat #333333; }
 * 1) reefMission {

background: url("http://vignette4.wikia.nocookie.net/destinypedia/images/d/da/Dreadnaught_place_icon.jpg") center center no-repeat #333333; }
 * 1) saturnMission {

/** Chat Module **/

.ChatModule h2.chat-headline { border: none; }

/** Countdown **/

.takenKing { background: url('http://img3.wikia.nocookie.net/__cb20150711010151/destinypedia/images/3/37/The_taken_king_background.jpg') top center; background-size: cover; }

/** twitter **/

.twitter-timeline { width: 100% !important; }

/** Unknown? **/

.stream { padding: 5px; }

/** Footer **/ padding: none !important; margin-top: none !important; width: 100% !important; background: none !important; border: none !important; box-shadow: none !important; border-top-left-radius: none !important; border-bottom-right-radius: none !important; }
 * 1) WikiaCommunityContent>td>table {

display: none !important; }
 * 1) WikiaCommunityContent>td>p {

/***************/ /** POLL PAGE **/ /***************/

.poll-table { background: #cccccc; border-collapse: collapse; border: 0px none #a7a7a7; margin: 1em 1em 1em 0; }

.poll-table th, .WikiaTable th { background: #c4c4c4; text-align: left; }

.poll-table>thead>tr>th, .poll-table>tbody>tr>td { border-bottom: 1px #a7a7a7 solid; padding: 6px 12px; vertical-align: top; }

/*******************/ /** ADMIN COLOURS **/ /*******************/

/** Administrator and bot highlights by Splarka **/

ul.special li a[title="User:T3CHNOCIDE"], table.diff a[title="User:T3CHNOCIDE"], ul#pagehistory li a[title="User:T3CHNOCIDE"] { color: #008bfd; } table.diff a[title="User:Meanders Ahead"], ul#pagehistory li a[title="User:Meanders Ahead"], ul.special li a[title="User:Meanders Ahead"], table.diff a[title="User:Wikia"], ul#pagehistory li a[title="User:Wikia"], ul.special li a[title="User:Wikia"] { color: #5e5e5e; }

/** Blog Hacks **/

.comments li[data-user="T3CHNOCIDE"] > blockquote { background: #99d1ff !important; } .comments li[data-user="T3CHNOCIDE"] > blockquote:after { border-color: transparent #99d1ff #99d1ff transparent !important; }

/******************/ /** IMAGE RESIZE **/ /******************/

.resizeimg img, .resizeimg a { width:inherit; height:inherit; max-width:inherit; }

/*****************/ /** UPLOAD FORM **/ /*****************/

textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.UploadOption { background:#375fa8; cursor:pointer; text-align:center; }

.UploadOption:hover { background:#376ccb; }

.UploadButton { background:#3c547f; cursor:pointer; text-align:center; }

.UploadButton:hover { background:#6389ce; }

.UploadSubjectButton { background:#3c547f; cursor:pointer; text-align:center; }

.UploadSubjectButton:hover { background:#6389ce; }

.UploadButton-selected { background:#05cf00; cursor:pointer; text-align:center; }

.UploadButton-selected:hover { background:#06ff00; }

.copyrightButton { background:#3c547f; cursor:pointer; text-align:center; }

.copyrightButton:hover { background:#6389ce; }

/***************/ /** TOOL TIPS **/ /***************/

.toolTip:hover::before { content: attr(data-tooltip); position: absolute; background: #EEEEEE; border: 1px solid #2ca5c5; padding: 3px 6px; color: #2ca5c5; max-width: 145px; margin-left: 0; margin-top: 26px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

/*****************/ /** BLOG VOTING **/ /*****************/

.versusblog .versusitem { margin-bottom: 15px; position: relative; } .versusblog .versus { left: -moz-calc(50% - 22px); left: -webkit-calc(50% - 22px); left: -o-calc(50% - 22px); left: calc(50% - 22px); position: absolute; top: 154px; } .versusblog .ajax-poll { border: medium none !important; margin: 0 !important; padding: 0 !important; text-align: center; } .versusblog .ajax-poll .header { font-size: 20px; text-align: center; } .versusblog .ajax-poll .description { display: none; } .versusblog .ajax-poll input[type="submit"] { display: none; } .versusblog .ajax-poll .pollAnswer { display: inline-block; width: 120px; } .versusblog .ajax-poll .pollAnswerName { padding: 0; text-align: center; } .versusblog .ajax-poll .pollAnswerName a { display: block; margin: 0px auto; } .versusblog .ajax-poll .name { font-size: 15px; font-weight: bold; margin: 0px auto 10px; text-align: center; width: 100px; } .versusblog .ajax-poll .challenger { cursor: pointer; height: 100px; margin: 0px auto; position: relative; width: 100px; z-index: 10; } .versusblog .ajax-poll .challenger img { background: none repeat scroll 0% 0% #1d1f1f; border: 1px solid #454646; } .versusblog .ajax-poll .active img, .versusblog .ajax-poll .challenger img:hover { border: 2px solid #96D320; margin-left: -1px; margin-top: -1px; } .versusblog .ajax-poll .pollAnswerVotes { box-shadow: 0px 0px 8px #4F6B17 inset; font-size: 20px; height: 25px; margin: 10px 0 0 10px; width: 100px; } .versusblog .ajax-poll .pollAnswerVotes span { display: block; left: 0px; position: relative; text-align: center; top: 2px; } .versusblog .ajax-poll .pollAnswerVotes div { background: url("http://static.wikia.com/gameshub/images/b/b3/JRPG_Battle_Bar_Background.png") repeat-x scroll 0px 0px transparent; border-right: medium none; height: 25px; position: absolute; transition: width 1s ease 0s; z-index: -1; } .versusblog .versus-footer { background: none repeat scroll 0% 0% #000000; height: 36px; margin-bottom: 17px; margin-top: 3px; padding: 8px 10px; width: 100%; } .versusblog .versus-footer .left { float: left; } .versusblog .versus-footer .right { float: right; } .versusblog .versus-footer .text { display: inline-block; font-weight: bold; margin-right: 10px; position: relative; top: 1px; } .versusblog .versus-footer .preorder-row { display: inline-block; margin-right: 21px; margin-top: 2px; } .versusblog .versus-footer .preorder-button { display: inline-block; margin-left: 10px; } .versusblog .versus-footer .preorder-button:first-child { margin-left: 0px; } .versusblog .versus-footer .preorder-button img { display: inline-block; height: 32px; width: 63px; }