From 824695fa7e3b0f8fbdddd3ee69a907dfd81def65 Mon Sep 17 00:00:00 2001 From: "jp.av.dev" Date: Mon, 16 Nov 2020 22:09:58 -0300 Subject: [PATCH] +.../ProyectoWebApp/static/ProyectoWebApp/css/ .css --- .../static/ProyectoWebApp/css/gestion.css | 279 ++++++++++++++++++ 1 file changed, 279 insertions(+) create mode 100644 ProyectoWeb/ProyectoWebApp/static/ProyectoWebApp/css/gestion.css diff --git a/ProyectoWeb/ProyectoWebApp/static/ProyectoWebApp/css/gestion.css b/ProyectoWeb/ProyectoWebApp/static/ProyectoWebApp/css/gestion.css new file mode 100644 index 0000000..6137e78 --- /dev/null +++ b/ProyectoWeb/ProyectoWebApp/static/ProyectoWebApp/css/gestion.css @@ -0,0 +1,279 @@ +body { + font-family: 'Lora'; + background: linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url("../img/bg_main.jpg"); + background-attachment: fixed; + background-position: center; + background-size: cover; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Raleway'; +} + +p { + line-height: 1.75; +} + +.text-faded { + color: rgba(255, 255, 255, 0.3); +} + +.site-heading { + margin-top: 5rem; + margin-bottom: 5rem; + text-transform: uppercase; + line-height: 1; + font-family: 'Raleway'; +} + +.site-heading .site-heading-upper { + display: block; + font-size: 2rem; + font-weight: 800; +} + +.site-heading .site-heading-lower { + font-size: 5rem; + font-weight: 100; + line-height: 4rem; +} + +.page-section { + margin-top: 5rem; + margin-bottom: 5rem; +} + +.section-heading { + text-transform: uppercase; +} + +.section-heading .section-heading-upper { + display: block; + font-size: 1rem; + font-weight: 800; + padding-bottom:.5rem; + +} + +.section-heading .section-heading-lower { + display: block; + font-size: 3rem; + font-weight: 100; +} + + +.section-heading .section-heading-under { + display: block; + font-size: 1rem; + text-transform: none; + font-weight: 300; + margin-top:.5rem; +} + +.bg-faded { + background-color: rgba(255, 255, 255, 0.85); +} + +#mainNav { + background-color: rgba(24, 64, 8); + font-family: 'Raleway'; +} + +#mainNav .navbar-brand { + color: #ffffff; +} + +#mainNav .navbar-nav .nav-item .nav-link { + color: rgba(255, 255, 255, 0.7); + font-weight: 800; +} + +#mainNav .navbar-nav .nav-item.active .nav-link { + color: #ffffff; + text-decoration: underline; +} + +@media (min-width: 992px) { + #mainNav .navbar-nav .nav-item .nav-link { + font-size: 0.9rem; + } + #mainNav .navbar-nav .nav-item .nav-link:hover { + color: rgba(255, 255, 255, 0.4); + text-decoration: underline; + } + #mainNav .navbar-nav .nav-item.active .nav-link:hover { + color: #ffffff; + text-decoration: underline; + } +} + +.btn-xl { + font-weight: 700; + font-size: 0.8rem; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + padding-left: 2rem; + padding-right: 2rem; +} + +.intro { + position: relative; +} + +@media (min-width: 992px) { + .intro .intro-img { + width: 75%; + float: left; + } + .intro .intro-text { + left: 600; + width: 60%; + margin-top: 3rem; + background-color: rgba(24, 64, 8); + color: cornsilk; + position: absolute; + } + .intro .intro-text .intro-button { + width: 100%; + left: 0; + position: absolute; + bottom: -2rem; + } +} + +@media (min-width: 1200px) { + .intro .intro-text { + width: 45%; + } +} + +.cta { + padding-top: 5rem; + padding-bottom: 5rem; + background-color: rgb(242, 245, 240); +} + +.cta .cta-inner { + position: relative; + padding: 3rem; + margin: 0.5rem; + background-color: rgba(24, 64, 8); + color: cornsilk; +} + +.cta .cta-inner:before { + border-radius: 0.5rem; + content: ''; + position: absolute; + top: -0.5rem; + bottom: -0.5rem; + left: -0.5rem; + right: -0.5rem; + border: 0.25rem solid rgba(255, 255, 255, 0.85); +} + +.cta .cta-innerv { + position: relative; + padding: 3rem; + margin: 0.5rem; + background-color: rgba(255, 255, 255, 0.85); +} + +@media (min-width: 992px) { + .about-heading .about-heading-img { + position: relative; + z-index: 0; + } + .about-heading .about-heading-content { + margin-top: -5rem; + position: relative; + z-index: 1; + } +} + +@media (min-width: 992px) { + .product-item .product-item-title { + position: relative; + z-index: 1; + margin-bottom: -3rem; + } + .product-item .product-item-img { + position: relative; + z-index: 0; + max-width: 60vw; + } + .product-item .product-item-description { + position: relative; + z-index: 1; + margin-top: -3rem; + max-width: 50vw; + } +} + + + +@media (min-width: 992px) { + .list-hours { + width: 50%; + font-size: 1.1rem; + } +} + +.address strong { + font-size: 1.2rem; +} + +.footer { + background-color: rgba(24, 64, 8, 0.8); +} + + + +.btn { + box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1); +} + + + +.font-weight-light { + font-weight: 100 !important; +} + +.mbtm{ + padding-top: 5rem; +} + +.mbt{ + padding-top: 2rem; +} + +.mbt1{ + padding-top: 1.25rem; +} + +a.link{ + color: rgba(255, 255, 255, 0.7); +} + +a.link:hover{ + text-decoration: none; + color: rgba(255, 255, 255, 0.4); +} + +.section-content{ + font-family: 'Lora' !important; + font-size: 16px !important; + font-weight: 400 !important; + line-height: 28px !important; +} + +ul.errorlist{ + padding-top: .75rem; + font-style: italic; + color: red; +} \ No newline at end of file