MediaWiki:Gadget-MobileStyle.css

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

/* Standard changes */ .overlay { z-index: 1000000 !important; } .ve-ui-overlay-global, .mw-notification-area, .drawer, .overlay.media-viewer .image-wrapper .image { z-index: 2000000 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog { z-index: 3000000 !important; } .ve-ui-mwSaveDialog-visualDiffFeedback { max-width: none !important; } .mw-notification, .toast { margin-bottom: 80px !important; } .overlay-header h2 span { max-width: 250px !important; } .overlay-header .mw-ui-anchor, .overlay-header .mw-ui-button { height: 48px !important; } .overlay-content { background: #fff !important; } .overlay.media-viewer { height: 105% !important; padding-bottom: 15% !important; } .media-viewer .overlay-content { background: none !important; } .media-viewer div.image img { background: #fff !important; } .editor-container .anonwarning { margin: 16px 0 0 !important; } .messagebox, .errorbox, .warningbox, .successbox, .mw-message-box, .mw-error-box, .mw-warning-box, .mw-success-box { padding: 6px 12px !important; } .warningbox a.external, .mw-warning-box a.external { padding-right: 0 !important; background-image: none !important; } .page-Main_Page #firstHeading, display: none !important; } .explain[title] { text-decoration: none; }	overflow: hidden !important; } .ns-talk #content { overflow: visible !important; } .ns-special .content-header { border-bottom: none !important; } .ns-special .pre-content, .ns-special .mw-body form { background: transparent !important; } .ns-special .heading-holder .tagline, .mw-special-Recentchanges .warningbox, display: none !important; } .editButtons #wpCaptchaWord { margin-top: 2.5px; } .mw-special-Contact #wpCaptchaWord { border: 1px solid #a2a9b1; }	display: none !important; }	display: inline !important; } .ns-special #bodyContent .watermark { text-align: center; } .ns-special #bodyContent .watermark img { height: 72px !important; } .secondary-action { border-left: 1px solid #EAECF0 !important; } .page-summary:last-of-type { border-bottom: 0 !important; } .mediawiki { font-size: 15px; } .mediawiki table { font-size: 90%; border-collapse: separate; max-width: 100% !important; } .mediawiki table table { font-size: 100%; } .mediawiki .content table, .mediawiki .mw-body-content table { margin: 0.5em 0 0.75em; } .mediawiki .content table table, .mediawiki .mw-body-content table table { margin: 0; } .mediawiki table.wikitable { border-collapse: collapse; } .mediawiki table > tbody { width: 100% !important; display: table !important; } .mediawiki table > thead + tbody, .ve-ui-overlay table.diff > tbody { display: table-row-group !important; } .content img, .mw-body-content img { max-width: 100% !important; height: auto !important; } .content .thumbcaption { text-align: left; } body.mediawiki .noresize a > img { max-width: 100% !important; } .mediawiki .thumbinner .noresize map + img { max-width: none !important; } .mediawiki figure, .mediawiki .thumb, .mediawiki .thumbinner { overflow: 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; max-width: max-content; }	.mediawiki .content .in-block + .thumb, .mediawiki .content .thumb + .thumb { margin-top: 0.6em; }	.mediawiki figure, .mediawiki .thumb { width: auto !important; }	#content .mw-indicators img { height: 20px !important; width: auto !important; }	.thumbimage { text-align: center; }	.content .gallery .gallerybox { width: 155px !important; }	.content .gallery .gallerybox div { width: auto !important; }	.content .gallery .gallerybox .video-js { width: 120px !important; }	.content .gallery .gallerybox .vjs-progress-control { display: none !important; }	.content .gallery .gallerybox .vjs-time-control { padding: 0 !important; }	ul.gallery { text-align: center; margin-left: auto !important; margin-right: auto !important; }	div.gallerytext { text-align: left; }	center div.gallerytext, .gallery.center div.gallerytext, .gallery[style*="center"] div.gallerytext { text-align: center; }	#wpEmail { margin-bottom: 6px; }	#mw-input-captchaWord { margin-top: 9px; }	.g-recaptcha { margin-top: 12px; }	.captcha-box #question { text-align: center; }	.mediawiki table { min-width: 0 !important; }	.mediawiki .content table.wikitable { border: 1px solid rgba(84,89,93,0.3); }	.mediawiki table[style*="inline-block"] { display: block !important; }	table:not(.infobox):not(.keepwidths) > tbody > tr > td, table:not(.infobox):not(.keepwidths) > tbody > tr > th { width: auto !important; }	.mediawiki .mw-parser-output table, .mediawiki .infobox { float: none !important; width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }	.mediawiki .infobox { display: block !important; margin: 15px 0 15.5px !important; } } @media all and (min-width: 720px) { .mediawiki .infobox { float: right !important; clear: right !important; max-width: 315px !important; margin: 0 0 7px 15px !important; }	li.gallerycaption { text-align: unset; } } .mediawiki .infobox { padding: 4px !important; font-size: 85% !important; font-family: inherit !important; } .mediawiki .infobox tr:not(:first-of-type) { vertical-align: top !important; } .mediawiki .infobox tr:not(:first-of-type) > th:not([colspan]) { text-align: left !important; } .mediawiki .infobox td, .mediawiki .infobox th { padding: 2px !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; } .infobox .video-js { margin-top: 1px; min-width: 200px; width: auto !important; } div.thumbinner.mw-overflow { overflow: hidden; display: block; } .center { text-align: center; } .center * { margin-left: auto; margin-right: auto; } .allpagesredirect a.mw-redirect { color: #888 !important; } .mw-parser-output a.selflink { color: #000 !important; font-weight: bold !important; text-decoration: none !important; cursor: auto !important; } .mw-parser-output .floatleft { padding: 0 !important; margin: 0.5em 1em 0.5em 0 !important; } .mw-parser-output .floatright { padding: 0 !important; margin: 0.5em 0 0.5em 1em !important; } .mw-parser-output ol.references { font-size: 90% !important; margin: 0 !important; } .drawer .reference-text div, .mw-parser-output ol.references div { display: inline; } .drawer .reference-text span, .mw-parser-output ol.references span { line-height: 1; } .client-js #mw-subcategories ul { padding-left: 0; } .mediawiki .content ol { padding-left: 2em; list-style-position: outside; } .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; } .ns-subject:not(.ns-110) section > dl { font-size: 95% !important; margin-bottom: 0.5em !important; } .mediawiki .content ul + dl, .mediawiki .content ol + dl { margin-top: -0.5em !important; } .mediawiki .content ul + dl > dd > ul, .mediawiki .content ol + dl > dd > ol, .mediawiki .content ul + dl > dd > ol, .mediawiki .content ol + dl > dd > ul { margin-top: 0 !important; } .ns-talk dd, .ns-110 dd, .content.talk-section dd { margin-top: 0.25em !important; margin-left: 0.25em !important; } .ns-talk dl, .ns-110 dl, .content.talk-section dl { margin-left: 0 !important; } .ns-talk p + dl, .ns-110 p + dl, .content.talk-section p + dl { margin-top: -0.5em !important; } .ns-talk ul + dl, .ns-110 ul + dl, .content.talk-section ul + dl { margin-top: -0.5em !important; } .ns-talk ol + dl, .ns-110 ol + dl, .content.talk-section ol + dl { margin-top: -0.5em !important; } .ns-talk dl + dl, .ns-110 dl + dl, .content.talk-section dl + dl { margin-top: -0.25em !important; } dl dd { overflow: visible !important; } textarea { width: 100% !important; } .content textarea, .content select { border: 1px solid #a2a9b1; }	width: 100%; border: 1px solid #a2a9b1; }	display: block; margin-top: 20px; }	margin-top: 15px; }	margin-top: 10px; } .mw-htmlform-field-HTMLTextField, .mw-htmlform-field-HTMLTextAreaField { margin-bottom: 2.5px; } .mw-htmlform-field-HTMLCheckField { margin-top: 2.5px; } .htmlform-tip.mw-htmlform-hide-if { margin-bottom: 0; } .mw-upload-editlicenses { display: none; } label[for="wpUploadFile"]::after { content: " "; } label[for="wpUploadFileURL"]::after { content: " "; } pre { margin-top: 0.5em !important; margin-bottom: 0.5em !important; background-color: #F8F9FA !important; } .ns-8 pre { font-size: 12px !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; } ul#filetoc { text-align: center; background: #fcfcfc; border: 1px solid #eee; margin: 1em 0 !important; padding: 0.625em 0.875em !important; } ul#filetoc li { display: inline; padding: 0 1em; } .mw-ui-button { max-width: none; } .minerva-user-menu-list .mw-ui-icon, .page-summary .mw-ui-icon, #p-tb .mw-ui-icon { overflow: visible !important; } .mw-ui-icon-element { color: transparent !important; } body.skin-timeless .mw-ui-icon-mf-expand { width: 1.1em !important; min-width: 0 !important; min-height: 21px !important; display: inline-block !important; background-size: auto !important; } body.skin-timeless .mw-ui-icon-mf-expand::before { margin: -0.2em 0 0 !important; background-position: left center !important; } .client-js body.skin-timeless.ns-subject:not(.ns-10):not(.ns-14) .section-heading:not(.collapsible-heading) .mw-headline { padding-left: 26.5px !important; } .client-js body.skin-timeless.ns-subject:not(.ns-10):not(.ns-14) .section-heading > .mw-ui-icon:not(.mw-ui-icon-mf-expand) { display: none !important; } body.skin-timeless.mw-special-Contributions .content-header { margin-bottom: 2em; } body.skin-timeless.mw-special-Contributions h2.list-header { margin: 0 !important; } body.skin-timeless.mw-special-Contributions .list-thumb p { margin-top: 0.7em !important; } body.skin-timeless.mw-special-Contributions .page-list h3 { margin-top: 0.25em !important; } body.skin-timeless .mw-parser-output ol.references { padding-left: 0 !important; margin-left: 1.6em !important; } body.skin-timeless textarea#wpTextbox1 { margin-top: 0.5em; } body.skin-timeless .sidebar-inner a { background: none !important; } body.skin-timeless .mw-indicators { position: relative; } @media all and (max-width: 719px) { body.skin-timeless #toc { display: none; } } @media all and (max-width: 850px) { body.skin-timeless #toc { width: auto; } }
 * 1) mw-indicator-mw-helplink {
 * 1) content {
 * 1) p-interaction .mw-ui-icon-minerva-recentChanges {
 * 1) signupstart + #userloginForm .warningbox {
 * 1) whosonline .mw-userlink::before {
 * 1) file > .video-js {
 * 1) mw-htmlform-description input,
 * 2) mw-htmlform-description select {
 * 1) mw-upload-form .mw-htmlform-submit-buttons {
 * 1) mw-upload-form > fieldset:first-of-type,
 * 2) mw-upload-form > fieldset:last-of-type {
 * 1) wpSourceTypeurl {

/* Headings */ .mw-parser-output h3, #mw-content-text h3 { font-size: 1.3em !important; } .mw-parser-output h4, #mw-content-text h4 { font-size: 1.2em !important; } .mw-parser-output h5, #mw-content-text h5 { font-size: 1.1em !important; font-weight: bold !important; } .mw-parser-output h6, #mw-content-text h6 { font-weight: bold !important; }

/* Mobile diffs */ .diff { display: block; overflow: auto; border-spacing: 1px; } .diff td.diff-marker { padding: 0; } .diff td div { padding: 0 0.1em; word-wrap: anywhere; } .diff-addedline, .diff-deletedline, .diff .diff-context { width: auto; min-width: 125px; min-height: 18px; vertical-align: middle; } .diffchange { font-weight: normal; } .diff-addedline .diffchange, .diff-deletedline .diffchange { padding: 1px 0; } .ve-init-mw-diffPage-diffMode { margin-top: 0; text-align: center; } [data-diff-action="none"] { z-index: 0; opacity: 1; }	padding-bottom: 0; } @media all and (max-width: 719px) { .diff-context, .diff-addedline, .diff-deletedline { font-size: 10px; } } body.skin-timeless #mw-mf-diffarea { padding-bottom: 2em; } .ve-ui-diffElement-doc-child-change p { margin: 0; }
 * 1) mw-mf-diffarea {

/* Recent changes options */ label[for="tagfilter"], input#tagfilter, body.skin-minerva .rcoptions legend, body.skin-minerva .rcoptions hr { display: none !important; } .rcoptions .mw-label.mw-namespace-label { vertical-align: top; padding-top: 4px; } .rcoptions .mw-recentchanges-table { font-size: 100% !important; } .rcoptions td.mw-input, .rcoptions select, .rcoptions input { width: 100%; margin: 0 !important; } body.skin-minerva .namespaceForm select#namespace { padding: 0.25em; } body.skin-minerva .tagfilterForm input.mw-ui-button { padding: 5px 10px 3.25px; } body.skin-minerva .rcoptions { margin-top: 22px; }

/* Enhanced recent changes */ table.mw-changeslist-line { border: 0; border-spacing: 0; display: table !important; margin: 0 !important; } table.mw-changeslist-line th, table.mw-changeslist-line td { padding: 0; vertical-align: top; } table.mw-enhanced-rc td.mw-enhanced-rc-nested { padding-left: 1em; } td.mw-enhanced-rc { white-space: nowrap; font-family: monospace,monospace; } .mw-enhanced-rc-time { font-family: monospace,monospace; } .mw-enhanced-rc .collapsible-expander { float: none; } .client-nojs .mw-enhancedchanges-arrow-space { display: none; } .mw-enhancedchanges-arrow { padding-top: 2px; } .mw-enhancedchanges-arrow-space { width: 15px; height: 15px; display: inline-block; } .mw-enhanced-watched .mw-enhanced-rc-time { font-weight: bold; } span.changedby { font-size: 95%; }

/* Navboxes */ .mobile .navbox { width: 100% !important; font-size: 85% !important; margin: 15px 0 0 !important; } .mobile .navbox .navbox { font-size: 100% !important; margin-top: 0 !important; } .mobile .navbox + .navbox { margin-top: 0 !important; } .mobile .navbox-section > *:first-child { margin-top: 15px !important; margin-bottom: 0 !important; } .mobile.skin-minerva .navbox + .navbox, .mobile.skin-minerva .navbox-section > * + * { margin: 2px 0 0 !important; } .mobile.skin-timeless .navbox-section > * + * { margin: 0 !important; } .mobile .navbox td, .mobile .navbox th { width: auto !important; font-size: 100% !important; padding-left: 2px !important; padding-right: 2px !important; white-space: normal !important; } .mobile .navbox tr:first-child th span, .mobile .navbox:not(.multi) .navbox tr:first-child th { font-size: 100% !important; } .mobile .navbox tr:first-child th { font-size: 110% !important; padding-left: 4px !important; padding-right: 4px !important; } .mobile .navbox p, .mobile .navbox hr { margin: 0.1em 0 !important; } .mobile .navbox-heading { clear: both !important; } .mobile.skin-timeless .navbox-heading { border: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; } .mobile.skin-timeless .navbox-heading::after { border: 0 !important; } .client-nojs .mobile section > .navbox, .client-nojs .mobile #bodyContent .navbox-heading, .mobile.skin-timeless .navbox-heading > .mw-ui-icon { display: none !important; } .mobile.skin-timeless .navbox-heading + .collapsible-block { display: block !important; }

/* OOUI */ @media all and (max-width: 850px) { .mw-widget-selectWithInputWidget .oo-ui-dropdownInputWidget, .mw-widget-complexTitleInputWidget .mw-widget-namespaceInputWidget { max-width: none !important; }	.mw-widget-selectWithInputWidget .oo-ui-textInputWidget { max-width: none !important; margin-top: 0.5em !important; } } body.skin-minerva .mw-widget-complexTitleInputWidget .mw-widget-namespaceInputWidget { margin-bottom: 0.5em; }

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

/* Video widget */ .infobox .videoWidget, .infobox .videoWidget iframe { display: block !important; } .infobox .autoResize { margin: 0 auto !important; } .autoResize:not(.thumbinner) .thumbcaption { margin: 0; padding: 0; } @media all and (max-width: 719px) { .videoWidget { display: block !important; }	.autoResize { margin: 0 auto !important; } } @media all and (min-width: 720px) { .videoWidget.tleft { float: left; margin-right: 1.4em; }	.videoWidget.tright { float: right; margin-left: 1.4em; } }

/* Indicator icons */ body.skin-timeless .mw-indicators { top: 2px; } body.skin-minerva .mw-indicator { margin: 0 1px; }	display: none; }
 * 1) mw-indicator-rc {

/* Project talk pages */ .rootpage-Halopedia_Changing_username dd { margin-top: 0.25em !important; margin-left: 0.25em !important; } .rootpage-Halopedia_Changing_username dl { margin-left: 0 !important; } .rootpage-Halopedia_Changing_username p + dl, .rootpage-Halopedia_Changing_username ul + dl, .rootpage-Halopedia_Changing_username ol + dl { margin-top: -0.5em !important; } .rootpage-Halopedia_Changing_username dl + dl { margin-top: -0.25em !important; }

/* Dismissable site notice */ .mw-dismissable-notice-body { margin: 0 !important; } .mw-dismissable-notice-close { margin-left: 10px !important; margin-bottom: 5px !important; }

/* Site notice */ @media all and (max-width: 1000px) { #siteNotice { font-size: 70% !important; } }

/* Site notice news */ display: none; }	display: block !important; }	display: block !important; text-align: center; font-weight: bold; margin-top: 5px; }	margin: 0; }
 * 1) localNotice #editnews,
 * 2) localNotice p {
 * 1) localNotice p:first-child {
 * 1) localNotice #morenews {
 * 1) rc-news p:not(:last-of-type) {

/* Special:WikiForum */ p.mw-wikiforum-descr { font-size: 75% !important; } table.mw-wikiforum-posted { font-size: 85% !important; } table.mw-wikiforum-title { border-spacing: 0 !important; } table.mw-wikiforum-frame .site-button { margin: 10px 5px 0 0; } .mw-wikiforum-thread-sub blockquote { overflow: visible !important; font-size: 95% !important; font-family: sans-serif !important; } .wikiforum-avatar-image + .mw-parser-output > blockquote { margin-right: 0 !important; } blockquote p.posted { margin-right: 90px !important; }	width: 100% !important; } td.mw-wikiforum-innerframe > table { margin: 0 !important; } td.mw-wikiforum-innerframe { padding-right: 2px; } td.mw-wikiforum-title { min-width: 150px; } @media all and (min-width: 400px) { td.mw-wikiforum-title { min-width: 185px; } }	border-radius: 3px; border: 1px solid #ccc; }
 * 1) bodyContent table.mw-wikiforum-frame,
 * 2) bodyContent table.mw-wikiforum-title,
 * 3) bodyContent table.mw-wikiforum-headerrow,
 * 4) bodyContent table.mw-wikiforum-posted,
 * 5) bodyContent td.mw-wikiforum-innerframe > table {
 * 1) writereply #wpTextbox1 {

/* Main page */ .page-Main_Page br[clear=all]:nth-of-type(3), .page-Main_Page br[clear=all]:nth-of-type(4) { display: none; }	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; }	margin: 16px 0 0; }	width: 100% !important; padding-left: 0 !important; }	margin: 0; } .fakeh2 { font-size: 1.5em; font-family: 'Linux Libertine','Georgia','Times',serif; padding: 0.5em 0; margin-bottom: 0.5em; } .fakeh3 { font-size: 1.3em; font-weight: bold; padding: 0.3em 0 0.15em; } .tabtoc li { margin-bottom: 0.7px !important; } .containerTem { width: 100% !important; } .center-template { font-size: 95% !important; margin-bottom: 0.5em !important; } .mw-parser-output .featurelist { width: 100% !important; } body.skin-timeless .featurelist .mw-collapsible { margin-right: 5px; } body.skin-minerva .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; margin: 0.3em 0 0 !important; } .col-begin td { padding: 0 !important; } .content .col-begin ul { margin: 0 !important; } body.skin-timeless .col-begin ul { margin-bottom: 0.3em !important; } .mediawiki .mw-parser-output .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; } .linkbox { margin: 0 !important; float: none !important; width: auto !important; } .noticebox { width: 80% !important; display: block !important; font-size: 90% !important; } body.mediawiki .noticebox img { max-width: none !important; }	width: auto !important; } @media all and (max-width: 719px) { .header-template .icon { padding-left: 0.1em !important; }	.header-template td { text-align: left !important; }	.noticebox { width: auto !important; }	body.mediawiki .noticebox img { max-width: 50px !important; }	.noticebox .center-template, #imageLicense img { display: none !important; }	#imageLicenseText { margin: 0 8px !important; }	.reflist { column-count: 1 !important; } } div.darker { width: auto !important; } .hp-tagdesc + p > br:first-of-type { display: none; } .mw-htmlform-field-HTMLTextField #toggler { margin-top: 10px !important; }
 * 1) whosonline {
 * 1) rc-staff {
 * 1) rc-news p:not(:last-of-type) {
 * 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; }	text-align: left !important; } @media all and (max-width: 719px) { #rc-welcome { float: none !important; }	#whosonline { clear: both; } }
 * 1) rc-welcome h2 {

/* Social profile */ .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 4px; background: #F8F5F5; color: #000; } .page-nav a:hover { background: #eee; text-decoration: none; } @media all and (max-width: 719px) { .top-fan { width: auto; }	.top-fan-points { float: right; }	#user-page-left, #user-page-right { float: none; width: 100%; }	#user-page-left .profile-info-container:last-of-type { padding-bottom: 0; } }	background-color: transparent; } .profile-info-container p { margin: 0.5em 0 !important; } .profile-info-container .mw-parser-output p:first-child, .profile-info-container .mw-parser-output ul:first-child { margin-top: 0 !important; } .user-page-message-form textarea { width: 99%; } .user-board-message-content { margin: 0 5px; } .user-board-message-image { padding-top: 5px; } .user-board-message-body { width: 100%; float: none; padding-left: 0; } .no-info-container, .user-board-message-from { background-color: #efefef; }	border: 1px solid #ccc; } .profile-actions a { margin: 0; }	display: none; }	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; } .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; } @media all and (max-width: 719px) { #profile-right, #profile-title { float: none; } } @media all and (min-width: 720px) { .profile-actions { margin-left: 8px; } } /* Profile page - No user levels */ @media all and (max-width: 719px) { #profile-title-container .cleared { display: none; }	.profile-actions::before { content: "\a"; white-space: pre; }	body.skin-timeless .profile-actions { margin-top: 8px; } }
 * 1) profile-top, .profile-info {
 * 1) message_type {
 * 1) profile-toggle-button {
 * 1) profile-title-container {
 * 1) message {

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

/* Videos table */ @media all and (max-width: 719px) { .videos tr { display: block; }	.videos td { display: block; width: 100%; }	.videos td:not(:last-of-type) { margin-bottom: 6px; } }

/* Echo extension */ .notification-count { background: transparent; color: #fff !important; } .notification-count .circle { background: #aaa; } .notification-count .circle span { letter-spacing: -0.4px; } .mw-echo-ui-notificationsInboxWidget-sidebar, .mw-echo-ui-notificationsInboxWidget-cell-placeholder, .mw-echo-ui-notificationsInboxWidget-main-toolbar-settings, body.skin-timeless #pt-notifications-notice { display: none !important; }