Skip to content

C
CRUD_Animais_da_Fazenda2
Commit db1afa53 by Edvan
Options

bagulinho

parent 3ff43ebd
Showing with 88 additions and 77 deletions
Template/index.html
......@@ -2,6 +2,7 @@
<html>
<head>
<title>Lista de Animais</title>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
......
Template/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);
font-family: Arial, Helvetica, sans-serif;
background-color: #f4f7f2;
color: #333;
text-align: center;
padding: 20px;
padding: 40px;
}
/* TÍTULOS */
h1 {
color: #6b4226;
margin-bottom: 20px;
}
h2 {
margin-top: 30px;
color: #588157;
h1 {
text-align: center;
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 */
input {
width: 100%;
padding: 10px;
margin: 8px 0;
border-radius: 6px;
border: 1px solid #a3b18a;
background: #fff;
a {
text-decoration: none;
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;
a[href="/cadastro"] {
display: inline-block;
background-color: #40916c;
color: white;
border: none;
border-radius: 6px;
cursor: pointer;
transition: 0.3s;
padding: 12px 20px;
border-radius: 8px;
margin-bottom: 25px;
font-weight: bold;
}
/* HOVER BOTÃO */
button:hover {
background: #4a2c1a;
transform: scale(1.05);
a[href="/cadastro"]:hover {
background-color: #2d6a4f;
}
/* LINHA DIVISÓRIA */
hr {
margin: 30px auto;
width: 60%;
border: 1px solid #a3b18a;
}
/* LISTA */
ul {
list-style: none;
margin-top: 20px;
padding: 0;
max-width: 800px;
margin: auto;
}
/* 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);
background-color: white;
padding: 18px;
margin-bottom: 15px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
/* TEXTO DO ITEM */
li span {
text-align: left;
font-size: 18px;
}
/* LINK EXCLUIR */
li a {
text-decoration: none;
color: #d00000;
background-color: #d62828;
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;
cursor: pointer;
transition: 0.3s;
}
button:hover {
background-color: #2d6a4f;
}
/* HOVER EXCLUIR */
li a:hover {
color: #9d0208;
body > a {
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