|
|
| Line 1: |
Line 1: |
| /* ========================= | | /* ignore this page, it is no longer needed |
| VECTOR 2022 MOBILE (ACCESSIBLE)
| |
| ========================= */
| |
| | |
| /* Prevent iOS font auto-scaling issues */
| |
| html {
| |
| -webkit-text-size-adjust: 100%;
| |
| -ms-text-size-adjust: 100%;
| |
| text-size-adjust: 100%;
| |
| }
| |
| | |
| /* Base layout */
| |
| body,
| |
| .vector-body,
| |
| .mw-body,
| |
| .mw-parser-output {
| |
| font-size: 22px !important;
| |
| line-height: 1.8 !important;
| |
| max-width: 100%;
| |
| overflow-x: hidden;
| |
| word-wrap: break-word;
| |
| overflow-wrap: break-word;
| |
| padding-left: 14px;
| |
| padding-right: 14px;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| /* Paragraphs + general text */
| |
| p,
| |
| li,
| |
| td,
| |
| th {
| |
| font-size: 1rem !important;
| |
| line-height: 1.8 !important;
| |
| }
| |
| | |
| /* Headings */
| |
| h1 {
| |
| font-size: 2.2rem !important;
| |
| line-height: 1.2;
| |
| }
| |
| | |
| h2 {
| |
| font-size: 1.8rem !important;
| |
| line-height: 1.3;
| |
| }
| |
| | |
| h3 {
| |
| font-size: 1.4rem !important;
| |
| line-height: 1.4;
| |
| }
| |
| | |
| /* Infobox (mobile-friendly) */
| |
| .infobox {
| |
| float: none !important;
| |
| width: 100% !important;
| |
| max-width: 100% !important;
| |
| margin: 1em 0 !important;
| |
| padding: 14px;
| |
| border: 1px solid #aaa;
| |
| background: #f9f9f9;
| |
| font-size: 1rem !important;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| /* Tables */
| |
| table {
| |
| display: block;
| |
| width: 100%;
| |
| max-width: 100%;
| |
| overflow-x: auto;
| |
| border-collapse: collapse;
| |
| }
| |
| | |
| /* Images */
| |
| img {
| |
| max-width: 100%;
| |
| height: auto;
| |
| }
| |
| | |
| /* Links */
| |
| a {
| |
| word-break: break-word;
| |
| overflow-wrap: break-word;
| |
| }
| |
| | |
| /* Forms */
| |
| input,
| |
| button,
| |
| select,
| |
| textarea {
| |
| font-size: 1rem !important;
| |
| }
| |
| | |
| /* Code blocks */
| |
| pre,
| |
| code {
| |
| font-size: 0.9rem;
| |
| overflow-x: auto;
| |
| max-width: 100%;
| |
| }
| |
| | |
| /* Sidebar / navigation cleanup */
| |
| #mw-panel,
| |
| .vector-sidebar,
| |
| .vector-toc {
| |
| font-size: 1rem;
| |
| width: 100%;
| |
| }
| |
