Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
Line 113: | Line 113: | ||
background-color: #f6f6f6; | background-color: #f6f6f6; | ||
text-align:center; | text-align:center; | ||
− | font-size: | + | font-size: 60%; |
padding: 0.1rem 0.1rem; | padding: 0.1rem 0.1rem; | ||
} | } |
Revision as of 12:21, 30 May 2020
/* 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: 90px 90px 90px 90px ; 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: 60%; padding: 0.1rem 0.1rem; } 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%; } }