Actualizar Interfaz/estilos/Inicio.css
This commit is contained in:
parent
e631a4ce7c
commit
3d5cf8b469
Interfaz/estilos
|
@ -1,82 +1,78 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f9f7f4;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.barra {
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.barra a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
margin: 0 15px;
|
||||
}
|
||||
.logout {
|
||||
border: 2px solid black;
|
||||
padding: 8px 15px;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 80vh;
|
||||
}
|
||||
.title {
|
||||
font-family: "Lilita One", sans-serif;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 118px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.ventaBoletos, .reporteVenta {
|
||||
background-color: #ffaa33;
|
||||
padding: 20px;
|
||||
width: 250px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ventaBoletos span {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
background: #444;
|
||||
color: white;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.reporteVenta span {
|
||||
position: center;
|
||||
right: 20px;
|
||||
background: #444;
|
||||
color: white;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #f9f7f4;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.barra {
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.barra a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
margin: 0 15px;
|
||||
}
|
||||
.logout {
|
||||
border: 2px solid black;
|
||||
padding: 8px 15px;
|
||||
border-radius: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 80vh;
|
||||
}
|
||||
.title {
|
||||
font-family: "Lilita One", sans-serif;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-size: 118px;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.ventaBoletos, .reporteVenta {
|
||||
background-color: #ffaa33;
|
||||
padding: 20px;
|
||||
width: 250px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
border-radius: 20px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.ventaBoletos span, .reporteVenta span {
|
||||
background: #444;
|
||||
color: white;
|
||||
padding: 2px 14px;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue