Skip to content

S
sisage
Commit d8fd845b authored by Marcos Vinicius Felix De Sousa da Silva's avatar Marcos Vinicius Felix De Sousa da Silva
Browse files
Options

Correção css html - Agendamento Data

parent c63a05f1
Show whitespace changes
Inline Side-by-side
Showing with 102 additions and 534 deletions
public/css/app.css
View file @ d8fd845b
...@@ -10406,7 +10406,8 @@ p .button_agendar { ...@@ -10406,7 +10406,8 @@ p .button_agendar {
} }
#agendar { #agendar {
width: 100% height: 2rem; width: 100%;
height: 2rem;
font-size: 2.5rem; font-size: 2.5rem;
color: #fd9727; color: #fd9727;
font-weight: 600; font-weight: 600;
...@@ -10548,52 +10549,47 @@ p .button_agendar { ...@@ -10548,52 +10549,47 @@ p .button_agendar {
text-align: center; text-align: center;
} }
/* #idaceRecebeTitulo {
}
.navbar-laravel { .navbar-laravel {
/* background-color: #fff; */ /* background-color: #fff; */
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
-webkit-box-shadow: 0 2px 4px rgba(0, box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
0,
0,
.04);
box-shadow: 0 2px 4px rgba(0,
0,
0,
.04);
} }
.imaLogos { .imaLogos {
margin: 0 auto 0; margin: 0 auto 0;
} }
.imaLogosCadastro { .imaLogosCadastro {
margin: 1rem auto 0; margin: 1rem auto 0;
text-align: center; text-align: center;
} }
/* ****** MENU AGENDAMENTO ****** */ /* ****** MENU AGENDAMENTO ****** */
.nomeUsuario { .nomeUsuario {
width: 200px; width: 200px;
height: 50px; height: 50px;
margin: 50px auto 0; margin: 50px auto 0;
text-align: center; text-align: center;
} }
.fielmenuAgendamento-1 { .fielmenuAgendamento-1 {
font-size: 1.5rem; font-size: 1.5rem;
display: inline; display: inline;
margin-bottom: .4rem; margin-bottom: .4rem;
} }
#espField { #espField {
margin-top: 1rem; margin-top: 1rem;
} }
.fielmenuAgendamento-2 { .fielmenuAgendamento-2 {
font-size: 1.5rem; font-size: 1.5rem;
display: inline; display: inline;
margin-bottom: .4rem; margin-bottom: .4rem;
} }
#getnome, #getnome,
#getcpf { #getcpf {
width: 400px; width: 400px;
...@@ -10606,6 +10602,7 @@ box-shadow: 0 2px 4px rgba(0, ...@@ -10606,6 +10602,7 @@ box-shadow: 0 2px 4px rgba(0,
font-weight: bold; font-weight: bold;
font-size: 2em; font-size: 2em;
} }
#menuNome, #menuNome,
#menuCpf { #menuCpf {
width: 268px; width: 268px;
...@@ -10618,24 +10615,27 @@ box-shadow: 0 2px 4px rgba(0, ...@@ -10618,24 +10615,27 @@ box-shadow: 0 2px 4px rgba(0,
font-weight: bold; font-weight: bold;
font-size: 2em; font-size: 2em;
} }
#idaceMenu { #idaceMenu {
/* width: 12rem; /* width: 12rem;
height: 9rem; */ height: 9rem; */
margin: 1rem auto 0; margin: 1rem auto 0;
} }
.imaLogosMenu1 { .imaLogosMenu1 {
width: 150px; width: 150px;
height: 150px; height: 150px;
margin: 0 auto 0; margin: 0 auto 0;
text-align: center; text-align: center;
} }
.imaLogosMenu2 { .imaLogosMenu2 {
width: 15rem; width: 15rem;
height: 15rem; height: 15rem;
margin: -50px auto 0; margin: -50px auto 0;
text-align: center; text-align: center;
} }
.menuh1 { .menuh1 {
text-align: center; text-align: center;
font-family: Arial; font-family: Arial;
...@@ -10643,9 +10643,11 @@ box-shadow: 0 2px 4px rgba(0, ...@@ -10643,9 +10643,11 @@ box-shadow: 0 2px 4px rgba(0,
color: white; color: white;
font-weight: 600; font-weight: 600;
} }
.idaceFonte { .idaceFonte {
color: #FC6B32; color: #FC6B32;
} }
.formMenuAgedamento { .formMenuAgedamento {
width: 100%; width: 100%;
height: 20%; height: 20%;
...@@ -10653,6 +10655,7 @@ box-shadow: 0 2px 4px rgba(0, ...@@ -10653,6 +10655,7 @@ box-shadow: 0 2px 4px rgba(0,
font-family: sans-serif; font-family: sans-serif;
text-align: center; text-align: center;
} }
#idace1, #idace1,
#idace2, #idace2,
#idace4 { #idace4 {
...@@ -10660,14 +10663,17 @@ box-shadow: 0 2px 4px rgba(0, ...@@ -10660,14 +10663,17 @@ box-shadow: 0 2px 4px rgba(0,
height: 3rem; height: 3rem;
margin-top: -0.59rem; margin-top: -0.59rem;
} }
#idace3 { #idace3 {
width: 10rem; width: 10rem;
height: 3rem; height: 3rem;
margin-top: -0.59rem; margin-top: -0.59rem;
} }
p .button_agendar { p .button_agendar {
color: white; color: white;
} }
.button_agendar { .button_agendar {
width: 12rem; width: 12rem;
height: 7rem; height: 7rem;
...@@ -10678,9 +10684,11 @@ p .button_agendar { ...@@ -10678,9 +10684,11 @@ p .button_agendar {
margin-top: 20px; margin-top: 20px;
margin: auto; margin: auto;
} }
.button_agendar:hover { .button_agendar:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
.button_meusAgendamento { .button_meusAgendamento {
width: 12rem; width: 12rem;
height: 7rem; height: 7rem;
...@@ -10690,9 +10698,11 @@ p .button_agendar { ...@@ -10690,9 +10698,11 @@ p .button_agendar {
margin-bottom: 6px; margin-bottom: 6px;
margin: auto; margin: auto;
} }
.button_meusAgendamento:hover { .button_meusAgendamento:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
.button_entregaTitulos { .button_entregaTitulos {
width: 12rem; width: 12rem;
height: 7rem; height: 7rem;
...@@ -10702,9 +10712,11 @@ p .button_agendar { ...@@ -10702,9 +10712,11 @@ p .button_agendar {
margin-bottom: 6px; margin-bottom: 6px;
margin: auto; margin: auto;
} }
.button_entregaTitulos:hover { .button_entregaTitulos:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
.button_contato { .button_contato {
width: 12rem; width: 12rem;
height: 7rem; height: 7rem;
...@@ -10714,194 +10726,28 @@ p .button_agendar { ...@@ -10714,194 +10726,28 @@ p .button_agendar {
margin-bottom: 6px; margin-bottom: 6px;
margin: auto; margin: auto;
} }
.button_contato:hover { .button_contato:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
/* ************** MENU LATERAL **************** */
/* .menuLateral { */
/* margin: 0; */
/* padding: 0; */
/* background-color: white; */
/* display: none; */
/* } */
/* #check { */
/* display: none; */
/* } */
/* #icone { */
/* margin-top: -40px; */
/* margin-left: 0px; */
/* cursor: pointer; */
/* padding: 2px; */
/* position: absolute; */
/* z-index: 2; */
/* } */
/* */
/* /* nav { */
/* width: 100%; */
/* position: absolute; */
/* top: 50px; */
/* } */
*/
/* .link { */
/* padding: 20px; */
/* font-family: Arial; */
/* font-size: 2.2em; */
/* color: #606063; */
/* transition: all .2s linear; */
/* background-color: rgb(235, 222, 198); */
/* border-bottom: 2px solid white; */
/* opacity: 0; */
/* margin-top: 200px; */
/* } */
/* #icone1, */
/* #icone2, */
/* #icone3, */
/* #icone4 { */
/* width: 40px; */
/* height: 40px; */
/* margin-right: 15px; */
/* margin-bottom: -15px; */
/* text-align: center; */
/* } */
/* .link:hover { */
/* background-color: rgb(247, 199, 160); */
/* } */
/* .barra { */
/* width: 300px; */
/* height: 70%; */
/* position: absolute; */
/* background-color: white; */
/* transition: all .2s linear; */
/* left: -300px; */
visibility: hidden;
/* } */
/* #check:checked~.barra { */
/* transform: translateX(300px); */
visibility: visible;
/* } */
/* #check:checked~.barra nav .link { */
/* opacity: 1; */
/* margin-top: 0; */
/* transition-delay: .3s; */
/* } */
/* #mNome { */
/* font-size: 1.6em; */
/* border-left: 1px; */
/* background-color: rgb(165, 78, 7); */
/* border-color: transparent; */
/* color: white; */
/* } */
/* #pmenu { */
/* font-size: 1.6em; */
/* margin-top: 10px; */
/* margin-bottom: 2px; */
/* text-align: left; */
/* color: white; */
/* } */
/* .menuNomeUsuario { */
/* width: 283px; */
/* height: 50px; */
/* margin: 180px auto 0; */
/* text-align: left; */
/* background-color: rgb(165, 78, 7); */
/* } */
/* ***** Menu Titulo ***** */ /* ***** Menu Titulo ***** */
.fielAgendamentoTitulo { .fielAgendamentoTitulo {
width: 100%; width: 100%;
height: 15rem; height: 15rem;
} }
.formAgedamentoTitulo { .formAgedamentoTitulo {
width: 100%; width: 100%;
height: 20rem; height: 20rem;
} }
#fielTituloEntrega-1 { #fielTituloEntrega-1 {
text-align: center; text-align: center;
} }
.button_tituloEvento { .button_tituloEvento {
width: 60%; width: 60%;
height: 3rem; height: 3rem;
...@@ -10912,6 +10758,7 @@ visibility: visible; ...@@ -10912,6 +10758,7 @@ visibility: visible;
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
} }
.button_tituloSede { .button_tituloSede {
width: 60%; width: 60%;
height: 3rem; height: 3rem;
...@@ -10922,22 +10769,27 @@ visibility: visible; ...@@ -10922,22 +10769,27 @@ visibility: visible;
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
} }
.button_tituloEvento:hover { .button_tituloEvento:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
.button_tituloSede:hover { .button_tituloSede:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
#pargTitulo { #pargTitulo {
font-size: 2.2em; font-size: 2.2em;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
} }
#btn_tituloEvento-1, #btn_tituloEvento-1,
#btn_tituloSede-1 { #btn_tituloSede-1 {
text-align: center; text-align: center;
margin-bottom: .8rem; margin-bottom: .8rem;
} }
.button_tituloEvento-1 { .button_tituloEvento-1 {
width: 80%; width: 80%;
height: 4rem; height: 4rem;
...@@ -10950,6 +10802,7 @@ visibility: visible; ...@@ -10950,6 +10802,7 @@ visibility: visible;
margin-bottom: .1rem; margin-bottom: .1rem;
margin-top: .1rem; margin-top: .1rem;
} }
.button_tituloSede-1 { .button_tituloSede-1 {
width: 80%; width: 80%;
height: 4rem; height: 4rem;
...@@ -10960,22 +10813,27 @@ visibility: visible; ...@@ -10960,22 +10813,27 @@ visibility: visible;
color: white; color: white;
text-align: center; text-align: center;
} }
.button_tituloEvento-1:hover { .button_tituloEvento-1:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
color: white; color: white;
} }
.button_tituloSede-1:hover { .button_tituloSede-1:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
color: white; color: white;
} }
/* link - Contato */ /* link - Contato */
.fieldContatos { .fieldContatos {
width: 100%; width: 100%;
height: 6rem; height: 6rem;
margin: auto; margin: auto;
border-radius: 10px; border-radius: 10px;
} }
#contato { #contato {
width: 18rem; width: 18rem;
height: 6rem; height: 6rem;
...@@ -10984,6 +10842,7 @@ visibility: visible; ...@@ -10984,6 +10842,7 @@ visibility: visible;
margin: 0 auto 0; margin: 0 auto 0;
text-align: center; text-align: center;
} }
.fieldbarraContato { .fieldbarraContato {
width: 19rem; width: 19rem;
height: 3rem; height: 3rem;
...@@ -10995,10 +10854,12 @@ visibility: visible; ...@@ -10995,10 +10854,12 @@ visibility: visible;
color: rgb(28, 167, 28); color: rgb(28, 167, 28);
text-align: center; text-align: center;
} }
#contatoFonte { #contatoFonte {
color: rgb(28, 167, 28); color: rgb(28, 167, 28);
text-align: center; text-align: center;
} }
#whatsappContatos, #whatsappContatos,
#emailContatos { #emailContatos {
width: 2rem; width: 2rem;
...@@ -11006,51 +10867,60 @@ visibility: visible; ...@@ -11006,51 +10867,60 @@ visibility: visible;
margin-top: .8rem; margin-top: .8rem;
margin-right: 0.2rem; margin-right: 0.2rem;
} }
#telefoneContatos { #telefoneContatos {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-top: .8rem; margin-top: .8rem;
margin-right: 0.2rem; margin-right: 0.2rem;
} }
.fieldLogContato { .fieldLogContato {
width: 12rem; width: 12rem;
height: 9rem; height: 9rem;
margin: 3rem auto 0; margin: 3rem auto 0;
} }
.imaLogosContato { .imaLogosContato {
margin: .5rem auto 0; margin: .5rem auto 0;
text-align: center; text-align: center;
} }
#idaceContato { #idaceContato {
/* width: 12rem; /* width: 12rem;
height: 9rem; */ height: 9rem; */
} }
/* ************* CALENDÁRIO AGENDAR ********** */ /* ************* CALENDÁRIO AGENDAR ********** */
.fieldAgendar { .fieldAgendar {
width: 100%; width: 100%;
height: 6rem; height: 6rem;
/* margin: 40px auto 40px; */ /* margin: 40px auto 40px; */
text-align: center; text-align: center;
} }
.calendario { .calendario {
text-align: center; text-align: center;
} }
#agendar { #agendar {
width: 100% height: 2rem; width: 100%;
height: 2rem;
font-size: 2.5rem; font-size: 2.5rem;
color: #FC6B32; color: #FC6B32;
font-weight: 600; font-weight: 600;
/* margin: 4px auto 0; */ /* margin: 4px auto 0; */
} }
#data, #data,
#hora { #hora {
/* width: 40%; */ /* width: 40%; */
height: 3rem; height: 3rem;
border-radius: 5px; border-radius: 5px;
} }
.enviarbtn { .enviarbtn {
width: 13rem; width: 13rem;
height: 3rem; height: 3rem;
...@@ -11062,24 +10932,31 @@ visibility: visible; ...@@ -11062,24 +10932,31 @@ visibility: visible;
background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%); background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%);
color: white; color: white;
} }
.enviarbtn:hover { .enviarbtn:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
/* ******** PES CPF ****** */ /* ******** PES CPF ****** */
.field-btn-Proxino { .field-btn-Proxino {
text-align: center; text-align: center;
} }
#fielTituloEntrega-1-cpf { #fielTituloEntrega-1-cpf {
width: 30%; width: 30%;
text-align: center; text-align: center;
} }
#btn-pesq2 { #btn-pesq2 {
width: 30%; width: 30%;
text-align: center; text-align: center;
} }
/* ************** CADASTRO REALIZADO ************ */ /* ************** CADASTRO REALIZADO ************ */
.formCadastroRealizado { .formCadastroRealizado {
width: 50%; width: 50%;
height: 100%; height: 100%;
...@@ -11089,6 +10966,7 @@ visibility: visible; ...@@ -11089,6 +10966,7 @@ visibility: visible;
background-color: rgb(213, 228, 233); background-color: rgb(213, 228, 233);
text-align: center; text-align: center;
} }
.fieldCadastroRealizado { .fieldCadastroRealizado {
width: 96%; width: 96%;
height: 26rem; height: 26rem;
...@@ -11096,20 +10974,24 @@ visibility: visible; ...@@ -11096,20 +10974,24 @@ visibility: visible;
border-radius: 10px; border-radius: 10px;
background-color: rgb(213, 228, 233); background-color: rgb(213, 228, 233);
} }
.imaEsclamacaoCadastro { .imaEsclamacaoCadastro {
margin: 50px auto 0; margin: 50px auto 0;
text-align: center; text-align: center;
margin-top: 50px; margin-top: 50px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.imaLogosAgendaRecebeTitulo { .imaLogosAgendaRecebeTitulo {
margin: 26px auto 50px; margin: 26px auto 50px;
text-align: center; text-align: center;
} }
.imaLogosCadastroConfismacao { .imaLogosCadastroConfismacao {
margin: 1rem auto 0; margin: 1rem auto 0;
text-align: center; text-align: center;
} }
#cadastroCertoParag { #cadastroCertoParag {
font-size: 3em; font-size: 3em;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
...@@ -11118,6 +11000,7 @@ visibility: visible; ...@@ -11118,6 +11000,7 @@ visibility: visible;
margin: 0 0 0 0; margin: 0 0 0 0;
color: #fc6d32; color: #fc6d32;
} }
#CadastroRealizadoParag { #CadastroRealizadoParag {
font-size: 2.5em; font-size: 2.5em;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
...@@ -11125,6 +11008,7 @@ visibility: visible; ...@@ -11125,6 +11008,7 @@ visibility: visible;
margin: 0 0 0 0; margin: 0 0 0 0;
color: rgb(28, 167, 28); color: rgb(28, 167, 28);
} }
#inicioButtonCadastro { #inicioButtonCadastro {
width: 7.5rem; width: 7.5rem;
height: 2.5rem; height: 2.5rem;
...@@ -11135,11 +11019,14 @@ visibility: visible; ...@@ -11135,11 +11019,14 @@ visibility: visible;
color: white; color: white;
background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%); background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%);
} }
#inicioButtonCadastro:hover { #inicioButtonCadastro:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
/* *********** TITULO recebido ************ */ /* *********** TITULO recebido ************ */
.formRecebeTitulo { .formRecebeTitulo {
width: 550px; width: 550px;
height: 570px; height: 570px;
...@@ -11147,12 +11034,14 @@ visibility: visible; ...@@ -11147,12 +11034,14 @@ visibility: visible;
background-color: white; background-color: white;
text-align: center; text-align: center;
} }
.fielparagPagTitulo { .fielparagPagTitulo {
width: 95%; width: 95%;
height: 95%; height: 95%;
margin-top: 20px; margin-top: 20px;
margin: 50px auto 0; margin: 50px auto 0;
} }
#idaceRecebeTitulo { #idaceRecebeTitulo {
width: 120px; width: 120px;
height: 90px; height: 90px;
...@@ -11160,6 +11049,7 @@ visibility: visible; ...@@ -11160,6 +11049,7 @@ visibility: visible;
text-align: center; text-align: center;
} }
/* #idaceRecebeTitulo { /* #idaceRecebeTitulo {
>>>>>>> 0b06a7e7c097bbff0fd1d5b86f2295ea822c39a4 >>>>>>> 0b06a7e7c097bbff0fd1d5b86f2295ea822c39a4
width: 120px; width: 120px;
...@@ -11169,6 +11059,7 @@ visibility: visible; ...@@ -11169,6 +11059,7 @@ visibility: visible;
margin-bottom: 0; margin-bottom: 0;
margin-left: auto; margin-left: auto;
} */ } */
.imaEsclamacao { .imaEsclamacao {
width: 150px; width: 150px;
height: 150px; height: 150px;
...@@ -11177,50 +11068,60 @@ visibility: visible; ...@@ -11177,50 +11068,60 @@ visibility: visible;
padding: 6px; padding: 6px;
} }
/* .dataHora { /* .dataHora {
margin-top: -220px; margin-top: -220px;
} */ } */
.butaoSimCancelar { .butaoSimCancelar {
margin-top: 1rem; margin-top: 1rem;
text-align: center; text-align: center;
} }
#parag1 { #parag1 {
font-size: 1.4rem; font-size: 1.4rem;
margin-bottom: 2px; margin-bottom: 2px;
text-align: center; text-align: center;
color: black; color: black;
} }
#parag2 { #parag2 {
font-size: 1.4rem; font-size: 1.4rem;
text-align: center; text-align: center;
color: black; color: black;
} }
#parag3 { #parag3 {
font-size: 1.4rem; font-size: 1.4rem;
margin-top: 30px; margin-top: 30px;
margin-bottom: 2px; margin-bottom: 2px;
color: black; color: black;
} }
#parag4 { #parag4 {
font-size: 1.4rem; font-size: 1.4rem;
color: black; color: black;
margin-bottom: 2px; margin-bottom: 2px;
} }
#parag5 { #parag5 {
font-size: 1.4rem; font-size: 1.4rem;
padding: 1px; padding: 1px;
color: black; color: black;
} }
#parag1, #parag1,
#parag2 { #parag2 {
color: white; color: white;
} }
#parag3, #parag3,
#parag4, #parag4,
#parag5 { #parag5 {
text-align: center; text-align: center;
color: white; color: white;
} }
#data, #data,
#hora { #hora {
width: 12rem; width: 12rem;
...@@ -11234,6 +11135,7 @@ visibility: visible; ...@@ -11234,6 +11135,7 @@ visibility: visible;
margin: 1px auto 0; margin: 1px auto 0;
border-color: transparent; border-color: transparent;
} }
#simButton, #simButton,
#cancelarButton { #cancelarButton {
font-family: Arial; font-family: Arial;
...@@ -11244,15 +11146,18 @@ visibility: visible; ...@@ -11244,15 +11146,18 @@ visibility: visible;
margin: 1px auto 0; margin: 1px auto 0;
text-align: center; text-align: center;
} }
#simButton { #simButton {
width: 80px; width: 80px;
height: 50px; height: 50px;
background-color: rgb(65, 150, 207); background-color: rgb(65, 150, 207);
text-align: center; text-align: center;
} }
#simButton:hover { #simButton:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%); background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
} }
#cancelarButton { #cancelarButton {
width: 150px; width: 150px;
height: 50px; height: 50px;
...@@ -11261,263 +11166,10 @@ visibility: visible; ...@@ -11261,263 +11166,10 @@ visibility: visible;
margin-left: auto; margin-left: auto;
background-color: rgb(16, 157, 23); background-color: rgb(16, 157, 23);
} }
#cancelarButton:hover { #cancelarButton:hover {
background: linear-gradient(174deg, rgb(237, 72, 60) 4%, rgb(184, 37, 37) 10%, rgb(179, 7, 7) 100%); background: linear-gradient(174deg, rgb(237, 72, 60) 4%, rgb(184, 37, 37) 10%, rgb(179, 7, 7) 100%);
} }
/* ********** CALÉDARIO TESTE ********** */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #49b428;
border-radius: 5px;
}
/* Handle on hover */ /* ******* Calendário teste novo ****** */
::-webkit-scrollbar-thumb:hover { \ No newline at end of file
background: #37b32c;
}
.content {
display: grid;
grid-template-columns: 2fr 3fr;
}
.info {
background: #725AC1;
padding: 0 40px;
}
.info header {
display: flex;
justify-content: center;
flex-direction: column;
height: 50vh;
margin: auto;
}
.info header .image {
display: flex;
justify-content: center;
height: 150px;
}
.info header .image img {
height: 100px;
}
.info header .image img.loading {
-webkit-animation: spin 4s linear infinite;
-moz-animation: spin 4s linear infinite;
animation: spin 4s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.info header h1 {
text-align: center;
font-weight: 400;
font-size: 40px;
margin-top: 0px;
}
.info header span {
text-align: center;
font-weight: 900;
font-size: 20px;
margin-top: 17px;
}
.info main {
position: relative;
height: 50vh;
}
.info main .agends {
height: 95%;
display: grid;
}
.info main .agends span {
font-size: 20px;
font-weight: 200;
}
.info main .agends div {
margin-top: 20px;
overflow-y: auto;
}
.info main .agends button {
background: #564593;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px;
border-radius: 5px;
margin-top: 20px;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.info main .agends button:hover {
background: rgba(0, 0, 0, 0.3);
}
.info main .agends div a {
display: flex;
align-items: center;
padding: 20px 10px;
border-radius: 5px;
}
.info main .agends div a:hover {
background: #51408a;
}
.info main .agends div a span {
border-radius: 60px;
color: #725AC1;
background: #fff;
font-weight: 500;
padding: 2px 10px;
font-size: 15px;
font-weight: 500;
}
.info main .agends div a p {
margin-left: 20px;
font-size: 15px;
}
.calendario-A {
text-align: center;
font-size: 1.5rem;
font-weight: 600;
}
#next-month {
font-size: 1rem;
}
.calendario-B {
text-align: center;
display: block ruby;
}
.calendar {
display: flex;
height: 100vh;
flex-direction: column;
/* background: #242038; */
text-align: center;
background: linear-gradient(174deg, rgb(68, 191, 74) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
justify-content: space-between;
}
.calendar header {
font-size: 70px;
font-weight: 900;
width: 100%;
text-align: center;
padding-top: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.calendar header span {
cursor: pointer;
}
.calendar header span:last-of-type {
margin-left: 35px;
}
.calendar header span:last-of-type:hover svg path {
stroke: #d0d0d0;
}
.calendar header span:first-of-type {
margin-right: 35px;
}
.calendar header span:first-of-type:hover svg path {
stroke: #d0d0d0;
}
.calendar header span svg {
display: block;
margin: auto;
}
.calendar header p span {
margin: 0 !important;
}
.calendar main {
display: flex;
justify-content: center;
width: 100%;
}
.calendar footer {
width: 100%;
text-align: right;
font-size: 16px;
font-weight: 500;
padding: 7px;
}
#tableDays {
width: 30rem;
height: 20rem;
background: linear-gradient(174deg, rgb(237, 137, 60) 4%, rgb(216, 105, 20) 10%, rgb(175, 71, 1) 100%);
border-radius: .6rem;
}
@media (max-width: 950px) {
.content {
display: grid;
grid-template-columns: 1fr;
}
.info main .agends div {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
}
.info main .agends div::-webkit-scrollbar {
height: 10px;
}
/* Track */
.info main .agends div::-webkit-scrollbar-track {
background: transparent;
}
/* Handle */
.info main .agends div::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
.info main .agends div a {
background: rgba(255, 255, 255, 0.40);
width: 200px;
margin-left: 20px;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.info main .agends div a span {
background: none;
color: #fff;
}
.info main .agends div a p {
font-weight: 300;
font-size: 18px;
margin: 10px 0 0 0;
text-align: center;
}
.calendar header {
font-size: 60px;
}
.calendar header p span#month {
width: 150px;
display: inline-block;
}
}
\ No newline at end of file
resources/views/admin/agendamentos/agendamentoTituloSede.blade.php
View file @ d8fd845b
...@@ -12,98 +12,14 @@ ...@@ -12,98 +12,14 @@
@form(['action'=>route('agendamentoTituloHora'), 'method'=>'POST']) @form(['action'=>route('agendamentoTituloHora'), 'method'=>'POST'])
<fieldset class="fieldAgendar"> <fieldset class="fieldAgendar">
<p id="agendar">Agendar data</p> <p id="agendar">Agendar data</p>
</fieldset> </fieldset>
<fieldset class="calendario">
<input type="date" id="data" name="dataAgendamento">
<fieldset class="calendario-A">
<p class="calendario-P">
<span id="prev-month">
<svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3333 5L4.33334 15L14.3333 25" stroke="white" stroke-width="6" stroke-linecap="square"/>
</svg>
</span>
<span id="month">JANEIRO</span> <span id="year">2021</span>
<span id="next-month">
<svg width="19" height="30" viewBox="0 0 19 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.66669 25L14.6667 15L4.66669 5" stroke="white" stroke-width="6" stroke-linecap="square"/>
</svg>
</span>
</p>
</fieldset>
<fieldset class="calendario-B">
<table id="tableDays">
<tr>
<th>DOM</th>
<th>SEG</th>
<th>TER</th>
<th>QUA</th>
<th>QUI</th>
<th>SEX</th>
<th>SAB</th>
</tr>
<tr>
<td class="outherMount">27</td>
<td class="outherMount">28</td>
<td class="outherMount">29</td>
<td class="outherMount">30</td>
<td>01</td>
<td>02</td>
<td>03</td>
</tr>
<tr>
<td>04</td>
<td class="teste">05</td>
<td class="teste">06</td>
<td>07</td>
<td>08</td>
<td>09</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
</tr>
<tr>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
</tr>
<!-- <tr>
<td>30</td>
<td>31</td>
<td class="outherMount">01</td>
<td class="outherMount">02</td>
<td class="outherMount">03</td>
<td class="outherMount">04</td>
<td class="outherMount">05</td>
</tr> -->
</table>
</fieldset>
<fieldset class="calendario-A">
<!-- <input type="date" id="data" name="dataAgendamento"> -->
<br> <br>
<button class="enviarbtn" onclick="window.location = '{{ route('agendamentoTituloHora') }}'">@lang('agendamento.next')</button> <button class="enviarbtn" onclick="window.location = '{{ route('agendamentoTituloHora') }}'">@lang('agendamento.next')</button>
</fieldset> </fieldset>
......
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