MediaWiki:Mobile.css
Note: After publishing, 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.
/* All CSS here will be loaded for users of the mobile site */ /* Fonts */ @import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC'); @import url('https://fonts.googleapis.com/css?family=Anton'); /* Hidden headers */ /* hides headers if no parameter is used under a header for certain infobox templates */ .hidden { display: none; } /* Mobile header styling */ .minerva-header .branding-box { opacity: 1; } .minerva-header .branding-box a { width: 45px; } .minerva-header .branding-box a span { position: relative; left: -9999px; } .minerva-header .branding-box a span::before { content: ''; display: block; position: relative; background: url("/uploads/2/21/Eyecon.png"); background-size: 45px; width: 45px; height: 45px; left: 9999px; } #mw-mf-page-center header { background-attachment: fixed !important; background: url("/uploads/d/da/Pattern_activities_50.png") repeat, linear-gradient(to bottom, rgba(70, 98, 162, 1.0), rgba(85, 164, 238, 1.0)); background-size: 270px; } .minerva-icon--tray { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%2354595d\"><path d=\"M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z\"/></svg>"); } .minerva-icon--bell { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%2354595d\"><path d=\"M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z\"/></svg>"); } .minerva-icon--bellOutline-base20 { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%2354595d\"><path d=\"M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5v.69zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4zM8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2z\"/></svg>") } .minerva-icon--menu-base20, .minerva-icon--search-base20, .minerva-icon--tray, .minerva-icon--userAvatarOutline, .minerva-icon--bell, .minerva-icon--bellOutline-base20 { filter: brightness(0) invert(1); } .mw-echo-notification-badge-nojs::after { background-color: red; border: 1px solid red; color: white; } /* Mobile body styling */ .mw-first-heading, .ns-special h1 { font-family: 'Bowlby One SC', sans-serif !important; } /* Mobile menu styling */ .dropdown-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E expand %3C/title%3E%3Cpath d=%22m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/svg%3E"); transition: all 0.5s; } .dropdownOpen .dropdown-icon { transform: rotate(180deg); } /* Mobile message box */ .content .ambox { overflow: hidden; } .ambox tbody { margin: 2px; } .ambox tbody tr { display: flex; align-items: center; justify-content: center; } .client-js .ambox b { font-weight: 700; } .client-js .ambox .mbox-image { display: block; padding-left: 0.5em!important; } .client-js .ambox .minerva-ambox-icon { display: none; } .mw-parser-output .ambox .mbox-text { padding-left: 0!important; } html.client-js body.skin-minerva .mw-parser-output .mbox-text .mbox-text-span { margin-left: 0.5rem!important; } @media screen and (min-width: 720px) { .client-js .ambox .ambox-learn-more { left: 8px; } }