MediaWiki:Mobile app.css

body { background: #fbfbfb; font-family: sans-serif; margin: 16px; color: #1c1c1c; } body > *:last-child { padding-bottom: 50px; }

table:not(.msgbox):not(.modal-table), .mw-editsection, .magnify, .loadbox-navbox { display: none; }

.thumbinner { width: auto !important; } .thumbinner img { max-width: 100%; height: auto; display: block; margin: 0 auto; }

.mw-headline { font-size: 22px; padding-bottom: 7px; border-bottom: 1px solid #d5d5d5; display: block; color: #393939; font-weight: bold; }

p { font-size: 14px; line-height: 22px; }

.thumbcaption { font-size: 13px; color: #6c6c6c; text-align: center; line-height: 18px; margin-top: 5px; padding-bottom: 10px; }

a { text-decoration: none; color: #3b7bc6; } a:active { text-decoration: underline; }

.embedvideo { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; width: auto !important; } .embedvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embedvideo + .embedvideo { margin-top: 20px; }

.modal-button { border: 1px solid #d7d7d7; background: -webkit-linear-gradient(top, #f0f0f0, #fafafa); background: linear-gradient(to bottom, #f0f0f0, #fafafa); border-radius: 4px; text-align: left; padding: 10px; display: block; width: 100%; position: relative; outline: 0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } .modal-button:active { border-color: #3b7bc6; } .modal-button::after { content: ''; position: absolute; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); top: 50%; right: 15px; width: 12px; height: 12px; border: 2px solid #a0a0a0; border-width: 2px 2px 0 0; } .modal-button span { width: 85%; line-height: 20px; display: block; word-wrap: break-word; color: #767676; } .modal-button span strong { color: #1c1c1c; }

div .modal-button:not(:last-child) { margin-bottom: 20px; }

table.modal-table { border: 1px solid #d7d7d7; border-collapse: collapse; } table.modal-table tbody tr:first-child th, table.modal-table tbody tr:not(:first-child) td:first-child { background: #f2f2f2; } table.modal-table tbody tr:not(:last-child) { border-bottom: 1px solid #d7d7d7; } table.modal-table tbody tr td:not(:last-child), table.modal-table tbody tr th:not(:last-child) { border-right: 1px solid #d7d7d7; } table.modal-table th, table.modal-table td { padding: 15px; text-align: center; }