MediaWiki:Mobile.css
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the mobile site */ /*==============================================================================*/ /* TWEAKS OF THE DEFAULTS */ .mw-body-content h1 { margin-top: 0.5em; padding-top: 0px; margin-bottom: 0.5em;} .mw-body-content h2 { margin-top: 0.5em; padding-top: 0px; margin-bottom: 0.5em;} .mw-body-content h3 { margin-top: 0.5em; padding-top: 0px; margin-bottom: 0.5em;} .mw-body-content ul { margin-top: 0.5em; padding-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em;} .mw-body-content li ul { margin-top: 0px; padding-top: 0px; margin-bottom: 0.5px; padding-bottom: 0.px;} .mw-parser-output a.external:link { color: #cc3333; text-decoration: none;} .mw-parser-output a.external:visited { color: #cc3333; text-decoration: none;} .mw-parser-output a.external:hover { color: #36b; text-decoration: none;} .mw-parser-output a.external:active { color: #cc3333; text-decoration: none;} .mw-panel a:link { color: #cc3333; text-decoration: none;} .mw-panel a:visited { color: #cc3333; text-decoration: none;} .mw-panel a:hover { color: #36b; text-decoration: none;} .mw-panel a:active { color: #cc3333; text-decoration: none;} a:link { color: #cc3333; text-decoration: none;} a:visited { color: #cc3333; text-decoration: none;} a:hover { color: #36b; text-decoration: none;} a:active { color: #cc3333; text-decoration: none;} /*==============================================================================*/ /* Trial for update of WelcomePage2020.05.25 */ body.page-Main_Page h1.firstHeading { border-style: none; color:rgba(0,0,0,0); } h1.firstHeading { border-style: none;} #WelcRework { display: grid; grid-template-columns: repeat(auto-fit, 100px); grid-gap: 0.8rem; justify-content: space-between; list-style: none; padding: 0rem; padding-top: 1rem; margin: 0; text-align:center; height: stretch; } #WelcRework > li { text-align:center; background-color: #eeeedc ; box-shadow: 0px 8px 8px gray; border-top: solid 4px #cc3333; height: stretch; height: 150px; } /*==============================================================================*/ /* DOWNLOAD PAGE */ #DownloadRework { display: grid; grid-template-columns: repeat(auto-fill, 140px); grid-gap: 1.5rem; justify-content: space-evenly; list-style: none; padding: 0rem; margin: 0; list-style-type: none; height: stretch; } #DownloadRework > li { text-align:left; background-color: #eeeedc ; box-shadow: 0px 8px 8px gray; height: stretch; border-top: solid 4px #cc3333; padding: 0.25rem; } #DownloadRework > li> h3 { padding: 0px 0.25rem; margin:0px; } #DownloadRework > li> ul { padding: 0px 0.5rem; } #DownloadRework > li> ul > li { padding: 0px; margin: 0px; } /*==============================================================================*/ /* FOR THE MANUALS PAGE */ ul.filter-links { list-style: none; display: grid; grid-template-columns: 120px 120px 120px ; grid-gap: 0.25rem 0.25rem; justify-content: center; overflow: hidden; padding: 1rem 0px; margin: 0; width: 100%; } .filter-links li { height: stretch; background-color: #f6f6f6; text-align:center; font-size: 75%; padding: 0.1rem 0.1rem; margin: 0; border-radius: 8px; border: solid 2px #cc3333; } ul.filter-sections { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, 140px); grid-gap: 1.5rem; justify-content: space-evenly; overflow: hidden; padding: 1rem; margin: 0; } ul.filter-sections li { opacity: 0; display: none; text-align:center; background-color: #eeeedc ; box-shadow: 0px 8px 8px gray; height: stretch; border-top: solid 4px #cc3333; } .view { display: block !important; opacity: 1 !important; } @keyframes selected { 0% { border-radius:100%; } }