MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/* Background color */ body, nav, .header-container.header-chrome, background-color: #C9D6E0 !important; } .header { border-color: #C9D6E0 !important; } /* Border color */ .minerva-footer { border-top: 1px solid #A2B2BF !important; } .ns-special .content-header, .page-summary, .last-modified-bar, footer > .post-content > h2, form.mw-mf-settings .oo-ui-fieldLayout { border-bottom: 1px solid #A2B2BF !important; } .mw-mf-watchlist-selector li.selected a { border-bottom-color: #A2B2BF !important; } /* Active color */ nav ul li a:hover { box-shadow: inset 4px 0 0 0 #8294A3 !important; } .last-modified-bar.active, .list-header, form.mw-mf-settings #beta-field:before { background-color: #8294A3 !important; color: #fff !important; } .last-modified-bar { background-color: #8294A3 !important; color: #fff !important; } /* Last modified bar */ .last-modified-bar .content, .last-modified-bar a { color: #fff !important; } .mw-ui-icon-mf-arrow-gray:before { background: none !important; } .mw-ui-icon-mf-arrow-invert:before{ background: none !important; } .mw-ui-icon-minerva-clock-gray:before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2217%22 viewBox=%220 0 20 17%22%3E%3Cg fill=%22%23fff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Ehistory%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M11.424 0C6.686 0 2.857 3.806 2.857 8.5H0l3.71 3.68.066.136L7.62 8.5H4.76c0-3.65 2.986-6.61 6.667-6.61 3.68 0 6.665 2.96 6.665 6.61 0 3.65-2.985 6.61-6.666 6.61a6.668 6.668 0 0 1-4.71-1.94l-1.35 1.337A8.553 8.553 0 0 0 11.426 17C16.16 17 20 13.194 20 8.5S16.162 0 11.424 0zm-1.037 5v4.524l3.904 2.298.66-1.1-3.192-1.877V5H10.39z%22/%3E%3C/g%3E%3C/svg%3E") !important; }
 * 1) mw-mf-page-center, footer .minerva-footer {

/* Recent changes icon */ .mw-ui-icon-minerva-recentchanges:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1.48 0 0 1.43 0 -401)'%3E%3Cpath d='m0 292 2.48-1.49 3.83-9.97h0.756l1.68 11.3 1.8-6h0.85l1.72 4.18h3.14l-3.47 1.91-1.7-3.97-1.82 9.33-1.96-3e-5 -0.874-13.2-2.55 7.94z' fill='%2354595d'/%3E%3C/g%3E%3C/svg%3E"); }

/* Black text theme */ .footer-content, footer .hlist li::after, .branding-box h1 sup, .branding-box a, nav ul.hlist li a, .footer-content a { color: #000 !important; } .footer-content a, .branding-box a, nav ul.hlist li a { font-weight: bold !important; } .license a.external { padding-right: 0 !important; background-image: none !important; } .mw-ui-icon-minerva-mainmenu::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M21 19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-minerva-magnifying-glass::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emagnifying glass%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03 7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46 4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836 0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732 2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212 0-5.736-2.638-5.736-5.736z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-overlay-close::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-back::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E") !important; } .mw-ui-icon-minerva-notifications::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3Enotification%3C/title%3E%3Cdefs%3E%3Cpath id=%22a%22 d=%22M9.643 21.364c1.234 0 2.235-.956 2.235-2.136h-4.47c0 1.18 1 2.136 2.234 2.136z%22/%3E%3Cmask id=%22b%22 width=%224.471%22 height=%222.136%22 x=%220%22 y=%220%22 fill=%22%23fff%22%3E%3Cuse xlink:href=%22%23a%22/%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 transform=%22translate%282 1%29%22%3E%3Cuse stroke=%22%23000%22 stroke-width=%224%22 mask=%22url%28%23b%29%22 xlink:href=%22%23a%22/%3E%3Cpath fill=%22%23000%22 d=%22M16.893 9.08v3.998l1.77 3.603v1.098H.623V16.68l1.77-3.603V9.08c0-2.894 1.822-5.41 4.475-6.47C7.13 1.327 8.284.383 9.642.383c1.357 0 2.51.944 2.773 2.227 2.653 1.06 4.477 3.576 4.477 6.47zM10.92 3.974H8.366c-2.438.553-4.255 2.64-4.255 5.14v4.474l-1.7 2.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22/%3E%3C/g%3E%3C/svg%3E") !important; }

/* Standard changes */ .overlay { z-index: 1000000 !important; } .mw-notification-area, .drawer { z-index: 2000000 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog { z-index: 3000000 !important; } .mw-notification, .toast { margin-bottom: 80px !important; } .overlay-content { background: #fff !important; } .search-box .search { background-size: 26px 26px !important; background-position: left 3px center !important; } .heading-holder { margin-bottom: 15px !important; } .page-Main_Page .heading-holder { padding-bottom: 0 !important; }	padding-bottom: 20px !important; overflow: hidden !important; } .ns-special #content { background: #FFFFFF !important; } .ns-special .heading-holder .tagline { display: none !important; } .ns-special img, .captcha-box img { image-rendering: auto !important; } .editButtons #wpCaptchaWord { margin-top: 2.5px; }	margin-bottom: 5px; } .secondary-action { border-left: 1px solid #EAECF0 !important; } .mw-ui-button { max-width: none; } .content .mw-ui-icon-minerva-edit-enabled { display: block !important; } .collapsible-heading.open-block .mw-ui-icon-minerva-edit-enabled { top: -2px; } .in-block .mw-ui-icon-minerva-edit-enabled { top: -4px; } .mediawiki { font-size: 15px; } .mediawiki table { min-width: 0 !important; max-width: 100% !important; } .mediawiki .content table { font-size: 90%; border-collapse: separate; margin: 0.5em 0 0.75em; } .mediawiki .content table table { font-size: 100%; margin: 0; } .mediawiki .content table.wikitable { border-collapse: collapse; } .mediawiki .content table tbody { width: 100% !important; display: table !important; } .noresize + .thumbcaption { display: none; } .mediawiki .content .noresize a > img { max-width: 100% !important; } .mediawiki .content figure, .mediawiki .content .thumb { width: auto !important; } @media all and (max-width: 719px) { .mediawiki .content figure, .mediawiki .content .thumb { margin: 0.8em 0 0.5em; margin-left: auto !important; margin-right: auto !important; }	.mediawiki .content .in-block + .thumb, .mediawiki .content .thumb + .thumb { margin-top: 0.6em; }	.noresize { margin-bottom: 0.75em; }	.thumbimage { text-align: center; }	ul.gallery { text-align: center; margin-left: auto !important; margin-right: auto !important; }	#wpEmail { margin-bottom: 6px; }	input[name="captchaWord"] { margin-top: 9px; }	.g-recaptcha { margin-top: 12px; }	.mediawiki .content table, .mediawiki .infobox { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }	.mediawiki .infobox { display: block !important; float: none !important; margin: 15px 0 15.5px !important; } } @media all and (min-width: 720px) { .mediawiki .infobox { max-width: 315px !important; float: right !important; margin: 0 0 7px 15px !important; } } .mediawiki .infobox { padding: 4px !important; font-size: 85% !important; font-family: inherit !important; } .mediawiki .infobox table { width: 100% !important; } .gallery { margin: 0.8em 0 0 !important; padding: 0 !important; } .in-block + .gallery { margin-top: 0.6em !important; } .gallery + .gallery { margin-top: 0 !important; } .gallerybox, .gallerybox div { max-width: 100% !important; } .gallerybox .thumb { margin: 0 !important; } .gallerybox .mediaContainer { display: inline-block !important; } .gallerytext p { font-size: 90% !important; margin: 0.4em 0 0.6em !important; } .video-js { overflow: hidden; display: block !important; } .vjs-time-tooltip { display: none !important; }	display: inline-block !important; } .thumb .video-js { margin-left: auto; margin-right: auto; } div.thumbinner.mw-overflow { overflow: hidden; display: block; } .center { text-align: center; } .center * { margin-left: auto; margin-right: auto; } .content .floatleft { margin: 0 1em 0.5em 0 !important; } .content .floatright { margin: 0 0 0.5em 1em !important; } .mediawiki .content p, .mediawiki .content ul, .mediawiki .content ol { margin-top: 0.5em; margin-bottom: 0.75em; } .mediawiki .content p + ul, .mediawiki .content p + ol, .mediawiki .content ul + p, .mediawiki .content ol + p { margin-top: -0.25em; } .mediawiki .content ul li, .mediawiki .content ol li, .mediawiki .content ul li:last-child, .mediawiki .content ol li:last-child { margin-bottom: 2px; } .mediawiki .content ul ul, .mediawiki .content ol ol, .mediawiki .content ul ol, .mediawiki .content ol ul { margin-top: 2px; margin-bottom: 0; } .mediawiki .content ul + ul, .mediawiki .content ol + ol, .mediawiki .content ul + ol, .mediawiki .content ol + ul { margin-top: 0 !important; } .mediawiki .content ol.references { font-size: 90% !important; margin: 0 !important; } .mediawiki dl { font-size: 95% !important; margin-bottom: 0.5em !important; } .mediawiki dl dl, .mediawiki li dl, .mediawiki dl + dl, .mediawiki ul + dl, .mediawiki ol + dl, .mediawiki p + dl { font-size: 100% !important; } .mediawiki dl dl { margin-bottom: 0 !important; } .mediawiki ul + dl, .mediawiki ol + dl { margin-top: -0.5em !important; } .mediawiki ul + dl > dd > ul, .mediawiki ol + dl > dd > ol, .mediawiki ul + dl > dd > ol, .mediawiki ol + dl > dd > ul { margin-top: 0 !important; } .ns-talk p + dl, .ns-4 p + dl, .ns-110 p + dl, .content.talk-section p + dl { margin-top: -0.75em !important; } .ns-talk dl + dl, .ns-4 dl + dl, .ns-110 dl + dl, .content.talk-section dl + dl { margin-top: -0.5em !important; }	width: 100%; border: 1px solid #a2a9b1; }	display: block; margin-top: 20px; } pre { font-size: 12px !important; margin-top: 0.5em !important; margin-bottom: 0.5em !important; background-color: #F8F9FA !important; } code { padding: 0 !important; border: none !important; background-color: #F9F9F9 !important; } small { font-size: 85% !important; } big { font-size: 115% !important; } blockquote { font-size: 100% !important; padding: 0 0 0 15px !important; } blockquote p:last-of-type { margin-bottom: 0.5em; }
 * 1) content {
 * 1) userloginForm .mw-ui-vform-field:nth-of-type(8) {
 * 1) file > .video-js {
 * 1) mw-htmlform-description input,
 * 2) mw-htmlform-description select {
 * 1) mw-upload-form .mw-htmlform-submit-buttons {

/* Text and links */ .content { color: #000; } .content a, #whosonline a:active, #whosonline a:visited { color: #002bb8; } .content a:active { color: #faa700; } .content a:visited { color: #5a3696; } .content a.external, .content a.extiw { color: #36b; } .content a.external:active, .content a.extiw:active { color: #b63; } .content a.external:visited, .content a.extiw:visited { color: #636; } .content a.selflink { color: #000 !important; font-weight: bold !important; text-decoration: none !important; } .content a.mw-ui-button, .content a.mw-ui-button:active, .content a.mw-ui-button:visited { color: #222; } .content a.mw-ui-button:hover { color: #444; } .content .mw-ui-button.mw-ui-progressive, .content .mw-ui-button.mw-ui-progressive:active, .content .mw-ui-button.mw-ui-progressive:hover, .content .mw-ui-button.mw-ui-progressive:visited { color: #fff; }

/* Headings */ h3 { font-size: 1.3em !important; } h4 { font-size: 1.2em !important; } h5 { font-size: 1.1em !important; font-weight: bold !important; } h6 { font-weight: bold !important; } .content h3, .content h4, .content h5, .content h6 { padding: 0.3em 0 0.15em !important; }

/* Recent changes options */ .rcoptions { margin: 22px 0 12px; } .rcoptions .mw-changeslist-legend, .rcoptions legend, .rcoptions form, .rcoptions hr { display: none; }

/* Editing interface */ .editOptions { margin: 0.5em 0; } .mw-editTools { display: none; }

/* Video widget */ .videoWidget .thumbcaption { margin-top: -1px; } .videoWidget .thumbinner .thumbcaption { margin-top: 6px; } @media all and (max-width: 719px) { .videoWidget { display: block !important; }	.autoResize { margin: 0 auto !important; } }

/* Main Page */ display: block !important; text-align: center; }	border: 1px solid #dcdcdc; height: 50px; margin: 0 8px 8px 0; width: 50px; }	margin-bottom: 2px; }
 * 1) mf-mobilelogo {
 * 1) mf-users img {
 * 1) mf-dyk ul {

/* Misc. */ .infobox td, .infobox tr, .infobox tr:not(:first-of-type) th, .infoboxlabel, .infoboxcell { font-size: 100% !important; } .infoboxheading { font-size: 125% !important; } table.forum { display: block !important; }	clear: both; margin: 16px 0 9px; }	width: 100% !important; padding-left: 0 !important; }	position: absolute; right: 10px; top: 145px; } .tabtoc li { margin-bottom: 0.75px !important; } .containerTem { width: 100% !important; } .center-template { font-size: 95% !important; margin-bottom: 0.5em !important; } .content .featurelist { width: 100% !important; } .featurelist .mw-collapsible-content { border: none !important; } .featurelist td > p { display: none; } .scrollbox { height: auto !important; width: auto !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } .scrollbox table:first-of-type { margin-top: 0 !important; } .scrollbox table:last-of-type { margin-bottom: 0 !important; } .col-begin { border-collapse: collapse; } .col-begin td { padding: 0 !important; } .col-begin ul { margin: 0 !important; } .mediawiki .content .quotebox { font-size: 95% !important; margin: 0 auto !important; display: table !important; } .quotebox td { padding-top: 0 !important; padding-bottom: 0 !important; } .quotebox td:first-of-type, .quotebox td:last-of-type { line-height: 1 !important; vertical-align: middle !important; } .noticebox { width: 100% !important; font-size: 90% !important; }	width: auto !important; } @media all and (max-width: 719px) { .noticebox img { display: none; }	.noticebox div { margin: 0 !important; }	#imageLicense img { display: none !important; }	#imageLicenseText { margin: 0 8px !important; } } .shortcut, .policies { display: none !important; }
 * 1) whosonline {
 * 1) rc-staff {
 * 1) title-linktabs {
 * 1) imageLicense {

/** User welcome **/ .mp-welcome-logged-in { margin-top: -13px; width: 260px; } .mp-welcome-image { width: 74px; } .mp-welcome-points { width: 170px; padding-left: 5px; } .mp-requests h3 { clear: both; } .honorific-level { float: none; clear: both; }	float: none !important; }	text-align: left !important; }
 * 1) rc-welcome {
 * 1) rc-welcome h2 {

/* SocialProfile */ .page-nav { text-align: justify; margin: 5px 0 -28px; width: 100%; } .page-nav:after { content: ""; display: inline-block; width: 100%; } .page-nav a, .page-nav a:visited { border: 1px solid #ccc; padding: 2px 6px; background: #F8F5F5; color: #000; } .page-nav a:hover { background: #eee; text-decoration: none; }	float: none; width: 100%; }	float: none; width: 100%; } .profile-info-container .mw-parser-output p:first-child, .profile-info-container .mw-parser-output ul:first-child { margin-top: 0; } .user-page-message-form textarea { width: 99%; } .user-board-message { width: 100%; } .user-board-message-content { margin: 0 5px; } .user-board-message-body { width: 100%; float: none; padding-left: 0; } .no-info-container, .user-board-message-from { background-color: #EFF0F3; }	border: 1px solid #ccc; } .profile-actions a { margin: 0; } @media all and (max-width: 819px) { #profile-right { float: none; } } @media all and (min-width: 820px) { .profile-actions { margin-left: 8px; } }	display: none; }	margin-bottom: 4px; }	padding-top: 5px; } .profile-update-unit-left, .profile-update-unit, .profile-update-unit input, .profile-update-unit select { width: 100%; } .profile-tab-bar { text-align: center; } .profile-tab-bar div { margin: 5px; } .profile-tab, .profile-tab-on { height: 25px; padding: 6px 10px 3px; font-size: 14px; } .profile-tab a, .profile-tab-on a { color: #fff; } .profile-info select { border: 1px solid #ccc; } .profile-update p { margin: 0 !important; } .profile-update .profile-update-title { margin-bottom: 2px !important; } .profile-update { margin-top: 5px !important; } .profile-update input, .profile-update select, .profile-update textarea{ margin-bottom: 10px !important; } .site-button { color: #333; font-weight: bold; margin-top: 0; border-radius: 3px; border: 1px solid #ccc; background: #eee; padding: 5px 9px !important; } .site-button:active { background: #bbb; padding: 6px 8px 4px 10px !important; } .mw-special-UpdateProfile .site-button, .mw-special-UploadAvatar .site-button, .mw-special-EditProfile .site-button { margin-top: 15px; } .mw-special-EditProfile .profile-info { padding: 0; } .mw-special-EditProfile .clearfix::after { display: none; }	border: 1px solid #ccc; border-radius: 3px; } .top-fan-nav, .top-users { float: none; width: 100%; } .relationship-action, .g-give-all, .g-description-container, .ga-description-container { width: 100% } .relationship-buttons input, #send-gift-button { margin-right: 10px; } .page-Special_UpdateProfile_custom .content h1, .mw-special-UploadAvatar .content h1 { display: none; } .mw-special-UpdateProfile textarea, .mw-special-UpdateProfile select, .mw-special-UpdateProfile input, .mw-special-EditProfile textarea, .mw-special-EditProfile select, .mw-special-EditProfile input { padding: 5px; border: 1px solid #ccc; } .mw-special-UpdateProfile input[type="text"], .mw-special-EditProfile input[type="text"] { width: 98%; } .page-Special_UpdateProfile_preferences input[type="checkbox"] { margin: 5px 8px 0 0; }
 * 1) user-page-left {
 * 1) user-page-right {
 * 1) message_type {
 * 1) profile-toggle-button {
 * 1) profile-title {
 * 1) profile-title-container {
 * 1) message {

/* External self-links */ .content a.external[href^="https://www.destinypedia.com"] { color: #002bb8; background: none; padding: 0; } .content a.external[href^="https://www.destinypedia.com"]:active { color: #faa700; } .content a.external[href^="https://www.destinypedia.com"]:visited { color: #5a3696; }

/* Template:Welcome/IP invite */ .destiny { background: url(/images/2/23/Travelers_rest_desktop.jpg) no-repeat center top !important; } .destiny a { color: #1AAAE7; } .destiny a:visited { color: #1AAAE7; }