More actions
M88youngling (talk | contribs) No edit summary |
M88youngling (talk | contribs) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/** Fluid UI Test Code by M88youngling | |||
==========================**/ | |||
.flbtn { | |||
color: green; | |||
. | padding: 2px; | ||
border: 3px; | |||
margin: 0; | |||
border-style: solid; | |||
border-color: black; | |||
} | |||
| Line 16: | Line 15: | ||
/** ====================== | /** ====================== | ||
end fluid ui test code **/ | end fluid ui test code **/ | ||
/** Front page's portal (Elements from Destiny wiki) **/ | /** Front page's portal (Elements from Destiny wiki) **/ | ||
Latest revision as of 21:05, 5 December 2020
/** Fluid UI Test Code by M88youngling
==========================**/
.flbtn {
color: green;
padding: 2px;
border: 3px;
margin: 0;
border-style: solid;
border-color: black;
}
/** ======================
end fluid ui test code **/
/** Front page's portal (Elements from Destiny wiki) **/
.NavButton:hover .NavInfo, .NavButton:hover .AppInfo {
top: 0;
}
.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;
}
/***************/
/** MAIN PAGE **/
/***************/
.NavButton:hover .NavInfo, .NavButton:hover .AppInfo {
top: 0;
}
/** Navigation **/
#PortalIcon {
background: #008cff;
}
#PortalIcon:hover {
background: #3a3a3a;
}
.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 **/
#ironBannerVendor {
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;
}
.ironBannerBounty {
background: #EBE5E2;
background:rgba(235,229,226,0.6);
width:50%;
}
.ironBannerBounty:hover {
background: #EBE5E2;
background:rgba(235,229,226,0.2);
}
#xurVendor {
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;
}
#salvageVendor {
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;
}
#vehiclesVendor {
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;
}
#gunsmithVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010112/destinypedia/images/4/43/Gunsmith_vendor_background.png") top right no-repeat #543b2a;
}
#bountyTrackerVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010145/destinypedia/images/9/99/Bounty_Tracker_vendor_background.png") top right no-repeat #2c2b39;
}
#erisMornVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010149/destinypedia/images/9/9b/Eris_Morn_vendor_background.png") top right no-repeat #4e4865;
}
#guardianOutfitterVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010203/destinypedia/images/2/23/Guardian_Outfitter_vendor_background.png") top right no-repeat #794958;
}
#warlockVanguardVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010133/destinypedia/images/c/c9/Warlock_Vanguard_vendor_background.png") top right no-repeat #dab585;
}
#hunterVanguardVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010114/destinypedia/images/a/a8/Hunter_Vanguard_vendor_background.png") top right no-repeat #5b3d47;
}
#titanVanguardVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010153/destinypedia/images/2/27/Titan_Vanguard_vendor_background.png") top right no-repeat #422c30;
}
#cryptarchVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010123/destinypedia/images/3/32/Cryptarch_vendor_background.png") top right no-repeat #5a0616;
}
#thespeakerVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010131/destinypedia/images/c/cc/The_Speaker_vendor_background.png") top right no-repeat #190c0f;
}
#shipwrightVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010128/destinypedia/images/5/5d/Shipwright_vendor_background.png") top right no-repeat #070406;
}
#queensWrathVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010152/destinypedia/images/b/b0/Queens_Wrath_vendor_background.png") top right no-repeat #4e4557;
}
#discipleOfOsirisVendor {
background: url("https://images.wikia.nocookie.net/__cb20150711010124/destinypedia/images/b/bd/Disciple_of_Osiris_vendor_background.png") top right no-repeat #432723;
}
/** 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 **/
#earthMission {
background: url("https://images.wikia.nocookie.net/__cb20150711010158/destinypedia/images/e/e2/Earth_place_icon.jpg") center center no-repeat #333333;
}
#moonMission {
background: url("https://images.wikia.nocookie.net/__cb20150711010106/destinypedia/images/0/08/Moon_location_icon.jpg") center center no-repeat #333333;
}
#venusMission {
background: url("https://images.wikia.nocookie.net/__cb20150711010138/destinypedia/images/9/97/Venus_place_icon.jpg") center center no-repeat #333333;
}
#marsMission {
background: url("https://images.wikia.nocookie.net/__cb20150711010143/destinypedia/images/3/3d/Mars_place_icon.jpg") center center no-repeat #333333;
}
#crucibleMission {
background: url("https://images.wikia.nocookie.net/__cb20150711010151/destinypedia/images/3/30/Crucible_place_icon.jpg") center center no-repeat #333333;
}
#reefMission {
background: url("https://images.wikia.nocookie.net/__cb20150711154452/destinypedia/images/2/21/Reef_place_icon.jpg") center center no-repeat #333333;
}
#saturnMission {
background: url("https://vignette.wikia.nocookie.net/destinypedia/images/d/da/Dreadnaught_place_icon.jpg") center center no-repeat #333333;
}
/** Footer **/
#WikiaCommunityContent>td>table {
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;
}
#WikiaCommunityContent>td>p {
display: none !important;
}
#WikiaCommunityContent>td>table>tbody>tr>td:first-child {
display: none !important;
}
#WikiaCommunityContent>td>table>tbody>tr>td>span,
#WikiaCommunityContent>td>table>tbody>tr>td>br {
display: none !important;
}
#WikiaCommunityContent>td>table>tbody>tr>td:last-child {
text-align: justify !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: lightgray;
height: 14px !important;
margin-left: 0 !important;
}
.pollAnswerVotes div {
background: #239BEA !important;
border-right: 1px solid #239BEA !important;
height: 14px !important;
}
.pollAnswerVotes span {
color: #FFF !important;
}
/** Collapsible Tables **/
.mw-collapsible-toggle {
text-decoration: none;
font-weight: normal;
float: right;
color: #FFFFFF;
}
/**Monobook css from destiny**/
#column-one {
margin-top: 30px;
}
#column-content {
margin: 30px 0 .6em -12.2em !important;
}
#p-cactions {
margin-top: 30px;
}
#p-logo {
margin-top: 30px;
}
.portlet h5 {
background: #AAAAAA;
border-top-right-radius: 4px;
border-top: 1px solid #111111;
border-right: 1px solid #111111;
border-bottom: 1px solid #AAAAAA;
color:#111111 !important;
}
.generated-sidebar .pBody, #p-tb .pBody, #p-wikicities-nav .pBody, #p-lang .pBody {
border-top:1px solid #111111;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #EEEEEE;
}
#footer {
background:#EEEEEE !important;
border-color: #111111 !important;
}
.f-copyrightico {
margin-top:20px;
}
.f-poweredbyico {
margin-top:20px;
}
/** 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;
}