Front-end from Otto Zaiser

web/css/main.css

+@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}.admin .btn-header{float:right;margin-top:-80px}@media (max-width:768px){.admin .btn-header{float:none;margin-top:0;width:100%}}@media (min-width:768px){.admin .modal .btn{min-width:200px}}.admin .table td{font-weight:500}.admin .table thead th.sorting_desc,.admin th.sorting_asc{border-bottom-color:#0094d4}.admin .table tbody{font-size:.8em}.admin .table tbody tr{border-bottom:2px}.admin .table tbody td{vertical-align:middle}.admin .table tbody .nombreCuenta{font-weight:700}.admin .table tbody .direccionCuenta{font-size:.9em}.admin .table tbody .btn{padding:6px 12px}.admin .table tbody .revision{font-style:italic;font-size:.9em;line-height:3em}.admin table.dataTable thead :after{color:#0094d4}.admin .dataTables_info,.admin .pagination,.admin table.dataTable thead :after{font-size:.8em;opacity:none}.admin .pagination>li.active a{background:#0094d4;border-color:#0094d4}@media (max-width:768px){.admin .dataTables_wrapper:first-child .row{margin-top:20px}.admin .dataTables_wrapper:first-child .row div label{width:100%}}button.eliminar{color:#d9534f;font-size:.8em;background:0 0;border-color:#d9534f}button.eliminar:hover{color:#fff;background:#d9534f;border-color:#d9534f}button.block{color:#d9534f;background:0 0;border-color:#d9534f}button.block:hover{color:#fff;background:#d9534f;border-color:#d9534f}@media (max-width:1200px){button.block{float:none}}.userHeader .mailClass,.userHeader button,.userHeader h2{display:inline-block}.userHeader h2{margin:10px}.userHeader h2:after{display:none}.userHeader .mailClass{font-size:1.5em;color:#999}@media (max-width:992px){.userHeader .mailClass{display:none}}.userHeader a{padding:10px}.userHeader button{margin-top:10px}form.filtros{width:100%;margin-bottom:20px;max-width:100%;border-bottom:1px solid #eee;padding-bottom:20px}form.filtros input,form.filtros select{margin-right:20px}.warning .fas,.warning svg{color:#d9534f}.quiereCarga{font-weight:700}.confirmar .modal-footer{text-align:center}.userBlocked{border:1px solid #ccc!important;border-radius:10px;background-color:#ccc!important;padding:0 10px}.userBlocked .mailClass{font-size:1.5em;color:#fff}.blocked{background-color:#ccc!important}.table>tbody>tr.warning>td{background-color:#fbf3c8!important}span.mwei{font-style:italic;float:right}.navbar-vote .navbar-header{width:100%}.navbar-vote .vote-status{float:right;text-align:right;font-size:.75em;font-weight:700;border:1px solid #eee;border-radius:4px;padding:15px;margin-top:30px}@media (max-width:620px){.navbar-vote .vote-status{max-width:175px;font-size:.6em;padding:10px}}@media (max-width:375px){.navbar-vote .vote-status{max-width:130px;font-size:.5em;padding:8px}}@media (max-width:620px){.navbar-vote{margin-left:0}}.navbar-vote.navbar-fondo .vote-status{margin-top:8px}.loading-status{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.vote .btn-header{float:right;margin-top:-80px}.vote .btn-address{font-size:.6em}.btn-form{margin-left:3em}.btn-delete{position:absolute;display:none;right:20px;margin-top:8px;padding:5px 10px;font-size:.6em;border-color:#d9534f;background-color:#fff;color:#d9534f}.btn-delete:focus,.btn-delete:hover{background-color:#d9534f;border-color:#d9534f;color:#fff}legend{font-weight:700}form li input.form-control{display:inline-block;position:relative;margin-bottom:15px}form li:last-child input.form-control{margin-bottom:0}input[type=checkbox],input[type=radio]{height:15px;width:15px}.radio-inline+.radio-inline{margin-top:0;margin-left:20px}.votar .checkbox label,.votar .radio label{padding:15px;padding-left:60px;width:100%;background:#f5f5f5;border-radius:5px;border:1px solid #ccc}.votar .checkbox input:checked~label,.votar .radio input:checked~label{color:#fff;background-color:#0094d4;border-color:#0094d4}.votar .checkbox input[type=checkbox],.votar .checkbox input[type=radio],.votar .radio input[type=checkbox],.votar .radio input[type=radio]{width:20px;height:20px;margin-top:20px;margin-left:20px}.resultados,p.max-container{margin:0 auto;margin-bottom:30px;max-width:700px}.panel-avanzado{margin-top:15px}.panel-avanzado .panel-heading{padding:0}.panel-avanzado .panel-heading a{padding:10px 20px;position:relative;display:block;width:100%;text-decoration:none;color:#333}.panel-avanzado .panel-heading a:focus,.panel-avanzado .panel-heading a:hover{background-color:#0094d4;color:#fff}.panel-avanzado .panel-heading a .fa-chevron-down{position:absolute;right:15px;top:15px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .2s ease;transition:all .2s ease}.panel-avanzado .panel-heading a.collapsed .fa-chevron-down{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .2s ease;transition:all .2s ease}
\ No newline at end of file

web/images/block.svg

+<svg id="Capa_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><style>.st0{fill:#e7f5fb}.st1{fill:#f04e44;stroke:#46245e;stroke-width:2.1041;stroke-miterlimit:10}</style><title>ICONOS</title><circle class="st0" cx="100.1" cy="99.6" r="47.8"/><path class="st1" d="M110.2 100l11.2-11.2c2.8-2.8 2.8-7.4 0-10.2-2.8-2.8-7.4-2.8-10.2 0L100 89.8 88.8 78.6c-2.8-2.8-7.4-2.8-10.2 0-2.8 2.8-2.8 7.4 0 10.2L89.8 100l-11.2 11.2c-2.8 2.8-2.8 7.4 0 10.2 2.8 2.8 7.4 2.8 10.2 0l11.2-11.2 11.2 11.2c2.8 2.8 7.4 2.8 10.2 0s2.8-7.4 0-10.2L110.2 100z"/></svg>
\ No newline at end of file

web/images/bullet.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.71 20.45" width="25" height="30"><title>Bullet</title><path fill="#b9cc2e" d="M8.86 0L0 5.11l8.86 5.11 8.85-5.11L8.86 0z"/><path fill="#d9e264" d="M8.86 10.22v10.23l8.85-5.11V5.11l-8.85 5.11z"/><path fill="#9da811" d="M8.86 10.22L0 5.11v10.23l8.86 5.11V10.22z"/></svg>
\ No newline at end of file