From 57811ba223479585b84831d4eb0d1580aa531000 Mon Sep 17 00:00:00 2001 From: Lucas Menezes Date: Mon, 1 Feb 2021 23:10:26 -0300 Subject: [PATCH] =?UTF-8?q?ultima=20versao=20est=C3=A1tca?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.css | 39 +++++++++++++++++++++------------------ index.html | 22 ++++++++++++++++++---- 2 files changed, 39 insertions(+), 22 deletions(-) diff --git a/app.css b/app.css index bf89a1e..1178b04 100644 --- a/app.css +++ b/app.css @@ -1,11 +1,11 @@ * { - padding:0px; - margin:0px; + padding: 0px; + margin: 0px; } html, body { - height:100%; - width:100%; - font-family: monospace; + height: 100%; + width: 100%; + font-family: 'Source Sans Pro', monospace; font-size: 16px; } h1 { @@ -23,11 +23,11 @@ h1 { height: 100%; width: 35%; background: #fff; - border-right: 3px solid #d4dadc; + border-right: 2px solid #d4dadc; box-sizing: border-box; } #info img { - width: 160px; + width: 150px; margin: 2rem auto 0; padding: 0 0 1rem; } @@ -49,7 +49,7 @@ ul, #credits, #welcome { padding: 3rem 3rem 2rem; } ul li { - padding: 0 0 1rem; + padding: 0 0 .75rem; } span { font-weight: bold; @@ -57,23 +57,22 @@ span { .leaflet-select { padding: .45rem; } -.leaflet-bar, .leaflet-select { - border: 2px solid rgba(0,0,0,0.2); +.leaflet-touch .leaflet-bar, .leaflet-select { + border: 2px solid #d4dadc; border-radius: 4px; } #credits { position: absolute; bottom: 0; background: #fff; - font-size: .8rem; } #welcome { color: #8b9aa5; margin-top: 3rem; } -#data, .leaflet-select { - font-size: 1.1rem; - font-family: monospace; +button, #data, .leaflet-select { + font-size: 1.2rem; + font-family: 'Source Sans Pro', monospace; } hr { border: none; @@ -83,15 +82,19 @@ hr { .leaflet-control-attribution { display: none; } -.btn { +.dimensoes { + margin: 2rem 0 0 0; +} +.dimensoes button { display: inline-block; background: #d2e3f9; color: #000; - padding: .2rem .5rem; - margin: .2rem .1rem; + border: 0; + padding: .5rem .75rem; + margin: .4rem .2rem; border-radius: 4px; + font-size: 1.1rem; } - .red { background:#ffcaca; } \ No newline at end of file diff --git a/index.html b/index.html index 3a35c0f..d3498ab 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,8 @@ + + @@ -20,21 +22,33 @@

Painel de Dados do Pará

-

Bem vindo(a)

Use o seletor para explorar os dados do Estado e dos Municípios do Pará

+

Bem vindo(a)

Escolha uma dimensão ou use o seletor para explorar os dados dos Municípios e do Estado do Pará

+ +
+ + + + + + + + + +
-

Projeto open source por Lucas Menezes

+

Projeto open source desenvolvido por Lucas Menezes e alimentado com dados públicos.