MediaWiki:Common.css

/** Other CSS Locations /** - MediaWiki:Wikia.css (Oasis/Wikia Skin) /** - MediaWiki:Monobook.css (Monobook Skin) /** - MediaWiki:Group-sysop.css (Sysop specific CSS) /** - MediaWiki:Print.css (Site specific CSS applied when printing)

/** Common CSS for Destiny Wiki /** Contents: /**  Global Design - Background - Pop Up       -  Side Rail - Hide Non-Oasis Elements - Collapsible Tables - Polls /**  Article Design /**  Template CSS - Default - Quote and BigQuote - Portable Infoboxes - Nav Boxes - Categories - External Image Resize (R Template) /**  Clear Fix /**  Admin Colour Hacks /**  Main Page - Rise of Iron Countdown - Navigation - App Buttons - More Info Buttons - Bloglist - Boxes - Vendors - Bounties - Missions - Unknown? - Footer /**  Poll Page /**  Upload Form /**  HoverTool

/*******************/ /** GLOBAL DESIGN **/ /*******************/ /** Background **/ body.mediawiki { background: #004781 url("https://images.wikia.nocookie.net/__cb20150711010156/destinypedia/images/8/87/Destiny_wiki_background.jpg") no-repeat center center fixed; background-size: cover; }

/** 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, .FollowedPagesModule, .templatedraft-module, .content-review-module, .WikiaBlogListingBox, .recirculation-rail, .embeddable-discussions-module, .community-page-entry-point-module { border: 1px solid #000 !important; background: rgba(255,255,255,0.6) !important; -moz-box-shadow: 2px 2px 2px #000000 !important; -webkit-box-shadow: 2px 2px 2px #000000 !important; box-shadow: 2px 2px 2px #000000 !important; }

.embeddable-discussions-post-detail { border: 1px solid #000 !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: 0 !important; padding: 0 !important; line-height: 20px; width: 100% !important; /*Required by monobook theme*/ }

div.ajax-poll .center { display: none; }

.pollAnswerName { padding-left: 0 !important; }

.pollAnswerVotes { border: none !important; background: darkgrey; height: 14px !important; margin-left: 0 !important; }

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

.pollAnswerVotes span { color: #FFF !important; } /********************/ /* ARTICLE DESIGN  */ /********************/ /** References **/ .references { font-size: small; }

/******************/ /** 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; }

/** Quote and BigQuote **/ .smallQuote { border: solid 1px; border-color: #FAFAFA; border-color: rgba(250,250,250,0.6); background-image: url(https://vignette.wikia.nocookie.net/destinypedia/images/6/6c/Quotebg.png); background-repeat: no-repeat; padding: 9px; padding-left: 19px; display: table; } .bigQuote { background-color: #FAFAFA; background-color: rgba(250,250,250,0.6); background-image: url(https://vignette.wikia.nocookie.net/destinypedia/images/0/08/BigQuotebg.png); background-repeat: no-repeat; padding: 10px; padding-left: 20px; display: table; } .quoteSource { text-align: right; }

/** Portable Infoboxes **/ /*** Framework Default ***/ .pi-border-color { border: none; } .pi-background { width: 250px; background: #FAFAFA; background: rgba(250,250,250,0.6); border-radius: 0 0 5px 5px; } .pi-secondary-background { background: #000 !important; color: #FFF; } .pi-data-label { flex-basis: 130px; }

.pi-image-thumbnail { max-width: 250px; width: auto; }

.pi-navigation { text-align: center; color: #FFF; border-radius: 0 0 5px 5px; padding: 0 !important; font-weight: normal !important; } .pi-navigation a { color: #FFF !important; }

/*** Title Default ***/ .pi-title { text-align: center; font-size: 15px !important; font-weight: bold !important; color: #FFF; background: #000; padding: 0 !important; line-height: 31px !important; }

/*** Title and Image Background Rarity Customised ***/ .pi-theme-Exotic .pi-title, .pi-theme-Exotic .pi-image { background: #CEAE32; background: rgba(206,174,50,1); } .pi-theme-Legendary .pi-title, .pi-theme-Legendary .pi-image { background: #4E3263; background: rgba(78,50,99,1); } .pi-theme-Rare .pi-title, .pi-theme-Rare .pi-image { background: #557F9E; background: rgba(85,127,158,1); } .pi-theme-Uncommon .pi-title, .pi-theme-Uncommon .pi-image { background: #2F6B3C; background: rgba(47,107,60,1); } .pi-theme-Basic .pi-title, .pi-theme-Basic .pi-image { background: #F5F5F5; background: rgba(245,245,245,1); color: #000; }

/** Image Faction Customised **/ .pi-theme-Crucible .pi-image, .pi-theme-Vanguard .pi-image { background: #101010; }

.pi-theme-Dead-Orbit .pi-image { background: #E4E4E4; }

.pi-theme-Future-War-Cult .pi-image { background: #231C46; }

.pi-theme-New-Monarchy .pi-image { background: #963637; }

.pi-theme-Trials-of-Osiris .pi-image { background: #D4D124; }

/** Nav Boxes **/ .navbox { background: #FFF; background: rgba(255,255,255,0.6); border-spacing: 0; 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: #000; background: rgba(0,0,0,0.2); padding: 0 20px 0 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); }

/* Category Buttons */

.CategoryHover { background: #000; }

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

.CategoryHover a { color: white; }

.CategoryHover a.external::after { display: none; }

/** External Image Resize (R Template) **/ .resizeimg img, .resizeimg a { width:inherit; height:inherit; max-width:inherit; }

/***************/ /** 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 {

/*******************/ /** ADMIN COLOURS **/ /*******************/ /** Administrator and bot highlights by Splarka **/ /*Admins*/ ul.special li a[title="User:T3CHNOCIDE"], table.diff a[title="User:T3CHNOCIDE"], ul#pagehistory li a[title="User:T3CHNOCIDE"], ul.special li a[title="User:Vektor0"], table.diff a[title="User:Vektor0"], ul#pagehistory li a[title="User:Vektor0"], ul.special li a[title="User:Silicon Soldier"], table.diff a[title="User:Silicon Soldier"], ul#pagehistory li a[title="User:Silicon Soldier"], ul.special li a[title="User:Foman123"], table.diff a[title="User:Foman123"], ul#pagehistory li a[title="User:Foman123"] { color: #005cfa; }

/*Bots*/ 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:DestinyWikiBot"], ul#pagehistory li a[title="User:DestinyWikiBot"], ul.special li a[title="User:DestinyWikiBot"], table.diff a[title="User:VektorBot"], ul#pagehistory li a[title="User:VektorBot"], ul.special li a[title="User:VektorBot"], table.diff a[title="User:Silicon Soldier Bot"], ul#pagehistory li a[title="User:Silicon Soldier Bot"], ul.special li a[title="User:Silicon Soldier Bot"], table.diff a[title="User:Wikia"], ul#pagehistory li a[title="User:Wikia"], ul.special li a[title="User:Wikia"] { color: #8a8a8a; }

/** Blog Hacks **/ .comments li[data-user="T3CHNOCIDE"] > blockquote, .comments li[data-user="Vektor0"] > blockquote, .comments li[data-user="Silicon Soldier"] > blockquote, .comments li[data-user="Foman123"] > blockquote { background: #99d1ff !important; } .comments li[data-user="T3CHNOCIDE"] > blockquote:after, .comments li[data-user="Vektor0"] > blockquote:after, .comments li[data-user="Silicon Soldier"] > blockquote:after, .comments li[data-user="Foman123"] > blockquote:after{ border-color: transparent #99d1ff #99d1ff transparent !important; }

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

.NavButton:hover .NavInfo, .NavButton:hover .AppInfo { top: 0; }

/** 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; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.NavInfo { width: 100%; height: 150px; position: absolute; top: 127px; left: 0; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.NavTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #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; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.AppInfo { width: 100%; height: 138px; position: absolute; top: 115px; left: 0px; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.AppTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #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 0; background: #000; background: rgba(0,0,0,0.2); border: none !important; margin-top: 10px; }

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

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

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

.tabs li a { border: none !important; border-radius: 0; 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 { -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

/** Boxes **/ .communityBox:hover { background: #008AFF; background: rgba(0,138,255,0.2); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

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

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

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

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

margin: 5px 10px 10px 10px; padding: 10px; background: url("https://images.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("https://images.wikia.nocookie.net/__cb20150711010123/destinypedia/images/d/d4/Combined_arms_background.jpg") center center; background-size: cover; }
 * 1) vehiclesVendor {

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

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

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

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

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

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

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

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

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

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

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

background: url("https://images.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: #000; background: rgba(0,0,0,0.2); }

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

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

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

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

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

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

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

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

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

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

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

display: none !important; }
 * 1) WikiaCommunityContent>td>table>tbody>tr>td:first-child {

display: none !important; }
 * 1) WikiaCommunityContent>td>table>tbody>tr>td>span,
 * 2) WikiaCommunityContent>td>table>tbody>tr>td>br {

text-align: justify !important; }
 * 1) WikiaCommunityContent>td>table>tbody>tr>td:last-child {

/***************/ /** 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; }

/*****************/ /** UPLOAD FORM **/ /*****************/ .uf-header { border-bottom: 2px solid #000; margin-bottom: 5px; font-size: 20px; }

.uf-button { background-color: black; color: white; text-align: center; margin: 1px; width: calc(20% - 2px); display: inline-block; height: 30px; line-height: 30px; }

@media screen and (max-width: 1100px) { .uf-button { width: calc(25% - 2px); } }

.uf-button:hover { background-color: #00437c; }

.uf-selected { background-color: #008aff; }

.uf-more-buttons { display: inline; }

.uf-section { margin-bottom: 10px; }

.uf-hide { display: none; }

width: 100%; }
 * 1) mw-htmlform-description {

/****************/ /** HOVER TOOL **/ /****************/

.hovertool { position:absolute; z-index:999; left:-9999px; padding:0; width:350px; }

.hovertool p{   margin:0; padding:0; }

.hovertool-exotic { background: #CEAE32; background: rgba(206,174,50,1); color: rgba(255,255,255,0.8); } .hovertool-legendary { background: #4E3263; background: rgba(78,50,99,1); color: rgba(255,255,255,0.8); } .hovertool-rare { background: #557F9E; background: rgba(85,127,158,1); color: rgba(255,255,255,0.8); } .hovertool-uncommon { background: #2F6B3C; background: rgba(47,107,60,1); color: rgba(255,255,255,0.8); } .hovertool-common { background: #F5F5F5; background: rgba(245,245,245,1); color: rgba(0,0,0,0.8); } .hovertool-basic { background: #F5F5F5; background: rgba(245,245,245,1); color: rgba(0,0,0,0.8); }

.hovertool-opacity-exotic { color: rgba(255,255,255,0.6); } .hovertool-opacity-legendary { color: rgba(255,255,255,0.6); } .hovertool-opacity-rare { color: rgba(255,255,255,0.6); } .hovertool-opacity-uncommon { color: rgba(255,255,255,0.6); } .hovertool-opacity-common { color: rgba(0,0,0,0.6); } .hovertool-opacity-basic { color: rgba(0,0,0,0.6); }