diff --git a/.gitignore b/.gitignore index 19b17389..99f2f668 100644 --- a/.gitignore +++ b/.gitignore @@ -178,3 +178,8 @@ cython_debug/ # End of https://www.toptal.com/developers/gitignore/api/django *.pyc + +# Elastic Beanstalk Files +.elasticbeanstalk/* +!.elasticbeanstalk/*.cfg.yml +!.elasticbeanstalk/*.global.yml diff --git a/inicial/admin.py b/inicial/admin.py index e427aeff..99644c7a 100644 --- a/inicial/admin.py +++ b/inicial/admin.py @@ -20,4 +20,11 @@ class ListandoDados(admin.ModelAdmin): admin.site.register(Hospital, ListandoHospitais) admin.site.register(Avaliacao, ListandoAvaliacoes) -admin.site.register(Dados, ListandoDados) \ No newline at end of file +admin.site.register(Dados, ListandoDados) +admin.site.register(Doencas) +admin.site.register(Sintomas) +admin.site.register(Diagnostico) +admin.site.register(Cirurgia) +admin.site.register(Internacao) +admin.site.register(Condicao_familiar) +admin.site.register(Medicamento) diff --git a/inicial/migrations/__pycache__/__init__.cpython-311.pyc b/inicial/migrations/__pycache__/__init__.cpython-311.pyc deleted file mode 100644 index bc9a5c85..00000000 Binary files a/inicial/migrations/__pycache__/__init__.cpython-311.pyc and /dev/null differ diff --git a/inicial/models.py b/inicial/models.py index fa1e67b5..59c49b15 100644 --- a/inicial/models.py +++ b/inicial/models.py @@ -64,6 +64,7 @@ class Meta: uti_pediatrico = models.IntegerField(null=False, blank=False, default=0) uti_neonatal = models.IntegerField(null=False, blank=False, default=0) uti_queimado = models.IntegerField(null=False, blank=False, default=0) + atualizacao = models.DateTimeField(null=False, blank=False, default=timezone.now) def __str__(self): return self.nome @@ -84,7 +85,7 @@ class Meta: usuario = models.CharField(max_length=100, null=False, blank=False, default="") numero = models.IntegerField(null=False, blank=False, default=1) - data = models.DateField(null=False, blank=False, default=timezone.now) + data = models.DateTimeField(null=False, blank=False, default=timezone.now) hospital = models.ForeignKey(Hospital, on_delete=models.CASCADE) risco = models.CharField(max_length=100, null=False, blank=False, default="NAO_URGENTE", choices=RISCO) horario_entrada = models.DateTimeField(null=False, blank=False, default=timezone.now) @@ -103,10 +104,14 @@ class Meta: verbose_name = "dados" verbose_name_plural = "Dados" - SEXO = [ - ("femininino", "Feminino"), - ("masculino", "Masculino"), - ("na","Não informado") + GENERO = [ + ("na","Não informado"), + ("homem-cis", "Homem cis"), + ("homem-trans", "Homem trans"), + ("mulher-cis", "Mulher cis"), + ("mulher-trans", "Mulher trans"), + ("nao-binario", "Não-binário"), + ("outro", "Outro") ] TIPO_SANGUINIO = [ @@ -118,7 +123,7 @@ class Meta: ("AB-","AB-"), ("O+","O+"), ("O-","O-"), - ("na","Não informado") + ("na","Não informado/Não sabe") ] FREQUENCIA = [ @@ -130,9 +135,8 @@ class Meta: ] usuario = models.OneToOneField(User,on_delete=models.CASCADE, primary_key=True) - nome = models.CharField(max_length=200, null=False, blank=False, default="Não informado") - idade = models.IntegerField(null=False, blank=False, default=0) - sexo = models.CharField(max_length=20, null=False, blank=False, default="na", choices=SEXO) + data_nascimento = models.DateField(null=False, blank=False, default=timezone.now) + genero = models.CharField(max_length=20, null=False, blank=False, default="na", choices=GENERO) profissao = models.CharField(max_length=200, null=False, blank=False, default="Não informada") endereco = models.CharField(max_length=200, null=False, blank=False, default="Não informado") telefone = models.CharField(max_length=20, null=False, blank=False, default="Não informado") @@ -144,4 +148,90 @@ class Meta: exercicio_frequencia = models.CharField(max_length=200, null=False, blank=False, default="n", choices=FREQUENCIA) def __str__(self): - return self.usuario.username \ No newline at end of file + return self.usuario.username + +class Doencas(models.Model): + + class Meta: + verbose_name = "doença" + verbose_name_plural = "Doenças" + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="doencas") + doenca = models.CharField(max_length=200, null=False, blank=False, default="N/A") + + def __str__(self): + return self.doenca + +class Sintomas(models.Model): + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="sintomas") + sintoma = models.CharField(max_length=200, null=False, blank=False, default="N/A") + + def __str__(self): + return self.sintoma + +class Diagnostico(models.Model): + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="diagnosticos") + diagnostico = models.CharField(max_length=200, null=False, blank=False, default="N/A") + + def __str__(self): + return self.diagnostico + +class Cirurgia(models.Model): + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="cirurgias") + cirurgia = models.CharField(max_length=200, null=False, blank=False, default="N/A") + data = models.DateField(null=False, blank=False, default=timezone.now) + + def __str__(self): + return self.cirurgia + +class Internacao(models.Model): + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="internacoes") + internacao = models.CharField(max_length=200, null=False, blank=False, default="N/A") + tempo = models.IntegerField(null=False, blank=False, default=0) + data = models.DateField(null=False, blank=False, default=timezone.now) + + def __str__(self): + return self.internacao + +class Condicao_familiar(models.Model): + + GRAU_PARENTESCO = [ + ("1", "1° Grau"), + ("2", "2° Grau"), + ("3", "3° Grau") + ] + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="condicao_familiar") + condicao = models.CharField(max_length=200, null=False, blank=False, default="N/A") + grau_parentesco = models.CharField(max_length=10, null=False, blank=False, default="1", choices=GRAU_PARENTESCO) + + def __str__(self): + return self.condicao + +class Medicamento(models.Model): + + TIPO_MEDICAMENTO = [ + ("1", "Medicamento com prescrição"), + ("2", "Medicamento sem prescrição") + ] + + FREQUENCIA = [ + ("n","Não"), + ("d","Diariamente"), + ("s","Semanalmente"), + ("m","Mensalmente"), + ("a","Anualmente") + ] + + user = models.ForeignKey(User, on_delete=models.CASCADE, related_name="medicamentos") + tipo = models.CharField(max_length=200, null=False, blank=False, default="1", choices=TIPO_MEDICAMENTO) + medicamento = models.CharField(max_length=200, null=False, blank=False, default="N/A") + frequencia = models.CharField(max_length=200, null=False, blank=False, default="n", choices=FREQUENCIA) + numero_frequencia = models.IntegerField(null=False, blank=False, default=0) + + def __str__(self): + return self.medicamento \ No newline at end of file diff --git a/inicial/signals.py b/inicial/signals.py index d38e1ee6..08e4ce08 100644 --- a/inicial/signals.py +++ b/inicial/signals.py @@ -2,6 +2,7 @@ from django.dispatch import receiver from django.db.models import Avg from django.contrib.auth.models import User +from django.utils import timezone from .models import * from datetime import timedelta @@ -12,7 +13,7 @@ def update_time(sender, instance, created, **kwargs): risco = instance.risco duracao = Avaliacao.objects.filter(hospital=hospital).filter(risco=risco).aggregate(Avg("duracao", default=timedelta(minutes=0))) minutos = round(duracao["duracao__avg"].seconds / 60) - + avaliacao = Avaliacao.objects.filter(hospital=hospital).aggregate(Avg("avaliacao", default=0)) nota = avaliacao["avaliacao__avg"] hospital.nota = nota @@ -32,10 +33,5 @@ def update_time(sender, instance, created, **kwargs): if risco == "NAO_URGENTE": hospital.tempo_nao_urgente = minutos + hospital.atualizacao = timezone.now() hospital.save() - -@receiver(post_save, sender=User) -def create_data(sender, instance, created, **kwargs): - if created: - dados = Dados(usuario=instance) - dados.save() \ No newline at end of file diff --git a/inicial/static/js/editardados.js b/inicial/static/js/editardados.js index c6f3e1c2..8e2a37ec 100644 --- a/inicial/static/js/editardados.js +++ b/inicial/static/js/editardados.js @@ -1,297 +1,297 @@ -var count1 = 0; -var count2 = 0; -var count3 = 0; -var count4 = 0; -var count5 = 0; -var count6 = 0; -var count7 = 0; -var count8 = 0; - -$(document).ready(function(){ - $("#sim1").click(function(){ - $("#answer1").addClass("on"); - }); - $("#sim2").click(function(){ - $("#answer2").addClass("on"); - }); - $("#nao1").click(function(){ - $("#answer1").removeClass("on"); - $('input[name="freq1"]').prop('checked', false).change(); - }); - $("#nao2").click(function(){ - $("#answer2").removeClass("on"); - $('input[name="freq2"]').prop('checked', false).change(); - }); - $("#sim3").click(function(){ - $("#outer_box_doenca_cronica").addClass("on"); - }); - $("#sim4").click(function(){ - $("#outer_box_sintoma").addClass("on"); - }); - $("#sim5").click(function(){ - $("#outer_box_diagnostico").addClass("on"); - }); - $("#sim6").click(function(){ - $("#outer_box_cirurgia").addClass("on"); - }); - $("#sim7").click(function(){ - $("#outer_box_internacao").addClass("on"); - }); - $("#sim8").click(function(){ - $("#outer_condicao_familiar").addClass("on"); - $(".condicao_familiar").addClass("on"); - }); - $("#sim9").click(function(){ - $("#outer_med_cp").addClass("on"); - }); - $("#sim10").click(function(){ - $("#outer_med_sp").addClass("on"); - }); - /*$(".add_condicao_familiar").click(function(){ - $(".condicao_familiar").addClass("on"); - });*/ - $("#nao3").click(function(){ - $("#outer_box_doenca_cronica").removeClass("on"); - }); - $("#nao4").click(function(){ - $("#outer_box_sintoma").removeClass("on"); - }); - $("#nao5").click(function(){ - $("#outer_box_diagnostico").removeClass("on"); - }); - $("#nao6").click(function(){ - $("#outer_box_cirurgia").removeClass("on"); - }); - $("#nao7").click(function(){ - $("#outer_box_internacao").removeClass("on"); - }); - $("#nao8").click(function(){ - $("#outer_condicao_familiar").removeClass("on"); - }); - $("#nao9").click(function(){ - $("#outer_med_cp").removeClass("on"); - $('input[name="freq3"]').prop('checked', false).change(); - }); - $("#nao10").click(function(){ - $("#outer_med_sp").removeClass("on"); - $('input[name="freq4"]').prop('checked', false).change(); - }); - - //Gerar novas divs com id's únicas. - $("body").on("click", ".add_doenca_cronica", function(){ - count1++; - var $address = $(this).parents('.inner_box_doenca_cronica'); - var nextHtml = $address.clone(); - nextHtml.prop('checked', false); - nextHtml.attr('id', 'doenca_cronica' + count1); - - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd1', nextHtml).append(rm); - $('.add_doenca_cronica', nextHtml).remove(); - } - else { - $('.add_doenca_cronica', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_box_doenca_cronica').remove(); - }); - - $("body").on("click", ".add_sintoma", function(){ - count2++; - var $address = $(this).parents('.inner_box_sintoma'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'sintoma' + count2); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd2', nextHtml).append(rm); - $('.add_sintoma', nextHtml).remove(); - } - else { - $('.add_sintoma', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_box_sintoma').remove(); - }); - - $("body").on("click", ".add_diagnostico", function(){ - count3++; - var $address = $(this).parents('.inner_box_diagnostico'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'diagnostico' + count3); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd3', nextHtml).append(rm); - $('.add_diagnostico', nextHtml).remove(); - } - else { - $('.add_diagnostico', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_box_diagnostico').remove(); - }); - - $("body").on("click", ".add_cirurgia", function(){ - count4++; - var $address = $(this).parents('.inner_box_cirurgia'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'cirurgia' + count4); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd4', nextHtml).append(rm); - $('.add_cirurgia', nextHtml).remove(); - } - else { - $('.add_cirurgia', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_box_cirurgia').remove(); - }); - - $("body").on("click", ".add_internacao", function(){ - count5++; - var $address = $(this).parents('.inner_box_internacao'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'internacao' + count5); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd5', nextHtml).append(rm); - $('.add_internacao', nextHtml).remove(); - } - else { - $('.add_internacao', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_box_internacao').remove(); - }); - - $("body").on("click", ".add_condicao_familiar", function(){ - count6++; - var $address = $(this).parents('.inner_condicao_familiar'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'condicao_familiar' + count6); - $('.1grau', nextHtml).attr('name', 'parentesco' + count6); - $('.2grau', nextHtml).attr('name', 'parentesco' + count6); - $('.3grau', nextHtml).attr('name', 'parentesco' + count6); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd6', nextHtml).append(rm); - $('.add_condicao_familiar', nextHtml).remove(); - } - else { - $('.add_condicao_familiar', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_condicao_familiar').remove(); - }); - - $("body").on("click", ".add_med_cp", function(){ - count7++; - var $address = $(this).parents('.inner_med_cp'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'med_cp' + count7); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd7', nextHtml).append(rm); - $('.add_med_cp', nextHtml).remove(); - } - else { - $('.add_med_cp', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_med_cp').remove(); - }); - - $("body").on("click", ".add_med_sp", function(){ - count8++; - var $address = $(this).parents('.inner_med_sp'); - var nextHtml = $address.clone(); - nextHtml.attr('id', 'med_sp' + count8); - var hasRmBtn = $('.rmbtn', nextHtml).length > 0; - if (!hasRmBtn){ - var rm = ""; - $('.addmoreadd8', nextHtml).append(rm); - $('.add_med_sp', nextHtml).remove(); - } - else { - $('.add_med_sp', nextHtml).remove(); - } - $address.after(nextHtml); - }); - $("body").on("click", ".rmbtn", function(){ - $(this).parents('.inner_med_sp').remove(); - }); - - $("#submit").click(function(){ - $("#submit2").show(); - }); - - - //Evitar que a página recarregue quando o usuário submeter o formulário; - /*$(document).on('submit', '#form', function() { - return false; - });*/ -}); - //Função JQuery para converter valores de inputs para objetos json. - $.fn.serializeObject = function(){ - var o = {}; - var a = this.serializeArray(); - $.each(a, function() { - if (o[this.name] !== undefined) { - if (!o[this.name].push) { - o[this.name] = [o[this.name]]; - } - o[this.name].push(this.value || ''); - } else { - o[this.name] = this.value || ''; - } - }); - return o; -}; - -$(function() { - $('#submit').click(function() { - $('#result').val() - $('#result').val(JSON.stringify($('form').serializeObject())); - return false; - }); -}); - -//Adicinar imagens para comprovar doenças crônicas. -// function previewFile() { -// var preview = document.querySelector('.show_doenca_cronica'); -// var file = document.querySelector('input[type=file]').files[0]; -// var reader = new FileReader(); - -// reader.onloadend = function () { - -// preview.src = reader.result; -// } - -// if (file) { -// reader.readAsDataURL(file); -// } else { -// preview.src = ""; -// } +var count1 = 0; +var count2 = 0; +var count3 = 0; +var count4 = 0; +var count5 = 0; +var count6 = 0; +var count7 = 0; +var count8 = 0; + +$(document).ready(function(){ + $("#sim1").click(function(){ + $("#answer1").addClass("on"); + }); + $("#sim2").click(function(){ + $("#answer2").addClass("on"); + }); + $("#nao1").click(function(){ + $("#answer1").removeClass("on"); + $('input[name="freq1"]').prop('checked', false).change(); + }); + $("#nao2").click(function(){ + $("#answer2").removeClass("on"); + $('input[name="freq2"]').prop('checked', false).change(); + }); + $("#sim3").click(function(){ + $("#outer_box_doenca_cronica").addClass("on"); + }); + $("#sim4").click(function(){ + $("#outer_box_sintoma").addClass("on"); + }); + $("#sim5").click(function(){ + $("#outer_box_diagnostico").addClass("on"); + }); + $("#sim6").click(function(){ + $("#outer_box_cirurgia").addClass("on"); + }); + $("#sim7").click(function(){ + $("#outer_box_internacao").addClass("on"); + }); + $("#sim8").click(function(){ + $("#outer_condicao_familiar").addClass("on"); + $(".condicao_familiar").addClass("on"); + }); + $("#sim9").click(function(){ + $("#outer_med_cp").addClass("on"); + }); + $("#sim10").click(function(){ + $("#outer_med_sp").addClass("on"); + }); + /*$(".add_condicao_familiar").click(function(){ + $(".condicao_familiar").addClass("on"); + });*/ + $("#nao3").click(function(){ + $("#outer_box_doenca_cronica").removeClass("on"); + }); + $("#nao4").click(function(){ + $("#outer_box_sintoma").removeClass("on"); + }); + $("#nao5").click(function(){ + $("#outer_box_diagnostico").removeClass("on"); + }); + $("#nao6").click(function(){ + $("#outer_box_cirurgia").removeClass("on"); + }); + $("#nao7").click(function(){ + $("#outer_box_internacao").removeClass("on"); + }); + $("#nao8").click(function(){ + $("#outer_condicao_familiar").removeClass("on"); + }); + $("#nao9").click(function(){ + $("#outer_med_cp").removeClass("on"); + $('input[name="freq3"]').prop('checked', false).change(); + }); + $("#nao10").click(function(){ + $("#outer_med_sp").removeClass("on"); + $('input[name="freq4"]').prop('checked', false).change(); + }); + + //Gerar novas divs com id's únicas. + $("body").on("click", ".add_doenca_cronica", function(){ + count1++; + var $address = $(this).parents('.inner_box_doenca_cronica'); + var nextHtml = $address.clone(); + nextHtml.prop('checked', false); + nextHtml.attr('id', 'doenca_cronica' + count1); + + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd1', nextHtml).append(rm); + $('.add_doenca_cronica', nextHtml).remove(); + } + else { + $('.add_doenca_cronica', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_box_doenca_cronica').remove(); + }); + + $("body").on("click", ".add_sintoma", function(){ + count2++; + var $address = $(this).parents('.inner_box_sintoma'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'sintoma' + count2); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd2', nextHtml).append(rm); + $('.add_sintoma', nextHtml).remove(); + } + else { + $('.add_sintoma', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_box_sintoma').remove(); + }); + + $("body").on("click", ".add_diagnostico", function(){ + count3++; + var $address = $(this).parents('.inner_box_diagnostico'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'diagnostico' + count3); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd3', nextHtml).append(rm); + $('.add_diagnostico', nextHtml).remove(); + } + else { + $('.add_diagnostico', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_box_diagnostico').remove(); + }); + + $("body").on("click", ".add_cirurgia", function(){ + count4++; + var $address = $(this).parents('.inner_box_cirurgia'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'cirurgia' + count4); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd4', nextHtml).append(rm); + $('.add_cirurgia', nextHtml).remove(); + } + else { + $('.add_cirurgia', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_box_cirurgia').remove(); + }); + + $("body").on("click", ".add_internacao", function(){ + count5++; + var $address = $(this).parents('.inner_box_internacao'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'internacao' + count5); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd5', nextHtml).append(rm); + $('.add_internacao', nextHtml).remove(); + } + else { + $('.add_internacao', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_box_internacao').remove(); + }); + + $("body").on("click", ".add_condicao_familiar", function(){ + count6++; + var $address = $(this).parents('.inner_condicao_familiar'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'condicao_familiar' + count6); + /*$('.1grau', nextHtml).attr('name', 'parentesco' + count6); + $('.2grau', nextHtml).attr('name', 'parentesco' + count6); + $('.3grau', nextHtml).attr('name', 'parentesco' + count6);*/ + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd6', nextHtml).append(rm); + $('.add_condicao_familiar', nextHtml).remove(); + } + else { + $('.add_condicao_familiar', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_condicao_familiar').remove(); + }); + + $("body").on("click", ".add_med_cp", function(){ + count7++; + var $address = $(this).parents('.inner_med_cp'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'med_cp' + count7); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd7', nextHtml).append(rm); + $('.add_med_cp', nextHtml).remove(); + } + else { + $('.add_med_cp', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_med_cp').remove(); + }); + + $("body").on("click", ".add_med_sp", function(){ + count8++; + var $address = $(this).parents('.inner_med_sp'); + var nextHtml = $address.clone(); + nextHtml.attr('id', 'med_sp' + count8); + var hasRmBtn = $('.rmbtn', nextHtml).length > 0; + if (!hasRmBtn){ + var rm = ""; + $('.addmoreadd8', nextHtml).append(rm); + $('.add_med_sp', nextHtml).remove(); + } + else { + $('.add_med_sp', nextHtml).remove(); + } + $address.after(nextHtml); + }); + $("body").on("click", ".rmbtn", function(){ + $(this).parents('.inner_med_sp').remove(); + }); + + $("#submit").click(function(){ + $("#submit2").show(); + }); + + + //Evitar que a página recarregue quando o usuário submeter o formulário; + /*$(document).on('submit', '#form', function() { + return false; + });*/ +}); + //Função JQuery para converter valores de inputs para objetos json. + $.fn.serializeObject = function(){ + var o = {}; + var a = this.serializeArray(); + $.each(a, function() { + if (o[this.name] !== undefined) { + if (!o[this.name].push) { + o[this.name] = [o[this.name]]; + } + o[this.name].push(this.value || ''); + } else { + o[this.name] = this.value || ''; + } + }); + return o; +}; + +$(function() { + $('#submit').click(function() { + $('#result').val() + $('#result').val(JSON.stringify($('form').serializeObject())); + return false; + }); +}); + +//Adicinar imagens para comprovar doenças crônicas. +// function previewFile() { +// var preview = document.querySelector('.show_doenca_cronica'); +// var file = document.querySelector('input[type=file]').files[0]; +// var reader = new FileReader(); + +// reader.onloadend = function () { + +// preview.src = reader.result; +// } + +// if (file) { +// reader.readAsDataURL(file); +// } else { +// preview.src = ""; +// } // } \ No newline at end of file diff --git a/inicial/static/js/index.js b/inicial/static/js/index.js index f294ec6d..0df6eee1 100644 --- a/inicial/static/js/index.js +++ b/inicial/static/js/index.js @@ -1,59 +1,193 @@ - -//Evento de digitação no campo de pesquisa?? -document.getElemenyById('input-pesquisa').addEventListener('input',function(){ - const query=this.value.trim(); - //Verifi"cando se a consulta não está vazia - if(query!== ''){ - //Envia solicitação AJAX para o servidor para obter sugestões *?? - //SUBSTITUIR ESSA PARTE COM SUA LÓGICA REAL DE OBTENÇÃO DE SUGESTÕES DO SERVIDOR - const suggestions = getSuggestionsFromServer(query); - //Atualizar as sugestões no DOM *?? - displaySuggestions(suggestions); - } - else{ - //Se o campo de pesquisa estiver vazio, limpe as sugestões - clearSuggestions(); - } -}); -function getSuggestionsFromServer(query){ - //SIMULANDO UMA SOLICITAÇÃO AO SERVIDOR PARA OBTER SUGESTÕES - //SUBSTITUIR ISSO COM SUA LÓGICA DE BUSCA REAL - const suggestions=[ - 'Hospital Regional do Gama', - 'Hospital Regional de Santa Maria', - 'Hospital Regional de Planaltina' - ]; - return suggestions; -} -function displaySuggestions(suggestions){ - const sugestoesContainer=document.getElementById('sugestoes-container'); - sugestoesContainer.innerHTML='';//*?? - suggestions.forEach(function(suggestion){ - const suggestionElement=document.createElement('div'); - suggestionElement.textContent=suggestion; - suggestionsContainer.appendChild(suggestionElement); - }); -} -function clearSuggestions(){ - const suggestionsContainer = document.getElementById('sugestoes-container'); - suggestionsContainer.innerHTML=''; -} - - -//OWL CAROUSEL--> - -$('.loop').owlCarousel({ -center: true, -items:2, -loop:true, -margin:10, -responsive:{ -600:{ -items:4 -} -} -}); -//INICIANDO -$(document).ready(function(){ - $(".owl-carousel").owlCarousel(); -}); \ No newline at end of file +//Evento de digitação no campo de pesquisa?? +// document.getElemenyById('input-pesquisa').addEventListener('input',function(){ +// const query=this.value.trim(); +// //Verifi"cando se a consulta não está vazia +// if(query!== ''){ +// //Envia solicitação AJAX para o servidor para obter sugestões *?? +// //SUBSTITUIR ESSA PARTE COM SUA LÓGICA REAL DE OBTENÇÃO DE SUGESTÕES DO SERVIDOR +// const suggestions = getSuggestionsFromServer(query); +// //Atualizar as sugestões no DOM *?? +// displaySuggestions(suggestions); +// } +// else{ +// //Se o campo de pesquisa estiver vazio, limpe as sugestões +// clearSuggestions(); +// } +// }); +// function getSuggestionsFromServer(query){ +// //SIMULANDO UMA SOLICITAÇÃO AO SERVIDOR PARA OBTER SUGESTÕES +// //SUBSTITUIR ISSO COM SUA LÓGICA DE BUSCA REAL +// const suggestions=[ +// 'Hospital Regional do Gama', +// 'Hospital Regional de Santa Maria', +// 'Hospital Regional de Planaltina' +// ]; +// return suggestions; +// } +// function displaySuggestions(suggestions){ +// const sugestoesContainer=document.getElementById('sugestoes-container'); +// sugestoesContainer.innerHTML='';//*?? +// suggestions.forEach(function(suggestion){ +// const suggestionElement=document.createElement('div'); +// suggestionElement.textContent=suggestion; +// suggestionsContainer.appendChild(suggestionElement); +// }); +// } +// function clearSuggestions(){ +// const suggestionsContainer = document.getElementById('sugestoes-container'); +// suggestionsContainer.innerHTML=''; +// } +$(document).ready(function(){ + var interval = window.setInterval(rotateSlides, 6000) + + function rotateSlides() { + var $firstSlide1 = $('#lista_hospitais').find('.slide:first'); + var width1 = $firstSlide1.width(); + + $firstSlide1.animate({marginLeft: -width1}, 1000, function(){ + var $lastSlide1 = $("#lista_hospitais").find(".slide:last"); + $lastSlide1.after($firstSlide1); + $firstSlide1.css({marginLeft: 20}) + }) + + var $firstSlide2 = $('#lista_news').find('.slide_news:first'); + var width2 = $firstSlide2.width(); + + $firstSlide2.animate({marginLeft: -width2}, 1000, function(){ + var $lastSlide2 = $("#lista_news").find(".slide_news:last"); + $lastSlide2.after($firstSlide2); + $firstSlide2.css({marginLeft: 20}) + }) + } + $('#arrow_left1').click(previousSlide1); + $('#arrow_right1').click(nextSlide1); + // $('.slide').click(nextSlide1); + + + function nextSlide1(){ + window.clearInterval(interval); + var $currentSlide1 = $('#lista_hospitais').find('.slide:first'); + var width1 = $currentSlide1.width(); + $currentSlide1.animate({marginLeft: -width1}, 1000, function(){ + var $lastSlide1 = $('#lista_hospitais').find('.slide:last') + $lastSlide1.after($currentSlide1); + $currentSlide1.css({marginLeft: 20}) + interval = window.setInterval(rotateSlides, 6000); + }); + } + + function previousSlide1(){ + window.clearInterval(interval); + var $currentSlide1 = $("#lista_hospitais").find('.slide:first'); + var width1 = $currentSlide1.width(); + var $previousSlide1 = $('#lista_hospitais').find('.slide:last') + $previousSlide1.css({marginLeft: -width1}) + $currentSlide1.before($previousSlide1); + $previousSlide1.animate({marginLeft: 20}, 1000, function(){ + interval = window.setInterval(rotateSlides, 3000); + }); + } + + $('#arrow_left2').click(previousSlide2); + $('#arrow_right2').click(nextSlide2); + // $('.slide_news').click(nextSlide2); + + function nextSlide2(){ + window.clearInterval(interval); + var $currentSlide2 = $('#lista_news').find('.slide_news:first'); + var width2 = $currentSlide2.width(); + $currentSlide2.animate({marginLeft: -width2}, 1000, function(){ + var $lastSlide2 = $('#lista_news').find('.slide_news:last') + $lastSlide2.after($currentSlide2); + $currentSlide2.css({marginLeft: 20}) + interval = window.setInterval(rotateSlides, 3000); + }); + } + + function previousSlide2(){ + window.clearInterval(interval); + var $currentSlide2 = $("#lista_news").find('.slide_news:first'); + var width2 = $currentSlide2.width(); + var $previousSlide2 = $('#lista_news').find('.slide_news:last') + $previousSlide2.css({marginLeft: -width2}) + $currentSlide2.before($previousSlide2); + $previousSlide2.animate({marginLeft: 20}, 1000, function(){ + interval = window.setInterval(rotateSlides, 3000); + }); + } + + // $("#menu_icon").click(function(){ + // $("#menuList").toggle(); + // }) +}); + +var menuList = document.getElementById("menuList"); + +function togglemenu() { + if(menuList.style.display == "none") + { + menuList.style.display = "flex"; + menuList.style.maxHeight = "190px"; + } + else + { + menuList.style.display = "none"; + + } +} + + + + + + + + +// var swiper = new Swiper(".mySwiper", { +// slidesPerView: 3, +// spaceBetween: 25, +// // slidesPerGroup: 3, +// loop: true, +// // loopFillGroupWithBlank: true, +// centerSlide: 'true', +// fade: 'true', +// grabCursor: 'true', +// pagination: { +// el: ".swiper-pagination", +// clickable: true, +// }, +// navigation: { +// nextEl: ".swiper-button-next", +// prevEl: ".swiper-button-prev", +// }, + +// breakpoints:{ +// 0: { +// slidesPerView: 1, +// }, +// 520: { +// slidesPerView: 2, +// }, +// 950: { +// slidesPerView: 2, +// }, +// }, +// }); + +//OWL CAROUSEL--> + +// $('.loop').owlCarousel({ +// center: true, +// items:2, +// loop:true, +// margin:10, +// responsive:{ +// 600:{ +// items:4 +// } +// } +// }); +// //INICIANDO +// $(document).ready(function(){ +// $(".owl-carousel").owlCarousel(); +// }); \ No newline at end of file diff --git a/inicial/static/js/login_popup.js b/inicial/static/js/login_popup.js index 2d741259..9f698232 100644 --- a/inicial/static/js/login_popup.js +++ b/inicial/static/js/login_popup.js @@ -1,23 +1,47 @@ $(document).ready(function(){ - $(".login_box2").click(function(){ + $(".login_box2").click(function(event){ $(".modal_box_login").removeClass("hidden"); + event.stopPropagation(); }); - $(".voltar2").click(function(){ + $(".voltar2").click(function(event){ $(".modal_box_login").addClass("hidden"); + event.stopPropagation(); }); - $(".link_esqueciSenha").click(function(){ + $(".link_esqueciSenha").click(function(event){ $(".modal_login").addClass("hidden"); $(".modal_esqueciSenha").removeClass("hidden"); + event.stopPropagation(); }); - $(".voltar3").click(function(){ + $(".voltar3").click(function(event){ $(".modal_esqueciSenha").addClass("hidden"); $(".modal_login").removeClass("hidden"); + event.stopPropagation(); }); - $(".message").click(function(){ + $(".message").click(function(event){ $(".message").hide(); + event.stopPropagation(); }); + + $(".modal_login").click(function(event){ + event.stopPropagation(); + }); + + $(".modal_esqueciSenha").click(function(event){ + event.stopPropagation(); + }); + + $(".modal_box_login").click(function(){ + $(".modal_box_login").addClass("hidden") + $(".modal_esqueciSenha").addClass("hidden"); + $(".modal_login").removeClass("hidden"); + }); + + if ($(".login").length >= 1) { + $(".modal_box_login").removeClass("hidden"); + } + }); \ No newline at end of file diff --git a/inicial/static/js/script_duvidas_frequentes.js b/inicial/static/js/script_duvidas_frequentes.js index 1c217ab6..af1b474c 100644 --- a/inicial/static/js/script_duvidas_frequentes.js +++ b/inicial/static/js/script_duvidas_frequentes.js @@ -1,154 +1,154 @@ -//É preciso resumir. -$(document).ready(function(){ - $("#btnPesquisar").click(function(){ - $("#top-bar1").toggle("fast"); - $("#top-bar2").hide("fast"); - $("#top-bar3").hide("fast"); - $("#fechar_aba").show("fast"); - // $("#numbers_aside").toggleClass("top-bar_on", flip++ % 2 === 0); - // $("#navigation_aside").toggleClass("top-bar_on"); - // if ($("#top-bar1").css('display') == 'none'){ - // $("#numbers_aside").addClass('top_bar_off'); - // $("#navigation_aside").addClass("top_bar_off"); - // } - }); - if ($("#top-bar1").css('display') == 'none') { - $("#numbers_aside").css({ - "position": "fixed", - "top": "100px" - }); - $("#navigation_aside").css({ - "position": "fixed", - "top": "100px" - }); -} - $("#locais_de_atendimento").click(function(){ - $("#top-bar2").toggle("fast"); - $("#top-bar1").hide(); - $("#top-bar3").hide(); - $("#fechar_aba").show("fast"); - }); - $("#outras_duvidas").click(function(){ - $("#top-bar3").toggle("fast"); - $("#top-bar1").hide(); - $("#top-bar2").hide(); - $("#fechar_aba").show("fast"); - }); - $("#fechar_aba").click(function(){ - $("#top-bar1").hide(); - $("#top-bar2").hide(); - $("#top-bar3").hide(); - }); - $(".voltar").click(function(){ - $("#top-bar1").show(); - $("#top-bar2").hide(); - $("#top-bar3").hide(); - }); - $(".login_box").click(function(){ - $("#top-bar1").hide(); - $("#top-bar2").hide(); - $("#top-bar3").hide(); - }); - $("#topic1").click(function(){ - $("#c1 .question1").toggle(); - $("#c1 .question2").toggle(); - $("#c1 .answer1").hide(); - $("#c1 .answer2").hide(); - }); - $("#c1 .question1").click(function(){ - $("#c1 .question1").addClass("on"); - $("#c1 .answer1").toggle(); - }); - $("#c1 .question2").click(function(){ - $("#c1 .question2").addClass("on"); - $("#c1 .answer2").toggle(); - }); - $("#topic2").click(function(){ - $("#c2 .question1").toggle(); - $("#c2 .question2").toggle(); - $("#c2 .answer1").hide(); - $("#c2 .answer2").hide(); - }); - $("#c2 .question1").click(function(){ - $("#c2 .question1").addClass("on"); - $("#c2 .answer1").toggle(); - }); - $("#c2 .question2").click(function(){ - $("#c2 .question2").addClass("on"); - $("#c2 .answer2").toggle(); - }); - $("#topic3").click(function(){ - $("#c3 .question1").toggle(); - $("#c3 .question2").toggle(); - $("#c3 .answer1").hide(); - $("#c3 .answer2").hide(); - }); - $("#c3 .question1").click(function(){ - $("#c3 .question1").addClass("on"); - $("#c3 .answer1").toggle(); - }); - $("#c3 .question2").click(function(){ - $("#c3 .question2").addClass("on"); - $("#c3 .answer2").toggle(); - }); - $("#topic4").click(function(){ - $("#c4 .question1").toggle(); - $("#c4 .question2").toggle(); - $("#c4 .answer1").hide(); - $("#c4 .answer2").hide(); - }); - $("#c4 .question1").click(function(){ - $("#c4 .question1").addClass("on"); - $("#c4 .answer1").toggle(); - }); - $("#c4 .question2").click(function(){ - $("#c4 .question2").addClass("on"); - $("#c4 .answer2").toggle(); - }); - $("#topic5").click(function(){ - $("#c5 .question1").toggle(); - $("#c5 .question2").toggle(); - $("#c5 .answer1").hide(); - $("#c5 .answer2").hide(); - }); - $("#c5 .question1").click(function(){ - $("#c5 .question1").addClass("on"); - $("#c5 .answer1").toggle(); - }); - $("#c5 .question2").click(function(){ - $("#c5 .question2").addClass("on"); - $("#c5 .answer2").toggle(); - }); -}); -if ($("#top-bar3").css('visibility') == 'hidden') { - $("#numbers_aside").css({ - position: "fixed", - top: "100px" - }); - $("#navigation_aside").css({ - position: "fixed", - top: "100px" - }); -} -else{ - $("#numbers_aside").css({ - "position": "fixed", - "top": "130px" - }); - $("#navigation_aside").css({ - "position": "fixed", - "top": "130px" - }); -} -$(window).scroll(function() { - if($(this).scrollTop() > 1){ - $("#top-bar1").addClass("fixed"); - $("#top-bar2").addClass("fixed"); - $("#top-bar3").addClass("fixed"); - } - else{ - $("#top-bar1").removeClass("fixed"); - $("#top-bar2").removeClass("fixed"); - $("#top-bar3").removeClass("fixed"); - } +//É preciso resumir. +$(document).ready(function(){ + $("#btnPesquisar").click(function(){ + $("#top-bar1").toggle("fast"); + $("#top-bar2").hide("fast"); + $("#top-bar3").hide("fast"); + $("#fechar_aba").show("fast"); + // $("#numbers_aside").toggleClass("top-bar_on", flip++ % 2 === 0); + // $("#navigation_aside").toggleClass("top-bar_on"); + // if ($("#top-bar1").css('display') == 'none'){ + // $("#numbers_aside").addClass('top_bar_off'); + // $("#navigation_aside").addClass("top_bar_off"); + // } + }); + if ($("#top-bar1").css('display') == 'none') { + $("#numbers_aside").css({ + "position": "fixed", + "top": "100px" + }); + $("#navigation_aside").css({ + "position": "fixed", + "top": "100px" + }); +} + $("#locais_de_atendimento").click(function(){ + $("#top-bar2").toggle("fast"); + $("#top-bar1").hide(); + $("#top-bar3").hide(); + $("#fechar_aba").show("fast"); + }); + $("#outras_duvidas").click(function(){ + $("#top-bar3").toggle("fast"); + $("#top-bar1").hide(); + $("#top-bar2").hide(); + $("#fechar_aba").show("fast"); + }); + $("#fechar_aba").click(function(){ + $("#top-bar1").hide(); + $("#top-bar2").hide(); + $("#top-bar3").hide(); + }); + $(".voltar").click(function(){ + $("#top-bar1").show(); + $("#top-bar2").hide(); + $("#top-bar3").hide(); + }); + $(".login_box").click(function(){ + $("#top-bar1").hide(); + $("#top-bar2").hide(); + $("#top-bar3").hide(); + }); + $("#topic1").click(function(){ + $("#c1 .question1").toggle(); + $("#c1 .question2").toggle(); + $("#c1 .answer1").hide(); + $("#c1 .answer2").hide(); + }); + $("#c1 .question1").click(function(){ + $("#c1 .question1").addClass("on"); + $("#c1 .answer1").toggle(); + }); + $("#c1 .question2").click(function(){ + $("#c1 .question2").addClass("on"); + $("#c1 .answer2").toggle(); + }); + $("#topic2").click(function(){ + $("#c2 .question1").toggle(); + $("#c2 .question2").toggle(); + $("#c2 .answer1").hide(); + $("#c2 .answer2").hide(); + }); + $("#c2 .question1").click(function(){ + $("#c2 .question1").addClass("on"); + $("#c2 .answer1").toggle(); + }); + $("#c2 .question2").click(function(){ + $("#c2 .question2").addClass("on"); + $("#c2 .answer2").toggle(); + }); + $("#topic3").click(function(){ + $("#c3 .question1").toggle(); + $("#c3 .question2").toggle(); + $("#c3 .answer1").hide(); + $("#c3 .answer2").hide(); + }); + $("#c3 .question1").click(function(){ + $("#c3 .question1").addClass("on"); + $("#c3 .answer1").toggle(); + }); + $("#c3 .question2").click(function(){ + $("#c3 .question2").addClass("on"); + $("#c3 .answer2").toggle(); + }); + $("#topic4").click(function(){ + $("#c4 .question1").toggle(); + $("#c4 .question2").toggle(); + $("#c4 .answer1").hide(); + $("#c4 .answer2").hide(); + }); + $("#c4 .question1").click(function(){ + $("#c4 .question1").addClass("on"); + $("#c4 .answer1").toggle(); + }); + $("#c4 .question2").click(function(){ + $("#c4 .question2").addClass("on"); + $("#c4 .answer2").toggle(); + }); + $("#topic5").click(function(){ + $("#c5 .question1").toggle(); + $("#c5 .question2").toggle(); + $("#c5 .answer1").hide(); + $("#c5 .answer2").hide(); + }); + $("#c5 .question1").click(function(){ + $("#c5 .question1").addClass("on"); + $("#c5 .answer1").toggle(); + }); + $("#c5 .question2").click(function(){ + $("#c5 .question2").addClass("on"); + $("#c5 .answer2").toggle(); + }); +}); +if ($("#top-bar3").css('visibility') == 'hidden') { + $("#numbers_aside").css({ + position: "fixed", + top: "100px" + }); + $("#navigation_aside").css({ + position: "fixed", + top: "100px" + }); +} +else{ + $("#numbers_aside").css({ + "position": "fixed", + "top": "130px" + }); + $("#navigation_aside").css({ + "position": "fixed", + "top": "130px" + }); +} +$(window).scroll(function() { + if($(this).scrollTop() > 1){ + $("#top-bar1").addClass("fixed"); + $("#top-bar2").addClass("fixed"); + $("#top-bar3").addClass("fixed"); + } + else{ + $("#top-bar1").removeClass("fixed"); + $("#top-bar2").removeClass("fixed"); + $("#top-bar3").removeClass("fixed"); + } }); \ No newline at end of file diff --git a/inicial/static/js/select.js b/inicial/static/js/select.js index b160afef..4f464444 100644 --- a/inicial/static/js/select.js +++ b/inicial/static/js/select.js @@ -1,7 +1,7 @@ $(document).ready(function(){ $.fn.select2.defaults.set("allowClear", "true"); - $(".select-uf").select2({ + /*$(".select-uf").select2({ placeholder: 'UF', }); @@ -11,7 +11,7 @@ $(document).ready(function(){ $(".select-especialidade").select2({ placeholder: 'Especialidade', - }); + });*/ $(".select-categoria").select2({ placeholder: 'Categoria', diff --git a/inicial/static/styles/ConfirmaEmail.css b/inicial/static/styles/ConfirmaEmail.css index 01975f7f..917bd32f 100644 --- a/inicial/static/styles/ConfirmaEmail.css +++ b/inicial/static/styles/ConfirmaEmail.css @@ -1,90 +1,90 @@ -@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -:root{ - --clr:#1D7FF1; - --clr2: #002653; - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -body{ - background-color: rgba(0, 0, 0, 0.285); - font-family: var(--fonte-padrao); -} -.modal_box_notification{ - position: fixed; - place-content: center; - width: 100vw; - height: 100vh; - display: grid; -} -.modal_notification{ -background-color: white; -padding: 10px 20px; -border-radius: 10px; -width: 400px; -height: 320px; -} -#modal_title{ - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - text-align: center; - font-size: 20px; - /* font-family: Josefin Sans; */ - margin-top: 0px; -} -#modal_title > h1{ - font-size: 20px; - margin-left: 40px; - /* margin: auto; */ -} -.modal_phrase{ - align-items: center; - /* font-family: Josefin Sans; */ - margin-top: 0px; - padding: 20px; - position: relative; - top: 10px; -} -.modal_button{ - display: flex; - align-items: center; - justify-content: center; - position: relative; - top: 20px; - margin-top: 20px; - margin-left:20px; - font-size: 17px; - /* font-family: Josefin Sans; */ - font-family: var(--fonte-padrao); - background-color: var(--clr); - /* padding: 0px; */ - width: 320px; - height: 35px; - border-radius: 5px; - color: white; - border: none; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.modal_button:hover{ - background-color: #002653; -} -.modal_icon_back{ - width: 20px; -} -.voltar{ - background-color: transparent; - border: none; - padding: 0 5px; - margin: 10px 10px; -} -.voltar:hover{ - cursor: pointer; +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +:root{ + --clr:#1D7FF1; + --clr2: #002653; + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +body{ + background-color: rgba(0, 0, 0, 0.285); + font-family: var(--fonte-padrao); +} +.modal_box_notification{ + position: fixed; + place-content: center; + width: 100vw; + height: 100vh; + display: grid; +} +.modal_notification{ +background-color: white; +padding: 10px 20px; +border-radius: 10px; +width: 400px; +height: 320px; +} +#modal_title{ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + text-align: center; + font-size: 20px; + /* font-family: Josefin Sans; */ + margin-top: 0px; +} +#modal_title > h1{ + font-size: 20px; + margin-left: 40px; + /* margin: auto; */ +} +.modal_phrase{ + align-items: center; + /* font-family: Josefin Sans; */ + margin-top: 0px; + padding: 20px; + position: relative; + top: 10px; +} +.modal_button{ + display: flex; + align-items: center; + justify-content: center; + position: relative; + top: 20px; + margin-top: 20px; + margin-left:20px; + font-size: 17px; + /* font-family: Josefin Sans; */ + font-family: var(--fonte-padrao); + background-color: var(--clr); + /* padding: 0px; */ + width: 320px; + height: 35px; + border-radius: 5px; + color: white; + border: none; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.modal_button:hover{ + background-color: #002653; +} +.modal_icon_back{ + width: 20px; +} +.voltar{ + background-color: transparent; + border: none; + padding: 0 5px; + margin: 10px 10px; +} +.voltar:hover{ + cursor: pointer; } \ No newline at end of file diff --git a/inicial/static/styles/FazerLogin.css b/inicial/static/styles/FazerLogin.css index cb3bdd11..8ea86bf7 100644 --- a/inicial/static/styles/FazerLogin.css +++ b/inicial/static/styles/FazerLogin.css @@ -1,255 +1,255 @@ -@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} - -:root{ - --clr:#1D7FF1; - --clr2: #002653; - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} - -.titule{ - display: inline-block; - font-size: 20px; - position: relative; - left: -12px; - /* font-family: Josefin Sans; */ - top: -4px; -} -.modal_box_login{ - position: fixed; - place-content: center; - width: 100%; - height: 100%; - display: grid; - z-index: 3; - background-color: rgba(0,0,0,0.5); -} -.hidden{ - display: none; -} -.modal_login{ - background-color: white; - padding: 30px; - border-radius: 10px; - width: 450px; - height: 480px; -} -.CriarConta{ - color: var(--clr); - text-align: end; - /* font-family: Josefin Sans; */ - margin-right: 10px; -} -.CriarConta:hover{ - text-decoration: underline; -} -.email_login{ - width: 370px; - height: 40px; - margin: 10px; - border-radius: 5px; - text-indent: 10px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - border: 1px solid; -} -.email_login:hover{ - box-shadow: none; -} -.password_login{ - width: 370px; - height: 40px; - margin: 10px; - border-radius: 5px; - text-indent: 10px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - border: 1px solid; -} -.password_login:hover{ - box-shadow: none; -} -.link_esqueciSenha{ - text-align: end; - color: black; - /* font-family: Josefin Sans; */ - margin-right: 10px; -} -.link_esqueciSenha:hover{ - text-decoration: underline; - cursor: pointer; -} -#button_login{ - background-color: #1D7FF1; - color: white; - border: none; - padding: 10px; - border-radius: 5px; - display: block; - width: 370px; - height: 40px; - margin: 10px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -#button_login:hover{ - background-color:var(--clr2) ; - box-shadow: none; - cursor: pointer; -} -.login_google{ - margin: 10px; - padding: 10px; - color: #F14336; - border-color: #F14336; - border-radius: 5px; - width: 370px; - height: 40px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.login_google:hover{ - box-shadow: none; - color: #822b25; - border-color:#822b25; - cursor: pointer; -} -.login_facebook{ - display: block; - padding: 10px; - color: var(--clr); - border-color: var(--clr); - margin-left: 10px; - border-radius: 5px; - width: 370px; - height: 40px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.login_facebook:hover{ - color: #002653; - border-color: #002653; - background-color: #ededed; - box-shadow: none; - cursor: pointer; -} -.voltar2{ - background-color: transparent; - border: none; - padding: 0 5px; - margin: 0px 10px; -} -.voltar2:hover{ - cursor: pointer; -} -.voltar3{ - background-color: transparent; - border: none; - padding: 0 5px; - margin: 0px 10px; -} -.voltar3:hover{ - cursor: pointer; -} -.modal_box_esqueciSenha{ - position: fixed; - place-content: center; - width: 100vw; - height: 100vh; - display: grid; -} -.modal_esqueciSenha{ -background-color: white; -padding: 20px; -border-radius: 10px; -width: 400px; -height: 320px; -} -#modal_title{ - text-align: center; - font-size: 20px; - /* font-family: Josefin Sans; */ - /* margin-top: 20px; */ - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - text-align: center; - font-size: 20px; - /* font-family: Josefin Sans; */ - margin-top: 0px; -} -#modal_title > h1{ - font-size: 20px; - margin-left: 20px; - /* margin: auto; */ -} -.modal_phrase{ - text-align: justify; - align-items: center; - /* font-family: Josefin Sans; */ - margin-top: 10px; - padding: 20px; -} -.modal_esqueciSenha .modal_email{ - display: block; - border-radius: 5px; - width: 320px; - height: 35px; - margin-top: 10px; - text-indent: 10px; - border: 1px solid #252525; - margin-left:20px; -} -.modal_button{ - margin-top: 35px; - margin-left:20px; - /* font-family: Josefin Sans; */ - font-family: var(--fonte-padrao); - font-size: 17px; - background-color: var(--clr); - /* padding: 0px; */ - width: 320px; - height: 35px; - border-radius: 5px; - color: white; - border: none; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.modal_button:hover{ - background-color: var(--clr2); - box-shadow: none; - cursor: pointer; -} -.message{ - width: 350px; - height: 50px; - position: fixed; - bottom: 10px; - right: 10px; - z-index: 3; - place-content: center; - display: grid; - border: 2px solid; - border-radius: 15px; - padding: 10px; -} -.message.success{ - background-color: rgba(50, 205, 50, 0.500); -} -.message.error{ - background-color: rgba(255, 0, 0, 0.500); -} -.active, .message:hover { - border: 2px solid lightgray; - cursor: pointer; - z-index: 10; +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +:root{ + --clr:#1D7FF1; + --clr2: #002653; + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} + +.titule{ + display: inline-block; + font-size: 20px; + position: relative; + left: -12px; + /* font-family: Josefin Sans; */ + top: -4px; +} +.modal_box_login{ + position: fixed; + place-content: center; + width: 100%; + height: 100%; + display: grid; + z-index: 3; + background-color: rgba(0,0,0,0.5); +} +.hidden{ + display: none; +} +.modal_login{ + background-color: white; + padding: 30px; + border-radius: 10px; + width: 450px; + height: 300px; +} +.CriarConta{ + color: var(--clr); + text-align: end; + /* font-family: Josefin Sans; */ + margin-right: 10px; +} +.CriarConta:hover{ + text-decoration: underline; +} +.email_login{ + width: 370px; + height: 40px; + margin: 10px; + border-radius: 5px; + text-indent: 10px; + /* font-family: Josefin Sans; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + border: 1px solid; +} +.email_login:hover{ + box-shadow: none; +} +.password_login{ + width: 370px; + height: 40px; + margin: 10px; + border-radius: 5px; + text-indent: 10px; + /* font-family: Josefin Sans; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + border: 1px solid; +} +.password_login:hover{ + box-shadow: none; +} +.link_esqueciSenha{ + text-align: end; + color: black; + /* font-family: Josefin Sans; */ + margin-right: 10px; +} +.link_esqueciSenha:hover{ + text-decoration: underline; + cursor: pointer; +} +#button_login{ + background-color: #1D7FF1; + color: white; + border: none; + padding: 10px; + border-radius: 5px; + display: block; + width: 370px; + height: 40px; + margin: 10px; + /* font-family: Josefin Sans; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +#button_login:hover{ + background-color:var(--clr2) ; + box-shadow: none; + cursor: pointer; +} +.login_google{ + margin: 10px; + padding: 10px; + color: #F14336; + border-color: #F14336; + border-radius: 5px; + width: 370px; + height: 40px; + /* font-family: Josefin Sans; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.login_google:hover{ + box-shadow: none; + color: #822b25; + border-color:#822b25; + cursor: pointer; +} +.login_facebook{ + display: block; + padding: 10px; + color: var(--clr); + border-color: var(--clr); + margin-left: 10px; + border-radius: 5px; + width: 370px; + height: 40px; + /* font-family: Josefin Sans; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.login_facebook:hover{ + color: #002653; + border-color: #002653; + background-color: #ededed; + box-shadow: none; + cursor: pointer; +} +.voltar2{ + background-color: transparent; + border: none; + padding: 0 5px; + margin: 0px 10px; +} +.voltar2:hover{ + cursor: pointer; +} +.voltar3{ + background-color: transparent; + border: none; + padding: 0 5px; + margin: 0px 10px; +} +.voltar3:hover{ + cursor: pointer; +} +.modal_box_esqueciSenha{ + position: fixed; + place-content: center; + width: 100vw; + height: 100vh; + display: grid; +} +.modal_esqueciSenha{ +background-color: white; +padding: 20px; +border-radius: 10px; +width: 400px; +height: 320px; +} +#modal_title{ + text-align: center; + font-size: 20px; + /* font-family: Josefin Sans; */ + /* margin-top: 20px; */ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + text-align: center; + font-size: 20px; + /* font-family: Josefin Sans; */ + margin-top: 0px; +} +#modal_title > h1{ + font-size: 20px; + margin-left: 20px; + /* margin: auto; */ +} +.modal_phrase{ + text-align: justify; + align-items: center; + /* font-family: Josefin Sans; */ + margin-top: 10px; + padding: 20px; +} +.modal_esqueciSenha .modal_email{ + display: block; + border-radius: 5px; + width: 320px; + height: 35px; + margin-top: 10px; + text-indent: 10px; + border: 1px solid #252525; + margin-left:20px; +} +.modal_button{ + margin-top: 35px; + margin-left:20px; + /* font-family: Josefin Sans; */ + font-family: var(--fonte-padrao); + font-size: 17px; + background-color: var(--clr); + /* padding: 0px; */ + width: 320px; + height: 35px; + border-radius: 5px; + color: white; + border: none; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.modal_button:hover{ + background-color: var(--clr2); + box-shadow: none; + cursor: pointer; +} +.message{ + width: 350px; + height: 50px; + position: fixed; + bottom: 10px; + right: 10px; + z-index: 4; + place-content: center; + display: grid; + border: 2px solid; + border-radius: 15px; + padding: 10px; +} +.message.success{ + background-color: rgba(50, 205, 50, 0.500); +} +.message.error{ + background-color: rgba(255, 0, 0, 0.500); +} +.active, .message:hover { + border: 2px solid lightgray; + cursor: pointer; + z-index: 10; } \ No newline at end of file diff --git a/inicial/static/styles/PreTriagem.css b/inicial/static/styles/PreTriagem.css index 2d2175e5..32324cf4 100644 --- a/inicial/static/styles/PreTriagem.css +++ b/inicial/static/styles/PreTriagem.css @@ -1,74 +1,74 @@ -:root{ - --clrblue: #1D7ff1; - --clrtriagem: #383838; -} - -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} - -.container_pre-triagem{ - padding: 30px 40px 30px 40px; - display: flex; -} - -.div1, .div2{ - background-color: #f0f0f0; - border-radius: 10px; - padding: 20px; -} - -.div1{ - border: 1px solid var(--clrtriagem); - margin-right: 50px; -} - -.div2{ - border: 1px solid var(--clrtriagem); -} - -.pergunta_idade{ - margin-top: 10px; - margin-bottom: 10px; - width: 400px; - font-size: 20px; - text-align: justify; - color: black; -} -.titule_pre-triagem{ - color: var(--clrtriagem); - font-size: 25px; - text-transform: uppercase; - margin-bottom: 30px; -} - -.phrase_pre-triagem{ - color: #757272; - font-family: 'Josefin Sans', sans-serif; - text-align: justify; - font-size: 17px; - margin-bottom: 20px; -} -.btn_preTriagem{ - margin-left: 320px; - display: inline; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - background-color: var(--clrblue); - border: none; - color: white; - border-radius: 5px; - padding: 10px; -} -.checkbox_pre-triagem_1{ - display: inline; margin-top: 10px; margin-bottom: 8px; -} -.checkbox_pre-triagem_1{ - cursor: pointer; -} -.btn_preTriagem:hover{ - background-color: #023D83; - box-shadow: none; - cursor: pointer; -} +:root{ + --clrblue: #1D7ff1; + --clrtriagem: #383838; +} + +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} + +.container_pre-triagem{ + padding: 30px 40px 30px 40px; + display: flex; +} + +.div1, .div2{ + background-color: #f0f0f0; + border-radius: 10px; + padding: 20px; +} + +.div1{ + border: 1px solid var(--clrtriagem); + margin-right: 50px; +} + +.div2{ + border: 1px solid var(--clrtriagem); +} + +.pergunta_idade{ + margin-top: 10px; + margin-bottom: 10px; + width: 400px; + font-size: 20px; + text-align: justify; + color: black; +} +.titule_pre-triagem{ + color: var(--clrtriagem); + font-size: 25px; + text-transform: uppercase; + margin-bottom: 30px; +} + +.phrase_pre-triagem{ + color: #757272; + font-family: 'Josefin Sans', sans-serif; + text-align: justify; + font-size: 17px; + margin-bottom: 20px; +} +.btn_preTriagem{ + margin-left: 320px; + display: inline; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + background-color: var(--clrblue); + border: none; + color: white; + border-radius: 5px; + padding: 10px; +} +.checkbox_pre-triagem_1{ + display: inline; margin-top: 10px; margin-bottom: 8px; +} +.checkbox_pre-triagem_1{ + cursor: pointer; +} +.btn_preTriagem:hover{ + background-color: #023D83; + box-shadow: none; + cursor: pointer; +} diff --git a/inicial/static/styles/Redefinir_Senha.css b/inicial/static/styles/Redefinir_Senha.css index 25f22af4..94a77fe2 100644 --- a/inicial/static/styles/Redefinir_Senha.css +++ b/inicial/static/styles/Redefinir_Senha.css @@ -1,80 +1,80 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;500&display=swap'); -:root{ - --clrblue:#1D7FF1; - --clrblue2: #002653; - --fonte-titulo: 'Oleo script', sans-serif; - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin:0; -} -.body_Redefinir{ - background-image:url('../img/bg_criarconta.jpg'); - background-size:cover; - font-family: var(--fonte-padrao); -} - -.multi-step-form-container{ - background-color:white; - width:600px; - position:relative; - padding:30px; - text-align:center; - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; - z-index: 99; - top: 1%; - left: 49%; - transform: translateX(-50%); -} -.titule_Redefinir{ - font-size: 30px; - margin-top: 10px; - margin-bottom: 30px; -} -.frase_Redefinir{ - display: inline-block; - text-align: center; - font-size: 16px; - color: grey; - width: 450px; - left: 80px; - margin-bottom: 20px; - /* falta ajustar o tamanho da frase */ -} -.inputs_Text_Redefinir{ - font-size: 15px; - text-align: justify; - text-indent: 80px; -} -.inputs_Box_Redefinir{ - text-align: justify; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 20px; - border-radius: 5px; - border: solid 1px; - margin: 5px; -} -.btn_ConfirmarNovaSenha{ - border: none; - background-color: var(--clrblue); - color: #ededed; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 53px; - padding-right: 53px; - border-radius: 5px; - margin-top:30px; - margin-bottom: 10px; - font-size: 17px; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.btn_ConfirmarNovaSenha:hover{ - background-color: var(--clrblue2); - cursor: pointer; - box-shadow: none; +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;500&display=swap'); +:root{ + --clrblue:#1D7FF1; + --clrblue2: #002653; + --fonte-titulo: 'Oleo script', sans-serif; + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin:0; +} +.body_Redefinir{ + background-image:url('../img/bg_criarconta.jpg'); + background-size:cover; + font-family: var(--fonte-padrao); +} + +.multi-step-form-container{ + background-color:white; + width:600px; + position:relative; + padding:30px; + text-align:center; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + z-index: 99; + top: 1%; + left: 49%; + transform: translateX(-50%); +} +.titule_Redefinir{ + font-size: 30px; + margin-top: 10px; + margin-bottom: 30px; +} +.frase_Redefinir{ + display: inline-block; + text-align: center; + font-size: 16px; + color: grey; + width: 450px; + left: 80px; + margin-bottom: 20px; + /* falta ajustar o tamanho da frase */ +} +.inputs_Text_Redefinir{ + font-size: 15px; + text-align: justify; + text-indent: 80px; +} +.inputs_Box_Redefinir{ + text-align: justify; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 20px; + border-radius: 5px; + border: solid 1px; + margin: 5px; +} +.btn_ConfirmarNovaSenha{ + border: none; + background-color: var(--clrblue); + color: #ededed; + padding-top: 10px; + padding-bottom: 10px; + padding-left: 53px; + padding-right: 53px; + border-radius: 5px; + margin-top:30px; + margin-bottom: 10px; + font-size: 17px; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.btn_ConfirmarNovaSenha:hover{ + background-color: var(--clrblue2); + cursor: pointer; + box-shadow: none; } \ No newline at end of file diff --git a/inicial/static/styles/adulto1.css b/inicial/static/styles/adulto1.css index 6f9d657f..3fdc8be8 100644 --- a/inicial/static/styles/adulto1.css +++ b/inicial/static/styles/adulto1.css @@ -1,70 +1,70 @@ -:root{ - --clrblue--:#1D7ff1; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -.container_adulto1{ - padding: 10px 300px 0px 300px; -} -.titule_adulto1{ - color: var(--clrblue--); - font-size: 25px; - font-style: start; - font-weight: 700; - line-height: normal; - text-transform: uppercase; - display: inline block; - margin-bottom: 10px; -} -.subtitule_adulto1{ - color: #000; - font-family: Josefin Sans; - font-size: 20px; - font-style: justify; - font-weight: 500; - line-height: normal; - display: inline; - position: relative; - right: 25px; -} -.phrase_adulto1{ - color: #757272; - font-family: Josefin Sans; - font-size: 17px; - text-align: justify; - font-weight: 200; - display: inline block; - margin: 0px 0px 20px 0px; -} -.checkbox_adulto1{ - width: 20px; - height: 20px; - size: 100px; - display: inline block; - position: relative; - right: 70px; - top: 7px; -} -.checkbox_adulto1:hover{ - cursor: pointer; -} -.btn_adulto1_voltar, .btn_adulto1_continuar{ - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - background-color: var(--clrblue--); - border: none; - color: white; - border-radius: 5px; - padding: 10px; -} -.btn_adulto1_continuar{ - position: relative; - left: 635px; -} -.btn_adulto1_continuar:hover, .btn_adulto1_voltar:hover{ - background-color: #023D83; - box-shadow: none; - cursor: pointer; -} +:root{ + --clrblue--:#1D7ff1; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +.container_adulto1{ + padding: 10px 300px 0px 300px; +} +.titule_adulto1{ + color: var(--clrblue--); + font-size: 25px; + font-style: start; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + display: inline block; + margin-bottom: 10px; +} +.subtitule_adulto1{ + color: #000; + font-family: Josefin Sans; + font-size: 20px; + font-style: justify; + font-weight: 500; + line-height: normal; + display: inline; + position: relative; + right: 25px; +} +.phrase_adulto1{ + color: #757272; + font-family: Josefin Sans; + font-size: 17px; + text-align: justify; + font-weight: 200; + display: inline block; + margin: 0px 0px 20px 0px; +} +.checkbox_adulto1{ + width: 20px; + height: 20px; + size: 100px; + display: inline block; + position: relative; + right: 70px; + top: 7px; +} +.checkbox_adulto1:hover{ + cursor: pointer; +} +.btn_adulto1_voltar, .btn_adulto1_continuar{ + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + background-color: var(--clrblue--); + border: none; + color: white; + border-radius: 5px; + padding: 10px; +} +.btn_adulto1_continuar{ + position: relative; + left: 635px; +} +.btn_adulto1_continuar:hover, .btn_adulto1_voltar:hover{ + background-color: #023D83; + box-shadow: none; + cursor: pointer; +} diff --git a/inicial/static/styles/av_completa.css b/inicial/static/styles/av_completa.css index fb2e8b2b..6305ef82 100644 --- a/inicial/static/styles/av_completa.css +++ b/inicial/static/styles/av_completa.css @@ -1,124 +1,124 @@ -@charset "UTF-8"; - - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - /* min-height: 100vh; */ -} -main{ - width: 65%; - margin: auto; - background-color: #f5f5f5; - padding: 22px 50px 120px 50px; - box-shadow: 1px 1px 4px 0px lightgray; - font-family: var(--fonte-destaque); - min-height: 100vh; -} -main i:before{ - color: gray; - /* position: absolute; */ - transform: rotate(90deg); - font-size: 30px; - z-index: 1; -} -main i:hover{ - cursor: pointer; -} -#title{ - display: flex; - flex-direction: row; -} -h1{ - position: relative; - display: block; - color: var(--color3); - font-size: 26px; - padding: 2px 0; - /* margin-top: 22px; */ - margin-left: 10px; - margin-bottom: 6px; -} -h2{ - font-size: 22px; - margin: 20px 0; - font-weight: 550; - font-family: var(--fonte-destaque); - border-top: 1px solid lightgray; - border-bottom: 1px solid lightgray; -} -h3{ - font-weight: 600; -} -.inner_container_av{ - display: flex; - flex-direction: column; - justify-content: space-between; - height: 100px; -} -.av_box{ - display: flex; - flex-direction: column; -} -.group{ - display: flex; - flex-direction: column; - margin: 10px 0; -} -.ask{ - font-weight: 600; -} -.checked{ - color:orange; -} -#avaliacao{ - display: flex; - flex-direction: row; - align-items: center; -} -#estrelas{ - margin-left: 12px; -} -.cor{ - margin-left: 10px; -} -.comentario{ - width: 95%; - margin: auto; - text-align: justify; - text-justify: inter-word; +@charset "UTF-8"; + + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + /* min-height: 100vh; */ +} +main{ + width: 65%; + margin: auto; + background-color: #f5f5f5; + padding: 22px 50px 120px 50px; + box-shadow: 1px 1px 4px 0px lightgray; + font-family: var(--fonte-destaque); + min-height: 100vh; +} +main i:before{ + color: gray; + /* position: absolute; */ + transform: rotate(90deg); + font-size: 30px; + z-index: 1; +} +main i:hover{ + cursor: pointer; +} +#title{ + display: flex; + flex-direction: row; +} +h1{ + position: relative; + display: block; + color: var(--color3); + font-size: 26px; + padding: 2px 0; + /* margin-top: 22px; */ + margin-left: 10px; + margin-bottom: 6px; +} +h2{ + font-size: 22px; + margin: 20px 0; + font-weight: 550; + font-family: var(--fonte-destaque); + border-top: 1px solid lightgray; + border-bottom: 1px solid lightgray; +} +h3{ + font-weight: 600; +} +.inner_container_av{ + display: flex; + flex-direction: column; + justify-content: space-between; + height: 100px; +} +.av_box{ + display: flex; + flex-direction: column; +} +.group{ + display: flex; + flex-direction: column; + margin: 10px 0; +} +.ask{ + font-weight: 600; +} +.checked{ + color:orange; +} +#avaliacao{ + display: flex; + flex-direction: row; + align-items: center; +} +#estrelas{ + margin-left: 12px; +} +.cor{ + margin-left: 10px; +} +.comentario{ + width: 95%; + margin: auto; + text-align: justify; + text-justify: inter-word; } \ No newline at end of file diff --git a/inicial/static/styles/avaliarhospital.css b/inicial/static/styles/avaliarhospital.css index 50f3fbdb..2cb4d1ec 100644 --- a/inicial/static/styles/avaliarhospital.css +++ b/inicial/static/styles/avaliarhospital.css @@ -1,403 +1,403 @@ -@charset "UTF-8"; - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #FF9533; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -html{ - height: 100%; -} -body{ - font-family: var(--fonte-padrao); - background-color: #ededed; - min-height: 100vh; -} -main { - font-family: var(--fonte-destaque); - position: relative; - display: flex; - flex-direction: column; - width: 68%; - top: 0px; - left: 50%; - transform: translate(-50%); - bottom: 0px; - padding-top: 20px; - background-color: whitesmoke; - /* border-radius: 7px; */ - padding: 0 50px; - padding-bottom: 120px; - box-shadow: 1px 1px 4px 0px lightgray; -} -main > h1 { - position: relative; - display: block; - color: var(--color3); - /* background-color: #e2e2e2be; */ - font-size: 18px; - margin-top: 22px; - margin-bottom: 6px; -} -main .nome_local{ - display: flex; - flex-direction: column; - padding-bottom: 5px; -} -main .detalhamento { - position: relative; - display: inline-block; - margin-right: 100px; - -} -#inf_gerais{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: auto; - width: 90%; -} -.nome_local > h3{ - font-family: var(--fonte-destaque); - margin-top: 12px; - margin-bottom: 2px; - font-size: 18px; -} -.nome_local span{ - font-family: var(--fonte-destaque); - font-size: 18px; -} -#container_contato{ - display: flex; - flex-direction: row; - justify-content: space-between; - width: 125px; -} -#contato{ - display: flex; - flex-direction: column; -} -.tempos_de_espera{ - display: flex; - margin-top: 10px; - flex-direction: row; - justify-content: space-between; - width: 270px; -} -.tempos span{ - font-family: var(--fonte-padrao); -} -.tempos{ - display: flex; - flex-direction: column; - align-items: center; -} - -.detalhamento > ul { - position: absolute; - display: flex; - flex-direction: column; - -} -.detalhamento > ul > li{ - position: relative; - left: 20px; -} -main i{ - position: absolute; - transform: rotate(90deg); - top: 14px; - left: 15px; - font-size: 30px; - z-index: 1; - color: gray; -} -main i:hover{ - cursor: pointer; -} -#container{ - display: flex; - flex-direction: column; - align-items: flex-start; - width: 90%; - margin: auto; -} -.question{ - font-weight: 500; - display: flex; - flex-direction: column; - width: 100%; - margin: auto; - align-items: start; -} -.input1{ - display: flex; - flex-direction: row; - justify-content: space-between; - width: 620px; - font-weight: 500; -} -.input3{ - display: flex; - flex-direction: row; - justify-content: space-between; - width: 497px; -} -.c-red, -.c-orange, -.c-yellow, -.c-green, -.c-blue{ - height: 30px; - width: 30px; - border-radius: 50%; - border: 1px solid gray; - box-shadow: 1px 1px 10px 0px lightgray; -} -.c-red{ - background-color: rgba(255, 0, 0, 0.689); -} -.c-orange { - background-color: var(--c-orange); -} -.c-yellow { - background-color: var(--c-yellow); -} -.c-green { - background-color: var(--c-green); -} -.c-blue { - background-color: var(--c-blue); -} -.laranja, -.amarelo, -.verde, -.azul{ - font-family: var(--fonte-destaque); -} -.respostas{ - margin: 18px 18px 18px 30px; -} -.sim, -.nao{ - font-size: 21px; - font-family: var(--fonte-destaque); - /* padding: 7px; */ - width: 60px; - height: 40px; - margin: 0 10px 25px 10px; - border: none; - border-radius: 7px; - box-shadow: 4px 4px 10px 0px lightgray; -} -.sim{ - background-color: var(--c-green); -} -.nao{ - background-color: rgba(255, 0, 0, 0.557); -} -.sim:hover{ - cursor: pointer; - border: 1px solid rgba(0, 221, 0, 0.886); -} -.nao:hover{ - cursor: pointer; - border: 1px solid red; -} -#class_de_risco{ - display: flex; - flex-direction: row; - justify-content: space-around; -} -.risco{ - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - height: 70px; -} -#red, -#orange, -#yellow, -#green, -#blue{ - appearance: none; - padding: 10px; - border-radius:50%; - box-shadow: 1px 1px 10px 0px lightgray; -} - #red{ - border: 2px solid red; - } -#red:checked{ - background-color: rgba(255, 0, 0, 0.689); -} - #orange{ - border: 2px solid orange; - } - #orange:checked{ - background-color: rgba(255, 166, 0, 0.783); -} - #yellow{ - border: 2px solid rgb(243, 243, 1); - } - #yellow:checked{ - background-color: var(--c-yellow); -} - #green{ - border: 2px solid rgba(0, 221, 0, 0.886); - } - #green:checked{ - background-color: var(--c-green); -} - #blue{ - border: 2px solid rgba(0, 0, 255, 0.861); - } - #blue:checked{ - background-color: var(--c-blue); -} -#inf-end-correto, -#inf-tel-correto{ - height: 30px; - left: 10px; - border-radius: 10px; - border: 1px solid gray; - width: 100%; -} -input#horario-entrada, -input#horario-atendimento, -input#horario-saida{ - font-size: 15px; - height: 30px; - border: 1px solid gray; - border-radius: 7px; - right: 100px; - padding: 0 5px; - position: fixed; -} -#observacao{ - height: 100px; - width: 750px; - border: 1px solid gray; - border-radius: 7px; -} -#class_de_risco{ - display: flex; - width: 100%; - justify-content: space-around; -} -.risco{ - margin-top: 20px; -} -#stars{ - display: flex; -} -.avaliacao { - /* float: left; */ - height: 56px; - padding: 0 10px; - /* margin: auto; */ -} -.avaliacao:not(:checked) > input { - position: absolute; - top: -9999px; -} -.avaliacao:not(:checked) > label { - float: right; - width: 1em; - overflow: hidden; - white-space: nowrap; - cursor: pointer; - font-size: 50px; - color: #ccc; -} -.avaliacao:not(:checked) > label:before { - content: '★ '; -} -.avaliacao > input:checked ~ label { - color: #ffc700; -} -.avaliacao:not(:checked) > label:hover, -.avaliacao:not(:checked) > label:hover ~ label { - color: #deb217; -} -.avaliacao > input:checked + label:hover, -.avaliacao > input:checked + label:hover ~ label, -.avaliacao > input:checked ~ label:hover, -.avaliacao > input:checked ~ label:hover ~ label, -.avaliacao > label:hover ~ input:checked ~ label { - color: #c59b08; -} -#observacao{ - width: 100%; - height: 100px; -} -#enviar { - font-family: var(--fonte-destaque); - font-size: 18px; - font-weight: 600; - height: 40px; - background-color: var(--c-blue); - color: whitesmoke; - border: none; - border-radius: 7px; - margin: 7px 0 25px 0; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - width: 100%; -} -#enviar:hover{ - cursor: pointer; - background-color: #2042bd; -} -input:hover{ - cursor: pointer; - -} -footer { - display: block; - position: relative; - bottom: 0px; - justify-content: left; - font-size: 13px; - font-weight: bold; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; -} - - - +@charset "UTF-8"; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #FF9533; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +html{ + height: 100%; +} +body{ + font-family: var(--fonte-padrao); + background-color: #ededed; + min-height: 100vh; +} +main { + font-family: var(--fonte-destaque); + position: relative; + display: flex; + flex-direction: column; + width: 68%; + top: 0px; + left: 50%; + transform: translate(-50%); + bottom: 0px; + padding-top: 20px; + background-color: whitesmoke; + /* border-radius: 7px; */ + padding: 0 50px; + padding-bottom: 120px; + box-shadow: 1px 1px 4px 0px lightgray; +} +main > h1 { + position: relative; + display: block; + color: var(--color3); + /* background-color: #e2e2e2be; */ + font-size: 18px; + margin-top: 22px; + margin-bottom: 6px; +} +main .nome_local{ + display: flex; + flex-direction: column; + padding-bottom: 5px; +} +main .detalhamento { + position: relative; + display: inline-block; + margin-right: 100px; + +} +#inf_gerais{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: auto; + width: 90%; +} +.nome_local > h3{ + font-family: var(--fonte-destaque); + margin-top: 12px; + margin-bottom: 2px; + font-size: 18px; +} +.nome_local span{ + font-family: var(--fonte-destaque); + font-size: 18px; +} +#container_contato{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 125px; +} +#contato{ + display: flex; + flex-direction: column; +} +.tempos_de_espera{ + display: flex; + margin-top: 10px; + flex-direction: row; + justify-content: space-between; + width: 270px; +} +.tempos span{ + font-family: var(--fonte-padrao); +} +.tempos{ + display: flex; + flex-direction: column; + align-items: center; +} + +.detalhamento > ul { + position: absolute; + display: flex; + flex-direction: column; + +} +.detalhamento > ul > li{ + position: relative; + left: 20px; +} +main i{ + position: absolute; + transform: rotate(90deg); + top: 14px; + left: 15px; + font-size: 30px; + z-index: 1; + color: gray; +} +main i:hover{ + cursor: pointer; +} +#container{ + display: flex; + flex-direction: column; + align-items: flex-start; + width: 90%; + margin: auto; +} +.question{ + font-weight: 500; + display: flex; + flex-direction: column; + width: 100%; + margin: auto; + align-items: start; +} +.input1{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 620px; + font-weight: 500; +} +.input3{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 497px; +} +.c-red, +.c-orange, +.c-yellow, +.c-green, +.c-blue{ + height: 30px; + width: 30px; + border-radius: 50%; + border: 1px solid gray; + box-shadow: 1px 1px 10px 0px lightgray; +} +.c-red{ + background-color: rgba(255, 0, 0, 0.689); +} +.c-orange { + background-color: var(--c-orange); +} +.c-yellow { + background-color: var(--c-yellow); +} +.c-green { + background-color: var(--c-green); +} +.c-blue { + background-color: var(--c-blue); +} +.laranja, +.amarelo, +.verde, +.azul{ + font-family: var(--fonte-destaque); +} +.respostas{ + margin: 18px 18px 18px 30px; +} +.sim, +.nao{ + font-size: 21px; + font-family: var(--fonte-destaque); + /* padding: 7px; */ + width: 60px; + height: 40px; + margin: 0 10px 25px 10px; + border: none; + border-radius: 7px; + box-shadow: 4px 4px 10px 0px lightgray; +} +.sim{ + background-color: var(--c-green); +} +.nao{ + background-color: rgba(255, 0, 0, 0.557); +} +.sim:hover{ + cursor: pointer; + border: 1px solid rgba(0, 221, 0, 0.886); +} +.nao:hover{ + cursor: pointer; + border: 1px solid red; +} +#class_de_risco{ + display: flex; + flex-direction: row; + justify-content: space-around; +} +.risco{ + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + height: 70px; +} +#red, +#orange, +#yellow, +#green, +#blue{ + appearance: none; + padding: 10px; + border-radius:50%; + box-shadow: 1px 1px 10px 0px lightgray; +} + #red{ + border: 2px solid red; + } +#red:checked{ + background-color: rgba(255, 0, 0, 0.689); +} + #orange{ + border: 2px solid orange; + } + #orange:checked{ + background-color: rgba(255, 166, 0, 0.783); +} + #yellow{ + border: 2px solid rgb(243, 243, 1); + } + #yellow:checked{ + background-color: var(--c-yellow); +} + #green{ + border: 2px solid rgba(0, 221, 0, 0.886); + } + #green:checked{ + background-color: var(--c-green); +} + #blue{ + border: 2px solid rgba(0, 0, 255, 0.861); + } + #blue:checked{ + background-color: var(--c-blue); +} +#inf-end-correto, +#inf-tel-correto{ + height: 30px; + left: 10px; + border-radius: 10px; + border: 1px solid gray; + width: 100%; +} +input#horario-entrada, +input#horario-atendimento, +input#horario-saida{ + font-size: 15px; + height: 30px; + border: 1px solid gray; + border-radius: 7px; + right: 100px; + padding: 0 5px; + position: fixed; +} +#observacao{ + height: 100px; + width: 750px; + border: 1px solid gray; + border-radius: 7px; +} +#class_de_risco{ + display: flex; + width: 100%; + justify-content: space-around; +} +.risco{ + margin-top: 20px; +} +#stars{ + display: flex; +} +.avaliacao { + /* float: left; */ + height: 56px; + padding: 0 10px; + /* margin: auto; */ +} +.avaliacao:not(:checked) > input { + position: absolute; + top: -9999px; +} +.avaliacao:not(:checked) > label { + float: right; + width: 1em; + overflow: hidden; + white-space: nowrap; + cursor: pointer; + font-size: 50px; + color: #ccc; +} +.avaliacao:not(:checked) > label:before { + content: '★ '; +} +.avaliacao > input:checked ~ label { + color: #ffc700; +} +.avaliacao:not(:checked) > label:hover, +.avaliacao:not(:checked) > label:hover ~ label { + color: #deb217; +} +.avaliacao > input:checked + label:hover, +.avaliacao > input:checked + label:hover ~ label, +.avaliacao > input:checked ~ label:hover, +.avaliacao > input:checked ~ label:hover ~ label, +.avaliacao > label:hover ~ input:checked ~ label { + color: #c59b08; +} +#observacao{ + width: 100%; + height: 100px; +} +#enviar { + font-family: var(--fonte-destaque); + font-size: 18px; + font-weight: 600; + height: 40px; + background-color: var(--c-blue); + color: whitesmoke; + border: none; + border-radius: 7px; + margin: 7px 0 25px 0; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + width: 100%; +} +#enviar:hover{ + cursor: pointer; + background-color: #2042bd; +} +input:hover{ + cursor: pointer; + +} +footer { + display: block; + position: relative; + bottom: 0px; + justify-content: left; + font-size: 13px; + font-weight: bold; + width:100%; + background-color: var(--back-header1); + border-top: 1px solid #06411950; + color: #000000; + padding: 10px 10px 10px 70px; + align-content: right; + margin-top: auto; + margin-bottom: 0px; +} + + + diff --git a/inicial/static/styles/css_criarconta.css b/inicial/static/styles/css_criarconta.css deleted file mode 100644 index 3dc64485..00000000 --- a/inicial/static/styles/css_criarconta.css +++ /dev/null @@ -1,319 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --clr:#1D7FF1; - --clr2: #002653; - --fonte-titulo: 'Oleo script', sans-serif; - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin:0; -} - -body{ - background-image:url('bg_criarconta.jpg'); - background-size:cover; - font-family: var(--fonte-padrao); -} - -/*main{*/ -/*#regForm{*/ -.multi-step-form-container{ - background-color:white; - width:700px; - position:relative; - /* right:30px; - margin-top:0px; */ - padding:30px; - text-align:center; - border-bottom-left-radius: 20px; - border-bottom-right-radius: 20px; - /* margin: auto; */ - z-index: 99; - top: 1%; - left: 49%; - transform: translateX(-50%); - /* top: 0px; - bottom: 0px; */ - /* height: 420px; */ -} - -input[type=text], input[type=password]{ - font-family: var(--fonte-destaque); - width:100%; - display:inline-block; - border-width: 0px 0px 1px 0px; - /*border-color*/ - margin-top: 12px; - margin-bottom: 30px; -} - -input[type=text]:focus, input[type=password]:focus{ - background-color:#ededed; - outline:none; -} - -/*#continuar{*/ -#nextBtn{ - background-color:#28c47e; - outline:none; - border-width:0; - color:white; - padding:14px 20px; - border-radius:10px; - text-transform:uppercase; - margin:8px; - cursor:pointer; - /*width:100%;*/ - opacity:0.9; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} - -/*#continuar:hover{*/ -#nextBtn:hover{ - opacity:1; -} - -input-invalid{ - background-color:#ffdddd; -} - -.tab{ - display:none; -} - -/* Make circles that indicate the steps of the form: */ -.step { - height: 15px; - width: 15px; - margin: 0 2px; - background-color: #bbbbbb; - border: none; - border-radius: 50%; - display: inline-block; - opacity: 0.5; - } - - /* Mark the active step: */ - .step.active { - opacity: 1; - } - - /* Mark the steps that are finished and valid: */ - .step.finish { - background-color: #04AA6D; - } - - h2 { - margin: 0; -} - -/*#multi-step-form-container { - /*margin-top: 5rem; - margin-top:0; - padding:30px; - background-color:pink; - width:600px; - left:500px; - position:relative; -}*/ - -.text-center { - text-align: center; -} -.mx-auto { - margin-left: auto; - margin-right: auto; -} -.pl-0 { - padding-left: 0; -} -.button { - padding: 0.7rem 1.5rem; - border: 1px solid #4361ee; - background-color: #4361ee; - color: #fff; - border-radius: 5px; - cursor: pointer; - text-transform:uppercase; - /*float:right; - margin-left:10px;*/ -} -.submit-btn { - border: 1px solid #0e9594; - background-color: #0e9594; - /*float:right;*/ -} -.mt-3 { - /* margin-top: 2rem; */ - position: relative; - top: 0px; - left: 50%; - transform: translateX(-50%); -} -.mt-3 > button{ - font-family: var(--fonte-padrao); - margin: 20px 0; -} -.d-none { - display: none; -} -.form-step { - position: absolute; - border: /*1px solid rgba(0, 0, 0, 0.1)*/0; - /*border-radius: 20px; - padding: 3rem;*/ - top: 50%; - left: 50%; - transform: translateX(-50%); -} -.font-normal { - font-weight: normal; -} -ul.form-stepper { - counter-reset: section; - margin-bottom: 3rem; -} -ul.form-stepper .form-stepper-circle { - position: relative; -} -ul.form-stepper .form-stepper-circle span { - position: absolute; - top: 50%; - left: 50%; - transform: translateY(-50%) translateX(-50%); -} -.form-stepper-horizontal { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; -} -ul.form-stepper > li:not(:last-of-type) { - margin-bottom: 0.625rem; - -webkit-transition: margin-bottom 0.4s; - -o-transition: margin-bottom 0.4s; - transition: margin-bottom 0.4s; -} -.form-stepper-horizontal > li:not(:last-of-type) { - margin-bottom: 0 !important; -} -.form-stepper-horizontal li { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: start; - -webkit-transition: 0.5s; - transition: 0.5s; -} -.form-stepper-horizontal li:not(:last-child):after { - position: relative; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - height: 1px; - content: ""; - top: 32%; -} -.form-stepper-horizontal li:after { - background-color: #dee2e6; -} -.form-stepper-horizontal li.form-stepper-completed:after { - background-color: #4da3ff; -} -.form-stepper-horizontal li:last-child { - flex: unset; -} -ul.form-stepper li a .form-stepper-circle { - display: inline-block; - width: 40px; - height: 40px; - margin-right: 0; - line-height: 1.7rem; - text-align: center; - background: rgba(0, 0, 0, 0.38); - border-radius: 50%; -} -.form-stepper .form-stepper-active .form-stepper-circle { - background-color: #4361ee !important; - color: #fff; -} -.form-stepper .form-stepper-active .label { - color: #4361ee !important; -} -.form-stepper .form-stepper-active .form-stepper-circle:hover { - background-color: #4361ee !important; - color: #fff !important; -} -.form-stepper .form-stepper-unfinished .form-stepper-circle { - background-color: #f8f7ff; -} -.form-stepper .form-stepper-completed .form-stepper-circle { - background-color: #0e9594 !important; - color: #fff; -} -.form-stepper .form-stepper-completed .label { - color: #0e9594 !important; -} -.form-stepper .form-stepper-completed .form-stepper-circle:hover { - background-color: #0e9594 !important; - color: #fff !important; -} -.form-stepper .form-stepper-active span.text-muted { - color: #fff !important; -} -.form-stepper .form-stepper-completed span.text-muted { - color: #fff !important; -} -.form-stepper .label { - font-size: 1rem; - margin-top: 0.5rem; -} -.form-stepper a { - cursor: default; -} -.login_google{ - margin: 10px; - padding: 10px; - color: #F14336; - border-color: #F14336; - border-radius: 5px; - width: 370px; - height: 40px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.login_google:hover{ - box-shadow: none; - color: #822b25; - border-color:#822b25; -} -.login_facebook{ - display: block; - padding: 10px; - color: var(--clr); - border-color: var(--clr); - margin-left: 10px; - border-radius: 5px; - width: 370px; - height: 40px; - /* font-family: Josefin Sans; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.login_facebook:hover{ - color: #002653; - border-color: #002653; - background-color: #ededed; - box-shadow: none; -} \ No newline at end of file diff --git a/inicial/static/styles/css_criarconta_2.css b/inicial/static/styles/css_criarconta_3.css similarity index 67% rename from inicial/static/styles/css_criarconta_2.css rename to inicial/static/styles/css_criarconta_3.css index 4da385ab..b3df01dd 100644 --- a/inicial/static/styles/css_criarconta_2.css +++ b/inicial/static/styles/css_criarconta_3.css @@ -1,10 +1,14 @@ +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap'); + *{ margin:0; + font-family:Josefin Sans; } body{ background-image:url('../img/bg_criarconta.jpg'); background-size:cover; + /*background-color: darkolivegreen;*/ } /*main{*/ @@ -19,23 +23,65 @@ body{ text-align:center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; + /*novo*/ + justify-content: flex-end; } -input[type=text], input[type=password]{ +/*input[type=text], input[type=password]{ width:100%; display:inline-block; border-width: 0px 0px 1px 0px; - /*border-color*/ + /*border-color } input[type=text]:focus, input[type=password]:focus{ background-color:#ededed; outline:none; +}*/ + +input{ + padding:10px; + width:95%; + font-size:17px; + border-top:none; + border-left:none; + border-right:none; + border-width:1px; + outline:none; + resize:none; +} + +.input2{ + padding:10px; + width:120%; + font-size:17px; + border-top:none; + border-left:none; + border-right:none; + border-width:1px; + /*text-align:center;*/ + outline:none; + resize:none; +} + +.input3 { + padding: 10px; + width: 80%; + font-size: 17px; + border-top: none; + border-left: none; + border-right: none; + border-width: 1px; + /*text-align: center;*/ + outline: none; + resize: none; + background-color:white /*yellow*/; + margin-left:-39px; } /*#continuar{*/ #nextBtn{ - background-color:#28c47e; + background-color:#0081f1; outline:none; border-width:0; color:white; @@ -54,6 +100,26 @@ input[type=text]:focus, input[type=password]:focus{ opacity:1; } +#prevBtn{ + background-color:#0081f1; + outline:none; + border-width:0; + color:white; + padding:14px 20px; + border-radius:10px; + text-transform:uppercase; + margin:8px; + cursor:pointer; + /*width:100%;*/ + opacity:0.9; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} + +/*#continuar:hover{*/ +#prevBtn:hover{ + opacity:1; +} + input-invalid{ background-color:#ffdddd; } @@ -70,7 +136,8 @@ input-invalid{ background-color: #bbbbbb; border: none; border-radius: 50%; - display: inline-block; + /*display: inline-block;*/ + display:none; opacity: 0.5; } @@ -248,4 +315,71 @@ ul.form-stepper li a .form-stepper-circle { } .form-stepper a { cursor: default; +} + +#regForm{ + /*padding-top:50px;*/ + background-color:white; +} + +h1{ + text-align:left; + padding-bottom:50px; +} + +.formtag{ + text-transform: uppercase; + text-align: left; + /*background-color:yellow;*/ + margin-top:50px; + text-decoration: solid; +} + +#infosenha{ + text-align:left; + margin-top:50px; + color:rgba(0, 0, 0, 0.7); +} + +.flex-container{ + display:flex; + flex-direction:row; + align-items:center; + justify-content:center; + padding:20px; +} + +.flex-container-2{ + background-color:white /*lightblue*/; + /*display:flex; + flex-direction:row; + align-items:flex-start; + justify-content:flex-start; + padding:20px;*/ + display:flex; + gap:20px; + margin-bottom:22px; +} + +.item-2{ + background-color:white/*pink*/; + padding-left:0px; + padding-right:0px; + padding-top:0; + margin-top:0; + margin-right:150px; +} + +.item-3 { + background-color: /*pink*/white; + padding-left: 0px; + padding-right: 0px; + padding-top: 0; + margin-top: 0; + margin-right: 45px; +} + +.genero{ + width:225%; + height:150%; } \ No newline at end of file diff --git a/inicial/static/styles/duvidas_frequentes.css b/inicial/static/styles/duvidas_frequentes.css index f82cc177..65d7a88c 100644 --- a/inicial/static/styles/duvidas_frequentes.css +++ b/inicial/static/styles/duvidas_frequentes.css @@ -1,235 +1,235 @@ -@charset "UTF-8"; - - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: var(--fonte-padrao); -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - min-height: 100vh; -} -main { - font-family: var(--fonte-destaque); - position: relative; - display: flex; - flex-direction: column; - width: 60.5%; - top: 0px; - left: 52%; - transform: translate(-50%); - bottom: 0px; - background-color: whitesmoke; - border-radius: 7px; - padding: 50px 40px 120px 40px; - /* margin-bottom: 100px; */ - text-align: justify; - z-index: 1; - box-shadow: 1px 1px 4px 0px lightgray; -} -main h1{ - background:steelblue; - color:white; - padding:1em; - position: relative; - font-size: 18px; - width: 340px; - border-radius: 5px; -} -main h1:hover{ - cursor: pointer; - background-color: rgb(51, 101, 142); -} -main h2{ - font-size: 18px; - font-weight: 400; -} -span p{ - margin: 11px 15px; - text-indent: 30px; -} -#navigation_aside{ - position: fixed; - top: 140px; - right: 20px; - /* background-color: whitesmoke; - border: 1px solid rgba(211, 211, 211, 0.623); */ - /* padding: 10px; */ - font-family: var(--fonte-destaque); -} -#navigation_aside header{ - /* background-color: rgba(70, 131, 180, 0.533); */ - padding: 15px 0; - margin-bottom: 10px; -} -#navigation_aside h2{ - font-family: var(--fonte-padrao); - font-size: 20px; - font-weight: 500; - /* text-align: center; */ -} -#navigation_aside ul li{ - padding: 10px; - list-style-type: none; - border-left: 1px solid gray; -} -#navigation_aside ul li a{ - text-decoration: none; - color: gray; - font-family: var(--fonte-destaque); -} -#navigation_aside ul li a:hover{ - color: black; - /* background-color: rgba(70, 131, 180, 0.426); */ -} -#numbers_aside{ - position: fixed; - top: 140px; - left: 30px; - background-color: whitesmoke; - border: 1px solid rgba(211, 211, 211, 0.623); - border-radius: 3px; - width: 18.7%; - padding-bottom: 10px; -} -#numbers_aside header{ - margin: 15px; -} -#numbers_aside_title{ - font-size: 20px; - font-family: var(--fonte-destaque); - font-weight: 700; -} -#numbers_aside li{ - display: flex; - flex-direction: row; - align-items: center; - flex-wrap: wrap; -} -#navigation_aside.top_bar_off, -#numbers_aside.top_bar_off{ - position: fixed; - top: 100px; -} -/* #navigation_aside.top-bar_on, -#numbers_aside.top-bar_on{ - position: fixed; - top: 100px; -} */ -.span1{ - font-size: 16px; - width: 20%; - font-weight: bold; - color: whitesmoke; - background-color: steelblue; - margin: 5px 0px 5px 10px; - text-align: center; - border-radius: 3px; -} -.span2{ - font-size: 15px; - font-weight: 500; -} -#numbers_aside span{ - padding: 10px; -} -footer{ - position: relative; - bottom: 0; - justify-content: left; - font-size: 13px; - font-weight: 500; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; -} -#faq-container{ - display: flex; - flex-direction: column; - background-color: whitesmoke; - width: 100%; - top: 0px; - margin: auto; -} -#topic_box_container{ - display: flex; - flex-direction: column; - justify-content: space-between; -} -#c1, #c2, #c3, #c4, #c5{ - display:flex; - flex-direction: column; - margin: 10px 15px; -} -h1 > a{ - text-decoration: none; - color: whitesmoke; -} -.question_answer{ - display: flex; - flex-direction: column; -} -div.c{ - display: flex; - flex-direction: column; - margin:2em; -} -.question1, -.question2{ - display: none; - text-decoration: underline; - margin: 12px 12px 10px 20px; -} -.question1:hover, -.question2:hover{ - cursor: pointer; - text-decoration: underline; -} -.question1.on, -.question2.on{ - margin: 12px 12px 0px 20px; -} -.answer1, -.answer2{ - display: none; - margin: 0px; - color: rgb(105, 105, 105); +@charset "UTF-8"; + + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: var(--fonte-padrao); +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + min-height: 100vh; +} +main { + font-family: var(--fonte-destaque); + position: relative; + display: flex; + flex-direction: column; + width: 60.5%; + top: 0px; + left: 52%; + transform: translate(-50%); + bottom: 0px; + background-color: whitesmoke; + border-radius: 7px; + padding: 50px 40px 120px 40px; + /* margin-bottom: 100px; */ + text-align: justify; + z-index: 1; + box-shadow: 1px 1px 4px 0px lightgray; +} +main h1{ + background:steelblue; + color:white; + padding:1em; + position: relative; + font-size: 18px; + width: 340px; + border-radius: 5px; +} +main h1:hover{ + cursor: pointer; + background-color: rgb(51, 101, 142); +} +main h2{ + font-size: 18px; + font-weight: 400; +} +span p{ + margin: 11px 15px; + text-indent: 30px; +} +#navigation_aside{ + position: fixed; + top: 140px; + right: 20px; + /* background-color: whitesmoke; + border: 1px solid rgba(211, 211, 211, 0.623); */ + /* padding: 10px; */ + font-family: var(--fonte-destaque); +} +#navigation_aside header{ + /* background-color: rgba(70, 131, 180, 0.533); */ + padding: 15px 0; + margin-bottom: 10px; +} +#navigation_aside h2{ + font-family: var(--fonte-padrao); + font-size: 20px; + font-weight: 500; + /* text-align: center; */ +} +#navigation_aside ul li{ + padding: 10px; + list-style-type: none; + border-left: 1px solid gray; +} +#navigation_aside ul li a{ + text-decoration: none; + color: gray; + font-family: var(--fonte-destaque); +} +#navigation_aside ul li a:hover{ + color: black; + /* background-color: rgba(70, 131, 180, 0.426); */ +} +#numbers_aside{ + position: fixed; + top: 140px; + left: 30px; + background-color: whitesmoke; + border: 1px solid rgba(211, 211, 211, 0.623); + border-radius: 3px; + width: 18.7%; + padding-bottom: 10px; +} +#numbers_aside header{ + margin: 15px; +} +#numbers_aside_title{ + font-size: 20px; + font-family: var(--fonte-destaque); + font-weight: 700; +} +#numbers_aside li{ + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: wrap; +} +#navigation_aside.top_bar_off, +#numbers_aside.top_bar_off{ + position: fixed; + top: 100px; +} +/* #navigation_aside.top-bar_on, +#numbers_aside.top-bar_on{ + position: fixed; + top: 100px; +} */ +.span1{ + font-size: 16px; + width: 20%; + font-weight: bold; + color: whitesmoke; + background-color: steelblue; + margin: 5px 0px 5px 10px; + text-align: center; + border-radius: 3px; +} +.span2{ + font-size: 15px; + font-weight: 500; +} +#numbers_aside span{ + padding: 10px; +} +footer{ + position: relative; + bottom: 0; + justify-content: left; + font-size: 13px; + font-weight: 500; + width:100%; + background-color: var(--back-header1); + border-top: 1px solid #06411950; + color: #000000; + padding: 10px 10px 10px 70px; + align-content: right; + margin-top: auto; + margin-bottom: 0px; +} +#faq-container{ + display: flex; + flex-direction: column; + background-color: whitesmoke; + width: 100%; + top: 0px; + margin: auto; +} +#topic_box_container{ + display: flex; + flex-direction: column; + justify-content: space-between; +} +#c1, #c2, #c3, #c4, #c5{ + display:flex; + flex-direction: column; + margin: 10px 15px; +} +h1 > a{ + text-decoration: none; + color: whitesmoke; +} +.question_answer{ + display: flex; + flex-direction: column; +} +div.c{ + display: flex; + flex-direction: column; + margin:2em; +} +.question1, +.question2{ + display: none; + text-decoration: underline; + margin: 12px 12px 10px 20px; +} +.question1:hover, +.question2:hover{ + cursor: pointer; + text-decoration: underline; +} +.question1.on, +.question2.on{ + margin: 12px 12px 0px 20px; +} +.answer1, +.answer2{ + display: none; + margin: 0px; + color: rgb(105, 105, 105); } \ No newline at end of file diff --git a/inicial/static/styles/escalas_e_medicamentos.css b/inicial/static/styles/escalas_e_medicamentos.css index 6d7be59d..6e86f3e6 100644 --- a/inicial/static/styles/escalas_e_medicamentos.css +++ b/inicial/static/styles/escalas_e_medicamentos.css @@ -1,292 +1,292 @@ -@charset "UTF-8"; - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #FF9533; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -html{ - height: 100%; -} -body{ - font-family: var(--fonte-padrao); - background-color: #ededed; - min-height: 100vh; - /* min-width: */ -} -main { - font-family: var(--fonte-destaque); - position: relative; - display: flex; - flex-direction: column; - justify-content: flex-start; - min-height: 100vh; - width: 68%; - top: 0px; - left: 50%; - transform: translate(-50%); - bottom: 0px; - background-color: whitesmoke; - /* border-radius: 7px; */ - padding: 0px 50px 120px 50px; - /* box-shadow: 4px 4px 10px 0px lightgray; */ - box-shadow: 1px 1px 4px 0px lightgray; -} -main > h1 { - position: relative; - display: block; - color: var(--color3); - /* background-color: #e2e2e2be; */ - font-size: 18px; - margin-top: 22px; - margin-bottom: 6px; -} -#gerais{ - display: flex; - flex-direction: column; - padding-bottom: 5px; -} -#gerais > h3{ - font-family: var(--fonte-destaque); - margin-top: 12px; - margin-bottom: 2px; - font-size: 18px; -} -#gerais span{ - font-family: var(--fonte-destaque); - font-size: 18px; -} -#container_contato{ - display: flex; - flex-direction: row; - justify-content: space-between; - width: 125px; -} -#contato{ - display: flex; - flex-direction: column; -} -#inf_gerais{ - position: relative; - display: flex; - flex-direction: row; - justify-content: space-between; - top: 0px; - margin: auto; - margin-top: 0px; - width: 90%; -} -.tempos_de_espera{ - display: flex; - margin-top: 10px; - flex-direction: row; - justify-content: space-between; - width: 270px; -} -.tempos span{ - font-family: var(--fonte-padrao); -} -.tempos{ - display: flex; - flex-direction: column; - align-items: center; -} -#classificacao{ - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - width: 280px; -} -#avaliacao{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; - padding: 0 40px; - width: 100%; - margin: auto; - background-color: rgba(70, 131, 180, 0.25); - border-radius: 3px; -} -#estrelas{ - margin-left: 20px; -} -#container2{ - display: flex; - width: 90%; - margin: auto; -} -#mais_informacoes{ - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - flex-wrap: wrap; -} -.detalhamento{ - background-color: rgba(226, 226, 226, 0.733); - border-radius: 3px; - padding: 15px 25px; - margin: 7px 0; -} -.detalhamento > ul{ - display: flex; - flex-direction: column; - justify-content: flex-start; -} -.detalhamento ul li{ - padding-left: 10%; -} -main i{ - color: gray; - position: absolute; - transform: rotate(90deg); - top: 14px; - left: 15px; - font-size: 30px; - z-index: 1; -} -main i:hover{ - cursor: pointer; -} -.c-orange, -.c-yellow, -.c-green, -.c-blue { - height: 30px; - width: 30px; - border-radius: 50%; - border: 1px solid gray; -} -.c-orange{ - background-color: var(--c-orange); - -} -.c-yellow { - background-color: var(--c-yellow); -} -.c-green { - background-color: var(--c-green); -} -.c-blue { - background-color: var(--c-blue); -} -#btn_avaliar { - display: flex; - font-family: var(--fonte-destaque); - background-color: orangered; - border: none; - border-radius: 20px; - padding: 0px 10px; - height: 36px; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - margin-top: 10px; - margin-bottom: 15px; - align-items: center; - color: #F0F0F0; - font-size: 16px; - font-weight: 500; -} -#link_avaliar{ - /* font-size: 14px; */ - text-decoration: none; - - text-align: center; -} -#btn_avaliar:hover, -#link_avaliar:hover{ - cursor: pointer; -} -#link{ - display: flex; - flex-direction: row; - height: 90px; - justify-content: space-around; - width: 90%; - margin: auto; - margin-top: 25px; - margin-bottom: 35px; -} -#link button{ - background-color: #BBD9FB; - font-family: var(--fonte-destaque); - font-size: 15px; - font-weight: 500; - padding: 7px 0 7px 0; - height: 150px; - width: 150px; - border: 1px solid #577CFF; - border-radius: 3px; - margin: 0 30%; -} -#link button > a{ - color: black; - text-decoration: none; -} -#link button:hover{ - cursor: pointer; - background-color: #577bffa5; -} -.checked{ - color:orange; -} -.inline{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 40px 20px 10px 40px; - width: 20%; -} -.list{ - margin: 20px 20px 40px 40px; -} -.list > li{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 7px 0 0 20px; - width: 15%; -} -#fontes{ - display: flex; - flex-direction: column; - margin: 30px 0 0 40px; -} -#f{ - display: flex; - flex-direction: column; -} -#f > a{ - margin-top: 7px; +@charset "UTF-8"; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #FF9533; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +html{ + height: 100%; +} +body{ + font-family: var(--fonte-padrao); + background-color: #ededed; + min-height: 100vh; + /* min-width: */ +} +main { + font-family: var(--fonte-destaque); + position: relative; + display: flex; + flex-direction: column; + justify-content: flex-start; + min-height: 100vh; + width: 68%; + top: 0px; + left: 50%; + transform: translate(-50%); + bottom: 0px; + background-color: whitesmoke; + /* border-radius: 7px; */ + padding: 0px 50px 120px 50px; + /* box-shadow: 4px 4px 10px 0px lightgray; */ + box-shadow: 1px 1px 4px 0px lightgray; +} +main > h1 { + position: relative; + display: block; + color: var(--color3); + /* background-color: #e2e2e2be; */ + font-size: 18px; + margin-top: 22px; + margin-bottom: 6px; +} +#gerais{ + display: flex; + flex-direction: column; + padding-bottom: 5px; +} +#gerais > h3{ + font-family: var(--fonte-destaque); + margin-top: 12px; + margin-bottom: 2px; + font-size: 18px; +} +#gerais span{ + font-family: var(--fonte-destaque); + font-size: 18px; +} +#container_contato{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 125px; +} +#contato{ + display: flex; + flex-direction: column; +} +#inf_gerais{ + position: relative; + display: flex; + flex-direction: row; + justify-content: space-between; + top: 0px; + margin: auto; + margin-top: 0px; + width: 90%; +} +.tempos_de_espera{ + display: flex; + margin-top: 10px; + flex-direction: row; + justify-content: space-between; + width: 270px; +} +.tempos span{ + font-family: var(--fonte-padrao); +} +.tempos{ + display: flex; + flex-direction: column; + align-items: center; +} +#classificacao{ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + width: 280px; +} +#avaliacao{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + padding: 0 40px; + width: 100%; + margin: auto; + background-color: rgba(70, 131, 180, 0.25); + border-radius: 3px; +} +#estrelas{ + margin-left: 20px; +} +#container2{ + display: flex; + width: 90%; + margin: auto; +} +#mais_informacoes{ + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + flex-wrap: wrap; +} +.detalhamento{ + background-color: rgba(226, 226, 226, 0.733); + border-radius: 3px; + padding: 15px 25px; + margin: 7px 0; +} +.detalhamento > ul{ + display: flex; + flex-direction: column; + justify-content: flex-start; +} +.detalhamento ul li{ + padding-left: 10%; +} +main i{ + color: gray; + position: absolute; + transform: rotate(90deg); + top: 14px; + left: 15px; + font-size: 30px; + z-index: 1; +} +main i:hover{ + cursor: pointer; +} +.c-orange, +.c-yellow, +.c-green, +.c-blue { + height: 30px; + width: 30px; + border-radius: 50%; + border: 1px solid gray; +} +.c-orange{ + background-color: var(--c-orange); + +} +.c-yellow { + background-color: var(--c-yellow); +} +.c-green { + background-color: var(--c-green); +} +.c-blue { + background-color: var(--c-blue); +} +#btn_avaliar { + display: flex; + font-family: var(--fonte-destaque); + background-color: orangered; + border: none; + border-radius: 20px; + padding: 0px 10px; + height: 36px; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + margin-top: 10px; + margin-bottom: 15px; + align-items: center; + color: #F0F0F0; + font-size: 16px; + font-weight: 500; +} +#link_avaliar{ + /* font-size: 14px; */ + text-decoration: none; + + text-align: center; +} +#btn_avaliar:hover, +#link_avaliar:hover{ + cursor: pointer; +} +#link{ + display: flex; + flex-direction: row; + height: 90px; + justify-content: space-around; + width: 90%; + margin: auto; + margin-top: 25px; + margin-bottom: 35px; +} +#link button{ + background-color: #BBD9FB; + font-family: var(--fonte-destaque); + font-size: 15px; + font-weight: 500; + padding: 7px 0 7px 0; + height: 150px; + width: 150px; + border: 1px solid #577CFF; + border-radius: 3px; + margin: 0 30%; +} +#link button > a{ + color: black; + text-decoration: none; +} +#link button:hover{ + cursor: pointer; + background-color: #577bffa5; +} +.checked{ + color:orange; +} +.inline{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 40px 20px 10px 40px; + width: 20%; +} +.list{ + margin: 20px 20px 40px 40px; +} +.list > li{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 7px 0 0 20px; + width: 15%; +} +#fontes{ + display: flex; + flex-direction: column; + margin: 30px 0 0 40px; +} +#f{ + display: flex; + flex-direction: column; +} +#f > a{ + margin-top: 7px; } \ No newline at end of file diff --git a/inicial/static/styles/esqueciSenha.css b/inicial/static/styles/esqueciSenha.css index e05e8b21..82bea305 100644 --- a/inicial/static/styles/esqueciSenha.css +++ b/inicial/static/styles/esqueciSenha.css @@ -1,98 +1,98 @@ -@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -:root{ - --clr:#1D7FF1; - --clr2: #002653; - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -body{ - background-color: rgba(0, 0, 0, 0.285); - font-family: var(--fonte-padrao); -} -.modal_box_esqueciSenha{ - position: fixed; - place-content: center; - width: 100vw; - height: 100vh; - display: grid; -} -.modal_esqueciSenha{ -background-color: white; -padding: 20px; -border-radius: 10px; -width: 400px; -height: 320px; -} -#modal_title{ - text-align: center; - font-size: 20px; - /* font-family: Josefin Sans; */ - /* margin-top: 20px; */ - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - text-align: center; - font-size: 20px; - /* font-family: Josefin Sans; */ - margin-top: 0px; -} -#modal_title > h1{ - font-size: 20px; - margin-left: 20px; - /* margin: auto; */ -} -.modal_phrase{ - text-align: justify; - align-items: center; - /* font-family: Josefin Sans; */ - margin-top: 10px; - padding: 20px; -} -.modal_box_esqueciSenha .modal_esqueciSenha .modal_email{ - display: block; - border-radius: 5px; - width: 320px; - height: 35px; - margin-top: 10px; - text-indent: 10px; - border: 1px solid #252525; - margin-left:20px; -} -.modal_button{ - margin-top: 35px; - margin-left:20px; - /* font-family: Josefin Sans; */ - font-family: var(--fonte-padrao); - font-size: 17px; - background-color: var(--clr); - /* padding: 0px; */ - width: 320px; - height: 35px; - border-radius: 5px; - color: white; - border: none; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} -.modal_button:hover{ - background-color: #002653; -} -.modal_icon_back{ - width: 20px; -} -.voltar{ - background-color: transparent; - border: none; - padding: 0 5px; - margin: 0px 10px; -} -.voltar:hover{ - cursor: pointer; +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +:root{ + --clr:#1D7FF1; + --clr2: #002653; + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +body{ + background-color: rgba(0, 0, 0, 0.285); + font-family: var(--fonte-padrao); +} +.modal_box_esqueciSenha{ + position: fixed; + place-content: center; + width: 100vw; + height: 100vh; + display: grid; +} +.modal_esqueciSenha{ +background-color: white; +padding: 20px; +border-radius: 10px; +width: 400px; +height: 320px; +} +#modal_title{ + text-align: center; + font-size: 20px; + /* font-family: Josefin Sans; */ + /* margin-top: 20px; */ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + text-align: center; + font-size: 20px; + /* font-family: Josefin Sans; */ + margin-top: 0px; +} +#modal_title > h1{ + font-size: 20px; + margin-left: 20px; + /* margin: auto; */ +} +.modal_phrase{ + text-align: justify; + align-items: center; + /* font-family: Josefin Sans; */ + margin-top: 10px; + padding: 20px; +} +.modal_box_esqueciSenha .modal_esqueciSenha .modal_email{ + display: block; + border-radius: 5px; + width: 320px; + height: 35px; + margin-top: 10px; + text-indent: 10px; + border: 1px solid #252525; + margin-left:20px; +} +.modal_button{ + margin-top: 35px; + margin-left:20px; + /* font-family: Josefin Sans; */ + font-family: var(--fonte-padrao); + font-size: 17px; + background-color: var(--clr); + /* padding: 0px; */ + width: 320px; + height: 35px; + border-radius: 5px; + color: white; + border: none; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); +} +.modal_button:hover{ + background-color: #002653; +} +.modal_icon_back{ + width: 20px; +} +.voltar{ + background-color: transparent; + border: none; + padding: 0 5px; + margin: 0px 10px; +} +.voltar:hover{ + cursor: pointer; } \ No newline at end of file diff --git a/inicial/static/styles/header_e_footer.css b/inicial/static/styles/header_e_footer.css index 75750790..5cb9f5c0 100644 --- a/inicial/static/styles/header_e_footer.css +++ b/inicial/static/styles/header_e_footer.css @@ -1,452 +1,457 @@ -@charset "UTF-8"; - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: var(--fonte-padrao); -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - min-height: 100vh; -} -header#principal-header{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - position: sticky; - top: 0px; - background-color: var(--back-header1); - margin: auto; - height: 60px; - width: 100%; - text-wrap: nowrap; - justify-content: space-between; - align-items: center; - z-index: 2; - border-bottom: 6px solid #33975488; -} -#logotipo{ - display: flex; - align-items: center; - justify-content: space-between; - padding-left: 3%; - margin-top: 6px; -} -#icone{ - margin-right: 9px; - margin-bottom: 7px; -} -#titulo{ - font-family: var(--fonte-titulo); - font-size: 27px; - color: var(--clr3); - font-weight: 400; -} -.login_box2{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - width: 150px; - height: 36px; - border: 0px; - border-radius: 20px; - font-size: 10px; - padding-left: 7px; - margin-top: 7px; - margin-right: 3.6%; - /* box-shadow: 1px 1px gray; */ - border: 1px solid rgba(128, 128, 128, 0.616); - z-index: 10; -} -.active, .login_box2:hover { - border: 1px solid lightgray; - cursor: pointer; - z-index: 10; -} -.login_box{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - width: 150px; - height: 36px; - border: 0px; - border-radius: 20px; - font-size: 10px; - padding-left: 7px; - margin-top: 7px; - margin-right: 3.6%; - /* box-shadow: 1px 1px gray; */ - border: 1px solid rgba(128, 128, 128, 0.616); - z-index: 10; -} -.active, .login_box:hover { - border: 1px solid lightgray; - cursor: pointer; - z-index: 10; -} -.content_account { - padding: 0 18px; - display: none; - position: fixed; - flex-direction: column; - overflow: hidden; - background-color: transparent; - width: 186px; - top: 48px; - right: 27px; - font-size: 8px; - z-index: 10; -} -.content_account > button{ - border: 1px solid lightgray; - border-radius: 0px; - background-color: whitesmoke; - z-index: 10; -} -.content_account > button:hover{ - background-color: lightgray; -} -.spanPesquisar { - display: flex; - flex-direction: row; - background-color: white; - border: 1px solid rgba(128, 128, 128, 0.616); - border-radius: 20px; - top: 150px; - min-width: 250px; - width: 750px; - max-width: 750px; - height: 36px; - text-indent: 30px; - margin: auto; -} -.spanPesquisar span{ - float:left; - padding-right: 5px; - padding-bottom: 5px; - margin-top: 5px; - margin-left: -20px; - margin-bottom: 6px; - /* opacity: 0.6; */ - border-right: 1px solid gray; -} -#txt_pesquisar_locais, -#txt_outras_duvidas{ - float: inline-start; - background-color: white; - padding-left: 12px; - padding-bottom: 2px; - font-size: 12px; - font-family: var(--fonte-padrao); - border: none; - border-radius: 20px; - height: 36px; - min-width: 250px; - width: 400px; - max-width: 700px; - outline: none; - margin: 7px 15px 7px 5px; -} -.spanPesquisar:hover { - border: 1px solid lightgray; -} -nav#_header{ - display: flex; - flex-direction: row; - justify-content: center; - font-family: var(--fonte-destaque); - margin-top: 10px; - padding: 0 10px 0 35px;; -} -nav > a { - display: inline-block; - color: var(--letter-nav); - padding: 6px 12px; - text-decoration: none; - font-size: 15px; - font-weight: 500; - border-radius: 3px; -} -nav > a:hover { - text-decoration: underline; - cursor: pointer; -} -.divisor { - color: var(--back-nav-selected1); - font-size: 7px; - margin-top: 10px; -} -/* #pesquisa{ - display: flex; - /* position: sticky; * - top: 150px; - flex-direction: row; - width: 80%; - /* left: 50%; - transform: translate(-50%); * - margin: auto; - justify-content: center; - align-items: center; - height: auto; - background-color: #196fd2; -} */ -#btnPesquisar{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - background-color: transparent; - border: none; - border-radius: 3px; - padding: 7px 10px; - margin-top: 10px; - margin-right: 7px; -} -#btnPesquisar:hover{ - background-color: #60c2797a; -} -#top-bar1, -#top-bar2, -#top-bar3{ - display: flex; - flex-direction: row; - position: sticky; - justify-content: space-around; - align-items: center; - top: 60px; - margin: auto; - width: 100%; - background-color:lightgray; - z-index: 2; -} -#top-bar1{ - padding: .6% 28%; -} -#top-bar2{ - padding: 0px 2%; -} -#top-bar3{ - padding: 7px 0px; -} -#top-bar1.fixed, -#top-bar2.fixed, -#top-bar3.fixed{ - position: fixed; - z-index: 2; -} -#locais_de_atendimento, -#outras_duvidas{ - font-family: var(--fonte-padrao); - font-size: 15px; - background-color: whitesmoke; - padding: 7px; - border: 1px solid rgba(128, 128, 128, 0.616); - border-radius: 3px; -} -#locais_de_atendimento:hover, -#outras_duvidas:hover{ - background-color: #cae2fe; - cursor: pointer; -} -#top-bar1 a{ - color: black; - text-decoration: none; -} -#fechar_aba{ - font-size: 20px; - position: absolute; - top: 10px; - right: 50px; - z-index: 3; - background-color: transparent; - border: none; - /* border-radius: 2px; */ - padding: 4px 8px 0px 8px; -} -#fechar_aba:hover{ - background-color:rgb(190, 188, 188); - cursor: pointer; -} -#seletores > ul { - list-style-type: none; - margin-right: 0px; -} -#seletores > ul > li { - padding: 20px 20px; - border: 1px solid rgba(128, 128, 128, 0.616); -} -.wrapper{ - min-width: 50px; - width: 140px; - max-width: 140px; - margin: 10px; - border: 1px solid rgba(128, 128, 128, 0.616); - border-radius: 3px; - float: left; -} -.wrapper span{ - font-family: var(--fonte-destaque); - font-size: 15px; -} -.select-btn, .options li{ - display: flex; - cursor: pointer; - align-items: center; -} -.select-btn{ - height: 30px; - font-size: 15px; - padding: 0 0 0 7px; - border-radius: 2.5px; - background: whitesmoke; - justify-content: space-between; -} -.select-btn span{ - left: 7px; -} -.select-btn i{ - font-size: 31px; - transition: transform 0.3s linear; -} -.wrapper.active .select-btn i{ - transform: rotate(-180deg); -} -.content{ - display: none; - padding: 2px; - margin-top: 0px; - border-radius: 5px; - background: var(--back-nav); -} -.wrapper.active .content{ - display: block; -} -.content .search{ - position: relative; -} -.search i{ - left: 15px; - color: #999; - font-size: 20px; - line-height: 30px; - position: absolute; -} -.search input{ - height: 30px; - width: 100%; - outline: none; - font-size: 17px; - border-radius: 5px; - padding: 0 15px 0 43px; - border: 1px solid #b3b3b3; -} -.content .options{ - margin-top: 10px; - max-height: 100px; - overflow-y: auto; - padding-right: 7px; -} -.options::-webkit-scrollbar{ - width: 7px; -} -.options::-webkit-scrollbar-track{ - background: #f1f1f1; - border-radius: 25px; -} -.options::-webkit-scrollbar-thumb{ - background: #ccc; - border-radius: 25px;; -} -.options li{ - height: 25px; - padding: 0 70px; - font-size: 15px; - border-radius: 5px; -} -.options li:hover, li.selected{ - background: var(--division-line); -} -.voltar{ - background-color: transparent; - border: none; - padding: 0 5px; - margin: 0px 10px; -} -.voltar:hover{ - cursor: pointer; - background-color:rgb(190, 188, 188); -} -#btnProcurar { - /* position: absolute; */ - background-color: #BBD9FB; - border: 1px solid var(--c-blue); - border-radius: 5px; - padding: 2px 3px 0px 3px; - margin: 6.5px 25px 6.5px 0px; - cursor: pointer; - box-shadow: 1px 1px 10px 0px lightgray; - z-index: 0; -} -#btnProcurar:hover{ - cursor:pointer; - background-color: #88bfff; -} -#icon_lupa{ - font-variation-settings: - 'FILL' 0, - 'wght' 400, - 'GRAD' 0, - 'opsz' 24; - color: black; -} -footer { - position: relative; - bottom: 0; - justify-content: left; - font-size: 13px; - font-weight: bold; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; +@charset "UTF-8"; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: var(--fonte-padrao); +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + min-height: 100vh; +} +header#principal-header{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + position: sticky; + top: 0px; + background-color: var(--back-header1); + margin: auto; + height: 60px; + width: 100%; + text-wrap: nowrap; + justify-content: space-between; + align-items: center; + z-index: 2; + border-bottom: 6px solid #33975488; +} +#logotipo{ + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 6px; +} +#icone{ + margin-right: 9px; + margin-bottom: 7px; +} +#link_sobre_nos{ + text-decoration: none; + padding-left: 3%; +} +#titulo{ + font-family: var(--fonte-titulo); + font-size: 27px; + color: var(--clr3); + font-weight: 400; +} +#account_circle2{ + display: none; +} +#account_circle2:hover{ + cursor: pointer; +} +#box-sl{ + display: flex; + flex-direction: row; + align-items: center; + margin-right: 10px; +} +.login_box, .login_box2{ + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + min-width: 150px; + height: 36px; + border: 0px; + border-radius: 20px; + font-size: 10px; + padding-left: 7px; + margin-top: 7px; + margin-bottom: 7px; + margin-right: 3.6%; + /* box-shadow: 1px 1px gray; */ + border: 1px solid lightgray; + z-index: 10; +} +.login_box:hover, .login_box2:hover { + border: 1px solid lightgray; + cursor: pointer; + z-index: 10; +} +.content_account { + padding: 0 18px; + display: none; + position: fixed; + flex-direction: column; + overflow: hidden; + background-color: transparent; + width: 186px; + top: 48px; + right: 31px; + font-size: 8px; + z-index: 10; +} +.content_account > button{ + border: 1px solid lightgray; + border-radius: 0px; + background-color: whitesmoke; + z-index: 10; +} +.content_account > button:hover{ + background-color: lightgray; +} +#menu_icon{ + color: whitesmoke; + z-index: 1001; + cursor: pointer; + display: none; +} +.spanPesquisar { + display: flex; + flex-direction: row; + background-color: white; + border: 1px solid rgba(128, 128, 128, 0.616); + border-radius: 20px; + top: 150px; + min-width: 250px; + width: 750px; + max-width: 750px; + height: 36px; + text-indent: 30px; + margin: auto; +} +.spanPesquisar span{ + float:left; + padding-right: 5px; + padding-bottom: 5px; + margin-top: 5px; + margin-left: -20px; + margin-bottom: 6px; + /* opacity: 0.6; */ + border-right: 1px solid gray; +} +#txt_pesquisar_locais, +#txt_outras_duvidas{ + float: left; + background-color: transparent; + padding-left: 12px; + padding-bottom: 2px; + font-size: 12px; + font-family: var(--fonte-padrao); + border: none; + border-radius: 20px; + height: 36px; + min-width: 250px; + width: 700px; + max-width: 700px; + outline: none; +} +.spanPesquisar:hover { + border: 1px solid lightgray; +} +nav#_header{ + display: flex; + flex-direction: row; + justify-content: center; + font-family: var(--fonte-destaque); + margin-top: 10px; + padding: 0 10px 0 35px;; +} +nav > a { + display: inline-block; + color: var(--letter-nav); + padding: 6px 12px; + text-decoration: none; + font-size: 15px; + font-weight: 500; + border-radius: 3px; +} +nav > a:hover { + text-decoration: underline; + cursor: pointer; +} +.divisor { + color: var(--back-nav-selected1); + font-size: 7px; + margin-top: 10px; +} +nav.on{ + display: flex; + flex-direction: column; + align-items: center; + display: none; + width: 100%; + color: var(--back-nav-selected1); + background-color: var(--back-nav-selected2); + position: fixed; + top: 50px; + right: 0; + z-index: 3; + padding: 20px 0; + overflow: hidden; + transition: 0.5s; +} +/* #pesquisa{ + display: flex; + /* position: sticky; * + top: 150px; + flex-direction: row; + width: 80%; + /* left: 50%; + transform: translate(-50%); * + margin: auto; + justify-content: center; + align-items: center; + height: auto; + background-color: #196fd2; +} */ +#btnPesquisar{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + background-color: transparent; + border: none; + border-radius: 3px; + padding: 7px 10px; + margin-top: 10px; + margin-right: 7px; +} +#btnPesquisar:hover{ + background-color: #60c2797a; +} +#top-bar1, +#top-bar2, +#top-bar3{ + display: flex; + flex-direction: row; + position: sticky; + justify-content: space-around; + align-items: center; + top: 60px; + margin: auto; + width: 100%; + background-color:lightgray; + z-index: 2; +} +#top-bar1{ + padding: .6% 28%; +} +#top-bar2{ + padding: 0px 2%; +} +#top-bar3{ + padding: 7px 0px; +} +#top-bar1.fixed, +#top-bar2.fixed, +#top-bar3.fixed{ + position: fixed; + z-index: 2; +} +#locais_de_atendimento, +#outras_duvidas{ + font-family: var(--fonte-padrao); + font-size: 15px; + background-color: whitesmoke; + padding: 7px; + border: 1px solid rgba(128, 128, 128, 0.616); + border-radius: 3px; +} +#locais_de_atendimento:hover, +#outras_duvidas:hover{ + background-color: #cae2fe; + cursor: pointer; +} +#top-bar1 a{ + color: black; + text-decoration: none; +} +#fechar_aba{ + font-size: 30px; +} +#fechar_aba:hover{ + cursor: pointer; +} +#seletores > ul { + list-style-type: none; + margin-right: 0px; +} +#seletores > ul > li { + padding: 20px 20px; + border: 1px solid rgba(128, 128, 128, 0.616); +} +.wrapper{ + display: block; + width: 180px; + margin: 10px; + border: 1px solid rgba(128, 128, 128, 0.616); + border-radius: 3px; +} +.wrapper span{ + font-family: var(--fonte-destaque); + font-size: 15px; +} +.select-btn, .options li{ + display: flex; + cursor: pointer; + align-items: center; + z-index: 100; +} +.select-btn{ + height: 30px; + font-size: 15px; + padding: 0 0 0 7px; + border-radius: 2.5px; + background: whitesmoke; + justify-content: space-between; +} +.select-btn span{ + left: 7px; +} +.select-btn i{ + font-size: 31px; + transition: transform 0.3s linear; +} +.wrapper.active .select-btn i{ + transform: rotate(-180deg); +} +.content{ + display: none; + padding: 2px; + margin-top: 0px; + border-radius: 5px; + background: var(--back-nav); +} +.wrapper.active .content{ + display: block; +} +.content .search{ + position: relative; +} +.search i{ + left: 15px; + color: #999; + font-size: 20px; + line-height: 30px; + position: absolute; +} +.search input{ + height: 30px; + width: 100%; + outline: none; + font-size: 17px; + border-radius: 5px; + padding: 0 15px 0 43px; + border: 1px solid #b3b3b3; +} +.content .options{ + margin-top: 10px; + max-height: 100px; + overflow-y: auto; + padding-right: 7px; +} +.options::-webkit-scrollbar{ + width: 7px; +} +.options::-webkit-scrollbar-track{ + background: #f1f1f1; + border-radius: 25px; +} +.options::-webkit-scrollbar-thumb{ + background: #ccc; + border-radius: 25px;; +} +.options li{ + height: 25px; + padding: 0 70px; + font-size: 15px; + border-radius: 5px; +} +.options li:hover, li.selected{ + background: var(--division-line); +} +.voltar{ + background-color: transparent; + border: none; + padding: 0 5px; + margin: 0px 10px; +} +.voltar:hover{ + cursor: pointer; + background-color:rgb(190, 188, 188); +} +#btnProcurar { + /* position: absolute; */ + background-color: #BBD9FB; + border: 1px solid var(--c-blue); + border-radius: 5px; + padding: 2px 3px 0px 3px; + margin: 6.5px 25px 6.5px 25px; + cursor: pointer; + box-shadow: 1px 1px 10px 0px lightgray; + z-index: 0; +} +#btnProcurar:hover{ + cursor:pointer; + background-color: #88bfff; +} +#icon_lupa{ + font-variation-settings: + 'FILL' 0, + 'wght' 400, + 'GRAD' 0, + 'opsz' 24; + color: black; +} +footer { + position: relative; + bottom: 0; + justify-content: left; + font-size: 13px; + font-weight: bold; + width:100%; + background-color: var(--back-header1); + border-top: 1px solid #06411950; + color: #000000; + padding: 10px 10px 10px 70px; + align-content: right; + margin-top: auto; + margin-bottom: 0px; } \ No newline at end of file diff --git a/inicial/static/styles/index.css b/inicial/static/styles/index.css index 5ca03baf..b51af2a3 100644 --- a/inicial/static/styles/index.css +++ b/inicial/static/styles/index.css @@ -1,543 +1,497 @@ -@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: var(--fonte-padrao); - /* font-family:Josefin Sans; */ -} -html{ - height: 100%; -} -body{ - background-color: rgba(245, 245, 245, 0.600); - min-height: 100vh; -} -#box_banner{ - display: flex; - flex-direction: row; - justify-content: space-between; - background-color: rgba(240, 240, 240); - /* border-bottom: 1px solid lightgray; */ -} -#banner{ - background-image: url("../img/banner.jpg"); - background-size: cover; - /* background-attachment: fixed; */ - /* height: 200px; */ - width: 100%; - /* margin-top: 10px; */ - /* opacity: 50%; */ -} -#text_banner{ - font-family: var(--fonte-titulo); - font-size: 35px; - font-weight: 200; - color: var(--color3); - margin-top: 85px; - margin-left: 120px; - text-shadow: 2px 3px rgba(0, 0, 255, .2); - height: 160px; - width: 90%; -} -main{ - position: relative; - top: 0px; - bottom: 0px; - padding-top: 20px; - padding-bottom: 100px; - width: 90%; - margin: auto; -} -main > h1{ - font-size: 20px; - margin: 10px 5% 20px 5%; - /* border-top: 1px solid rgba(128, 128, 128, 0.496); - border-bottom: 1px solid rgba(128, 128, 128, 0.496); */ - padding: 5px 10%; - font-weight: 600; - color: var(--color3); - background-color: rgba(70, 131, 180, 0.25); - border-radius: 2.5px; -} -#locais_proximos, #noticias{ - font-size: 20px; - margin: 0 5% 20px 0; - /* border-top: 1px solid rgba(128, 128, 128, 0.496); - border-bottom: 1px solid rgba(128, 128, 128, 0.496); */ - padding: 5px 8%; - font-weight: 600; - color: var(--color3); - background-color: transparent; - border-top: 1px solid lightgray; - border-bottom: 1px solid lightgray;; -} -#locais_proximos{ - margin-top: 10px; -} -#noticias{ - margin-top: 50px; -} -img{ - margin:0; -} - -.bar ol{ - list-style-type: none; - /*padding: 15px;*/ - margin:0; - color: #000; -} - -.bar_element{ - display: inline-block; - margin-left:50px; - margin-right:50px; - /*background-color:red;*/ - padding:15px; -} - -.bar_element a{ - color: #000; - text-decoration:none; - transition: 0.3s; - text-transform: uppercase; -} - -.bar_element a:hover{ - /*text-decoration:underline;*/ - color: #fff; -} - -.bar_element_active{ - background-color:#71fdb5; - display:inline-block; - margin-left:50px; - margin-right:50px; - flex-shrink:0; - /*filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));*/ - padding:15px; - text-transform:uppercase; - box-shadow: 2px 3px 0px 0px rgba(0, 0, 255, .2); - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} - -/*UNDERLINE HOVER.bar_element a { - color: #000; - text-decoration: none; - position: relative; Adicione esta linha -} - -.bar_element a::after { Adicione esta regra para simular o sublinhado - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 0%; - height: 2px; /* Altura do sublinhado - background-color: #000; /* Cor do sublinhado - transition: width 0.5s; /* Duração da transição para expandir o sublinhado - opacity: 0; /* Comece com opacidade zero (oculto) -} - -.bar_element a:hover::after { - width: 100%; /* Expande o sublinhado quando o mouse passa por cima - opacity: 1; /* Torna o sublinhado visível -}*/ - -/*#input-pesquisa{ - border:none; - border-radius:40px; - /*height: 40px; - width: 700px; - text-align:center; - text-transform:uppercase; - /*position:relative; - top:-170px; - left:350px; - /*position:absolute; - position:absolute; - top: 6%; - left: 25%; - width: 50%; - height: 5%; - /*padding:5px; - box-shadow: 2px 3px 0px 0px /*#9e9e9ergba(0, 0, 255, .2); -}*/ - -#input-pesquisa{ - border:none; - border-radius:40px; - text-align:center; - text-transform:uppercase; - /*position:absolute;*/ - top: 6%; - left: 25%; - width: 700px; - height: 30px; - box-shadow: 2px 3px 0px 0px /*#9e9e9e*/rgba(0, 0, 255, .2); -} - -.nome-hospital{ - font-weight:bold; - text-transform:uppercase; - margin:0; -} - -.endereco-hospital{ - color: #b0b0b0; - margin:0; -} - -footer{ - /* background-color:#71fdb5; - display:block; - margin:-8px; - text-align:center; - padding:200px; */ - position: relative; - bottom: 0; - justify-content: left; - font-size: 13px; - font-weight: bold; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; -} - -.outer-flex-container{ - display: flex; - flex-direction: row; - background-color: whitesmoke;/*pink? qual cor tava no meu w3schools tryit*/ - /*align-items:center;*/ - /* margin-left:50px; - margin-right:50px; */ - margin: auto; - border: 1px solid lightgray; - border-radius: 10px; - /* box-shadow: 2px 3px 0px 0px /*#9e9e9e*rgba(0, 0, 255, .2); */ - align-items: center; - justify-content: space-around; - width: 85%; - margin-bottom: 70px; - /* box-shadow: 1px 1px 10px 0px rgb(194, 194, 194); */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} - -.inner-flex-container{ - position: relative; - display:flex; - flex-direction:row; - background-color:whitesmoke; - margin: 15px; /*espaço entre os inner-flex-containers (blocos verticais)*/ - align-items:center; - /* border-style: solid; */ - /* border-width: 0px 0px 2px 0px;ONDE TA A COR DESSA BORDA */ - /* border-color:#bab; */ - width: 60%; - justify-content: flex-start; - padding-right: 20px; - -} -#gerais{ - display: flex; - flex-direction: column; - padding-bottom: 5px; - margin-bottom: 20px; - margin-left: 30px; -} -#gerais > h3{ - font-family: var(--fonte-destaque); - margin-top: 12px; - margin-bottom: 2px; - font-size: 18px; -} -#endereco, -#cep{ - font-family: var(--fonte-destaque); - font-size: 20px; -} -#cep{ - margin-bottom: 12px; -} - -.informacoes{ - display: flex; - flex-direction:column; - justify-content: space-between; - align-items: flex-end; - background-color:white;/*blue*/ - /* margin:10px;espaço entre os inner-flex-containers (blocos verticais) */ - align-items:center; - /* border-style: solid; - border-color:#bab; */ - margin: auto; - background-color: whitesmoke; - -} - -/* .inner-flex-item{ - margin:10px;/*espaço entre os inner-flex-items (blocos horizontais)* - background-color:white;/* -} */ -.tempos_de_espera{ - display: flex; - flex-direction: row; - align-items: flex-end; - justify-content: space-between; - margin:10px 10px 50px 10px;/*espaço entre os inner-flex-items (blocos horizontais)*/ - background-color: whitesmoke;/**/ - /* height: 200px; */ -} -.tempos{ - display: flex; - flex-direction: column; - align-items: center; - width: 65px; - margin: 0 7px; - /* height: 200px; */ -} -.tempos span{ - font-family: var(--fonte-padrao); - font-size: 18px; -} -.circles{ - display: flex; - justify-content: space-between; - flex-flow: row; - min-width: 220px; - max-width: 260px; -} -.c-orange, -.c-yellow, -.c-green, -.c-blue { - height: 30px; - width: 30px; - border-radius: 50%; - border: 1px solid gray; - box-shadow: 1px 1px 10px 0px lightgray; -} -.c-orange { - background-color: var(--c-orange); -} -.c-yellow { - background-color: var(--c-yellow); -} -.c-green { - background-color: var(--c-green); -} -.c-blue { - background-color: var(--c-blue); -} -.checked{ - color:orange; -} - -/*.owl-item{ - background-color: white; - height:400px; - margin:50px; - border-radius:30px; - box-shadow: 2px 3px 0px 0px rgba(0, 0, 255, .2); - padding:30px; -}*/ - -.item{ - text-align: justify; - background-color:whitesmoke; - padding: 15px 25px; - border-radius:30px; - /* box-shadow: 2px 5px 5px 2px rgba(0, 0, 255, .2); */ - border: 1px solid lightgray; - /* box-shadow: 1px 1px 10px 0px rgb(194, 194, 194); */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - margin-bottom:10px; - /*margin-left:50px; - margin-right:50px; - height:400px; - width:300px;*/ - /*margin-left:50px; - margin-right:50px; - width:200px;*/ - /* margin-left:50px; - margin-right:50px; */ - margin: auto; - width:350px;/*ACHO QUE O PROBLEMA TAVA AQUI, NA DIFERENÇA ENTRE ESSES 2, TENTAR COM O OUTRO SCRIPT DEPOIS, TO USANDO O CENTER MAS ERA O PRIMEIRO DAS DEMOS DO OWL CAROUSEL, O BASIC*/ - height: 300px; -} -.info { - text-decoration: none; - background-color: #1D7FF1; - border: none; - border-radius: 20px; - padding: 0 10px 5px 8px; - height: 36px; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - min-width: 155px; -} -.info > a { - color: whitesmoke; - text-decoration: none; - text-align: center; - font-size: 14px; -} -.info:hover{ - border: 1px solid #196fd2; -} -.owl-carousel{ - /* margin: 10px 10%; */ - margin-bottom:10px; -} - -.logo a:link{ - color: #2A8C4A; - font-family: Oleo Script; - font-size: 60px; - font-style: normal; - font-weight: 400; - line-height: normal; - /*padding:0; - flex-shrink:0; - margin: -30px 0px -30px -30px;*/ - margin-top:0; - margin-bottom:0; - text-decoration:none; -} - -.logo a:visited{ - color: #2A8C4A; - text-decoration:none; - font-family: Josefin Sans; -} - -/* #header_container{ - /*background-color:pink;* - margin-top:-50px; - margin-bottom:-50px; - display:flex; - flex-direction: row; - flex-wrap:wrap; - justify-content:center; - margin-left:-50px; - margin-right:-50px; -} */ - -/* .header_container_item{ - /*background-color:white;blue* - margin:0px 10px 0px 10px; - align-self:center; -} - -#header_button{ - background-color:#ede; - border:none; - border-radius:50px; - color:black; - text-transform:uppercase; - padding:10px; - display:flex;/** - justify-content:center; - align-items:center; - font-family: Josefin Sans; - box-shadow: 2px 3px 0px 0px /*#9e9e9e*rgba(0, 0, 255, .2); -} */ - -/* #faq-container{ - background-color: white; - box-shadow: 2px 3px 0px 0px /*#9e9e9e*rgba(0, 0, 255, .2); - margin-left:50px; - margin-right:50px; - border-radius:30px; - padding:30px; - margin-top:50px; -} */ - -div.c{ - position: relative; - margin:2em; -} - -/*problema acima*/ - -h1.index{ - background:steelblue; - color:white; - padding:1em; - position: relative; -} -/*daqui pra baixo parei de prestar mt atenção*/ -label::before{ - content:""; - display: inline-block; - border: 15px solid transparent; - border-left:20px solid white; - } - - label{ - cursor: pointer; - position: relative; - display: flex; - align-items: center; - } - - div.p{ - max-height:0px; - overflow: hidden; - transition:max-height 0.5s; - background-color: white; - box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2); - } - div.p p { - padding:2em; - } - - input:checked ~ h1 label::before{ - border-left:15px solid transparent; - border-top:20px solid white; - margin-top:12px; - margin-right:10px; - } - - input:checked ~ h1 ~ div.p{ - max-height:100px; - } - a{ - color:steelblue; - } \ No newline at end of file +@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #d6f1e0; + --back-nav3: #b4efc8; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: var(--fonte-padrao); + /* font-family:Josefin Sans; */ +} +html{ + height: 100%; +} +body{ + background-color: rgba(245, 245, 245, 0.600); + min-height: 100vh; +} +#box_banner{ + display: flex; + flex-direction: row; + justify-content: space-between; + background-color: rgba(240, 240, 240); + width: 100%; + height: 200px; + /* border-bottom: 1px solid lightgray; */ +} +#box_banner img{ + height: 100%; +} +#banner{ + background-image: url('../img/banner.jpg'); + background-size: cover; + /* background-attachment: fixed; */ + /* height: 200px; */ + width: 100%; + /* margin-top: 10px; */ + /* opacity: 50%; */ +} +#text_banner{ + font-family: var(--fonte-titulo); + font-size: 35px; + font-weight: 200; + color: var(--color3); + margin-top: 85px; + margin-left: 120px; + text-shadow: 2px 3px rgba(0, 0, 255, .2); + height: 100px; + width: 90%; +} +main{ + position: relative; + + top: 0px; + bottom: 0px; + padding-top: 20px; + padding-bottom: 100px; + width: 90%; + min-width: 320px; + margin: auto; +} +#lista_hospitais{ + overflow: hidden; + white-space: nowrap; + width: 75vw; + margin: auto; +} +.slide{ + vertical-align: middle; + display: inline-block; + width: 40%; + background-color: whitesmoke; + border: 1px solid rgba(128, 128, 128, 0.393); + border-radius: 10px; + margin-left: 1.2%; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 255, .2); +} +#lista_news{ + overflow: hidden; + white-space: nowrap; + width: 75vw; + margin: auto; + height: 250px; + margin-bottom: 120px; +} +.slide_news{ + position: relative; + vertical-align: middle; + display: inline-block; + width: 30%; + background-color: whitesmoke; + border: 1px solid rgba(128, 128, 128, 0.393); + border-radius: 10px; + margin-left: 1.2%; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 255, .2); + height: 250px; +} +#arrow_left1, #arrow_right1{ + position: absolute; + top: 17%; + /* transform: translateY(-50%); */ + cursor: pointer; + font-size: 60px; + width: 5%; +} +#arrow_left2, #arrow_right2{ + position: absolute; + top: 60%; + /* transform: translateY(-50%); */ + cursor: pointer; + font-size: 60px; + width: 5%; +} +.arrow_left{ + left: 20px; +} +.arrow_right{ + right: 20px; +} +#locais_proximos, #noticias{ + font-size: 20px; + margin: 0 5% 20px 0; + /* border-top: 1px solid rgba(128, 128, 128, 0.496); + border-bottom: 1px solid rgba(128, 128, 128, 0.496); */ + padding: 5px 8%; + font-weight: 600; + color: var(--color3); + background-color: transparent; + border-top: 1px solid lightgray; + border-bottom: 1px solid lightgray;; +} +#locais_proximos{ + margin-top: 10px; +} +#noticias{ + margin-top: 120px; + +} +img{ + margin:0; +} +.nome-hospital{ + font-weight:bold; + text-transform:uppercase; + margin:0; +} + +.endereco-hospital{ + color: #b0b0b0; + margin:0; +} + +.inf_gerais{ + display: flex; + flex-direction: column; + padding-bottom: 5px; + margin-bottom: 20px; + margin: 0 20px; + overflow-wrap: break-word; +} +.inf_gerais > h3{ + font-family: var(--fonte-destaque); + margin-top: 12px; + margin-bottom: 2px; + font-size: 15px; + overflow: hidden; +} +#endereco, +.cep{ + font-family: var(--fonte-destaque); + font-size: 20px; +} +.cep{ + margin-bottom: 12px; +} +.title_tempos{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin: 0 20px; +} +.inf_especificas{ + display: flex; + flex-direction:column; + justify-content: space-between; + background-color:white;/*blue*/ + /* margin:10px;espaço entre os inner-flex-containers (blocos verticais) */ + align-items:center; + /* border-style: solid; + border-color:#bab; */ + margin: auto; + background-color: whitesmoke; + +} + +.tempos_de_espera{ + display: flex; + flex-direction: row; + align-items: flex-end; + justify-content: space-between; + margin:10px 10px 10px 10px;/*espaço entre os inner-flex-items (blocos horizontais)*/ + background-color: whitesmoke;/**/ + /* height: 200px; */ +} +.tempos{ + display: flex; + flex-direction: column; + align-items: center; + width: 65px; + margin: 0 7px; + /* height: 200px; */ +} +.tempos span{ + font-family: var(--fonte-padrao); + font-size: 16px; +} +.circles{ + display: flex; + justify-content: space-between; + flex-flow: row; + min-width: 220px; +} +.c-orange, +.c-yellow, +.c-green, +.c-blue { + height: 30px; + width: 30px; + border-radius: 50%; + border: 1px solid gray; + box-shadow: 1px 1px 10px 0px lightgray; +} +.c-orange { + background-color: var(--c-orange); +} +.c-yellow { + background-color: var(--c-yellow); +} +.c-green { + background-color: var(--c-green); +} +.c-blue { + background-color: var(--c-blue); +} +.checked{ + color:orange; +} +#info-class-urg{ + display: none; +} +#info-class-urg.on{ + display: flex; + flex-direction: column; + position: fixed; + top: 45%; + left: 50%; + transform: translate(-50%,-50%); + z-index: 2; + width: 50%; + background-color: whitesmoke; + border: 1px solid lightgray; + border-radius: 10px; + padding: 30px; + box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.25); +} +#info-class-urg h2{ + font-weight: 500; +} +#info-class-urg > span{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} +#info-class-urg > p{ + text-indent: 30px; + text-align: justify; + letter-spacing: .5px; + line-height: 1.6; +} +#title-info-class-urg{ + margin-bottom: 10px; +} +#box-info{ + margin: 20px 0; +} +.info-cor{ + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 7px; +} +.info-cor > p{ + margin-left: 10px; + font-weight: 500; +} +.btn-info-class:hover{ + cursor: pointer; +} +#close{ + font-size: 30px; +} +#close:hover{ + cursor: pointer; + background-color: lightgray; +} +/*.owl-item{ + background-color: white; + height:400px; + margin:50px; + border-radius:30px; + box-shadow: 2px 3px 0px 0px rgba(0, 0, 255, .2); + padding:30px; +}*/ +.more_info { + text-decoration: none; + background-color: #1D7FF1; + border: none; + border-radius: 20px; + padding: 0 10px 5px 8px; + height: 36px; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + min-width: 155px; + margin: 14px; +} +.more_info > a { + color: whitesmoke; + text-decoration: none; + text-align: center; + font-size: 14px; +} +.more_info:hover{ + background-color: #196fd2; +} +.owl-carousel{ + /* margin: 10px 10%; */ + margin-bottom:10px; +} + +div.c{ + position: relative; + margin:2em; +} +@media (max-device-width: 1024px) { + .arrow { + width: 20%; + } + .slide { + width: 90% + } + .slide_news { + width: 60% + } + nav { + display: flex; + } +} + +@media (max-width: 768px) { + .arrow { + width: 10%; + } + .slide { + width: 90% + } + .slide_news { + width: 60% + } +} +@media only screen and (max-width:700px){ + #top-bar1, #top-bar1.fixed{ + padding: .6% 8%; + z-index: 1; + } + .divisor{ + display: none; + } + nav { + display: none; + } + nav{ + display: flex; + flex-direction: column; + align-items: center; + display: none; + width: 100%; + color: var(--back-nav-selected1); + background-color: var(--back-nav-selected2); + position: fixed; + top: 50px; + right: 0; + z-index: 3; + padding: 20px 0; + overflow: hidden; + transition: 0.5s; + box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.25); + } + nav a{ + margin: 5px 0; + } + #menu_icon{ + display: block; + color: var(--back-nav-selected1); + margin-left: 10px; + } + .login_box{ + display: none; + } + #account_circle1{ + display: none; + } + #account_circle2{ + display: inline-block; + } + #btnPesquisar{ + margin: 0; + } + #name-account{ + display: none; + } + #locais_proximos, #noticias{ + font-size: 15px; + } + #box_banner{ + display: flex; + flex-direction: row; + justify-content: space-between; + background-color: rgba(240, 240, 240); + /* border-bottom: 1px solid lightgray; */ + height: 130px; + } + #banner{ + background-image: url("../../img/banner.jpg"); + /* background-size: cover; */ + /* background-attachment: fixed; */ + /* height: 200px; */ + width: 100%; + /* margin-top: 10px; */ + /* opacity: 50%; */ + } + #text_banner{ + font-family: var(--fonte-titulo); + font-size: 15px; + font-weight: 200; + color: var(--color3); + margin-top: 25px; + margin-left: 35px; + text-shadow: 2px 3px rgba(0, 0, 255, .2); + height: 160px; + width: 90%; + } + #info-class-urg{ + font-size: 10px; + } + .c-orange, + .c-yellow, + .c-green, + .c-blue { + height: 25px; + width: 25px; + } + #btnPesquisar > p{ + display: none; + } + .arrow_left{ + left: 0px; + margin-left: -15px; + } +} \ No newline at end of file diff --git a/inicial/static/styles/locaisdeatendimento.css b/inicial/static/styles/locaisdeatendimento.css index cd19bc37..eab7bc45 100644 --- a/inicial/static/styles/locaisdeatendimento.css +++ b/inicial/static/styles/locaisdeatendimento.css @@ -1,215 +1,215 @@ -@charset "UTF-8"; - - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - --clr4:#002653; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: var(--fonte-padrao); -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - min-height: 100vh; -} -.login_box{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - width: 150px; - height: 36px; - border: 0px; - border-radius: 20px; - font-size: 10px; - padding-left: 7px; - margin-top: 7px; - margin-right: 3.6%; - /* box-shadow: 1px 1px gray; */ - border: 1px solid rgba(128, 128, 128, 0.616); - z-index: 10; -} -.active, .login_box:hover { - border: 1px solid lightgray; - cursor: pointer; - z-index: 10; -} -section#resultados-da-pesquisa { - font-family: var(--fonte-destaque); - position: relative; - display: inline-block; - top: 0px; - bottom: 0px; - padding-top: 20px; - /* padding-left: 30px; */ - border-radius: 7px; - /* background-color: whitesmoke; */ - /* border: 1px solid rgba(211, 211, 211, 0.623); */ - /* margin: auto; */ - padding-bottom: 100px; - z-index: 1; - left: 50%; - transform: translate(-50%); - width: 75%; -} -section#resultados-da-pesquisa > h1 { - color: var(--color3); - font-size: 18px; - padding: 2px 0 2px 25px; - margin-bottom: 6px; -} -section#resultados-da-pesquisa span{ - font-size: 15px; -} -section#resultados-da-pesquisa > ul > li{ - display: flex; - justify-content: space-between; - min-height: 90px; - max-width: 1015px; - display: flex; - margin: 5px auto; - top: 100px; - padding: 20px 0 20px 25px; - border: 1px solid lightgray; - /* border-bottom: 1px solid gray; */ - border-radius: 3px; - background-color: whitesmoke; - box-shadow: 1px 1px 4px 0px lightgray; -} -section#resultados-da-pesquisa > ul { - list-style-type: disc; - -} -.nome_local{ - display: flex; - flex-flow: column; - word-wrap: break-word; - min-height: 30px; - max-width: 400px; - justify-content: space-between; - font-size: 15px; -} -.informacoes{ - display: flex; - justify-content: space-between; - align-items: center; - width: 500px; - font-size: 15px; -} -.tempos_de_espera{ - display: flex; - /* top: 30px; - right: -50px; */ - flex-direction: row; - justify-content: space-between; - width: 270px; -} -.tempos{ - display: flex; - flex-direction: column; - align-items: center; - width: 65px; - height: 50px; -} -.tempos span{ - font-size: 30px; -} -.circles{ - display: flex; - justify-content: space-between; - flex-flow: row; - min-width: 220px; - max-width: 260px; -} -.c-orange, -.c-yellow, -.c-green, -.c-blue { - height: 30px; - width: 30px; - border-radius: 50%; - border: 1px solid gray; - box-shadow: 1px 1px 10px 0px lightgray; -} -.c-orange { - background-color: var(--c-orange); -} -.c-yellow { - background-color: var(--c-yellow); -} -.c-green { - background-color: var(--c-green); -} -.c-blue { - background-color: var(--c-blue); -} -.info { - text-decoration: none; - background-color: #1D7FF1; - border: none; - border-radius: 20px; - padding: 0 10px 5px 8px; - margin-right: 20px; - height: 36px; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - min-width: 155px; -} -.info:hover{ - background-color: var(--clr4); - box-shadow: none; -} -.info > a { - color: whitesmoke; - text-decoration: none; - text-align: center; - font-size: 14px; -} -.info:hover{ - border: 1px solid #196fd2; -} -footer { - position: relative; - bottom: 0; - justify-content: left; - font-size: 13px; - font-weight: bold; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; -} +@charset "UTF-8"; + + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + --clr4:#002653; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: var(--fonte-padrao); +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + min-height: 100vh; +} +.login_box{ + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + width: 150px; + height: 36px; + border: 0px; + border-radius: 20px; + font-size: 10px; + padding-left: 7px; + margin-top: 7px; + margin-right: 3.6%; + /* box-shadow: 1px 1px gray; */ + border: 1px solid rgba(128, 128, 128, 0.616); + z-index: 10; +} +.active, .login_box:hover { + border: 1px solid lightgray; + cursor: pointer; + z-index: 10; +} +section#resultados-da-pesquisa { + font-family: var(--fonte-destaque); + position: relative; + display: inline-block; + top: 0px; + bottom: 0px; + padding-top: 20px; + /* padding-left: 30px; */ + border-radius: 7px; + /* background-color: whitesmoke; */ + /* border: 1px solid rgba(211, 211, 211, 0.623); */ + /* margin: auto; */ + padding-bottom: 100px; + z-index: 1; + left: 50%; + transform: translate(-50%); + width: 75%; +} +section#resultados-da-pesquisa > h1 { + color: var(--color3); + font-size: 18px; + padding: 2px 0 2px 25px; + margin-bottom: 6px; +} +section#resultados-da-pesquisa span{ + font-size: 15px; +} +section#resultados-da-pesquisa > ul > li{ + display: flex; + justify-content: space-between; + min-height: 90px; + max-width: 1015px; + display: flex; + margin: 5px auto; + top: 100px; + padding: 20px 0 20px 25px; + border: 1px solid lightgray; + /* border-bottom: 1px solid gray; */ + border-radius: 3px; + background-color: whitesmoke; + box-shadow: 1px 1px 4px 0px lightgray; +} +section#resultados-da-pesquisa > ul { + list-style-type: disc; + +} +.nome_local{ + display: flex; + flex-flow: column; + word-wrap: break-word; + min-height: 30px; + max-width: 400px; + justify-content: space-between; + font-size: 15px; +} +.informacoes{ + display: flex; + justify-content: space-between; + align-items: center; + width: 500px; + font-size: 15px; +} +.tempos_de_espera{ + display: flex; + /* top: 30px; + right: -50px; */ + flex-direction: row; + justify-content: space-between; + width: 270px; +} +.tempos{ + display: flex; + flex-direction: column; + align-items: center; + width: 65px; + height: 50px; +} +.tempos span{ + font-size: 30px; +} +.circles{ + display: flex; + justify-content: space-between; + flex-flow: row; + min-width: 220px; + max-width: 260px; +} +.c-orange, +.c-yellow, +.c-green, +.c-blue { + height: 30px; + width: 30px; + border-radius: 50%; + border: 1px solid gray; + box-shadow: 1px 1px 10px 0px lightgray; +} +.c-orange { + background-color: var(--c-orange); +} +.c-yellow { + background-color: var(--c-yellow); +} +.c-green { + background-color: var(--c-green); +} +.c-blue { + background-color: var(--c-blue); +} +.info { + text-decoration: none; + background-color: #1D7FF1; + border: none; + border-radius: 20px; + padding: 0 10px 5px 8px; + margin-right: 20px; + height: 36px; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + min-width: 155px; +} +.info:hover{ + background-color: var(--clr4); + box-shadow: none; +} +.info > a { + color: whitesmoke; + text-decoration: none; + text-align: center; + font-size: 14px; +} +.info:hover{ + border: 1px solid #196fd2; +} +footer { + position: relative; + bottom: 0; + justify-content: left; + font-size: 13px; + font-weight: bold; + width:100%; + background-color: var(--back-header1); + border-top: 1px solid #06411950; + color: #000000; + padding: 10px 10px 10px 70px; + align-content: right; + margin-top: auto; + margin-bottom: 0px; +} diff --git a/inicial/static/styles/maisinformacoes.css b/inicial/static/styles/maisinformacoes.css index 583d4cca..895df1a3 100644 --- a/inicial/static/styles/maisinformacoes.css +++ b/inicial/static/styles/maisinformacoes.css @@ -1,310 +1,310 @@ -@charset "UTF-8"; - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #FF9533; - --c-orange2: #c56104; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -html{ - height: 100%; -} -body{ - font-family: var(--fonte-padrao); - background-color: #ededed; - min-height: 100vh; - /* min-width: */ -} -main { - font-family: var(--fonte-destaque); - position: relative; - display: flex; - flex-direction: column; - width: 68%; - top: 0px; - left: 50%; - transform: translate(-50%); - bottom: 0px; - background-color: whitesmoke; - /* border-radius: 7px; */ - padding: 0px 50px 120px 50px; - /* box-shadow: 4px 4px 10px 0px lightgray; */ - box-shadow: 1px 1px 4px 0px lightgray; -} -main > h1 { - position: relative; - display: block; - color: var(--color3); - /* background-color: #e2e2e2be; */ - font-size: 18px; - margin-top: 22px; - margin-bottom: 6px; -} -#gerais{ - display: flex; - flex-direction: column; - padding-bottom: 5px; -} -#gerais > h3{ - font-family: var(--fonte-destaque); - margin-top: 12px; - margin-bottom: 2px; - font-size: 18px; -} -#gerais span{ - font-family: var(--fonte-destaque); - font-size: 18px; -} -#container_contato{ - display: flex; - flex-direction: row; - justify-content: space-between; - width: 125px; -} -#contato{ - display: flex; - flex-direction: column; -} -#inf_gerais{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: auto; - width: 90%; -} -.tempos_de_espera{ - display: flex; - margin-top: 10px; - flex-direction: row; - justify-content: space-between; - width: 270px; -} -.tempos span{ - font-family: var(--fonte-padrao); -} -.tempos{ - display: flex; - flex-direction: column; - align-items: center; -} -#classificacao{ - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - width: 280px; -} -#avaliacao{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; - padding: 0 40px; - width: 100%; - margin: auto; - background-color: rgba(70, 131, 180, 0.25); - border-radius: 3px; -} -#estrelas{ - margin-left: 20px; -} -#container2{ - display: flex; - width: 90%; - margin: auto; -} -#mais_informacoes{ - display: flex; - flex-direction: row; - width: 100%; - justify-content: space-between; - flex-wrap: wrap; -} -.detalhamento{ - background-color: rgba(226, 226, 226, 0.733); - border-radius: 3px; - padding: 15px 25px; - margin: 7px 0; -} -.detalhamento > ul{ - display: flex; - flex-direction: column; - justify-content: flex-start; -} -.detalhamento ul li{ - padding-left: 10%; -} -main i{ - color: gray; - position: absolute; - transform: rotate(90deg); - top: 14px; - left: 15px; - font-size: 30px; - z-index: 1; -} -main i:hover{ - cursor: pointer; -} -.c-orange, -.c-yellow, -.c-green, -.c-blue { - height: 30px; - width: 30px; - border-radius: 50%; - border: 1px solid gray; -} -.c-orange{ - background-color: var(--c-orange); - -} -.c-yellow { - background-color: var(--c-yellow); -} -.c-green { - background-color: var(--c-green); -} -.c-blue { - background-color: var(--c-blue); -} -#btn_avaliar { - display: flex; - font-family: var(--fonte-destaque); - background-color: orangered; - border: none; - border-radius: 20px; - padding: 0px 10px; - height: 36px; - box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); - margin-top: 10px; - margin-bottom: 15px; - align-items: center; - color: #F0F0F0; - font-size: 16px; - font-weight: 500; -} -#btn_avaliar:hover{ - background-color: rgb(177, 54, 9); -} -#link_avaliar{ - /* font-size: 14px; */ - text-decoration: none; - - text-align: center; -} -#btn_avaliar:hover, -#link_avaliar:hover{ - cursor: pointer; -} -#link{ - display: flex; - flex-direction: row; - justify-content: center; - width: 90%; - margin: auto; - margin-top: 25px; - margin-bottom: 35px; -} -.link button{ - background-color: #BBD9FB; - font-family: var(--fonte-destaque); - font-size: 15px; - font-weight: 500; - padding: 7px 0 7px 0; - height: 150px; - width: 150px; - border: 1px solid #577CFF; - border-radius: 3px; -} -.link button > a{ - color: black; - text-decoration: none; -} -#link button:hover{ - cursor: pointer; - background-color: #577bffa5; -} -.link{ - margin: 30px; -} -.checked{ - color:orange; -} -.inline{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 40px 20px 10px 40px; - width: 20%; -} -.list{ - margin: 20px 20px 40px 40px; -} -.list > li{ - display: flex; - flex-direction: row; - justify-content: space-between; - margin: 7px 0 0 20px; - width: 15%; -} -#fontes{ - display: flex; - flex-direction: column; - margin: 30px 0 0 40px; -} -#f{ - display: flex; - flex-direction: column; -} -#f > a{ - margin-top: 7px; -} - -footer { - display: block; - position: relative; - bottom: 0px; - justify-content: left; - font-size: 13px; - font-weight: bold; - width:100%; - background-color: var(--back-header1); - border-top: 1px solid #06411950; - color: #000000; - padding: 10px 10px 10px 70px; - align-content: right; - margin-top: auto; - margin-bottom: 0px; -} - +@charset "UTF-8"; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #FF9533; + --c-orange2: #c56104; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +html{ + height: 100%; +} +body{ + font-family: var(--fonte-padrao); + background-color: #ededed; + min-height: 100vh; + /* min-width: */ +} +main { + font-family: var(--fonte-destaque); + position: relative; + display: flex; + flex-direction: column; + width: 68%; + top: 0px; + left: 50%; + transform: translate(-50%); + bottom: 0px; + background-color: whitesmoke; + /* border-radius: 7px; */ + padding: 0px 50px 120px 50px; + /* box-shadow: 4px 4px 10px 0px lightgray; */ + box-shadow: 1px 1px 4px 0px lightgray; +} +main > h1 { + position: relative; + display: block; + color: var(--color3); + /* background-color: #e2e2e2be; */ + font-size: 18px; + margin-top: 22px; + margin-bottom: 6px; +} +#gerais{ + display: flex; + flex-direction: column; + padding-bottom: 5px; +} +#gerais > h3{ + font-family: var(--fonte-destaque); + margin-top: 12px; + margin-bottom: 2px; + font-size: 18px; +} +#gerais span{ + font-family: var(--fonte-destaque); + font-size: 18px; +} +#container_contato{ + display: flex; + flex-direction: row; + justify-content: space-between; + width: 125px; +} +#contato{ + display: flex; + flex-direction: column; +} +#inf_gerais{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: auto; + width: 90%; +} +.tempos_de_espera{ + display: flex; + margin-top: 10px; + flex-direction: row; + justify-content: space-between; + width: 270px; +} +.tempos span{ + font-family: var(--fonte-padrao); +} +.tempos{ + display: flex; + flex-direction: column; + align-items: center; +} +#classificacao{ + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + width: 280px; +} +#avaliacao{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + padding: 0 40px; + width: 100%; + margin: auto; + background-color: rgba(70, 131, 180, 0.25); + border-radius: 3px; +} +#estrelas{ + margin-left: 20px; +} +#container2{ + display: flex; + width: 90%; + margin: auto; +} +#mais_informacoes{ + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + flex-wrap: wrap; +} +.detalhamento{ + background-color: rgba(226, 226, 226, 0.733); + border-radius: 3px; + padding: 15px 25px; + margin: 7px 0; +} +.detalhamento > ul{ + display: flex; + flex-direction: column; + justify-content: flex-start; +} +.detalhamento ul li{ + padding-left: 10%; +} +main i{ + color: gray; + position: absolute; + transform: rotate(90deg); + top: 14px; + left: 15px; + font-size: 30px; + z-index: 1; +} +main i:hover{ + cursor: pointer; +} +.c-orange, +.c-yellow, +.c-green, +.c-blue { + height: 30px; + width: 30px; + border-radius: 50%; + border: 1px solid gray; +} +.c-orange{ + background-color: var(--c-orange); + +} +.c-yellow { + background-color: var(--c-yellow); +} +.c-green { + background-color: var(--c-green); +} +.c-blue { + background-color: var(--c-blue); +} +#btn_avaliar { + display: flex; + font-family: var(--fonte-destaque); + background-color: orangered; + border: none; + border-radius: 20px; + padding: 0px 10px; + height: 36px; + box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); + margin-top: 10px; + margin-bottom: 15px; + align-items: center; + color: #F0F0F0; + font-size: 16px; + font-weight: 500; +} +#btn_avaliar:hover{ + background-color: rgb(177, 54, 9); +} +#link_avaliar{ + /* font-size: 14px; */ + text-decoration: none; + + text-align: center; +} +#btn_avaliar:hover, +#link_avaliar:hover{ + cursor: pointer; +} +#link{ + display: flex; + flex-direction: row; + justify-content: center; + width: 90%; + margin: auto; + margin-top: 25px; + margin-bottom: 35px; +} +.link button{ + background-color: #BBD9FB; + font-family: var(--fonte-destaque); + font-size: 15px; + font-weight: 500; + padding: 7px 0 7px 0; + height: 150px; + width: 150px; + border: 1px solid #577CFF; + border-radius: 3px; +} +.link button > a{ + color: black; + text-decoration: none; +} +#link button:hover{ + cursor: pointer; + background-color: #577bffa5; +} +.link{ + margin: 30px; +} +.checked{ + color:orange; +} +.inline{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 40px 20px 10px 40px; + width: 20%; +} +.list{ + margin: 20px 20px 40px 40px; +} +.list > li{ + display: flex; + flex-direction: row; + justify-content: space-between; + margin: 7px 0 0 20px; + width: 15%; +} +#fontes{ + display: flex; + flex-direction: column; + margin: 30px 0 0 40px; +} +#f{ + display: flex; + flex-direction: column; +} +#f > a{ + margin-top: 7px; +} + +footer { + display: block; + position: relative; + bottom: 0px; + justify-content: left; + font-size: 13px; + font-weight: bold; + width:100%; + background-color: var(--back-header1); + border-top: 1px solid #06411950; + color: #000000; + padding: 10px 10px 10px 70px; + align-content: right; + margin-top: auto; + margin-bottom: 0px; +} + diff --git a/inicial/static/styles/meusdados.css b/inicial/static/styles/meusdados.css index aa30dad1..a282f0cf 100644 --- a/inicial/static/styles/meusdados.css +++ b/inicial/static/styles/meusdados.css @@ -1,313 +1,313 @@ -@charset "UTF-8"; - - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - min-height: 100vh; -} -main{ - width: 65%; - margin: auto; - background-color: #f5f5f5; - padding: 22px 50px 120px 50px; - box-shadow: 1px 1px 4px 0px lightgray; - font-family: var(--fonte-destaque); -} -main i:before{ -color: gray; -/* position: absolute; */ -transform: rotate(90deg); -font-size: 30px; -z-index: 1; -} -main i:hover{ -cursor: pointer; -} -#title{ - display: flex; - flex-direction: row; - justify-content: flex-start; -} -h1{ - position: relative; - display: block; - color: var(--color3); - font-size: 26px; - padding: 2px 0; - /* margin-top: 22px; */ - margin-left: 10px; - margin-bottom: 6px; -} -h2{ - font-size: 22px; - margin: 30px 0 10px 0; - font-weight: 550; - font-family: var(--fonte-destaque); - border-top: 1px solid lightgray; - border-bottom: 1px solid lightgray; -} -h3{ - margin: 10px 0 10px 0; - font-weight: 550; - font-family: var(--fonte-destaque); - /* background-color: rgba(95, 158, 160, 0.53); */ - background-image: linear-gradient( to right, rgba(95, 158, 160, 0.218) 98%, whitesmoke ); -} -h5, span{ - font-size: 18px; - font-weight: normal; -} -h4{ - font-size: 20px; - margin: 10px 0 7px 0; - font-weight: 520; - font-family: var(--fonte-destaque); -} -span{ - margin: 5px 0; -} -#aviso{ - font-size: 14px; - color: rgba(229, 0, 0, 0.731); - margin: 7px 10px; -} -.group{ - display: flex; - flex-direction: column; - justify-content: space-between; - margin: 7px 0; -} -.general_container, -.complete_answer, -.inner_container, -.hmp_container, -.medicamentos, -#contato, -#tipos_contato{ - display: flex; - flex-direction: column; -} -.general_container{ - margin: 20px 0 20px 0; -} -.inner_container{ - margin-bottom: 5px; -} -.hmp_container{ - margin: 10px 0; - align-items: first baseline; -} -#contato{ - display: flex; - flex-direction: column; - align-items: baseline; -} -.complete_answer{ - margin: 10px 0; -} -#contato{ - display: flex; - flex-direction: row; -} -li{ - font-size: 18px; - margin: 2px 0px 2px 20px; -} -.hmp_container > span, -.general_container span, -.general_container input, -.general_container button, -#contato > span, -.sem_registro, h5{ - margin-left: 10px; -} -input[type=text], input[type=tel], input[type=email], input[type=number]{ - padding-top: 5px; - padding-bottom: 4px; - padding-left: 5px; -} -input[type=text]:focus{ - outline: none; -} -input[type=number], #tipo_sanguineo{ - width: 70px; - padding-top: 7px; - padding-bottom: 7px; - padding-left: 7px; - padding-right: 5px; - margin-left: 10px; -} -input[type=date]{ - width: 150px; - padding-top: 7px; - padding-bottom: 7px; - padding-left: 7px; - padding-right: 5px; - margin-left: 10px; -} -input[type=datetime-local]{ - width: 180px; - padding-top: 7px; - padding-bottom: 7px; - padding-left: 7px; - padding-right: 5px; - margin-left: 10px; -} -#profissao{ - display: flex; - color: var(--color3); - flex-direction: column; - margin-left: 0px; -} -#informe_profissao{ - font-size: 14px; - display: none; -} -#profissao:hover #informe_profissao{ - position: relative; - display: block; - width: 700px; -} -.doenca_cronica, .sintomas, .doencas, .cirurgias, .motivo_internacao, .tempo_internacao, .condicao, .med_cp, .med_sp{ - width: 500px; -} -.f{ - display: flex; - flex-direction: column; - margin: 10px 0; -} -.medicamentos{ - margin: 7px 0 7px 10px; -} -.inner_box_sintoma, .inner_box_internacao, .inner_box_doenca_cronica, .inner_box_diagnostico{ - display: flex; - flex-direction: column; - height: 120px; - justify-content: space-between; -} -.inner_box_sintoma{ - height: 130px; -} -.inner_box_diagnostico{ - height: 40px; -} -.inner_box_cirurgia{ - height: 90px; -} -#nome, #sexo, #endereco, #telefone, #e-mail, #peso, #altura, #tp_sanguineo, #freq1, #freq2, #resp1, #resp2, #num_internacoes, #motivos_internacao, .grau_parentesco, .condicao_familiar, .nome_med_cp, .nome_med_sp, .freq_med_cp, .freq_med_sp{ - margin-left: 5px; -} -#btn_editar_dados, #submit, #submit2{ - font-size: 20px; - font-weight: 500; - background-color: #577bff89; - padding: 7px; - border: none; - border-radius: 2px; - box-shadow: 1px 1px 4px 0px gray; - margin-top: 10px; -} -#submit2{ - display: none; -} -#btn_editar_dados:hover, #submit:hover, #submit2:hover{ - cursor: pointer; - background-color: #577CFF; -} -#outer_box_doenca_cronica, #outer_box_sintoma, #outer_box_diagnostico, #outer_box_cirurgia, #outer_condicao_familiar, #outer_box_internacao, #outer_med_cp, #outer_med_sp, #add_doenca_cronica, #add_sintoma, #add_diagnostico, #add_cirurgia, #add_internacao, #answer1, #answer2, .condicao_familiar{ - display: none; -} -#outer_box_doenca_cronica.on, #outer_box_sintoma.on, #outer_box_diagnostico.on, #outer_box_cirurgia.on, #outer_condicao_familiar.on, #outer_box_internacao.on, #outer_med_cp.on, #outer_med_sp.on, #add_doenca_cronica.on, #add_sintoma.on, #add_diagnostico.on, #add_cirurgia.on, #add_internacao.on, #answer1.on, #answer2.on, .condicao_familiar.on, .inner_box_doenca_cronica, .inner_box_sintoma, .inner_box_diagnostico, .inner_box_cirurgia, .inner_box_internacao{ - display: flex; - flex-direction: column; -} -#answer1{ - margin-bottom: 10px; -} -.inner_box_doenca_cronica, .inner_box_sintoma, .inner_box_diagnostico, .inner_box_cirurgia{ - margin: 5px 0; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: baseline; -} -.inner_box_internacao{ - margin: 5px 0; - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: baseline; -} -.condicao_familiar.on{ - justify-content: space-around; - height: 100px; -} -.inner_condicao_familiar, .inner_med_cp, .inner_med_sp{ - margin-bottom: 20px; -} -.organize_button{ - display: flex; - flex-direction: row-reverse; - height: 30px; - justify-content: space-between; - align-items: center; -} -.f{ - display: flex; - flex-direction: row; - width: 70%; - justify-content: space-around; -} -.subquestion{ - margin-top: 20px; -} -.add_doenca_cronica, .add_sintoma, .add_diagnostico, .add_cirurgia, .add_internacao, .add_condicao_familiar, .add_med_cp, .add_med_sp{ - padding: 5px 10px; - margin: 10px; - background-color: #577bffa2; - border: none; - border-radius: 2px; -} -.rmbtn{ - padding: 5px 10px; - margin: 10px; - background-color: rgba(255, 0, 0, 0.704); - border: none; - border-radius: 2px; +@charset "UTF-8"; + + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + min-height: 100vh; +} +main{ + width: 65%; + margin: auto; + background-color: #f5f5f5; + padding: 22px 50px 120px 50px; + box-shadow: 1px 1px 4px 0px lightgray; + font-family: var(--fonte-destaque); +} +main i:before{ +color: gray; +/* position: absolute; */ +transform: rotate(90deg); +font-size: 30px; +z-index: 1; +} +main i:hover{ +cursor: pointer; +} +#title{ + display: flex; + flex-direction: row; + justify-content: flex-start; +} +h1{ + position: relative; + display: block; + color: var(--color3); + font-size: 26px; + padding: 2px 0; + /* margin-top: 22px; */ + margin-left: 10px; + margin-bottom: 6px; +} +h2{ + font-size: 22px; + margin: 30px 0 10px 0; + font-weight: 550; + font-family: var(--fonte-destaque); + border-top: 1px solid lightgray; + border-bottom: 1px solid lightgray; +} +h3{ + margin: 10px 0 10px 0; + font-weight: 550; + font-family: var(--fonte-destaque); + /* background-color: rgba(95, 158, 160, 0.53); */ + background-image: linear-gradient( to right, rgba(95, 158, 160, 0.218) 98%, whitesmoke ); +} +h5, span{ + font-size: 18px; + font-weight: normal; +} +h4{ + font-size: 20px; + margin: 10px 0 7px 0; + font-weight: 520; + font-family: var(--fonte-destaque); +} +span{ + margin: 5px 0; +} +#aviso{ + font-size: 14px; + color: rgba(229, 0, 0, 0.731); + margin: 7px 10px; +} +.group{ + display: flex; + flex-direction: column; + justify-content: space-between; + margin: 7px 0; +} +.general_container, +.complete_answer, +.inner_container, +.hmp_container, +.medicamentos, +#contato, +#tipos_contato{ + display: flex; + flex-direction: column; +} +.general_container{ + margin: 20px 0 20px 0; +} +.inner_container{ + margin-bottom: 5px; +} +.hmp_container{ + margin: 10px 0; + align-items: first baseline; +} +#contato{ + display: flex; + flex-direction: column; + align-items: baseline; +} +.complete_answer{ + margin: 10px 0; +} +#contato{ + display: flex; + flex-direction: row; +} +li{ + font-size: 18px; + margin: 2px 0px 2px 20px; +} +.hmp_container > span, +.general_container span, +.general_container input, +.general_container button, +#contato > span, +.sem_registro, h5{ + margin-left: 10px; +} +input[type=text], input[type=tel], input[type=email], input[type=number]{ + padding-top: 5px; + padding-bottom: 4px; + padding-left: 5px; +} +input[type=text]:focus{ + outline: none; +} +input[type=number], #tipo_sanguineo{ + width: 80px; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 7px; + padding-right: 5px; + margin-left: 10px; +} +input[type=date]{ + width: 150px; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 7px; + padding-right: 5px; + margin-left: 10px; +} +input[type=datetime-local]{ + width: 180px; + padding-top: 7px; + padding-bottom: 7px; + padding-left: 7px; + padding-right: 5px; + margin-left: 10px; +} +#profissao{ + display: flex; + color: var(--color3); + flex-direction: column; + margin-left: 0px; +} +#informe_profissao{ + font-size: 14px; + display: none; +} +#profissao:hover #informe_profissao{ + position: relative; + display: block; + width: 700px; +} +.doenca_cronica, .sintomas, .doencas, .cirurgias, .motivo_internacao, .tempo_internacao, .condicao, .med_cp, .med_sp{ + width: 500px; +} +.f{ + display: flex; + flex-direction: column; + margin: 10px 0; +} +.medicamentos{ + margin: 7px 0 7px 10px; +} +.inner_box_sintoma, .inner_box_internacao, .inner_box_doenca_cronica, .inner_box_diagnostico{ + display: flex; + flex-direction: column; + height: 120px; + justify-content: space-between; +} +.inner_box_sintoma{ + height: 130px; +} +.inner_box_diagnostico{ + height: 40px; +} +.inner_box_cirurgia{ + height: 90px; +} +#nome, #sexo, #endereco, #telefone, #e-mail, #peso, #altura, #tp_sanguineo, #freq1, #freq2, #resp1, #resp2, #num_internacoes, #motivos_internacao, .grau_parentesco, .condicao_familiar, .nome_med_cp, .nome_med_sp, .freq_med_cp, .freq_med_sp{ + margin-left: 5px; +} +#btn_editar_dados, #submit, #submit2{ + font-size: 20px; + font-weight: 500; + background-color: #577bff89; + padding: 7px; + border: none; + border-radius: 2px; + box-shadow: 1px 1px 4px 0px gray; + margin-top: 10px; +} +#submit2{ + display: none; +} +#btn_editar_dados:hover, #submit:hover, #submit2:hover{ + cursor: pointer; + background-color: #577CFF; +} +#outer_box_doenca_cronica, #outer_box_sintoma, #outer_box_diagnostico, #outer_box_cirurgia, #outer_condicao_familiar, #outer_box_internacao, #outer_med_cp, #outer_med_sp, #add_doenca_cronica, #add_sintoma, #add_diagnostico, #add_cirurgia, #add_internacao, #answer1, #answer2, .condicao_familiar{ + display: none; +} +#outer_box_doenca_cronica.on, #outer_box_sintoma.on, #outer_box_diagnostico.on, #outer_box_cirurgia.on, #outer_condicao_familiar.on, #outer_box_internacao.on, #outer_med_cp.on, #outer_med_sp.on, #add_doenca_cronica.on, #add_sintoma.on, #add_diagnostico.on, #add_cirurgia.on, #add_internacao.on, #answer1.on, #answer2.on, .condicao_familiar.on, .inner_box_doenca_cronica, .inner_box_sintoma, .inner_box_diagnostico, .inner_box_cirurgia, .inner_box_internacao{ + display: flex; + flex-direction: column; +} +#answer1{ + margin-bottom: 10px; +} +.inner_box_doenca_cronica, .inner_box_sintoma, .inner_box_diagnostico, .inner_box_cirurgia{ + margin: 5px 0; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: baseline; +} +.inner_box_internacao{ + margin: 5px 0; + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: baseline; +} +.condicao_familiar.on{ + justify-content: space-around; + height: 100px; +} +.inner_condicao_familiar, .inner_med_cp, .inner_med_sp{ + margin-bottom: 20px; +} +.organize_button{ + display: flex; + flex-direction: row-reverse; + height: 30px; + justify-content: space-between; + align-items: center; +} +.f{ + display: flex; + flex-direction: row; + width: 70%; + justify-content: space-around; +} +.subquestion{ + margin-top: 20px; +} +.add_doenca_cronica, .add_sintoma, .add_diagnostico, .add_cirurgia, .add_internacao, .add_condicao_familiar, .add_med_cp, .add_med_sp{ + padding: 5px 10px; + margin: 10px; + background-color: #577bffa2; + border: none; + border-radius: 2px; +} +.rmbtn{ + padding: 5px 10px; + margin: 10px; + background-color: rgba(255, 0, 0, 0.704); + border: none; + border-radius: 2px; } \ No newline at end of file diff --git a/inicial/static/styles/minhasavaliacoes.css b/inicial/static/styles/minhasavaliacoes.css index 7ac3d20d..f2754127 100644 --- a/inicial/static/styles/minhasavaliacoes.css +++ b/inicial/static/styles/minhasavaliacoes.css @@ -1,162 +1,162 @@ -@charset "UTF-8"; - - @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - /* min-height: 100vh; */ -} -main{ - width: 65%; - margin: auto; - background-color: #f5f5f5; - padding: 22px 50px 120px 50px; - box-shadow: 1px 1px 4px 0px lightgray; - font-family: var(--fonte-destaque); - min-height: 100vh; -} -main i:before{ - color: gray; - /* position: absolute; */ - transform: rotate(90deg); - font-size: 30px; - z-index: 1; -} -main i:hover{ - cursor: pointer; -} -#title{ - display: flex; - flex-direction: row; -} -#pesq_av{ - padding: 7px; - width: 50%; - max-width: 95%; - margin: 10px 0; -} -input[type=search]:focus{ - outline: none; -} -h1{ - position: relative; - display: block; - color: var(--color3); - font-size: 26px; - padding: 2px 0; - /* margin-top: 22px; */ - margin-left: 10px; - margin-bottom: 6px; -} -h2{ - font-size: 22px; - margin: 20px 0; - font-weight: 550; - font-family: var(--fonte-destaque); - border-top: 1px solid lightgray; - border-bottom: 1px solid lightgray; -} -h3{ - font-weight: 600; - margin-bottom: 4px; -} -.subtitle{ - margin: 5px 0; -} -.inner_container_av{ - display: flex; - flex-direction: column; - justify-content: space-between; - height: auto; - margin-bottom: 20px; - padding: 10px 20px 20px 20px; - border: 1px solid gray; -} -.inner_header{ - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; -} -.link{ - font-size: 16px; - font-weight: 500; - color: black; - background-color: var(--c-orange); - padding: 7px; - border: none; - border-radius: 2px; - box-shadow: 1px 1px 4px 0px gray; - margin: 7px 0; - text-decoration: none; -} -.link:hover{ - cursor: pointer; - background-color: rgba(255, 68, 0, 0.729); -} -.av_box{ - display: flex; - flex-direction: column; -} -.group{ - display: flex; - flex-direction: column; - margin: 10px 0; -} -.ask{ - font-weight: 600; -} -.checked{ - color:orange; -} -#avaliacao{ - display: flex; - flex-direction: row; - align-items: center; -} -#estrelas{ - margin-left: 12px; -} -.cor{ - margin-left: 10px; -} -.comentario{ - width: 95%; - margin: auto; - text-align: justify; - text-justify: inter-word; +@charset "UTF-8"; + + @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + /* min-height: 100vh; */ +} +main{ + width: 65%; + margin: auto; + background-color: #f5f5f5; + padding: 22px 50px 120px 50px; + box-shadow: 1px 1px 4px 0px lightgray; + font-family: var(--fonte-destaque); + min-height: 100vh; +} +main i:before{ + color: gray; + /* position: absolute; */ + transform: rotate(90deg); + font-size: 30px; + z-index: 1; +} +main i:hover{ + cursor: pointer; +} +#title{ + display: flex; + flex-direction: row; +} +#pesq_av{ + padding: 7px; + width: 50%; + max-width: 95%; + margin: 10px 0; +} +input[type=search]:focus{ + outline: none; +} +h1{ + position: relative; + display: block; + color: var(--color3); + font-size: 26px; + padding: 2px 0; + /* margin-top: 22px; */ + margin-left: 10px; + margin-bottom: 6px; +} +h2{ + font-size: 22px; + margin: 20px 0; + font-weight: 550; + font-family: var(--fonte-destaque); + border-top: 1px solid lightgray; + border-bottom: 1px solid lightgray; +} +h3{ + font-weight: 600; + margin-bottom: 4px; +} +.subtitle{ + margin: 5px 0; +} +.inner_container_av{ + display: flex; + flex-direction: column; + justify-content: space-between; + height: auto; + margin-bottom: 20px; + padding: 10px 20px 20px 20px; + border: 1px solid gray; +} +.inner_header{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} +.link{ + font-size: 16px; + font-weight: 500; + color: black; + background-color: var(--c-orange); + padding: 7px; + border: none; + border-radius: 2px; + box-shadow: 1px 1px 4px 0px gray; + margin: 7px 0; + text-decoration: none; +} +.link:hover{ + cursor: pointer; + background-color: rgba(255, 68, 0, 0.729); +} +.av_box{ + display: flex; + flex-direction: column; +} +.group{ + display: flex; + flex-direction: column; + margin: 10px 0; +} +.ask{ + font-weight: 600; +} +.checked{ + color:orange; +} +#avaliacao{ + display: flex; + flex-direction: row; + align-items: center; +} +#estrelas{ + margin-left: 12px; +} +.cor{ + margin-left: 10px; +} +.comentario{ + width: 95%; + margin: auto; + text-align: justify; + text-justify: inter-word; } \ No newline at end of file diff --git a/inicial/static/styles/sobre_nos.css b/inicial/static/styles/sobre_nos.css index 9c99d538..f9b56f75 100644 --- a/inicial/static/styles/sobre_nos.css +++ b/inicial/static/styles/sobre_nos.css @@ -1,89 +1,89 @@ -@charset "UTF-8"; - -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); - -:root{ - --letter-logotype: #2A8C4A; - /*--letter-nav: #064119;*/ - --letter-nav: #042a10; - --back-header1: #9BFAB0; - --back-header2: #F0F0F0; - - --division-line: #64C27B; - --back-nav1: #64C27B; - --back-nav-selected1: #2A8C4A; - --back-nav2: #D0FDD7; - --back-nav-selected2: #76b88ccf; - --back-nav3: #76B88C; - --black: #000000; - --color3: #024053; - --c-orange: #fda035; - --c-yellow: #FBFE2D; - --c-green: #6EFF57; - --c-blue: #577CFF; - --clr:#9BFAB0; - --clr2:#64C27B; - --clr3:#2A8C4A; - - --fonte-padrao: 'Inter', sans-serif; - --fonte-destaque: 'Open sans', sans-serif; - --fonte-titulo: 'Oleo script', sans-serif; -} -*{ - margin: 0px; - padding: 0px; - box-sizing: border-box; - font-family: var(--fonte-padrao); -} -html{ - height: 100%; -} -body{ - background-color: #ededed; - min-height: 100vh; -} -main{ - position: relative; - /* height: 500px; */ - background-color: whitesmoke; - /* background: white; */ - /* border-radius: 40px; */ - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - margin: auto; - top: 0px; - min-width: 300px; - max-width: 900px; - padding: 50px 50px 100px 50px; -} -article{ - margin-bottom: 50px; -} -/* main > span > article > */h1{ - font-family: var(--fonte-padrao); - font-size: 20px; - /* width: 490px; */ - margin-bottom: 20px; - color: #000; - /* font-family: Montserrat; */ - font-style: normal; - font-weight: 400; - line-height: normal; - position: relative; - /* top: 20px; */ -} -main > span > article > p{ - font-family: var(--fonte-padrao); - color: #000; - text-align: justify; - /* font-family: Montserrat; */ - font-size: clamp(1em,1em+1vh,1.5em); - font-style: normal; - font-weight: 400; - line-height: 25px; - position:relative; - text-indent: 30px; - margin-bottom: 10px; - letter-spacing: .3px; -} -/* @media screen and(max-width:500px){ +@charset "UTF-8"; + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Oleo+Script:wght@400;700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); + +:root{ + --letter-logotype: #2A8C4A; + /*--letter-nav: #064119;*/ + --letter-nav: #042a10; + --back-header1: #9BFAB0; + --back-header2: #F0F0F0; + + --division-line: #64C27B; + --back-nav1: #64C27B; + --back-nav-selected1: #2A8C4A; + --back-nav2: #D0FDD7; + --back-nav-selected2: #76b88ccf; + --back-nav3: #76B88C; + --black: #000000; + --color3: #024053; + --c-orange: #fda035; + --c-yellow: #FBFE2D; + --c-green: #6EFF57; + --c-blue: #577CFF; + --clr:#9BFAB0; + --clr2:#64C27B; + --clr3:#2A8C4A; + + --fonte-padrao: 'Inter', sans-serif; + --fonte-destaque: 'Open sans', sans-serif; + --fonte-titulo: 'Oleo script', sans-serif; +} +*{ + margin: 0px; + padding: 0px; + box-sizing: border-box; + font-family: var(--fonte-padrao); +} +html{ + height: 100%; +} +body{ + background-color: #ededed; + min-height: 100vh; +} +main{ + position: relative; + /* height: 500px; */ + background-color: whitesmoke; + /* background: white; */ + /* border-radius: 40px; */ + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + margin: auto; + top: 0px; + min-width: 300px; + max-width: 900px; + padding: 50px 50px 100px 50px; +} +article{ + margin-bottom: 50px; +} +/* main > span > article > */h1{ + font-family: var(--fonte-padrao); + font-size: 20px; + /* width: 490px; */ + margin-bottom: 20px; + color: #000; + /* font-family: Montserrat; */ + font-style: normal; + font-weight: 400; + line-height: normal; + position: relative; + /* top: 20px; */ +} +main > span > article > p{ + font-family: var(--fonte-padrao); + color: #000; + text-align: justify; + /* font-family: Montserrat; */ + font-size: clamp(1em,1em+1vh,1.5em); + font-style: normal; + font-weight: 400; + line-height: 25px; + position:relative; + text-indent: 30px; + margin-bottom: 10px; + letter-spacing: .3px; +} +/* @media screen and(max-width:500px){ } */ \ No newline at end of file diff --git a/inicial/templatetags/__init__.py b/inicial/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/inicial/templatetags/inicial_extras.py b/inicial/templatetags/inicial_extras.py new file mode 100644 index 00000000..65777d9d --- /dev/null +++ b/inicial/templatetags/inicial_extras.py @@ -0,0 +1,8 @@ +from django import template +from django.template.defaultfilters import stringfilter + +register = template.Library() + +@register.filter +def tipo_medicamento(value, arg): + return value.filter(tipo__exact=arg) \ No newline at end of file diff --git a/inicial/urls.py b/inicial/urls.py index 4a907bcd..54cdce41 100644 --- a/inicial/urls.py +++ b/inicial/urls.py @@ -17,6 +17,7 @@ path("perfil/avaliacoes/", pesquisar_avaliacoes, name="pesquisar_avaliacoes"), path("perfil/avaliacoes/", avaliacao_completa, name="avaliacao_completa"), path("perfil/meus_dados", meus_dados, name="meus_dados"), + path("perfil/editar_dados", editar_dados, name="editar_dados"), path("triagem", triagem, name="triagem"), path("triagem/a1",adulto1, name="adulto1"), path("triagem/a2",adulto2, name="adulto2"), @@ -31,5 +32,4 @@ path("resultado_amarelo",resultado_amarelo, name="resultado_amarelo"), path("resultado_verde",resultado_verde, name="resultado_verde"), path("resultado_azul",resultado_azul, name="resultado_azul"), - path("perfil/editar_dados", editar_dados, name="editar_dados"), ] diff --git a/inicial/views.py b/inicial/views.py index bf9d3a0c..2f4f6e3d 100644 --- a/inicial/views.py +++ b/inicial/views.py @@ -12,7 +12,7 @@ from .forms import * def index(request): - hospitais = Hospital.objects.order_by("-nota")[:3] + hospitais = Hospital.objects.order_by("-nota")[:8] buscar2 = BuscarForms() filter_form = FilterForms() counter = (1, 2, 3, 4, 5) @@ -59,7 +59,7 @@ def buscar(request): context = {"hospitais": hospitais, "buscar": buscar2, "filter":filter_form} - return render(request, "inicial/buscar.html", context) + return render(request, "inicial/locaisdeatendimento.html", context) def mais_informacoes(request, hospital_cnes): hospital = get_object_or_404(Hospital, pk=hospital_cnes) @@ -117,37 +117,43 @@ def duvidas_frequentes(request): def cadastro(request): - cadastro = CadastroForms() - if request.method == "POST": - cadastro = CadastroForms(request.POST) - - if cadastro.is_valid(): - if cadastro["senha_1"].value() != cadastro["senha_2"].value(): - messages.error(request, "Digite senhas iguais para concluir o cadastro") - return redirect('cadastro') - nome = cadastro["nome_cadastro"].value() - email = cadastro["email"].value() - senha = cadastro["senha_1"].value() + email = request.POST["email"] + senha_1 = request.POST["senha_1"] + senha_2 = request.POST["senha_2"] + nome = request.POST["nome"] + sobrenome = request.POST["sobrenome"] + data_nascimento = datetime.strptime(request.POST["data_nascimento"],"%Y-%m-%d") + genero = request.POST["genero"] + + if User.objects.filter(email=email).exists(): + messages.error(request, "Email já cadastrado") + return redirect('cadastro') + + if senha_1 != senha_2: + messages.error(request, "Digite senhas iguais para concluir o cadastro") + return redirect('cadastro') + + usuario = User.objects.create_user( + username=email, + email=email, + password=senha_1, + first_name=nome, + last_name=sobrenome + ) - if User.objects.filter(username=nome).exists(): - messages.error(request, "Usuário já existente") - return redirect('cadastro') + usuario.save() - usuario = User.objects.create_user( - username=nome, - email=email, - password=senha - ) + Dados.objects.create(usuario=usuario, data_nascimento=data_nascimento, genero=genero) - usuario.save() - messages.success(request, "Usuário cadastrado com sucesso!") - return redirect('index') + login(request, usuario) + messages.success(request, "Usuário cadastrado com sucesso!") + return redirect('index') context = {"cadastro":cadastro} - return render(request, 'inicial/criar_conta.html', context) + return render(request, 'inicial/criar_conta_2.html', context) def login_site(request, view_name): if request.method == "POST": @@ -162,7 +168,7 @@ def login_site(request, view_name): return redirect(view_name) else: - messages.error(request, "Usuário ou senha incorretos") + messages.error(request, "Usuário ou senha incorretos", extra_tags="login") return redirect(view_name) def confirma_email(request, view_name): @@ -263,17 +269,6 @@ def avaliacao_completa(request, avaliacao_id): return render(request, "inicial/av_completa.html", context) -def meus_dados(request): - if not request.user.is_authenticated: - messages.error(request, "Realize login para visualizar seus dados") - return redirect("index") - - buscar2 = BuscarForms() - filter_form = FilterForms() - context = {"buscar": buscar2, "filter":filter_form} - - return render(request, "inicial/meusdados.html", context) - def triagem(request): if request.method=="POST": # lógica para modaldd @@ -369,6 +364,17 @@ def resultado_azul(request): def resultado_verde(request): return render(request, 'inicial/verde_triagem.html') +def meus_dados(request): + if not request.user.is_authenticated: + messages.error(request, "Realize login para visualizar seus dados") + return redirect("index") + + buscar2 = BuscarForms() + filter_form = FilterForms() + context = {"buscar": buscar2, "filter":filter_form} + + return render(request, "inicial/meusdados.html", context) + def editar_dados(request): if not request.user.is_authenticated: messages.error(request, "Realize login para visualizar seus dados") @@ -377,17 +383,16 @@ def editar_dados(request): if request.method == "POST": dados = json.loads(request.POST["dados"]) dados.pop("dados") - # print(dados) novos_dados = Dados.objects.get(usuario=request.user) if dados["nome"] != "": novos_dados.nome = dados["nome"] - if dados["idade"] != "": - novos_dados.idade = dados["idade"] + if dados["data_nascimento"] != "": + novos_dados.idade = datetime.strptime(request.POST["data_nascimento"],"%Y-%m-%d") - if "sexo" in dados: - novos_dados.sexo = dados["sexo"] + if "genero" in dados: + novos_dados.sexo = dados["genero"] if dados["profissao"] != "": novos_dados.profissao = dados["profissao"] @@ -407,17 +412,14 @@ def editar_dados(request): if dados["tipo_sanguineo"] != "": novos_dados.tipo_sanguineo = dados["tipo_sanguineo"] - if "sim-nao1" in dados: + if "sim-nao1" in dados and "freq1" in dados: if dados["sim-nao1"] != "nao": - if "freq1" in dados: - novos_dados.fumo_alcool = dados["freq1"] + novos_dados.fumo_alcool = dados["freq1"] - if "sim-nao2" in dados: - if dados["exercicio"] != "": - novos_dados.exercicio = dados["exercicio"] - + if "sim-nao2" in dados and "freq2" in dados: if dados["sim-nao2"] != "nao": - if "freq2" in dados: + if dados["exercicio"] != "": + novos_dados.exercicio = dados["exercicio"] novos_dados.exercicio_frequencia = dados["freq2"] if "sim-nao3" in dados: @@ -425,45 +427,56 @@ def editar_dados(request): if "doenca_cronica" in dados: doencas = dados["doenca_cronica"] - if isinstance(doencas,list): - doencas.pop(0) + if isinstance(doencas, str): + if doencas != "": + Doencas.objects.create(user=request.user, doenca=doencas) - for i in doencas: - print(f"Doença: {i}") + if isinstance(doencas, list): + for doenca in doencas: + if doenca != "": + Doencas.objects.create(user=request.user, doenca=doenca) if "sim-nao4" in dados: if dados["sim-nao4"] != "nao": sintomas = dados["sintomas"] - data_sintoma = dados["data_sintoma"] - if isinstance(sintomas,list) and isinstance(data_sintoma,list): - sintomas.pop(0) - data_sintoma.pop(0) + if isinstance(sintomas, str): + if sintomas != "": + Sintomas.objects.create(user=request.user, sintoma=sintomas) - for i in range(len(sintomas)): - print(f"Sintoma: {sintomas[i]} Data: {data_sintoma[i]}") + if isinstance(sintomas,list): + for sintoma in sintomas: + if sintoma != "": + Sintomas.objects.create(user=request.user, sintoma=sintoma) if "sim-nao5" in dados: if dados["sim-nao5"] != "nao": diagnosticos = dados["doencas-diag"] - if isinstance(diagnosticos, list): - diagnosticos.pop(0) + if isinstance(diagnosticos, str): + if diagnosticos != "": + Diagnostico.objects.create(user=request.user, diagnostico=diagnosticos) - for i in diagnosticos: - print(f"Diagnosticos: {i}") + if isinstance(diagnosticos, list): + for diagnostico in diagnosticos: + if diagnostico != "": + Diagnostico.objects.create(user=request.user, diagnostico=diagnostico) if "sim-nao6" in dados: if dados["sim-nao6"] != "nao": cirurgias = dados["cirurgias"] data_cirurgia = dados["data_cirurgia"] - if isinstance(cirurgias, list) and isinstance(data_cirurgia, list): - cirurgias.pop(0) - data_cirurgia.pop(0) + if isinstance(cirurgias, str) and isinstance(data_cirurgia, str): + if cirurgias != "" and data_cirurgia != "": + data = datetime.strptime(data_cirurgia,"%Y-%m-%d") + Cirurgia.objects.create(user=request.user, cirurgia=cirurgias, data=data) + if isinstance(cirurgias, list) and isinstance(data_cirurgia, list): for i in range(len(cirurgias)): - print(f"Cirurgia: {cirurgias[i]} Data: {data_cirurgia[i]}") + if cirurgias[i] != "" and data_cirurgia[i] != "": + data = datetime.strptime(data_cirurgia[i],"%Y-%m-%d") + Cirurgia.objects.create(user=request.user, cirurgia=cirurgias[i], data=data) if "sim-nao7" in dados: if dados["sim-nao7"] != "nao": @@ -471,26 +484,31 @@ def editar_dados(request): tempo_internacao = dados["tempo_internacao"] data_internacao = dados["data_internacao"] - if isinstance(motivo, list) and isinstance(tempo_internacao, list) and isinstance(data_internacao, list): - motivo.pop(0) - tempo_internacao.pop(0) - data_internacao.pop(0) + if isinstance(motivo, str) and isinstance(tempo_internacao, str) and isinstance(data_internacao, str): + if motivo != "" and tempo_internacao != "" and data_internacao != "": + data = datetime.strptime(data_internacao,"%Y-%m-%d") + Internacao.objects.create(user=request.user, tempo=tempo_internacao, data=data, internacao=motivo) + if isinstance(motivo, list) and isinstance(tempo_internacao, list) and isinstance(data_internacao, list): for i in range(len(motivo)): - print(f"Motivo: {motivo[i]} Tempo: {tempo_internacao[i]} dias Data: {data_internacao[i]}") + if motivo[i] != "" and tempo_internacao[i] != "" and data_internacao[i] != "": + data = datetime.strptime(data_internacao[i],"%Y-%m-%d") + Internacao.objects.create(user=request.user, tempo=tempo_internacao[i], data=data, internacao=motivo[i]) if "sim-nao8" in dados: if dados["sim-nao8"] != "nao": if "condicao" in dados and "grau_parentesco" in dados: grau_parentesco = dados["grau_parentesco"] condicao = dados["condicao"] - grau_parentesco = list(grau_parentesco) - if isinstance(grau_parentesco, list) and isinstance(condicao, list): - condicao.pop(0) + if isinstance(grau_parentesco, str) and isinstance(condicao, str): + if grau_parentesco != "" and condicao != "": + Condicao_familiar.objects.create(user=request.user, condicao=condicao, grau_parentesco=grau_parentesco) - for i in range(len(grau_parentesco)): - print(f"Grau: {grau_parentesco} Condicao: {condicao}") + if isinstance(grau_parentesco, list) and isinstance(condicao, list): + for i in range(len(condicao)): + if grau_parentesco[i] != "" and condicao[i] != "": + Condicao_familiar.objects.create(user=request.user, condicao=condicao[i], grau_parentesco=grau_parentesco[i]) if "sim-nao9" in dados: if dados["sim-nao9"] != "nao": @@ -500,12 +518,22 @@ def editar_dados(request): freq3 = dados["freq3"] freq3 = list(freq3) - if isinstance(medicamento_cp, list) and isinstance(freq_cp, list) and isinstance(freq3, list): - medicamento_cp.pop(0) - freq_cp.pop(0) + if isinstance(medicamento_cp, str) and isinstance(freq_cp, str) and isinstance(freq3, str): + if medicamento_cp != "" and freq_cp != "" and freq3 != "": + Medicamento.objects.create(user=request.user, + tipo="1", + medicamento=medicamento_cp, + frequencia=freq3, + numero_frequencia=freq_cp) + if isinstance(medicamento_cp, list) and isinstance(freq_cp, list) and isinstance(freq3, list): for i in range(len(medicamento_cp)): - print(f"Medicamento: {medicamento_cp} Frequência: {freq_cp} {freq3}") + if medicamento_cp[i] != "" and freq_cp[i] != "" and freq3[i] != "": + Medicamento.objects.create(user=request.user, + tipo="1", + medicamento=medicamento_cp[i], + frequencia=freq3[i], + numero_frequencia=freq_cp[i]) if "sim-nao10" in dados: if dados["sim-nao10"] != "nao": @@ -515,14 +543,26 @@ def editar_dados(request): freq4 = dados["freq4"] freq4 = list(freq4) - if isinstance(medicamento_sp, list) and isinstance(freq_sp, list) and isinstance(freq4, list): - medicamento_sp.pop(0) - freq_sp.pop(0) + if isinstance(medicamento_sp, str) and isinstance(freq_sp, str) and isinstance(freq4, str): + if medicamento_sp != "" and freq_sp != "" and freq4 != "": + Medicamento.objects.create(user=request.user, + tipo="2", + medicamento=medicamento_sp, + frequencia=freq4, + numero_frequencia=freq_sp) + if isinstance(medicamento_sp, list) and isinstance(freq_sp, list) and isinstance(freq4, list): for i in range(len(medicamento_sp)): - print(f"Medicamento: {medicamento_sp} Frequência: {freq_sp} {freq4}") + if medicamento_sp[i] != "" and freq_sp[i] != "" and freq4[i] != "": + Medicamento.objects.create(user=request.user, + tipo="2", + medicamento=medicamento_sp[i], + frequencia=freq4[i], + numero_frequencia=freq_sp[i]) novos_dados.save() + messages.success(request, "Dados alterados com sucesso!") + return redirect("meus_dados") buscar2 = BuscarForms() filter_form = FilterForms() diff --git a/requirements.txt b/requirements.txt index c13b6536..7ccce75b 100644 Binary files a/requirements.txt and b/requirements.txt differ diff --git a/setup/settings.py b/setup/settings.py index 85320050..9bb7476c 100644 --- a/setup/settings.py +++ b/setup/settings.py @@ -40,7 +40,7 @@ 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', - 'inicial', + 'inicial.apps.InicialConfig', ] MIDDLEWARE = [ @@ -79,15 +79,16 @@ # Database # https://docs.djangoproject.com/en/4.2/ref/settings/#databases + DATABASES = { 'default': { - 'ENGINE': 'django.db.backends.mysql', - 'NAME': 'medconnect', - 'USER': 'Admin', - 'PASSWORD': str(os.getenv('DATABASE_KEY')), - 'HOST': 'localhost', - 'PORT': '3306', - } + 'ENGINE': 'django.db.backends.mysql', + 'NAME': 'medconnect', + 'USER': 'Admin', + 'PASSWORD': str(os.getenv('DATABASE_KEY')), + 'HOST': 'localhost', + 'PORT': '3306', + } } # Password validation diff --git a/templates/inicial/criar_conta.html b/templates/inicial/criar_conta.html deleted file mode 100644 index 06c1fc2f..00000000 --- a/templates/inicial/criar_conta.html +++ /dev/null @@ -1,169 +0,0 @@ -{% load static %} - - - - - - - Cadastro | MedConnect - - - -
- - - - - -
- {% csrf_token %} - - -
-

Informações Básicas

- - {% for message in messages %} -
-

{{message}}

-
- {% endfor %} -
- - - {% for field in cadastro.visible_fields %} - - {{ field }} - {% endfor %} -
-
- -
-
- - -
-

Social profiles

- -
- Vão aqui os campos de imput.. -
-
- - -
-
- - -
-
- - - \ No newline at end of file diff --git a/templates/inicial/criar_conta_2.html b/templates/inicial/criar_conta_2.html new file mode 100644 index 00000000..5b506305 --- /dev/null +++ b/templates/inicial/criar_conta_2.html @@ -0,0 +1,197 @@ +{% load static %} + + + + + + + Criar Conta | MedConnect + + + +
+
+ {% csrf_token %} +
+

Criar conta -
etapa 1 de 2

+ + {% for message in messages %} +

{{ message }}

+ {% endfor %} +
EMAIL:
+

+ +

+
Senha:
+

+ +

+
Confirmar senha:
+

+ +

+

a. Mínimo de 8 caracteres
b. Mínimo de 1 número
c. Mínimo de 1 caractere especial
d. Mínimo de 1 letra maiúscula
e. Mínimo de 1 letra minúscula

+
+
+ +

Criar conta -
etapa 2 de 2

+
+
+
Nome: +
+

+ +

+
+
+
Sobrenome: +
+

+ +

+
+
+
+
+
Data de nascimento: (DD/MM/AA) +
+

+ +

+
+
+
Gênero: +
+

+ + + + +

+
+
+
+ + +
+
+ + +
+
+ + +
+ + + + +
+
+ +
+ + + + + + \ No newline at end of file diff --git a/templates/inicial/editardados.html b/templates/inicial/editardados.html index 284ad31c..2a91ae6f 100644 --- a/templates/inicial/editardados.html +++ b/templates/inicial/editardados.html @@ -53,19 +53,20 @@

MEUS DADOS

- Idade: - + Data de nascimento: +
- Sexo: -
- - -
-
- - -
+ Genero: +
@@ -107,7 +108,17 @@

CONDIÇÕES FÍSICAS

Tipo sanguíneo: - +
@@ -231,10 +242,10 @@

Sintomas recorrentes

-
+
@@ -314,7 +325,7 @@

Internações

Tempo: - +
Data: @@ -343,12 +354,18 @@

HISTÓRICO FAMILIAR

Grau de parentesco:
- + +
Condição: @@ -380,25 +397,32 @@

USO DE MEDICAMENTOS

- Frequência: -
-
- - -
-
- - -
-
- - -
-
- - -
-
+ Frequência: +
+ + +
Neste período, quantas vezes você usa o medicamento? @@ -425,25 +449,32 @@

USO DE MEDICAMENTOS

- Frequência: -
-
- - -
-
- - -
-
- - -
-
- - -
-
+ Frequência: +
+ + +
Neste período, quantas vezes você usa o medicamento?
diff --git a/templates/inicial/index.html b/templates/inicial/index.html index 55f7038f..38a8aa78 100644 --- a/templates/inicial/index.html +++ b/templates/inicial/index.html @@ -5,20 +5,18 @@ - MedConnect + Início | MedConnect - + + + - - - - + - - + + @@ -43,188 +43,107 @@ {% include "inicial/partials/_login.html" %} - {% include "inicial/partials/_header.html" %} + {% include "inicial/partials/_header.html" %} +
O melhor local de atendimento para você. - + + Imagem do banner: imagem inspiradora de local de atendimento + +
- - - - -
-

LOCAIS DE ATENDIMENTO MELHOR AVALIADOS:

- {% for hospital in hospitais %} -
-
+
+

Tempos médios de espera

close +

Os tempos de espera médios para cada grau de urgência são estimados pelo site com base nas informações cedidas pelos pacientes na avaliação do hospital. São apenas estimativas e, por isso, podem não corresponder à realidade.

+

Cada grau de urgência é relacionado a uma cor conforme o Protocolo de Manchester:

+
+

(Laranja): Muito urgente.

+

(Amarelo): Urgente.

+

(Verde): Pouco urgente.

+

(Azul): Não urgente.

+
+
+
+

LOCAIS DE ATENDIMENTO MELHOR AVALIADOS:

+ + + +
+ arrow_circle_left + arrow_circle_right + + {% for hospital in hospitais %} +
+
+

{{ hospital.nome }}

+ + CEP: {{ hospital.cep }}
- - -
-
-

{{ hospital.nome }}

- {{ hospital.endereco }} - CEP: {{ hospital.cep }} -
- {% for number in counter %} - {% if number <= hospital.nota %} + {% for number in counter %} + {% if number <= hospital.nota %} - {% else %} + {% else %} - {% endif %} - {% endfor %} -
+ {% endif %} + {% endfor %}
- +
+
+ Tempos médios de espera: + info
- - -
-
-
- - {{ hospital.tempo_muito_urgente}} min -
-
- - {{ hospital.tempo_urgente }} min -
-
- - {{ hospital.tempo_pouco_urgente }} min -
-
- - {{ hospital.tempo_nao_urgente }} min -
-
+
+ + {{ hospital.tempo_urgente}} min +
+
+ + {{ hospital.tempo_pouco_urgente }} min
+
+ + {{ hospital.tempo_nao_urgente }} min +
+
+
+
-
- {% endfor %} + {% endfor %} + + + +

NOTÍCIAS:

- - -
-

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-

2

-

3

-

4

-

5

-

6

-

7

-

8

-

9

-

10

-

11

-

12

-
+ +
+ arrow_circle_left + arrow_circle_right + +

1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+

2

+

3

+

4

+

5

+

6

+

6

+

7

+

8

+

9

+

10

+ +
- - - - - + + \ No newline at end of file diff --git a/templates/inicial/locaisdeatendimento.html b/templates/inicial/locaisdeatendimento.html index b2e511eb..d90f7443 100644 --- a/templates/inicial/locaisdeatendimento.html +++ b/templates/inicial/locaisdeatendimento.html @@ -45,7 +45,7 @@ {% for hospital in hospitais %}
  • -

    {{ hospital.nome }}

    +

    {{ hospital.nome }}

    {{ hospital.endereco }}. CEP: {{ hospital.cep }}
    diff --git a/templates/inicial/maisinformacoes.html b/templates/inicial/maisinformacoes.html index ae91899c..b40a7300 100644 --- a/templates/inicial/maisinformacoes.html +++ b/templates/inicial/maisinformacoes.html @@ -85,7 +85,7 @@

    {{ hospital.nome }}

    {{ hospital.tempo_nao_urgente }} min -
    +
    @@ -148,7 +148,6 @@

    INFORMAÇÕES ADICIONAIS

  • PEDIÁTRICO:{{ hospital.uti_pediatrico }}
  • NEONATAL:{{ hospital.uti_neonatal }}
  • QUEIMADO:{{ hospital.uti_queimado }}
    • -

    ESCALA DE SERVIÇOS E MEDICAMENTOS DISPONÍVEIS

    @@ -168,7 +167,6 @@

    ESCALA DE SERVIÇOS E MEDICAMENTOS DISPONÍVEIS

    🞄 Portal "Transparência e Prestação de Contas" - SES-DF. -