MediaWiki:Mobile.css: Difference between revisions
Undo revision 387 by Kittymmeow (talk)
imported>Kittymmeow (attempting to import data) |
imported>Kittymmeow (Undo revision 387 by Kittymmeow (talk)) |
||
| Line 4: | Line 4: | ||
There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css | There will still be a 'white flash' as the default (light) mobile css initially loads. To avoid this, you should first enable the Gadgets extension, then add [[gphelp:MediaWiki:Gadget-darkmobile]] to your wiki and rename this css file to MediaWiki:Gadget-darkmobile.css | ||
**********/ | **********/ | ||
@font-face { | |||
font-family: 'Source Code Pro'; | |||
font-style: normal; | |||
font-weight: 400; | |||
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v9/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format('woff2'); | |||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||
} | |||
:root { | :root { | ||
--body-background-color: # | --body-background-color: #190d07; | ||
--body-background-image: url("/media/5/5d/Mobile_background.jpg"); | --body-background-image: url("/media/5/5d/Mobile_background.jpg"); | ||
--body-background-attachment: fixed; | --body-background-attachment: fixed; | ||
--body-background-size: | --body-background-size: cover; | ||
--body-background-position: | --body-background-position: center center; | ||
--body-background-repeat: no-repeat; | --body-background-repeat: no-repeat; | ||
--body-color: # | --body-color: #c1d3d6; | ||
--body-secondary-color: #ccc; | --body-secondary-color: #ccc; | ||
--content-background: rgba(0, | --content-background: radial-gradient(rgba(22, 60, 51,0.8),rgba(6, 28, 23,0.8)); | ||
--header-background: | --header-background: rgba(22, 60, 51,1); | ||
--footer-background: | --footer-background: rgba(22, 60, 51,0.8); | ||
--interface-border: #000; | --interface-border: #000; | ||
--search-background: # | --search-background: #212121; | ||
--link-color: # | --link-color: #7fbadd; | ||
--link-redlink-color: # | --link-redlink-color: #bb312c; | ||
--navigation-selected: | --navigation-selected: rgba(108, 180, 122,0.5); | ||
--navigation-link-background: | --navigation-link-background: rgba(108, 180, 122,0.1); | ||
--last-modified-background: #444; | --last-modified-background: #444; | ||
--invert-icons: 1; | --invert-icons: 1; | ||
--fpbox-background: transparent; | |||
--fpbox-border: 1px solid rgba(108, 180, 122,0.2); | |||
-- | --fpheading-background: #061c17; | ||
-- | --fpheading-border: 1px solid #c1d3d6; | ||
--fpheading-color: #c9c9c9; | |||
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace; | |||
--fplink-background: rgba(108, 180, 122,0.2); | |||
--fplink-border: 0; | |||
--fplink-background: rgba( | |||
--fplink-border: | |||
--fplink-fullwidth-background: rgba(0,0,0, 0.3); | --fplink-fullwidth-background: rgba(0,0,0, 0.3); | ||
--infobox-border: 1px solid | --infobox-border: 1px solid rgba(108, 180, 122,0.2); | ||
--infobox-details-background: | --infobox-details-background: rgba(108, 180, 122,0.3); | ||
--infobox-details-color: #fff; | --infobox-details-color: #fff; | ||
--infobox-header-background: | --infobox-header-background: rgba(108, 180, 122,0.5); | ||
--infobox-header-color: #fff; | --infobox-header-color: #fff; | ||
--infobox-label-background: rgba( | --infobox-label-background: rgba(108, 180, 122,0.2); | ||
--infobox-label-color: # | --infobox-label-color: #fff; | ||
--navbox-alt-background: rgba( | --navbox-alt-background: rgba(108, 180, 122,0.1); | ||
--navbox-background: rgba( | --navbox-background: rgba(6, 28, 23,0.2); | ||
--navbox-border: | --navbox-border: 1px solid rgba(108, 180, 122,0.2); | ||
--navbox-color: # | --navbox-color: #c1d3d6; | ||
--navbox-secondary-background: rgba( | --navbox-secondary-background: rgba(108, 180, 122,0.2); | ||
--wikitable-alt-background: rgba(100,100,100, 0.6); | --wikitable-alt-background: rgba(100,100,100, 0.6); | ||
--wikitable-background: rgba( | --wikitable-background: rgba(6, 28, 23,0.2); | ||
--wikitable-border: 1px solid | --wikitable-border: 1px solid rgba(108, 180, 122,0.3); | ||
--wikitable-border-collapse: collapse; | |||
--wikitable-border-spacing: 0; | --wikitable-border-spacing: 0; | ||
--wikitable-header | --wikitable-header-background: rgba(108, 180, 122,0.2); | ||
--wikitable-header-color: #fff; | |||
-- | |||
-- | --code-background: rgba(6, 28, 23,0.5); | ||
-- | --code-color: #c1d3d6; | ||
--doc-background: rgba(6, 28, 23,0.2); | |||
--doc-border: 1px solid rgba(108, 180, 122,0.2); | |||
--ambox-background: rgba(120,120,120,0.3); | --ambox-background: rgba(120,120,120,0.3); | ||
--ambox-blue: #1e90ff; | --ambox-blue: #1e90ff; | ||