Correção css html - Agendamento Data

parent c63a05f1
......@@ -10406,7 +10406,8 @@ p .button_agendar {
}
#agendar {
width: 100% height: 2rem;
width: 100%;
height: 2rem;
font-size: 2.5rem;
color: #fd9727;
font-weight: 600;
......@@ -10548,52 +10549,47 @@ p .button_agendar {
text-align: center;
}
/* #idaceRecebeTitulo {
}
.navbar-laravel {
/* background-color: #fff; */
-webkit-box-shadow: 0 2px 4px rgba(0,
0,
0,
.04);
box-shadow: 0 2px 4px rgba(0,
0,
0,
.04);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
}
.imaLogos {
margin: 0 auto 0;
}
.imaLogosCadastro {
margin: 1rem auto 0;
text-align: center;
}
/* ****** MENU AGENDAMENTO ****** */
.nomeUsuario {
width: 200px;
height: 50px;
margin: 50px auto 0;
text-align: center;
}
.fielmenuAgendamento-1 {
font-size: 1.5rem;
display: inline;
margin-bottom: .4rem;
}
#espField {
margin-top: 1rem;
}
.fielmenuAgendamento-2 {
font-size: 1.5rem;
display: inline;
margin-bottom: .4rem;
}
#getnome,
#getcpf {
width: 400px;
......@@ -10606,6 +10602,7 @@ box-shadow: 0 2px 4px rgba(0,
font-weight: bold;
font-size: 2em;
}
#menuNome,
#menuCpf {
width: 268px;
......@@ -10618,24 +10615,27 @@ box-shadow: 0 2px 4px rgba(0,
font-weight: bold;
font-size: 2em;
}
#idaceMenu {
/* width: 12rem;
height: 9rem; */
margin: 1rem auto 0;
}
.imaLogosMenu1 {
width: 150px;
height: 150px;
margin: 0 auto 0;
text-align: center;
}
.imaLogosMenu2 {
width: 15rem;
height: 15rem;
margin: -50px auto 0;
text-align: center;
}
.menuh1 {
text-align: center;
font-family: Arial;
......@@ -10643,9 +10643,11 @@ box-shadow: 0 2px 4px rgba(0,
color: white;
font-weight: 600;
}
.idaceFonte {
color: #FC6B32;
}
.formMenuAgedamento {
width: 100%;
height: 20%;
......@@ -10653,6 +10655,7 @@ box-shadow: 0 2px 4px rgba(0,
font-family: sans-serif;
text-align: center;
}
#idace1,
#idace2,
#idace4 {
......@@ -10660,14 +10663,17 @@ box-shadow: 0 2px 4px rgba(0,
height: 3rem;
margin-top: -0.59rem;
}
#idace3 {
width: 10rem;
height: 3rem;
margin-top: -0.59rem;
}
p .button_agendar {
color: white;
}
.button_agendar {
width: 12rem;
height: 7rem;
......@@ -10678,9 +10684,11 @@ p .button_agendar {
margin-top: 20px;
margin: auto;
}
.button_agendar:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
.button_meusAgendamento {
width: 12rem;
height: 7rem;
......@@ -10690,9 +10698,11 @@ p .button_agendar {
margin-bottom: 6px;
margin: auto;
}
.button_meusAgendamento:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
.button_entregaTitulos {
width: 12rem;
height: 7rem;
......@@ -10702,9 +10712,11 @@ p .button_agendar {
margin-bottom: 6px;
margin: auto;
}
.button_entregaTitulos:hover {
background: linear-gradient(174deg, rgb(44, 181, 51) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
.button_contato {
width: 12rem;
height: 7rem;
......@@ -10714,194 +10726,28 @@ p .button_agendar {
margin-bottom: 6px;
margin: auto;
}
.button_contato:hover {
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 ***** */
.fielAgendamentoTitulo {
width: 100%;
height: 15rem;
}
.formAgedamentoTitulo {
width: 100%;
height: 20rem;
}
#fielTituloEntrega-1 {
text-align: center;
}
.button_tituloEvento {
width: 60%;
height: 3rem;
......@@ -10912,6 +10758,7 @@ visibility: visible;
text-align: center;
margin-bottom: 30px;
}
.button_tituloSede {
width: 60%;
height: 3rem;
......@@ -10922,22 +10769,27 @@ visibility: visible;
text-align: center;
margin-bottom: 30px;
}
.button_tituloEvento:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
.button_tituloSede:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
#pargTitulo {
font-size: 2.2em;
font-weight: 600;
text-align: center;
}
#btn_tituloEvento-1,
#btn_tituloSede-1 {
text-align: center;
margin-bottom: .8rem;
}
.button_tituloEvento-1 {
width: 80%;
height: 4rem;
......@@ -10950,6 +10802,7 @@ visibility: visible;
margin-bottom: .1rem;
margin-top: .1rem;
}
.button_tituloSede-1 {
width: 80%;
height: 4rem;
......@@ -10960,22 +10813,27 @@ visibility: visible;
color: white;
text-align: center;
}
.button_tituloEvento-1:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
color: white;
}
.button_tituloSede-1:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
color: white;
}
/* link - Contato */
.fieldContatos {
width: 100%;
height: 6rem;
margin: auto;
border-radius: 10px;
}
#contato {
width: 18rem;
height: 6rem;
......@@ -10984,6 +10842,7 @@ visibility: visible;
margin: 0 auto 0;
text-align: center;
}
.fieldbarraContato {
width: 19rem;
height: 3rem;
......@@ -10995,10 +10854,12 @@ visibility: visible;
color: rgb(28, 167, 28);
text-align: center;
}
#contatoFonte {
color: rgb(28, 167, 28);
text-align: center;
}
#whatsappContatos,
#emailContatos {
width: 2rem;
......@@ -11006,51 +10867,60 @@ visibility: visible;
margin-top: .8rem;
margin-right: 0.2rem;
}
#telefoneContatos {
width: 2rem;
height: 2rem;
margin-top: .8rem;
margin-right: 0.2rem;
}
.fieldLogContato {
width: 12rem;
height: 9rem;
margin: 3rem auto 0;
}
.imaLogosContato {
margin: .5rem auto 0;
text-align: center;
}
#idaceContato {
/* width: 12rem;
height: 9rem; */
}
/* ************* CALENDÁRIO AGENDAR ********** */
.fieldAgendar {
width: 100%;
height: 6rem;
/* margin: 40px auto 40px; */
text-align: center;
}
.calendario {
text-align: center;
}
#agendar {
width: 100% height: 2rem;
width: 100%;
height: 2rem;
font-size: 2.5rem;
color: #FC6B32;
font-weight: 600;
/* margin: 4px auto 0; */
}
#data,
#hora {
/* width: 40%; */
height: 3rem;
border-radius: 5px;
}
.enviarbtn {
width: 13rem;
height: 3rem;
......@@ -11062,24 +10932,31 @@ visibility: visible;
background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%);
color: white;
}
.enviarbtn:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
/* ******** PES CPF ****** */
.field-btn-Proxino {
text-align: center;
}
#fielTituloEntrega-1-cpf {
width: 30%;
text-align: center;
}
#btn-pesq2 {
width: 30%;
text-align: center;
}
/* ************** CADASTRO REALIZADO ************ */
.formCadastroRealizado {
width: 50%;
height: 100%;
......@@ -11089,6 +10966,7 @@ visibility: visible;
background-color: rgb(213, 228, 233);
text-align: center;
}
.fieldCadastroRealizado {
width: 96%;
height: 26rem;
......@@ -11096,20 +10974,24 @@ visibility: visible;
border-radius: 10px;
background-color: rgb(213, 228, 233);
}
.imaEsclamacaoCadastro {
margin: 50px auto 0;
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
}
.imaLogosAgendaRecebeTitulo {
margin: 26px auto 50px;
text-align: center;
}
.imaLogosCadastroConfismacao {
margin: 1rem auto 0;
text-align: center;
}
#cadastroCertoParag {
font-size: 3em;
font-family: Arial, Helvetica, sans-serif;
......@@ -11118,6 +11000,7 @@ visibility: visible;
margin: 0 0 0 0;
color: #fc6d32;
}
#CadastroRealizadoParag {
font-size: 2.5em;
font-family: Arial, Helvetica, sans-serif;
......@@ -11125,6 +11008,7 @@ visibility: visible;
margin: 0 0 0 0;
color: rgb(28, 167, 28);
}
#inicioButtonCadastro {
width: 7.5rem;
height: 2.5rem;
......@@ -11135,11 +11019,14 @@ visibility: visible;
color: white;
background: linear-gradient(174deg, rgb(206, 128, 93) 0%, rgb(165, 78, 7) 71%);
}
#inicioButtonCadastro:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
/* *********** TITULO recebido ************ */
.formRecebeTitulo {
width: 550px;
height: 570px;
......@@ -11147,12 +11034,14 @@ visibility: visible;
background-color: white;
text-align: center;
}
.fielparagPagTitulo {
width: 95%;
height: 95%;
margin-top: 20px;
margin: 50px auto 0;
}
#idaceRecebeTitulo {
width: 120px;
height: 90px;
......@@ -11160,6 +11049,7 @@ visibility: visible;
text-align: center;
}
/* #idaceRecebeTitulo {
>>>>>>> 0b06a7e7c097bbff0fd1d5b86f2295ea822c39a4
width: 120px;
......@@ -11169,6 +11059,7 @@ visibility: visible;
margin-bottom: 0;
margin-left: auto;
} */
.imaEsclamacao {
width: 150px;
height: 150px;
......@@ -11177,50 +11068,60 @@ visibility: visible;
padding: 6px;
}
/* .dataHora {
margin-top: -220px;
} */
.butaoSimCancelar {
margin-top: 1rem;
text-align: center;
}
#parag1 {
font-size: 1.4rem;
margin-bottom: 2px;
text-align: center;
color: black;
}
#parag2 {
font-size: 1.4rem;
text-align: center;
color: black;
}
#parag3 {
font-size: 1.4rem;
margin-top: 30px;
margin-bottom: 2px;
color: black;
}
#parag4 {
font-size: 1.4rem;
color: black;
margin-bottom: 2px;
}
#parag5 {
font-size: 1.4rem;
padding: 1px;
color: black;
}
#parag1,
#parag2 {
color: white;
}
#parag3,
#parag4,
#parag5 {
text-align: center;
color: white;
}
#data,
#hora {
width: 12rem;
......@@ -11234,6 +11135,7 @@ visibility: visible;
margin: 1px auto 0;
border-color: transparent;
}
#simButton,
#cancelarButton {
font-family: Arial;
......@@ -11244,15 +11146,18 @@ visibility: visible;
margin: 1px auto 0;
text-align: center;
}
#simButton {
width: 80px;
height: 50px;
background-color: rgb(65, 150, 207);
text-align: center;
}
#simButton:hover {
background: linear-gradient(174deg, rgb(138, 158, 139) 4%, rgb(16, 157, 23) 10%, rgb(4, 36, 7) 100%);
}
#cancelarButton {
width: 150px;
height: 50px;
......@@ -11261,263 +11166,10 @@ visibility: visible;
margin-left: auto;
background-color: rgb(16, 157, 23);
}
#cancelarButton:hover {
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 */
::-webkit-scrollbar-thumb:hover {
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
/* ******* Calendário teste novo ****** */
\ No newline at end of file
......@@ -12,98 +12,14 @@
@form(['action'=>route('agendamentoTituloHora'), 'method'=>'POST'])
<fieldset class="fieldAgendar">
<p id="agendar">Agendar data</p>
</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>
<button class="enviarbtn" onclick="window.location = '{{ route('agendamentoTituloHora') }}'">@lang('agendamento.next')</button>
</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