MediaWiki:Mobile.css

From Wikitia
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.mw-cite-backlink,.cite-accessibility-label {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mw-references-columns {
    -webkit-column-width: 30em;
    -moz-column-width: 30em;
    column-width: 30em
}

.mw-references-columns li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column
}

ol.references {
    counter-reset: mw-ref-extends-parent list-item
}

ol.references > li {
    counter-increment: mw-ref-extends-parent;
    counter-reset: mw-ref-extends-child
}

ol.references .mw-extended-references {
    list-style: none;
    margin-left: 2em
}

.mw-extended-references > li:before {
    counter-increment: mw-ref-extends-child;
    content: counter(mw-ref-extends-parent,decimal) '.' counter(mw-ref-extends-child,decimal) '. '
}

sup.reference {
    unicode-bidi: -moz-isolate;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: isolate;
    white-space: nowrap;
    font-weight: normal;
    font-style: normal
}

ol.references li:target,sup.reference:target {
    background-color: #eaf3ff
}

.mw-ext-cite-error {
    font-weight: bold;
    unicode-bidi: embed
}

.mw-ext-cite-error code {
    background-color: transparent;
    color: inherit;
    padding: 1px 2px
}

.mw-cite-dir-ltr .reference-text {
    direction: ltr;
    unicode-bidi: embed
}

.mw-cite-dir-rtl .reference-text {
    direction: rtl;
    unicode-bidi: embed
}

.mw-references-columns {
    -webkit-column-width: 25em;
    -moz-column-width: 25em;
    column-width: 25em
}

@media print {
    .mw-cite-backlink {
        display: none
    }
}

#pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    top: -5px;
    text-indent: -9999px;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0.87;
    color: transparent
}

#pt-notifications-alert .mw-echo-notifications-badge:hover,#pt-notifications-notice .mw-echo-notifications-badge:hover,#pt-notifications-alert .mw-echo-notifications-badge:active,#pt-notifications-notice .mw-echo-notifications-badge:active,#pt-notifications-alert .mw-echo-notifications-badge:focus,#pt-notifications-notice .mw-echo-notifications-badge:focus {
    outline: 0
}

#pt-notifications-alert .mw-echo-notifications-badge:focus,#pt-notifications-notice .mw-echo-notifications-badge:focus {
    -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 3px #36c;
    box-shadow: 0 0 0 1px #fff,0 0 0 3px #36c;
    opacity: 1
}

#pt-notifications-alert .mw-echo-notifications-badge:focus:after,#pt-notifications-notice .mw-echo-notifications-badge:focus:after {
    border-color: #36c
}

#pt-notifications-alert .mw-echo-notifications-badge:after,#pt-notifications-notice .mw-echo-notifications-badge:after {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    top: 9px;
    text-indent: 0;
    left: 55%;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 0.3em;
    border: 1px solid #fff;
    border-radius: 2px;
    background-color: #72777d;
    content: attr(data-counter-text);
    color: #fff
}

#pt-notifications-alert .mw-echo-notifications-badge-dimmed,#pt-notifications-notice .mw-echo-notifications-badge-dimmed {
    opacity: 0.4
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-long-label,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-long-label {
    margin-right: 0.5em
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-long-label:after,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-long-label:after {
    left: 35%
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity: 0.51
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:after,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read:after {
    visibility: hidden
}

#pt-notifications-alert .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
    background-color: #dd3333
}

#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen:after,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications:after {
    background-color: #3366cc
}

#pt-notifications-alert .mw-echo-notifications-badge-dimmed,#pt-notifications-alert .mw-echo-notifications-badge {
    top: 0;
    margin: 0
}

#pt-notifications-alert.oo-ui-widget {
    list-style: none;
    width: 1.25em;
    height: 1.25em;
    padding: 0.75em;
    vertical-align: middle
}

#pt-notifications-alert.oo-ui-widget a {
    height: auto;
    padding: 0
}

.hlist dl,.hlist ol,.hlist ul {
    margin: 0;
    padding: 0
}

.hlist dl dl,.hlist ol dl,.hlist ul dl,.hlist dl ol,.hlist ol ol,.hlist ul ol,.hlist dl ul,.hlist ol ul,.hlist ul ul {
    display: inline
}

.hlist dd,.hlist dt,.hlist li {
    margin: 0;
    display: inline
}

ul.hlist li,.hlist > ul li,.hlist > dl li {
    display: inline-block;
    margin-right: 8px
}

.hlist-separated li:after {
    content: '•' !important;
    padding-left: 8px;
    font-size: 1em;
    line-height: 1
}

.hlist-separated :last-child:after {
    content: none !important
}
.mw-ui-button {
    background-color: #f8f9fa;
    color: #202122;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 6px 12px;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.28571429em;
    text-align: center;
    -webkit-appearance: none
}

.mw-ui-button:visited {
    color: #202122
}

.mw-ui-button:hover {
    background-color: #ffffff;
    color: #404244;
    border-color: #a2a9b1
}

.mw-ui-button:focus {
    background-color: #ffffff;
    color: #202122;
    border-color: #3366cc;
    box-shadow: inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff;
    outline-width: 0
}

.mw-ui-button:focus::-moz-focus-inner {
    border-color: transparent;
    padding: 0
}

.mw-ui-button:active,.mw-ui-button.is-on {
    background-color: #c8ccd1;
    color: #000000;
    border-color: #72777d;
    box-shadow: none
}

.mw-ui-button:disabled {
    background-color: #c8ccd1;
    color: #ffffff;
    border-color: #c8ccd1;
    cursor: default
}

.mw-ui-button:disabled:hover,.mw-ui-button:disabled:active {
    background-color: #c8ccd1;
    color: #ffffff;
    box-shadow: none;
    border-color: #c8ccd1
}

.mw-ui-button:not(:disabled) {
    -webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
    -moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
    transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms
}

.mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
    background-color: transparent;
    color: #202122;
    border-color: transparent
}

.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {
    background-color: transparent;
    color: #404244;
    border-color: transparent;
    box-shadow: none
}

.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {
    background-color: transparent;
    color: #000000;
    border-color: transparent
}

.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    background-color: transparent;
    color: #202122;
    border-color: transparent;
    box-shadow: none
}

.mw-ui-button.mw-ui-quiet:disabled,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled,.mw-ui-button.mw-ui-quiet:disabled:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:hover,.mw-ui-button.mw-ui-quiet:disabled:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:disabled:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:disabled:active {
    background-color: transparent;
    color: #72777d;
    border-color: transparent
}

.mw-ui-button.mw-ui-progressive {
    background-color: #3366cc;
    color: #fff;
    border: 1px solid #3366cc
}

.mw-ui-button.mw-ui-progressive:hover {
    background-color: #447ff5;
    border-color: #447ff5
}

.mw-ui-button.mw-ui-progressive:focus {
    box-shadow: inset 0 0 0 1px #3366cc,inset 0 0 0 2px #ffffff
}

.mw-ui-button.mw-ui-progressive:active,.mw-ui-button.mw-ui-progressive.is-on {
    background-color: #2a4b8d;
    border-color: #2a4b8d;
    box-shadow: none
}

.mw-ui-button.mw-ui-progressive:disabled {
    background-color: #c8ccd1;
    color: #fff;
    border-color: #c8ccd1
}

.mw-ui-button.mw-ui-progressive:disabled:hover,.mw-ui-button.mw-ui-progressive:disabled:active {
    background-color: #c8ccd1;
    color: #fff;
    border-color: #c8ccd1;
    box-shadow: none
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
    color: #3366cc
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
    background-color: transparent;
    color: #447ff5
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
    color: #2a4b8d
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
    background-color: transparent;
    color: #3366cc
}

.mw-ui-button.mw-ui-destructive {
    background-color: #dd3333;
    color: #fff;
    border: 1px solid #dd3333
}

.mw-ui-button.mw-ui-destructive:hover {
    background-color: #ff4242;
    border-color: #ff4242
}

.mw-ui-button.mw-ui-destructive:focus {
    box-shadow: inset 0 0 0 1px #dd3333,inset 0 0 0 2px #ffffff
}

.mw-ui-button.mw-ui-destructive:active,.mw-ui-button.mw-ui-destructive.is-on {
    background-color: #b32424;
    border-color: #b32424;
    box-shadow: none
}

.mw-ui-button.mw-ui-destructive:disabled {
    background-color: #c8ccd1;
    color: #fff;
    border-color: #c8ccd1
}

.mw-ui-button.mw-ui-destructive:disabled:hover,.mw-ui-button.mw-ui-destructive:disabled:active {
    background-color: #c8ccd1;
    color: #fff;
    border-color: #c8ccd1;
    box-shadow: none
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet {
    color: #dd3333
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover {
    background-color: transparent;
    color: #ff4242
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet:active {
    color: #b32424
}

.mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus {
    background-color: transparent;
    color: #dd3333
}

.mw-ui-button.mw-ui-big {
    font-size: 1.3em
}
.mw-ui-button.mw-ui-block {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

input.mw-ui-button::-moz-focus-inner,button.mw-ui-button::-moz-focus-inner {
    margin-top: -1px;
    margin-bottom: -1px
}

a.mw-ui-button {
    text-decoration: none
}

a.mw-ui-button:hover,a.mw-ui-button:focus {
    text-decoration: none
}

.mw-ui-button-group > * {
    min-width: 48px;
    border-radius: 0;
    float: left
}

.mw-ui-button-group > *:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.mw-ui-button-group > *:not(:first-child) {
    border-left: 0
}

.mw-ui-button-group > *:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.mw-ui-button-group .is-on .button {
    cursor: default
}


.client-js .collapsible-block {
    display: none
}

.client-js .collapsible-block.open-block {
    display: block
}

ul.footer-info li,ul.footer-places li {
    display: none
}

#footer-places-terms-use {
    float: left
}

#footer-places-terms-use,#footer-places-desktop-toggle,#footer-places-privacy {
    display: inline-block
}

#footer-places-desktop-toggle:after {
    content: '' !important
}

@media all and (min-width: 720px) {
    .client-js [onclick] + .collapsible-block {
        display:block
    }
}

.lazy-image-placeholder {
    background-color: #eaecf0;
    display: inline-block;
    vertical-align: middle
}

li .lazy-image-placeholder,span .lazy-image-placeholder {
    display: inline-block
}

.client-nojs .lazy-image-placeholder {
    display: none
}

.content a > .lazy-image-placeholder {
    max-width: 100% !important
}

@media print {
    .lazy-image-placeholder {
        page-break-inside: avoid
    }
}

.minerva__tab-container {
    white-space: nowrap;
    overflow-x: auto
}

.minerva__tab-container .minerva__tab {
    font-size: 0.85em;
    margin: 0 10px 0 0;
    color: #54595d;
    font-weight: bold;
    padding-bottom: 6px;
    display: inline-block
}

.minerva__tab-container .minerva__tab:visited,.minerva__tab-container .minerva__tab:hover,.minerva__tab-container .minerva__tab:active,.minerva__tab-container .minerva__tab.new,.minerva__tab-container .minerva__tab.new:visited,.minerva__tab-container .minerva__tab.new:active,.minerva__tab-container .minerva__tab.new:hover {
    color: #54595d;
    text-decoration: none
}

.minerva__tab-container .minerva__tab:last-child {
    margin-right: 0
}

.minerva__tab-container .minerva__tab.selected {
    border-bottom: 2px solid #54595d
}

.toggle-list__list--drop-down {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-tap-highlight-color: transparent
}

.minerva-animations-ready .toggle-list__list--drop-down {
    -webkit-transition: opacity 100ms ease-in-out,-webkit-tap-highlight-color 0s ease-in-out,transform 100ms ease-in-out,visibility 100ms ease-in-out;
    -moz-transition: opacity 100ms ease-in-out,-webkit-tap-highlight-color 0s ease-in-out,transform 100ms ease-in-out,visibility 100ms ease-in-out;
    transition: opacity 100ms ease-in-out,-webkit-tap-highlight-color 0s ease-in-out,transform 100ms ease-in-out,visibility 100ms ease-in-out
}

.toggle-list__checkbox:checked ~ .toggle-list__list--drop-down {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.toggle-list-item {
    display: block;
    padding: 0.75em 0.875em
}

.toggle-list-item:hover {
    background: #eaecf0
}

.toggle-list-item__anchor {
    display: block;
    line-height: 1
}

.toggle-list-item__anchor:hover {
    text-decoration: none
}

.toggle-list-item__anchor:visited,.toggle-list-item__anchor:active {
    color: #54595d
}

.toggle-list-item__icon {
    vertical-align: middle
}
.toggle-list-item__label {
    text-align: left;
    color: #54595d;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.875em
}

.minerva-user-menu-list {
    top: 100%;
    right: -0.75em;
    min-width: 200px;
    border-radius: 0
}

.minerva--history-page-action-enabled .page-actions-menu__list-item {
    flex-basis: auto
}

.minerva--history-page-action-enabled .page-actions-menu__list-item:first-child {
    flex-grow: 0
}

.page-actions-overflow-list {
    top: 100%;
    right: -0.75em;
    border-radius: 0
}



div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,ins,em,img,small,strike,strong,sub,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,button,select,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    background: none
}

table,caption,tbody,tfoot,thead,tr,th,td {
    font-size: 100%
}

caption {
    font-weight: bold
}

button {
    border: 0;
    background-color: transparent;
    cursor: pointer
}

input {
    line-height: normal
}

ul {
    list-style: none
}

table {
    border-collapse: collapse
}

html,body {
    height: 100%
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: none
}

body {
    background-color: #ffffff;
    color: #202122;
    margin: 0
}

main {
    display: block
}

.mw-body {
    border-top: 1px solid transparent;
    padding-bottom: 32px
}

.overlay-enabled,.mw-body {
    background-color: #ffffff
}

.header-container {
    border-bottom: 1px solid #c8ccd1;
    padding: 0 16px
}

.header-container.header-chrome {
    background-color: #eaecf0;
    border: 0;
    box-shadow: inset 0 -1px 3px rgba(0,0,0,0.08)
}

.navigation-drawer--loading,#footer-info-lastmod {
    display: none
}

.last-modified-bar a,.last-modified-bar a:visited {
    color: #54595d
}

.last-modified-bar a:nth-child(1),.last-modified-bar a:visited:nth-child(1) {
    font-weight: bold
}

.header {
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    height: 3.375em;
    white-space: nowrap;
    border-top: 1px solid #c8ccd1;
    margin-top: -1px
}

.header > div,.header > .navigation-drawer {
    position: relative;
    vertical-align: middle;
    display: table-cell
}

.header > div a {
    display: block
}

.header .branding-box {
    width: auto;
    opacity: 0.66
}

.header .branding-box h1,.header .branding-box a {
    margin-left: 5px;
    font-size: 1em;
    text-decoration: none;
    color: #202122
}

.header .branding-box h1 span,.header .branding-box a span {
    line-height: 1;
    font-size: inherit
}

.header .branding-box h1 img,.header .branding-box a img {
    vertical-align: middle
}

.header .branding-box h1 > *,.header .branding-box a > * {
    float: left
}

.header .branding-box h1 sup,.header .branding-box a sup {
    color: #54595d;
    display: none
}

.beta .header .branding-box h1 sup,.beta .header .branding-box a sup {
    display: initial
}

.header > .header-title {
    vertical-align: middle
}

#searchInput {
    cursor: text
}

.search-box,.header .search-box {
    display: none;
    width: auto
}

.search-box .search {
    background-color: #fff;
    background-position: left 6px center;
    background-repeat: no-repeat;
    background-size: 18px;
    -webkit-appearance: none;
    width: 100%;
    margin-top: 0;
    height: 2.25em;
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 7px 0 7px 29px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    outline: 0;
    -webkit-transition: border-color 250ms,box-shadow 250ms;
    -moz-transition: border-color 250ms,box-shadow 250ms;
    transition: border-color 250ms,box-shadow 250ms
}

.client-nojs .search-box .search:focus,.search-overlay .search-box .search:focus {
    border-color: #3366cc;
    box-shadow: inset 0 0 0 1px #3366cc,0 1px 1px rgba(0,0,0,0.05)
}

input.search::-webkit-search-decoration,input.search::-webkit-search-cancel-button,input.search::-webkit-search-results-button,input.search::-webkit-search-results-decoration {
    display: none
}

.content h2 {
    clear: left
}

.content .collapsible-heading .edit-page {
    visibility: hidden
}

.content .collapsible-heading.open-block .edit-page {
    visibility: visible
}

.content .mw-parser-output > h2,.content .section-heading {
    border-bottom: 1px solid #eaecf0;
    margin-bottom: 0.5em
}

.content .mw-parser-output > h1,.content .mw-parser-output > h2,.content .mw-parser-output > h3,.content .mw-parser-output > h4,.content .mw-parser-output > h5,.content .section-heading,.content .in-block {
    display: table
}

.content .mw-parser-output > h1 .mw-headline,.content .mw-parser-output > h2 .mw-headline,.content .mw-parser-output > h3 .mw-headline,.content .mw-parser-output > h4 .mw-headline,.content .mw-parser-output > h5 .mw-headline,.content .section-heading .mw-headline,.content .in-block .mw-headline {
    width: 100%
}

.content .mw-parser-output > h1 > span,.content .mw-parser-output > h2 > span,.content .mw-parser-output > h3 > span,.content .mw-parser-output > h4 > span,.content .mw-parser-output > h5 > span,.content .section-heading > span,.content .in-block > span {
    display: table-cell;
    vertical-align: middle
}


.client-nojs .section-heading .indicator {
    display: none
}

#page-secondary-actions {
    clear: both
}

#page-secondary-actions a {
    margin: 10px 2px 2px 0
}

#bodyContent .panel .content,.overlay .content-header,.overlay .panel,.page-list.side-list .list-thumb,.page-list li,.topic-title-list li,.site-link-list li,.drawer,.messagebox,.errorbox,.successbox,.warningbox,.list-header,.mw-revision {
    padding-left: 16px;
    padding-right: 16px
}

.talk-overlay .comment .comment-content,.image-list,.pre-content,#mw-content-text > form > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body,#mw-content-text > form > .oo-ui-widget,.content,.post-content {
    margin: 0 16px
}

.minerva__subtitle {
    margin-top: 10px;
    margin-bottom: 10px
}

.minerva__subtitle:empty {
    margin: 0
}

@media all and (min-width: 720px) {
    .page-summary-list,.topic-title-list,.site-link-list,.overlay .panel,.list-header {
        padding-left:3.35em;
        padding-right: 3.35em
    }
}

.heading-holder {
    padding: 20px 0 0;
    position: relative
}

.heading-holder .tagline {
    color: #54595d;
    font-size: 0.85em
}

.page-heading {
    margin-bottom: 12px
}

.mw-ui-icon-element.disabled,.language-selector.disabled {
    cursor: default;
    opacity: 0.25
}

#page-actions {
    position: relative
}

.page-actions-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #c8ccd1;
    margin-top: -1px
}

.page-actions-menu__list {
    display: flex;
    height: 3em;
    justify-content: space-between
}

.page-actions-menu__list-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    overflow: hidden
}

.page-actions-menu__list-item > a {
    font-weight: 500
}

.page-actions-menu__list-item li > *:hover {
    box-shadow: none
}

.page-actions-menu__list-item:first-child {
    flex-grow: 1;
    justify-content: flex-start;
    margin-left: -8px
}

.page-actions-menu__list-item:last-child {
    margin-right: -8px
}

.client-nojs .watch-this-article {
    visibility: hidden
}

.client-nojs .is-authenticated .watch-this-article {
    visibility: visible
}

@media all and (max-width: 320px - 1) {
    .client-nojs #page-actions {
        display:none
    }

    .client-nojs #section_0 {
        border: 0
    }
}

.minerva-user-navigation {
    display: flex;
    min-width: 7em;
    min-height: 3.375em;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

.minerva-user-navigation > *:last-child {
    margin-right: -0.75em
}

.view-border-box *,.view-border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.client-js .mw-redirectedfrom,.printfooter,.jsonly {
    display: none
}

.client-js .jsonly {
    display: inherit
}

.hidden {
    display: none !important
}

#mw-mf-viewport {
    position: relative;
    height: 100%
}

#mw-mf-page-center {
    width: 100%;
    min-height: 100%;
    position: relative;
    background-color: #eaecf0
}

.content {
    position: relative;
    z-index: 0
}

.minerva-footer {
    border-top: solid 1px #c8ccd1;
    overflow: auto;
    padding-bottom: 6px
}

.client-nojs footer .indicator,.client-nojs .mw-footer .indicator {
    display: none
}

footer .hlist li:after,.mw-footer .hlist li:after {
    color: #3366cc
}

footer > .post-content,.mw-footer > .post-content {
    overflow: auto;
    margin-top: 42px
}

footer > .post-content > *,.mw-footer > .post-content > * {
    margin-bottom: 9px
}

footer > .post-content > h2,.mw-footer > .post-content > h2 {
    border-bottom: solid 1px #c8ccd1;
    padding-bottom: 10px;
    margin-top: 42px;
    font-size: 1em;
    font-weight: bold
}

footer > .post-content > h2:first-child,.mw-footer > .post-content > h2:first-child {
    margin-top: 0
}

footer > .post-content .hlist,.mw-footer > .post-content .hlist,footer > .post-content .license,.mw-footer > .post-content .license {
    font-size: 0.875em
}

.last-modified-bar {
    border-bottom: solid 1px #c8ccd1;
    background-color: #eaecf0;
    color: #72777d;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    font-size: 0.875em;
    -webkit-transition: background-color 250ms,color 250ms;
    -moz-transition: background-color 250ms,color 250ms;
    transition: background-color 250ms,color 250ms
}

.last-modified-bar__content {
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.last-modified-bar__text {
    padding-right: 3.5em;
    padding-left: 0.75em;
    line-height: 1.65;
    vertical-align: middle;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 720px) {
    .last-modified-bar__text {
        padding-right:1em
    }
}

@media print {
    .noprint,.banner-container,.header,.minerva__tab-container,.page-actions-menu,.post-content {
        display: none
    }

    h1,h2,h3,h4,h5,h6 {
        page-break-after: avoid
    }

    table,figure,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100%
    }

    img.image-lazy-loaded {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        animation: none !important
    }
}

@media print and (max-device-width: 720px) {
    @page {
        margin:50px 0
    }

    html {
        padding: 0 50px
    }

    .header-container,.header-container.header-chrome {
        background: #ffffff;
        box-shadow: none !important
    }

    .header {
        border-top: 0;
        display: block;
        height: auto;
        padding: 0 16px
    }

    .header .branding-box {
        padding-left: 0 !important
    }

    .header .branding-box sup {
        display: none !important
    }

    .header > nav,.header > div {
        display: none !important
    }

    .header > .branding-box {
        height: auto;
        display: block !important;
        padding: 0 0 51px 50px
    }

    .header > .branding-box h1 {
        font-size: inherit
    }

    .header > .branding-box h1 > * {
        float: none
    }

    .header > .branding-box h1 img {
        height: 41px;
        width: auto;
        vertical-align: inherit
    }

    .hatnote,.pre-content #page-actions {
        display: none
    }

    .pre-content {
        display: block;
        padding: 51px 0 35px
    }

    .pre-content h1 {
        font-size: 70px;
        font-weight: normal;
        font-style: italic;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000
    }

    .pre-content .tagline {
        font-size: 36px
    }

    .mw-body > .content {
        padding-top: 55px;
        position: relative
    }

    .mw-body > .content:before {
        top: 0
    }

    .thumbinner {
        width: auto !important
    }

    .thumbinner > a {
        width: 100%
    }

    .thumb {
        position: relative;
        padding: 58px 0 !important;
        text-align: left;
        margin: 0 !important
    }

    .thumb:after {
        bottom: 30px
    }

    .thumb:after,.mw-body > .content:before {
        position: absolute;
        left: 0;
        content: '';
        display: block;
        width: 55px;
        height: 2px;
        background: #999999
    }

    .thumbcaption {
        margin-top: 23px !important;
        width: 100%;
        font-style: italic;
        font-size: 28px
    }

    [class|='mw-content'] {
        font-size: 36px
    }

    [class|='mw-content'] a {
        text-decoration: underline;
        color: #202122
    }

    [class|='mw-content'] blockquote {
        color: #54595d;
        padding: 5px 39px;
        font-style: italic
    }

    [class|='mw-content'] .section-heading {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 16px
    }

    [class|='mw-content'] h2 {
        font-size: 48px
    }

    [class|='mw-content'] h3 {
        font-size: 40px;
        margin-bottom: 13px
    }

    [class|='mw-content'] h4,[class|='mw-content'] h5,[class|='mw-content'] h6 {
        font-size: 36px;
        margin-bottom: 12px
    }

    [class|='mw-content'] .wikitable {
        font-size: 16px
    }

    [class|='mw-content'] .infobox {
        font-size: 30px
    }

    .references .mw-cite-backlink {
        display: none
    }

    .references .reference-text {
        font-style: italic
    }

    .references a {
        text-decoration: none
    }

    .references .external.text {
        background-image: none
    }

    .printfooter {
        display: block;
        padding-top: 108px;
        font-size: 30px
    }

    #mw-mf-page-center > footer {
        border-top: solid 4px #000;
        padding-top: 23px;
        background: #fff !important
    }

    #mw-mf-page-center > footer .mw-ui-icon:before {
        display: none !important
    }

    #mw-mf-page-center > footer .last-modified-bar {
        background: none !important;
        border: 0 !important
    }

    #mw-mf-page-center > footer .last-modifier-tagline {
        font-size: 36px;
        padding-top: 0 !important;
        padding-bottom: 16px !important
    }

    #mw-mf-page-center > footer .last-modified-bar,#mw-mf-page-center > footer .last-modified-bar a {
        font-weight: bold !important;
        color: #000 !important
    }

    #mw-mf-page-center > footer .post-content {
        margin-top: 15px !important;
        display: block
    }

    #mw-mf-page-center > footer .post-content .hlist,#mw-mf-page-center > footer .post-content h2 {
        display: none
    }

    #mw-mf-page-center > footer .post-content .license a,#mw-mf-page-center > footer .post-content .license {
        font-size: 30px;
        color: #999999;
        font-weight: normal
    }
}

@media screen {
    ol:lang(azb) li,ol:lang(bcc) li,ol:lang(bgn) li,ol:lang(bqi) li,ol:lang(fa) li,ol:lang(glk) li,ol:lang(kk-arab) li,ol:lang(lrc) li,ol:lang(luz) li,ol:lang(mzn) li {
        list-style-type: persian
    }

    ol:lang(ckb) li,ol:lang(sdh) li {
        list-style-type: arabic-indic
    }

    ol:lang(hi) li,ol:lang(mai) li,ol:lang(mr) li,ol:lang(ne) li {
        list-style-type: devanagari
    }

    ol:lang(as) li,ol:lang(bn) li {
        list-style-type: bengali
    }

    ol:lang(or) li {
        list-style-type: oriya
    }
}

.toc {
    display: none;
    position: relative;
    margin: 1em 0;
    padding: 0.2em 0.5em;
    background-color: #f8f9fa;
    border: solid 1px #eaecf0;
    box-sizing: border-box
}

.toctogglecheckbox ~ ul {
    display: none
}

.toctogglecheckbox:checked ~ ul {
    display: block
}

.toctogglelabel {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 50px;
    z-index: 1
}

.client-js .toc .toctitle {
    visibility: hidden;
    background-position: right center;
    font-weight: bold;
    border-bottom: 0
}

.client-js .toc .toctitle h2 {
    display: inline-block;
    font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Lato','Helvetica','Arial',sans-serif;
    font-size: 1.125em;
    vertical-align: middle
}

.client-js .toc .tocnumber {
    display: none
}

.client-js .toc > ul {
    font-size: 0.875em;
    margin-left: 52px;
    margin-right: 24px;
    padding: 0 0 20px
}

.client-js .toc ul {
    list-style: none
}

@media screen and (min-width: 720px) {
    .client-js .toc {
        display:table
    }

    .client-js .toc .toctitle {
        visibility: visible
    }
}

body {
    font-family: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Lato','Helvetica','Arial',sans-serif;
    line-height: 1.4;
    -webkit-tap-highlight-color: rgba(0,0,0,0.2);
    overflow-y: scroll
}

.content {
    line-height: 1.65;
    word-wrap: break-word
}

.content .center {
    width: 100%;
    text-align: center
}

.content .center > *,.content .center .thumb {
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width: 320px - 1) {
    html {
        font-size:80%
    }

    .content {
        margin: 0 12px
    }
}

.nomobile {
    display: none !important
}

@supports (font: -apple-system-body) {
    html {
        font:-apple-system-body
    }

    body {
        font-size: 94.11764706%
    }

    @media all and (max-width: 320px - 1) {
        body {
            font-size:75.29411765%
        }
    }
}

.content figure,.content .thumb {
    margin: 0.6em 0
}

.content figure .thumbinner,.content .thumb .thumbinner {
    margin: 0 auto;
    max-width: 100% !important
}

.content figcaption,.content .thumbcaption {
    margin: 0.5em 0 0;
    font-size: 0.8125em;
    line-height: 1.5;
    padding: 0 !important;
    color: #54595d
}

.content .thumbcaption {
    width: auto !important
}

.content .mw-image-border,.content .thumbborder {
    border: 1px solid #c8ccd1
}

.content .magnify {
    display: none
}

.content img {
    vertical-align: middle
}

.content .floatright {
    clear: right;
    float: right;
    margin: 0 0 0.6em 0.6em
}

.content .floatleft {
    clear: left;
    float: left;
    margin: 0 0.6em 0.6em 0
}

.content a > img,.content noscript > img {
    max-width: 100% !important;
    height: auto !important
}

.content .noresize {
    max-width: 100%;
    overflow-x: auto
}

.content .noresize a > img {
    max-width: none !important
}

h1 {
    font-size: 1.7em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.2em;
    font-weight: bold
}

h4 {
    font-weight: bold
}

.pre-content h1,.content h1,.content h2 {
    font-family: 'Linux Libertine','Georgia','Times',serif
}

.pre-content h1,.content h1,.content h2,h3,h4,h5,h6 {
    line-height: 1.3;
    word-wrap: break-word;
    word-break: break-word
}

.content h2,.content h3,.content h4,.content h5,.content h6 {
    padding: 0.5em 0
}

.content p + h3 {
    margin-top: 1.5em
}

.content {
}

.content ol {
    padding-left: 2.25em
}

.content ul {
    list-style-type: disc;
    padding-left: 1em
}

.content ul > li > ul {
    list-style-type: circle
}

.content ul > li > ul > li > ul {
    list-style-type: square
}

.content ol ol,.content ul ol,.content ol ul,.content ul ul {
    margin-left: 1em
}

.content li {
    margin-bottom: 10px
}

.content li:last-child {
    margin-bottom: inherit
}

dl {
    margin-left: 1em
}

dl dt {
    font-weight: bold
}

dl dd {
    display: block;
    overflow: auto
}

body.mw-hide-empty-elt .mw-empty-elt {
    display: none
}

a:not([href]) {
    color: #202122;
    cursor: pointer
}

a {
    color: #3366cc;
    text-decoration: none
}

a:visited {
    color: #6b4ba1
}

a:active {
    color: #faa700
}

a:hover {
    text-decoration: underline
}

a.new,a.new:visited,a.new:hover {
    color: #dd3333
}

a.new > *,a.new:visited > *,a.new:hover > * {
    color: #dd3333
}

a.external {
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 13px
}

.return-link {
    display: block;
    font-size: 0.875em;
    margin-top: 1.5em
}

.plainlinks a {
    background: none !important;
    padding: 0 !important
}

.content p {
    margin: 0.5em 0 1em 0
}

.content hr {
    background-color: #a2a9b1;
    height: 1px;
    border: 0
}

.content kbd,.content samp,.content code,.content pre {
    font-family: 'Menlo','Consolas','Liberation Mono','Courier New',monospace;
    border: solid 1px #c8ccd1;
    white-space: pre-wrap
}

.content code {
    padding: 0.2em 0.5em
}

.content pre {
    padding: 1em
}

b,strong {
    font-weight: bold
}

blockquote {
    border-left: 3px solid #c8ccd1;
    font-family: 'Linux Libertine','Georgia','Times',serif;
    font-size: 1.1em;
    padding: 1em 25px 1em 30px;
    position: relative;
    overflow: hidden
}

em,i {
    font-style: italic
}

sup {
    vertical-align: super
}

sub {
    vertical-align: sub
}

sub,sup,.content .mw-ref {
    font-size: 0.75em;
    line-height: 1
}

@media all and (max-width: 720px) {
    .content table {
        display:block;
        width: 100% !important;
        box-sizing: border-box
    }

    .content table.wikitable {
        border: 0
    }

    .content caption {
        display: block
    }
}

.content table {
    margin: 1em 0;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto
}

.content table caption {
    text-align: left
}

.wikitable {
    border: 1px solid #54595d;
    border-color: rgba(84,89,93,0.3)
}

.wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td {
    border: 1px solid #54595d;
    border-color: rgba(84,89,93,0.3);
    padding: 0.2em
}

.wikitable > tr > th,.wikitable > * > tr > th {
    background-color: #eaecf0
}

.ambox,table.ambox {
    display: none;
    margin: 0
}

.issues-group-B .ambox {
    display: block
}

.client-js .ambox {
    cursor: pointer;
    width: auto;
    background: #f8f9fa;
    color: #54595d;
    margin-bottom: 1px
}

.client-js .ambox tbody {
    display: table;
    width: 100%
}

.client-js .ambox .mbox-text-div,.client-js .ambox .mbox-text-span {
    display: block;
    max-height: 3.3em;
    height: 3.3em;
    overflow: hidden
}

.client-js .ambox div {
    margin: 0 !important;
    padding: 0 !important
}

.client-js .ambox td {
    position: relative;
    padding: 8px 8px 8px 32px
}

.client-js .ambox td > div,.client-js .ambox td > span {
    font-size: 0.8125em
}

.client-js .ambox b {
    font-weight: inherit
}

.client-js .ambox a {
    color: inherit !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important
}

.client-js .ambox a:hover,.client-js .ambox a:focus {
    text-decoration: none;
    outline: inherit
}

.client-js .ambox small,.client-js .ambox .hide-when-compact,.client-js .ambox .mw-collapsible-content,.client-js .ambox .mbox-empty-cell,.client-js .ambox hr,.client-js .ambox .verbose,.client-js .ambox table,.client-js .ambox .mbox-image {
    display: none
}

.client-js .ambox .mw-ui-icon {
    position: absolute;
    left: 8px;
    top: 11px
}

.client-js .ambox .ambox-learn-more {
    color: #3366cc;
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 0;
    line-height: 1.65
}

.client-js .ambox .ambox-learn-more:before {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    padding-left: 4em;
    background: -webkit-linear-gradient(left,rgba(248,249,250,0) 0,#f8f9fa 3em);
    background: -moz-gradient(left,rgba(248,249,250,0) 0,#f8f9fa 3em);
    background: linear-gradient(to right,rgba(248,249,250,0) 0,#f8f9fa 3em)
}

@media screen and (min-width: 720px) {
    .client-js .ambox .mbox-text-div,.client-js .ambox .mbox-text-span {
        height:auto;
        margin-bottom: 24px !important
    }

    .client-js .ambox .ambox-learn-more {
        left: 32px;
        right: 0;
        background: none
    }

    .client-js .ambox .ambox-learn-more:before {
        top: -1.65em;
        width: 10px
    }
}

.content .reflist {
    column-gap: 2em
}

.collapsible td {
    width: auto !important
}

.content {
}

.content .vertical-navbox,.content .navbox {
    display: none
}

.content .action-edit .fmbox,.content .tmbox,.content #coordinates,.content .topicon {
    display: none !important
}



.content .infobox th,.content .infobox td {
    vertical-align: top;
    border: 0;
    border-bottom: 1px solid #eaecf0;
    padding: 7px 10px
}

.content .infobox tbody > tr > td,.content .infobox tbody > tr > th {
    flex: 1 0
}

.content .infobox td:only-child,.content .infobox th:only-child {
    width: 100%
}


#filetoc {
    display: none
}

.references-column-count,.column-count {
    -moz-column-width: 35em;
    -webkit-column-width: 35em;
    column-width: 35em
}

.references li:target {
    background-color: #eaf3ff
}

.hatnote,.dablink,.rellink {
    padding: 5px 7px;
    color: #54595d;
    font-size: 0.8125em;
    background-color: #f8f9fa;
    margin-bottom: 1px;
    overflow: hidden
}

.hatnote a,.dablink a,.rellink a {
    color: #3366cc
}
.content table,.content .infobox {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.content .infobox {
    font-size: 90%;
    position: relative;
    border: 1px solid #eaecf0;
    margin-bottom: 2em;
    background-color: #f8f9fa;
    display: flex;
    flex: 1 1 100%;
    flex-flow: column nowrap;
    width: 100% !important;
    max-width: 100% !important
}

.content .infobox caption {
    padding: 10px 10px 0;
    text-align: center
}

.content .infobox tr:last-child th,.content .infobox tr:last-child td {
    border: 0
}

.content .infobox > tbody,.content .infobox > caption {
    display: flex;
    flex-flow: column nowrap
}

.content .infobox > tbody > tr {
    min-width: 100%;
    display: flex;
    flex-flow: row nowrap
}

.content .mw-content-ltr .infobox {
    text-align: left
}

.content .mw-content-rtl .infobox {
    text-align: right
}
@media all and (min-width: 720px) {
    .content .infobox {
        margin:0.5em 0 1em 35px !important;
        max-width: 320px !important;
        width: auto !important;
        float: right !important;
        clear: right !important
    }
}
Retrieved from "https://wikitia.com/index.php?title=MediaWiki:Mobile.css&oldid=82593"