Merge pull request #17 from unb-mds/new_style

Mudar estilo do projeto em geral
unb-mds · Jan 13, 2025 · f0130e3 · f0130e3
2 parents 2dda0c6 + ed38c09
commit f0130e3
Show file tree

Hide file tree

Showing 5 changed files with 200 additions and 173 deletions.
diff --git a/PROJECT/src/static/base.css b/PROJECT/src/static/base.css
@@ -5,13 +5,23 @@
     font-family: Arial, Helvetica, sans-serif;
 }
 
+p {
+    color: #161617;
+}
+
+body {
+    background-color: #fafafc; /* Substitua pelo tom de cinza desejado */
+    margin: 0; /* Remove margens padrão do navegador */
+    padding: 0; /* Remove paddings padrão do navegador */
+}
+
 header, footer{
-    background-color: black;
-    color: aliceblue;
     width: 100vw;  /* Garante que o header e footer ocupem toda a largura da página */
 }
 
 footer{
+    background-color: #c9c9c9;
+    color: #161617;
     position: absolute; /* Altera a posição para 'relative' ou remova a posição absoluta */
     bottom: 0;
     text-align: center;
@@ -24,20 +34,23 @@ header h2{
 }
 
 header{
+    background-color: #ffffff;
+    color: #161617;
     display: flex;
     align-items: center;
     justify-content: space-around;
-    width: 100vw;  /* Garante que o header ocupe toda a largura da página */
 }
 
 nav ul li{
+    background-color: #ffffff;
+    color: #161617;
     list-style: none;
     display: inline-block;
 }
 
 nav ul li a{
     text-decoration: none;
-    color: aliceblue;
+    color: #161617;
     font-size: 18px;
     padding: 0 15px;
 }
diff --git a/PROJECT/src/static/dashboard/dashboard.css b/PROJECT/src/static/dashboard/dashboard.css
@@ -1,63 +1,72 @@
-.pad {
-    padding: 20px;
-}
-table {
-width: 100%;
-border-collapse: collapse;
-margin-top: 20px;
-}
-table, th, td {
-border: 2px solid black;
-}
-th, td {
-padding: 8px;
-text-align: left;
-width: 300px;
-}
-tr:nth-of-type(odd) {
-    background-color: #eee;
-  }
-.modal {
-display: none;
-position: fixed;
-z-index: 1;
-left: 0;
-top: 0;
-width: 100%;
-height: 100%;
-overflow: auto;
-background-color: rgba(0, 0, 0, 0.4);
-justify-content: center;
-align-items: center;
-}
-.modal-content {
-background-color: white;
-padding: 20px;
-border-radius: 5px;
-width: 230px;
-}
-.modal-header {
-font-size: 18px;
-font-weight: bold;
-margin-bottom: 10px;
-}
-.modal-footer {
-text-align: center;
-}
-.btn {
-padding: 8px 16px;
-background-color: #1a8c86;
-color: white;
-border: none;
-border-radius: 5px;
-cursor: pointer;
-}
-.btn:hover {
-background-color: #0037ff;
-}
-.btn-close {
-background-color: #d9534f;
-}
-.btn-close:hover {
-background-color: #c9302c;
+.pad {
+    padding: 20px;
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+table, th, td {
+    border: 1px solid black;
+}
+
+th, td {
+    padding: 8px;
+    text-align: left;
+}
+
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgba(0, 0, 0, 0.4);
+    justify-content: center;
+    align-items: center;
+}
+
+.modal-content {
+    background-color: white;
+    padding: 20px;
+    border-radius: 5px;
+    width: 400px;
+}
+
+.modal-header {
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+.modal-footer {
+    text-align: right;
+}
+
+.btn {
+    padding: 8px 16px;
+    background-color: #06c;
+    color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 20px;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.btn:hover {
+    background-color: #0071e3;
+}
+
+.btn-close {
+    background-color: #c9302c;
+}
+
+.btn-close:hover {
+    background-color: #d9534f;
 }
diff --git a/PROJECT/src/static/homepage/homepage.css b/PROJECT/src/static/homepage/homepage.css
@@ -1,8 +1,8 @@
 nav {
     margin: 0;
     padding: 10px 20px;
-    background-color: black;
-    color: white;
+    background-color: #ffffff;
+    color: #15a12d;
     text-align: center;
 }
 
@@ -28,13 +28,17 @@ ul {
     padding-left: 20px;
 }
 
-#hero button:hover {
-    background-color: #388E3C;
+#hero button {
+    background-color: #06c;
     color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 20px;
+    font-size: 16px;
+    cursor: pointer;
 }
 
-#content div:hover {
-    border-color: #4CAF50;
-    transform: scale(1.05);
-    transition: all 0.3s ease;
+#hero button:hover {
+    background-color: #0071e3;
+    color: white;
 }