Merge branch 'main' of http://gitlab.ariquemes.ifro.edu.br/2024105070069/CRUD_Animais_da_Fazenda2

app.py

@@ -30,3 +30,5 @@ def excluir(id):
 if __name__ == '__main__':
     app.run(debug=True)
     
+    
+

templates/style

+/* RESET */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* BODY */
+body {
+    font-family: 'Segoe UI', sans-serif;
+    background: linear-gradient(to bottom, #e9f5db, #d8f3dc);
+    color: #333;
+    text-align: center;
+    padding: 20px;
+}
+
+/* TÍTULOS */
+h1 {
+    color: #6b4226;
+    margin-bottom: 20px;
+}
+
+h2 {
+    margin-top: 30px;
+    color: #588157;
+}
+
+/* FORM */
+form {
+    background: #fefae0;
+    padding: 20px;
+    margin: 0 auto;
+    width: 300px;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+}
+
+/* INPUTS */
+input {
+    width: 100%;
+    padding: 10px;
+    margin: 8px 0;
+    border-radius: 6px;
+    border: 1px solid #a3b18a;
+    background: #fff;
+    transition: 0.3s;
+}
+
+/* FOCUS */
+input:focus {
+    border-color: #588157;
+    outline: none;
+    box-shadow: 0 0 5px rgba(88,129,87,0.5);
+}
+
+/* BOTÃO */
+button {
+    width: 100%;
+    padding: 10px;
+    margin-top: 10px;
+    background: #6b4226;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: 0.3s;
+}
+
+/* HOVER BOTÃO */
+button:hover {
+    background: #4a2c1a;
+    transform: scale(1.05);
+}
+
+/* LINHA DIVISÓRIA */
+hr {
+    margin: 30px auto;
+    width: 60%;
+    border: 1px solid #a3b18a;
+}
+
+/* LISTA */
+ul {
+    list-style: none;
+    margin-top: 20px;
+    padding: 0;
+}
+
+/* ITEM */
+li {
+    background: #fefae0;
+    margin: 10px auto;
+    padding: 12px;
+    width: 60%;
+    border-radius: 8px;
+    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+/* TEXTO DO ITEM */
+li span {
+    text-align: left;
+}
+
+/* LINK EXCLUIR */
+li a {
+    text-decoration: none;
+    color: #d00000;
+    font-weight: bold;
+    transition: 0.3s;
+    
+}
+
+/* HOVER EXCLUIR */
+li a:hover {
+    color: #9d0208;
+}
\ No newline at end of file