diff --git a/css/eventos.css b/css/eventos.css
index fa4eddd..e2c49b0 100644
--- a/css/eventos.css
+++ b/css/eventos.css
@@ -18,8 +18,60 @@ h1 {
footer {
- position: absolute;
+ position: fixed;
bottom: 50px;
text-align: center;
margin-inline: 20px;
-}
\ No newline at end of file
+}
+
+.table-content {
+ display: flex;
+ justify-content: center;
+ margin-top: 80px;
+ min-height: 585px;
+ }
+
+ .table-content table {
+ min-width: 700px;
+ }
+
+ th, tr:nth-child(odd) {
+ background-color: #eee;
+ }
+
+ .table-content table, .table-content th, .table-content td {
+ border-collapse: collapse;
+ border: 1px solid #999;
+ border-inline: none;
+ text-align: left;
+ }
+
+ [colspan] {
+ font-weight: bold;
+ width: 100%;
+ text-align: center;
+ padding-left: 0;
+ }
+
+ .table-content tr {
+ height: 35px;
+ }
+
+ .caption {
+ display: flex;
+ justify-content: center;
+ font-weight: bold;
+ font-size: 25px;
+ margin-bottom: 10px;
+ }
+
+ @media (max-width: 750px) {
+ .table-content th, .table-content td {
+ padding-inline: 10px;
+ }
+
+ .table-content table {
+ min-width: 0;
+ width: 90vw;
+ }
+ }
\ No newline at end of file
diff --git a/css/extincoes.css b/css/extincoes.css
index 3782a10..c013bf2 100644
--- a/css/extincoes.css
+++ b/css/extincoes.css
@@ -36,19 +36,18 @@ footer {
.table-content table, .table-content th, .table-content td {
border-collapse: collapse;
- border: 1px solid black;
+ border: 1px solid #999;
border-inline: none;
text-align: center;
- border-color: #999
}
.table-content tr {
height: 35px;
}
-.tr-color {
- background-color: #eee;
-}
+th, tr:nth-child(odd) td {
+ background-color: #eee;
+}
.caption {
display: flex;
diff --git a/css/parques-naturais.css b/css/parques-naturais.css
index c765d65..e022cf7 100644
--- a/css/parques-naturais.css
+++ b/css/parques-naturais.css
@@ -33,19 +33,18 @@
min-width: 700px;
}
- .tr-color {
- background-color: #eee;
- }
-
+ th, tr:nth-child(odd) {
+ background-color: #eee;
+ }
+
.table-content table, .table-content th, .table-content td {
border-collapse: collapse;
- border: 1px solid black;
+ border: 1px solid #999;
border-inline: none;
text-align: left;
- border-color: #999
}
- .colspan {
+ [colspan] {
font-weight: bold;
width: 100%;
text-align: center;
diff --git a/paginas/eventos.html b/paginas/eventos.html
index 2cb5919..944be7b 100644
--- a/paginas/eventos.html
+++ b/paginas/eventos.html
@@ -30,8 +30,56 @@
-
Eventos
+
+
+
Eventos
+
+
+ | Título |
+ Data |
+ Capacidade |
+ Preço |
+ Categoria |
+
+
+ |
+ |
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+ |
+ |
+
+
+ |
+ |
+ |
+ |
+ |
+
+
+
+
diff --git a/paginas/extincoes.html b/paginas/extincoes.html
index 2ff5b0c..f842759 100644
--- a/paginas/extincoes.html
+++ b/paginas/extincoes.html
@@ -35,7 +35,7 @@
Animais em extinção
-
+
| Animal |
Quantidade |
@@ -43,7 +43,7 @@
Lobo-guará |
23000 |
-
+
| Onça-pintada |
10000 |
@@ -51,7 +51,7 @@
Panda-gigante |
2500 |
-
+
| Arara-azul-de-lear |
1200 |
diff --git a/paginas/parques-naturais.html b/paginas/parques-naturais.html
index 9e68989..17db9a4 100644
--- a/paginas/parques-naturais.html
+++ b/paginas/parques-naturais.html
@@ -34,7 +34,7 @@
Parques naturais
-
+
| Nome |
Área (m2) |
Local |
@@ -44,7 +44,7 @@
1.291.000.000 |
Piauí |
-
+
| Parque Estadual de Dois Irmãos |
3.874.000 |
Pernambuco |
@@ -53,7 +53,7 @@
Parque Ecológico da Serra Negra |
32.400 |
-
+
| Parque Nacional de Ubajara |
5.630.000 |
Ceará |
@@ -63,7 +63,7 @@
913.000.000 |
Bahia |
-
+
| Somatório das áreas: 2.213.536.400 m2 |