From c267697c1dd2b37faedd1cb74348399c111b1e48 Mon Sep 17 00:00:00 2001
From: Otto Zaiser <zaisero@nic.ar>
Date: Thu, 6 Jun 2019 12:06:08 -0300
Subject: [PATCH] Agregando menu al boilertemplate y agregando responsives
---
boilertemplate.html | 55 ++++++++++++++++++++++++++++------
dist/css/main.css | 2 +-
src/scss/general/_general.scss | 1 +
src/scss/general/_header.scss | 2 +-
4 files changed, 49 insertions(+), 11 deletions(-)
diff --git a/boilertemplate.html b/boilertemplate.html
index d305314..3f9e0a6 100644
--- a/boilertemplate.html
+++ b/boilertemplate.html
@@ -19,14 +19,48 @@
<img id="logo" src="./dist/images/logo.svg" alt="Blockchain Federal Argentina">
</a>
</div>
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="true">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
</div>
+ <div id="navbar-collapse" class="navbar-collapse collapse">
+ <nav role="navigation" aria-labelledby="bfa-mainmenu">
+ <h2 class="sr-only" id="bfa-mainmenu">Navegación Principal</h2>
+ <ul class="menu nav navbar-nav navbar-right">
+ <li>
+ <a href="/" class="is-active">Inicio</a>
+ </li>
+ <li>
+ <a href="#" class="is-active">Item</a>
+ </li>
+ <li class="expanded dropdown">
+ <a href="" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
+ aria-expanded="false">Submenu <span class="caret"></span></a>
+ <ul class="menu navbar-right dropdown-menu">
+ <li>
+ <a href="#">Subitem menu</a>
+ </li>
+ <li>
+ <a href="#">Subitem menu</a>
+ </li>
+ <li>
+ <a href="#">Subitem menu</a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ </nav>
+ </div>
</div>
</nav>
<div class="diagonal-header"></div>
<main class="container" id="main-content">
<!-- INSERT CONTENT HERE -->
-
+
</main>
<!-- FOOTER A DISCRECIÓN DEL DESARROLLO -->
<footer role="contentinfo">
@@ -36,17 +70,21 @@
<div class="region region-footer">
<section>
<h2>Redes Sociales</h2>
- <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item">
+ <div
+ class="field field--name-body field--type-text-with-summary field--label-hidden field--item">
<ul>
<!-- No disponible por decisión de Comunicación.
<li><a href="https://www.facebook.com/bfa.ar" target="_blank"><i class="fab fa-facebook-f fa-2x"
aria-hidden="true"></i><span class="sr-only">Facebook</span></a></li> -->
- <li><a href="https://www.twitter.com/bfa_ar" target="_blank"><i class="fab fa-twitter fa-2x"
- aria-hidden="true"></i><span class="sr-only">Twitter</span></a></li>
- <li><a href="https://www.instagram.com/bfa_ar" target="_blank"><i class="fab fa-instagram fa-2x"
- aria-hidden="true"></i><span class="sr-only">Instagram</span></a></li>
- <li><a href="https://www.linkedin.com/company/bfar/" target="_blank"><i class="fab fa-linkedin-in fa-2x"
- aria-hidden="true"></i><span class="sr-only">Linkedin</span></a></li>
+ <li><a href="https://www.twitter.com/bfa_ar" target="_blank"><i
+ class="fab fa-twitter fa-2x" aria-hidden="true"></i><span
+ class="sr-only">Twitter</span></a></li>
+ <li><a href="https://www.instagram.com/bfa_ar" target="_blank"><i
+ class="fab fa-instagram fa-2x" aria-hidden="true"></i><span
+ class="sr-only">Instagram</span></a></li>
+ <li><a href="https://www.linkedin.com/company/bfar/" target="_blank"><i
+ class="fab fa-linkedin-in fa-2x" aria-hidden="true"></i><span
+ class="sr-only">Linkedin</span></a></li>
</ul>
<p class="font_small">Blockchain Federal Argentina</p>
</div>
@@ -60,5 +98,4 @@
<script src="./dist/js/vendor.js"></script>
<script src="./dist/js/main.js"></script>
</body>
-
</html>
\ No newline at end of file
diff --git a/dist/css/main.css b/dist/css/main.css
index ecaf68c..5eefdd1 100644
--- a/dist/css/main.css
+++ b/dist/css/main.css
@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0}.alert{display:none}p{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:662px){.breadcrumb,.font_small,small{font-size:1em}}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#999;background-color:#999}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#999;background-color:#999}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:fixed!important;clip:auto;overflow:visible;height:auto;width:100%}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center;z-index:8000;color:#fff}button.toggle-button{background:0 0;border:0;height:30px}button.toggle-button:hover{color:#0094d4}.form-footer{margin:40px 0}.form-footer p{margin:0;margin-top:8px}@media (max-width:768px){.form-footer{text-align:center}}.form-required:after{background-image:url(../images/required.svg);background-size:10px 10px;content:"";display:inline-block;line-height:1;height:10px;width:10px}.navbar-header .logo{margin-right:-15px;padding-left:15px;padding-right:15px}@media (min-width:768px){.navbar-header .logo{margin-right:0;padding-left:0}}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:padding .2s ease;transition:padding .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .sin-toggle{position:absolute;margin-top:30px;top:0;right:20px}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}.navbar-default .menu{margin-top:40px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;background-color:#fff;color:#0094d4;margin-left:0}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{font-size:1.125em}}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-fondo .menu{margin-top:25px}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}@media (max-width:768px){.navbar-fondo .sin-toggle{margin-top:0}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.9em}}.navbar-default .navbar-nav li ul.dropdown-menu li.logout a{background-color:#d9534f;color:#fff}.navbar-default .navbar-nav li ul.dropdown-menu li.logout a:hover{background-color:#d9534f;color:#fff}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0;height:264px}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}article .field--name-body{margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #999}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #999;box-shadow:0 3px 0 0 #999}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}.feedback,main form{margin:0 auto;margin-bottom:50px;max-width:700px}.feedback .btn-primary,main form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}.feedback{text-align:center}.feedback img{margin-top:-30px}.feedback h1{margin-top:-30px}.feedback p{width:70%;margin:0 auto;margin-top:20px;margin-bottom:30px}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main{margin-top:30px;margin-bottom:50px;padding:0 20px;min-height:-webkit-calc(100vh - 504px);min-height:calc(100vh - 504px)}main a{text-decoration:underline}main a.btn{text-decoration:none}main h2{position:relative;margin-bottom:50px}main h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}
\ No newline at end of file
+@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i,800,800i);footer h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html{font-size:1.125em}body{font-family:Raleway,Arial,sans-serif;font-size:1.125em;font-weight:300;background-color:#fff;line-height:1.45;color:#333;margin-top:0;min-width:300px}.alert{display:none}p{margin-bottom:1.3em}h1,h2,h3,h4{margin:1em 0 .5em;font-weight:700;line-height:1.2}h1{margin-top:0;font-size:2.441em}h2{font-size:1.953em}h3{font-size:1.563em}h4{font-size:1.25em}.breadcrumb,.font_small,small{font-size:.8em}@media (max-width:662px){.breadcrumb,.font_small,small{font-size:1em}}@media (max-width:620px){h2{font-size:1.563em}body,html{font-size:1em}}.breadcrumb{background:0 0;padding:10px 0;margin-top:20px}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\00bb"}.fa{vertical-align:middle}.btn-primary{background-color:#0094d4;color:#fff;border-color:#0094d4;border-radius:50px;border-width:2px;font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease}.btn-primary:active,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background-color:#fff;color:#0094d4;border-color:#0094d4}.btn-default{color:#0094d4;background-color:transparent;border-color:#0094d4;border-width:2px;border-style:solid;-webkit-border-image:initial;-o-border-image:initial;border-image:initial;padding:10px 16px;border-radius:50px;margin-top:2px}.btn-default:focus,.btn-default:hover{color:#fff;background-color:#0094d4;border-color:#0094d4}.modal-open .navbar-fixed-bottom,.modal-open .navbar-fixed-top{margin-right:15px}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65;border-color:#999;background-color:#999}.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover{color:#fff;border-color:#999;background-color:#999}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}.visually-hidden.focusable:active,.visually-hidden.focusable:focus{position:fixed!important;clip:auto;overflow:visible;height:auto;width:100%}a.skip-link{padding:20px;margin:0 auto;background-color:#0094d4;text-align:center;z-index:8000;color:#fff}button.toggle-button{background:0 0;border:0;height:30px}button.toggle-button:hover{color:#0094d4}.form-footer{margin:40px 0}.form-footer p{margin:0;margin-top:8px}@media (max-width:768px){.form-footer{text-align:center}}.form-required:after{background-image:url(../images/required.svg);background-size:10px 10px;content:"";display:inline-block;line-height:1;height:10px;width:10px}.navbar-header .logo{margin-right:-15px;padding-left:15px;padding-right:15px}@media (min-width:768px){.navbar-header .logo{margin-right:0;padding-left:0}}.navbar-header .logo img{height:100px;width:140px}.navbar-header .logo img:hover{opacity:.9}.navbar-default{background-color:transparent;border-color:transparent;padding-top:30px;-webkit-transition:padding .2s ease;transition:padding .2s ease}.navbar-default .navbar-nav li>a{color:#0094d4;font-weight:400}@media (min-width:768px){.navbar-default .navbar-nav li>a{color:#fff;padding-bottom:8px;padding-left:4px;padding-right:4px;margin-left:20px;border-bottom:2px solid transparent}}@media (max-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-default .navbar-nav li>a:focus,.navbar-default .navbar-nav li>a:hover{color:#fff;border-bottom:2px solid #fff}}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:transparent}.navbar-default .navbar-toggle{border-color:#fff}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff}.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#2e2f30}@media (max-width:768px){.navbar-default{padding-top:0}.navbar-default .sin-toggle{position:absolute;margin-top:30px;top:0;right:20px}.navbar-default .navbar-collapse{-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,.2);box-shadow:0 5px 5px 0 rgba(0,0,0,.2);background-color:#fff}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#0094d4}}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu{padding:0;border:none;left:20px;margin-top:16px;border-radius:4px}.navbar-default .menu{margin-top:40px}}.navbar-default .navbar-nav li ul.dropdown-menu li a{border:none;padding:12px 18px;white-space:normal;background-color:#fff;color:#0094d4;margin-left:0}@media (min-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{font-size:1.125em}}.navbar-default .navbar-nav li ul.dropdown-menu li a:hover{border:none;text-decoration:underline}.navbar-default .navbar-nav li ul.dropdown-menu li a.is-active{color:#2e2f30;text-decoration:underline}@media (max-width:768px){.navbar-default .navbar-nav li ul.dropdown-menu li a{padding-left:50px}}.navbar-content{background:#fff;border-color:#e7e7e7}.navbar-content .navbar-toggle{border-color:#0094d4}.navbar-content .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-content .navbar-toggle:focus,.navbar-content .navbar-toggle:hover{background-color:#0094d4}.navbar-content .navbar-toggle:focus .icon-bar,.navbar-content .navbar-toggle:hover .icon-bar{background-color:#fff}.navbar-content .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-content .navbar-nav li>a:focus,.navbar-content .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}@media (max-width:768px){.navbar-content .navbar-nav>.active>a,.navbar-content .navbar-nav>.active>a:focus,.navbar-content .navbar-nav>.active>a:hover{border-bottom:none}}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav>.open>a,.navbar-content .navbar-nav>.open>a:focus,.navbar-content .navbar-nav>.open>a:hover{color:#0094d4}.navbar-content .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-content .navbar-nav li ul.dropdown-menu{margin-top:31px}}.navbar-content .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo{background:#fff;border-color:#e7e7e7;padding-top:0}.navbar-fondo .logo img{height:75px!important;margin-top:0}.navbar-fondo .navbar-toggle{border-color:#0094d4}.navbar-fondo .navbar-toggle .icon-bar{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus,.navbar-fondo .navbar-toggle:hover{background-color:#0094d4}.navbar-fondo .navbar-toggle:focus .icon-bar,.navbar-fondo .navbar-toggle:hover .icon-bar{background-color:#fff}@media (min-width:768px){.navbar-fondo .menu{margin-top:20px}}.navbar-fondo .navbar-nav li>a{color:#0094d4}@media (max-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;text-decoration:underline}}@media (min-width:768px){.navbar-fondo .navbar-nav li>a:focus,.navbar-fondo .navbar-nav li>a:hover{color:#0094d4;border-bottom:2px solid #0094d4}}.navbar-fondo .navbar-nav>.active>a,.navbar-fondo .navbar-nav>.active>a:focus,.navbar-fondo .navbar-nav>.active>a:hover{color:#2e2f30;background-color:transparent;border-bottom:2px solid #2e2f30}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4;background-color:transparent}.navbar-fondo .navbar-nav li ul.dropdown-menu{border-top:1px solid #0094d4;border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.navbar-fondo .navbar-nav li ul.dropdown-menu{margin-top:26px}}@media (max-width:768px){.navbar-fondo .sin-toggle{margin-top:0}}.navbar-fondo .navbar-nav li ul.dropdown-menu:before{border:none}.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:focus,.navbar-fondo .navbar-nav li ul.dropdown-menu li:last-child>a:hover{background-color:transparent;color:#0094d4}.navbar-fondo .navbar-nav>.open>a,.navbar-fondo .navbar-nav>.open>a:focus,.navbar-fondo .navbar-nav>.open>a:hover{color:#0094d4}@media (max-width:992px){.navbar-default .navbar-nav li>a{margin-left:10px;font-size:.9em}}.navbar-default .navbar-nav li ul.dropdown-menu li.logout a{background-color:#d9534f;color:#fff}.navbar-default .navbar-nav li ul.dropdown-menu li.logout a:hover{background-color:#d9534f;color:#fff}footer{color:#fff;background-color:#2e2f30;text-align:center;padding:80px 0 60px 0;height:264px}footer ul{list-style:none;padding-left:0;margin-bottom:30px}footer ul li{position:relative;display:inline-block;margin:0 10px}footer ul li a{color:#2e2f30;font-size:16px;display:inline-block;background-color:#fff;border-radius:60px;width:50px;height:50px;padding:.55em 0;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease}footer ul li a:focus,footer ul li a:hover{color:rgba(255,255,255,.8);color:#fff;background-color:#0094d4;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}article .field--name-body{margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px}article ol,article ul{margin-top:20px}article ol li,article ul li{margin-bottom:20px}article ol li ol,article ol li ul,article ul li ol,article ul li ul{margin-bottom:40px}article img{display:block;max-width:100%;height:auto;margin:30px auto;clear:both;border-radius:4px}article a img{border:1px solid #999}article a:focus img,article a:hover img{border:1px solid #2e2f30;-webkit-box-shadow:0 3px 0 0 #999;box-shadow:0 3px 0 0 #999}article .field--name-field-image img{margin-top:0;margin-bottom:50px;border-bottom:10px solid #0094d4}article .field--name-field-fecha{float:left;padding:10px}article .field--name-field-categoria{float:left;color:#fff;background-color:#0094d4;padding:10px}article .field--name-field-categoria a{color:#fff}.feedback,main form{margin:0 auto;margin-bottom:50px;max-width:700px}.feedback .btn-primary,main form .btn-primary{padding:10px 16px;font-size:18px;line-height:1.3333333}.feedback{text-align:center}.feedback img{margin-top:-30px}.feedback h1{margin-top:-30px}.feedback p{width:70%;margin:0 auto;margin-top:20px;margin-bottom:30px}#edit-preview{display:none}main section{margin-top:35px;padding:0 10px}main section section{margin-top:0}@media (max-width:768px){main section{margin-top:0}}main{margin-top:30px;margin-bottom:50px;padding:0 20px;min-height:-webkit-calc(100vh - 504px);min-height:calc(100vh - 504px)}main a{text-decoration:underline}main a.btn{text-decoration:none}main h2{position:relative;margin-bottom:50px}main h2:after{background-color:#755293;content:"";display:block;height:5px;left:0;bottom:-15px;position:absolute;width:50px}main h3{color:#755293;padding-left:1.5em;background-image:url(../images/bullet.svg);background-repeat:no-repeat;background-position:0}.diagonal-header{height:160px;content:"";background:url(../images/pattern.png),#3b76ba;background:url(../images/pattern.png),-webkit-gradient(linear,left top,left bottom,from(#3b76ba),color-stop(130%,#7dd2d9));background:url(../images/pattern.png),-webkit-linear-gradient(top,#3b76ba 0,#7dd2d9 130%);background:url(../images/pattern.png),linear-gradient(to bottom,#3b76ba 0,#7dd2d9 130%);-webkit-transform:skewY(1.5deg);-ms-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}@media (max-width:768px){.diagonal-header{height:130px}}table[role=presentation] img{margin:0}
\ No newline at end of file
diff --git a/src/scss/general/_general.scss b/src/scss/general/_general.scss
index 62adc37..0b382f0 100644
--- a/src/scss/general/_general.scss
+++ b/src/scss/general/_general.scss
@@ -8,6 +8,7 @@ body {
line-height: 1.45;
color: $tipo;
margin-top: 0;
+ min-width: 300px;
}
.alert{
display: none;
diff --git a/src/scss/general/_header.scss b/src/scss/general/_header.scss
index d3145aa..bdb208e 100644
--- a/src/scss/general/_header.scss
+++ b/src/scss/general/_header.scss
@@ -238,7 +238,7 @@
}
.menu{
- margin-top: 25px;
+ // margin-top: 25px;
}
@media (min-width: 768px) {
--
GitLab