From c19a1f93bfffa56882ae8a9f06bea144c857b08b Mon Sep 17 00:00:00 2001 From: hellekin Date: Fri, 9 Mar 2018 14:40:04 +0100 Subject: First preview of the prototype for Wallonie#Demain --- assets/css/style.css | 131 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 assets/css/style.css (limited to 'assets/css/style.css') diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..2819109 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,131 @@ +@import 'main.css'; +@import 'MarkerCluster.css' +@import 'MarkerCluster.Default.css' + + +:root { + --icon-menu-on: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 8.467 8.467' height='32' width='32' fill='#fff'%3E%3Cpath d='M.21 5.263Q0 4.77 0 4.233q0-.537.21-1.025.212-.492.563-.843.356-.356.843-.567.492-.21 1.03-.21H5.82q.537 0 1.025.21.492.211.843.567.356.351.567.843.21.488.21 1.025 0 .538-.21 1.03-.211.488-.567.843-.35.351-.843.562-.488.211-1.025.211H2.646q-.538 0-1.03-.21-.487-.212-.843-.563-.351-.355-.562-.843zm4.788.922q.393.165.823.165.43 0 .818-.165.393-.17.678-.455.286-.285.45-.674.17-.393.17-.823 0-.43-.17-.818-.164-.393-.45-.678-.285-.285-.678-.45-.388-.17-.818-.17-.43 0-.823.17-.389.165-.674.45-.285.285-.455.678-.165.388-.165.818 0 .43.165.823.17.389.455.674.285.285.674.455z'/%3E%3C/svg%3E"); +} + +@font-face { + font-family: 'Amatic SC'; + font-style: bold; + font-weight: 700; + src: local("Amatic SC"), local("AmaticSC"), + url(/assets/fonts/Amatic_SC_700.woff2) format("woff2"), + url(/assets/fonts/Amatic_SC_700.woff) format("woff"), + url('/assets/fonts/Amatic_SC_700.ttf') format('truetype'); +} +@font-face { + font-family: 'Spectral'; + font-style: normal; + font-weight: 300; + src: local("Spectral"), local("Spectral Thin"), + url(/assets/fonts/Spectral_300.woff2) format("woff2"), + url(/assets/fonts/Spectral_300.woff) format("woff"), + url('/assets/fonts/Spectral_300.ttf') format('truetype'); +} + + +body { + margin: 0; + font-family: 'Spectral'; + font-size: 1em; +} + +body > header > h1 { + background: var(--icon-menu-on) left top no-repeat; + margin: -0.1rem 0 -0.1rem 5rem; + font-size: 2rem; +} +body > header > h1 span { line-height: 2rem; } + +h1, h2, h3, h4, h5, h6 { + font-family: 'Amatic SC', sans-serif; + font-weight: bold; +} + +body > aside > nav > ul h3 { font-size: 1.6rem; } +body > aside > nav > ul > li ul { display: none; } +body > aside > nav > ul > li.active ul { display: block; } + +body > aside > nav > ul > li.active li.active { text-align: right; } + +li.on-map { font-weight: bold; } + +.marker.popup h3 { + font-size: 1.6rem; +} +.marker.popup .change { + border-top: 4px solid; + padding-top: 0.2rem; +} + +#b-toggle { + position: absolute; + top: 0; + left: 0; + padding: 1rem; +} + +/** + * Wallonie#Demain + **/ +#map { + background-color: #800000; + color: #000000; +} + +body > header { + background-color: #008080; + color: #000000; +} +body > aside { + background-color: #67736280; + color: #791515; + /*color: #8A580E;*/ +} + +/* in order */ +body > aside nav > ul > li#c-6 { background-color: #FFEB00; } +body > aside nav > ul > li#c-11 { background-color: #7CFB80; } +body > aside nav > ul > li#c-10 { background-color: #02ACCC; } +body > aside nav > ul > li#c-15 { background-color: #97C000; } +body > aside nav > ul > li#c-7 { background-color: #7E8A0E; } +body > aside nav > ul > li#c-3 { background-color: #677362; } +body > aside nav > ul > li#c-2 { background-color: #008080; } +body > aside nav > ul > li#c-13 { background-color: #0E408A; color: #8A580E; } +body > aside nav > ul > li#c-9 { background-color: #0E0140; color: #8A580E; } + +/* c-0 is non-existent, used as fallback */ +.marker.popup .change.c-0 { + border-color: #FFEB00; +} +.marker.popup .change.c-6 { + border-color: #FFEB00; +} +.marker.popup .change.c-11 { + border-color: #7CFB80; +} +.marker.popup .change.c-10 { + border-color: #02ACCC; +} +.marker.popup .change.c-15 { + border-color: #97C000; +} +.marker.popup .change.c-7 { + border-color: #7E8A0E; +} +.marker.popup .change.c-3 { + border-color: #677362; +} +.marker.popup .change.c-2 { + border-color: #008080; +} +.marker.popup .change.c-13 { + border-color: #0E408A; +} +.marker.popup .change.c-9 { + border-color: #0E0140; +} + -- cgit v1.2.3