Skip to content

C
CRUD_Animais_da_Fazenda2
Commit 55530207 by bricioso
Options

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

parents 51f4f33c db1afa53
Showing with 88 additions and 77 deletions
Template/index.html
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<title>Lista de Animais</title> <title>Lista de Animais</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head> </head>
<body> <body>
......
static/style
/* RESET */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
} }
/* BODY */
body { body {
font-family: 'Segoe UI', sans-serif; font-family: Arial, Helvetica, sans-serif;
background: linear-gradient(to bottom, #e9f5db, #d8f3dc); background-color: #f4f7f2;
color: #333; color: #333;
text-align: center; padding: 40px;
padding: 20px;
} }
/* TÍTULOS */
h1 {
color: #6b4226;
margin-bottom: 20px;
}
h2 { h1 {
margin-top: 30px; text-align: center;
color: #588157; margin-bottom: 30px;
color: #2d6a4f;
font-size: 36px;
} }
/* 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 */ a {
input { text-decoration: none;
width: 100%;
padding: 10px;
margin: 8px 0;
border-radius: 6px;
border: 1px solid #a3b18a;
background: #fff;
transition: 0.3s; transition: 0.3s;
} }
/* FOCUS */
input:focus {
border-color: #588157;
outline: none;
box-shadow: 0 0 5px rgba(88,129,87,0.5);
}
/* BOTÃO */ a[href="/cadastro"] {
button { display: inline-block;
width: 100%; background-color: #40916c;
padding: 10px;
margin-top: 10px;
background: #6b4226;
color: white; color: white;
border: none; padding: 12px 20px;
border-radius: 6px; border-radius: 8px;
cursor: pointer; margin-bottom: 25px;
transition: 0.3s; font-weight: bold;
} }
/* HOVER BOTÃO */ a[href="/cadastro"]:hover {
button:hover { background-color: #2d6a4f;
background: #4a2c1a;
transform: scale(1.05);
} }
/* LINHA DIVISÓRIA */
hr {
margin: 30px auto;
width: 60%;
border: 1px solid #a3b18a;
}
/* LISTA */
ul { ul {
list-style: none; list-style: none;
margin-top: 20px; max-width: 800px;
padding: 0; margin: auto;
} }
/* ITEM */
li { li {
background: #fefae0; background-color: white;
margin: 10px auto; padding: 18px;
padding: 12px; margin-bottom: 15px;
width: 60%; border-radius: 10px;
border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);
box-shadow: 0 3px 8px rgba(0,0,0,0.1);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
}
/* TEXTO DO ITEM */ font-size: 18px;
li span {
text-align: left;
} }
/* LINK EXCLUIR */
li a { li a {
text-decoration: none; background-color: #d62828;
color: #d00000; color: white;
padding: 8px 14px;
border-radius: 6px;
font-size: 14px;
}
li a:hover {
background-color: #a4161a;
}
form {
background-color: white;
max-width: 450px;
margin: auto;
padding: 30px;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
input {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 16px;
}
button {
width: 100%;
padding: 12px;
border: none;
border-radius: 8px;
background-color: #40916c;
color: white;
font-size: 16px;
font-weight: bold; font-weight: bold;
cursor: pointer;
transition: 0.3s; transition: 0.3s;
}
button:hover {
background-color: #2d6a4f;
} }
/* HOVER EXCLUIR */
li a:hover { body > a {
color: #9d0208; display: block;
text-align: center;
margin-top: 20px;
color: #2d6a4f;
font-weight: bold;
}
body > a:hover {
color: #1b4332;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment