Commit d138eb21 authored by Vytor Calixto's avatar Vytor Calixto 👾
Browse files

Alguns arquivos do Farol e rotas da api alteradas

parent 8ae55ccd
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
.card {
box-sizing: border-box; }
.clearfix:after, .list .list-item:after, .header:after, .clearfix:before, .list .list-item:before, .header:before {
display: block;
clear: both;
content: ''; }
.normal {
background-color: #39628d; }
.dark, header {
background-color: #1E2251; }
.darker {
background-color: #1a1a1a; }
.light, .button:active, .icon-button:active {
background-color: #bfdede; }
.lighter, body {
background-color: #F5F5F5; }
.red, footer {
background-color: #EE3437; }
.error {
background-color: #EE3437 !important; }
.inactive {
background-color: #808080; }
.float-right {
float: right; }
.float-left {
float: left; }
.margin {
margin: 20px; }
.no-margin {
margin: 0; }
.margin-vertical {
margin-top: 20px;
margin-bottom: 20px; }
.margin-horizontal {
margin-left: 20px;
margin-right: 20px; }
.padding {
padding: 20px; }
.no-padding {
padding: 0; }
.padding-vertical {
padding-top: 20px;
padding-bottom: 20px; }
.padding-horizontal {
padding-left: 20px;
padding-right: 20px; }
.text-center {
text-align: center; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.center-vertical {
margin: auto 0 auto 0; }
.center-block {
display: table;
margin: auto; }
.full {
width: 100%; }
.half {
width: 50%; }
.one-third {
width: 33%; }
.two-thirds {
width: 66%; }
.one-quarter {
width: 25%; }
.three-quarters {
width: 75%; }
.inline-block {
display: inline-block; }
.button, .icon-button {
color: white !important;
border: none;
border-radius: 2px;
font-size: 110%;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition: background-color 0.2s ease;
-moz-transition: background-color 0.2s ease;
-ms-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease; }
.button:hover, .icon-button:hover {
cursor: pointer;
text-decoration: none; }
.button:active, .icon-button:active {
-webkit-transition: background-color 0.2s ease-out;
-moz-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out; }
.button:focus, .icon-button:focus {
outline: 0; }
.float-button {
position: relative;
top: -1.3em; }
.icon-button {
border-radius: 0;
font-family: FontAwesome;
font-size: 1.5em;
position: relative;
top: 1.5px;
left: -6px;
color: white;
padding: 6px;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
/*&:hover{
@extend .light;
color: $nautical !important;
@include transition(all, 0.2s, ease-in-out);
}*/ }
.button-circle {
border-radius: 50%; }
.list .list-title {
padding: 20px;
text-align: center; }
.list .list-item {
margin: 0;
padding: 20px;
border-top: 1px solid #cccccc; }
ul.list {
list-style-type: none;
padding: 0;
margin: 0; }
.card {
padding: 20px;
box-shadow: 0 1px 2px #aaa;
background: white;
margin-bottom: 20px; }
.card > .card {
box-shadow: 0 2px 5px #aaa; }
.card-list {
padding: 0; }
.page-wrap {
margin-bottom: 4em; }
.page-wrap:after {
content: "";
display: block; }
.sticky {
position: absolute;
bottom: 0;
width: 100%;
height: 4em; }
html {
min-height: 100%;
position: relative; }
body {
font-family: Merriweather, serif;
color: #1a1a1a;
padding-bottom: 4em;
text-align: center;
margin: 0; }
a {
color: #39628d;
text-decoration: none; }
a:hover {
text-decoration: underline;
cursor: pointer;
color: #1E2251; }
form {
margin: 0 auto; }
header, nav {
font-family: Montserrat, sans-serif; }
header {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
padding: 5px 0 5px 0;
color: white; }
header a {
color: white; }
header a:hover {
color: white; }
header h3 {
font-weight: 100; }
footer {
color: white;
padding: 20px 0 20px 0; }
footer a {
color: inherit; }
footer a:hover {
color: #1a1a1a; }
.index {
background-image: url(../imgs/Farol.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
margin-top: 20px;
padding-top: 20%;
height: 100%; }
.index h1 {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 5em;
text-transform: uppercase;
color: #1E2251;
text-shadow: -1px -1px 0 #F5F5F5, 1px -1px 0 #F5F5F5, -1px 1px 0 #F5F5F5, 1px 1px 0 #F5F5F5; }
.search-bar {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: inset 0px 1px 3px #ddd;
font-size: 1.3em;
padding: 5px;
border: 1px solid #bfdede;
box-sizing: border-box; }
.search-bar:focus {
border: 1px solid #39628d;
outline: 0; }
.search-bar::-webkit-search-cancel-button {
-webkit-appearance: none; }
.search-bar::-webkit-search-cancel-button:after {
font-family: FontAwesome;
content: '\f00d';
color: #EE3437; }
.uploadInfo {
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
background-color: white;
width: 200px;
margin: 5px 15px 5px 15px;
display: inline-block; }
.uploadThumb {
max-width: 100%; }
.thumb {
height: 75px;
border: 1px solid #bfdede;
margin: 10px 5px 0 0; }
.header {
text-align: left;
padding: 0;
height: 100%; }
.header nav {
display: inline-block;
height: 100%;
position: relative;
bottom: 0; }
.header h2, .header form {
display: inline-block; }
.header form .search-bar {
width: 400px; }
.header h2 {
padding: 20px 20px 0 20px; }
.header h2 a {
color: white;
text-decoration: none; }
.header h2 a:hover {
text-decoration: underline; }
.warning {
border: 1px solid #EE3437; }
.hover-shadow {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6);
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-ms-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out; }
.hover-shadow:hover {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
-ms-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out; }
.clickable {
cursor: pointer; }
.card,.search-bar{box-sizing:border-box}.clickable,a:hover{cursor:pointer}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:local('Merriweather'),url(https://fonts.gstatic.com/s/merriweather/v8/RFda8w1V0eDZheqfcyQ4EInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')}.clearfix:after,.clearfix:before,.header:after,.header:before,.list .list-item:after,.list .list-item:before{display:block;clear:both;content:''}.normal{background-color:#39628d}.dark,header{background-color:#1E2251}.darker{background-color:#1a1a1a}.button:active,.icon-button:active,.light{background-color:#bfdede}.lighter,body{background-color:#F5F5F5}.red,footer{background-color:#EE3437}.error{background-color:#EE3437!important}.inactive{background-color:grey}.float-right{float:right}.float-left{float:left}.margin{margin:20px}.no-margin{margin:0}.margin-vertical{margin-top:20px;margin-bottom:20px}.margin-horizontal{margin-left:20px;margin-right:20px}.padding{padding:20px}.no-padding{padding:0}.padding-vertical{padding-top:20px;padding-bottom:20px}.padding-horizontal{padding-left:20px;padding-right:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.center-vertical{margin:auto 0}.center-block{display:table;margin:auto}.full{width:100%}.half{width:50%}.one-third{width:33%}.two-thirds{width:66%}.one-quarter{width:25%}.three-quarters{width:75%}.inline-block{display:inline-block}.button,.icon-button{color:#fff!important;border:none;border-radius:2px;font-size:110%;padding:5px;margin-top:10px;margin-bottom:10px;-webkit-transition:background-color .2s ease;-moz-transition:background-color .2s ease;-ms-transition:background-color .2s ease;-o-transition:background-color .2s ease;transition:background-color .2s ease}footer,header,header a,header a:hover{color:#fff}.button:hover,.icon-button:hover{cursor:pointer;text-decoration:none}.button:active,.icon-button:active{-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.button:focus,.icon-button:focus{outline:0}.float-button{position:relative;top:-1.3em}.icon-button{border-radius:0;font-family:FontAwesome;font-size:1.5em;position:relative;top:1.5px;left:-6px;color:#fff;padding:6px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}body,footer a:hover{color:#1a1a1a}.button-circle{border-radius:50%}.list .list-title{padding:20px;text-align:center}.list .list-item{margin:0;padding:20px;border-top:1px solid #ccc}ul.list{list-style-type:none;padding:0;margin:0}.card{padding:20px;box-shadow:0 1px 2px #aaa;background:#fff;margin-bottom:20px}.card>.card{box-shadow:0 2px 5px #aaa}.card-list{padding:0}.page-wrap{margin-bottom:4em}.page-wrap:after{content:"";display:block}.header form,.header h2,.header nav,.uploadInfo{display:inline-block}.sticky{position:absolute;bottom:0;width:100%;height:4em}.header nav,html{position:relative}html{min-height:100%}body{font-family:Merriweather,serif;padding-bottom:4em;text-align:center;margin:0}a{color:#39628d;text-decoration:none}a:hover{text-decoration:underline;color:#1E2251}form{margin:0 auto}header,nav{font-family:Montserrat,sans-serif}header{box-shadow:1px 1px 3px rgba(0,0,0,.6);padding:5px 0}header h3{font-weight:100}footer{padding:20px 0}footer a{color:inherit}.index{background-image:url(../imgs/Farol.png);background-position:center center;background-size:contain;background-repeat:no-repeat;margin-top:20px;padding-top:20%;height:100%}.index h1{margin:0;font-family:Montserrat,sans-serif;font-size:5em;text-transform:uppercase;color:#1E2251;text-shadow:-1px -1px 0 #F5F5F5,1px -1px 0 #F5F5F5,-1px 1px 0 #F5F5F5,1px 1px 0 #F5F5F5}.search-bar{background-color:rgba(255,255,255,.9);box-shadow:inset 0 1px 3px #ddd;font-size:1.3em;padding:5px;border:1px solid #bfdede}.search-bar:focus{border:1px solid #39628d;outline:0}.search-bar::-webkit-search-cancel-button{-webkit-appearance:none}.search-bar::-webkit-search-cancel-button:after{font-family:FontAwesome;content:'\f00d';color:#EE3437}.uploadInfo{box-shadow:2px 2px 15px rgba(0,0,0,.4);background-color:#fff;width:200px;margin:5px 15px}.uploadThumb{max-width:100%}.thumb{height:75px;border:1px solid #bfdede;margin:10px 5px 0 0}.header{text-align:left;padding:0;height:100%}.header nav{height:100%;bottom:0}.header form .search-bar{width:25pc}.header h2{padding:20px 20px 0}.header h2 a{color:#fff;text-decoration:none}.header h2 a:hover{text-decoration:underline}.warning{border:1px solid #EE3437}.hover-shadow{box-shadow:0 0 0 rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}.hover-shadow:hover{box-shadow:2px 2px 5px rgba(0,0,0,.6);-webkit-transition:box-shadow .2s ease-in-out;-moz-transition:box-shadow .2s ease-in-out;-ms-transition:box-shadow .2s ease-in-out;-o-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}
\ No newline at end of file
.button{
color: white !important;
border: none;
border-radius: 2px;
font-size: 110%;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
@include transition(background-color, 0.2s, ease);
&:hover{
cursor: pointer;
text-decoration: none;
}
&:active{
@extend .light;
@include transition(background-color, 0.2s, ease-out);
}
&:focus{
outline: 0;
}
}
.float-button{
position: relative;
top: -1.3em;
}
.icon-button{
@extend .button;
border-radius: 0;
font-family: FontAwesome;
font-size: $font-size + 0.2em;
position: relative;
top: 1.5px;
left: -6px;
color: white;
padding: 6px;
@include transition(background-color, 0.2s, ease-in-out);
/*&:hover{
@extend .light;
color: $nautical !important;
@include transition(all, 0.2s, ease-in-out);
}*/
}
.button-circle{
border-radius: 50%;
}
\ No newline at end of file
.card{
@extend %box-size;
padding: $padding;
box-shadow:0 1px 2px #aaa;
background: white;
margin-bottom: $margin;
//border-radius: 3px;
& > &{
box-shadow:0 2px 5px #aaa;
}
}
.card-list{
padding: 0;
}
\ No newline at end of file
//Paleta de cores
$crimson:#EE3437;//#cd1e3d;
$nautical: #1E2251; //#354069;
$deep-sea:#39628d;
$aqua:#bfdede;
$gray:#808080;
$light-gray: #F5F5F5;
$squid-ink:#1a1a1a;
.normal{
background-color: $deep-sea;
}
.dark{
background-color: $nautical;
}
.darker{
background-color: $squid-ink;
}
.light{
background-color: $aqua;
}
.lighter{
background-color: $light-gray;
}
.red{
background-color: $crimson;
}
.error{
background-color: $crimson !important;
}
.inactive{
background-color: $gray;
}
//-----------------------------Sticky footer------------------------------------
$sticky-footer-height: 4em;
.page-wrap{
// min-height: 100%;
margin-bottom: 4em;
&:after{
content: "";
display: block;
}
}
//.sticky, .page-wrap:after{
.sticky{
position: absolute;
bottom: 0;
width: 100%;
height: $sticky-footer-height;
}
\ No newline at end of file
.list{
.list-title{
padding: $padding;
text-align: center;
}
.list-item{
@extend %clearfix;
margin: 0;
padding: $padding;
border-top: 1px solid lighten($gray, 30%);
}
}
ul.list{
list-style-type: none;
padding: 0;
margin: 0;
}
\ No newline at end of file
@mixin filter($var) {
-webkit-filter: $var;
-moz-filter: $var;
-ms-filter: $var;
-o-filter: $var;
filter: $var;
}
@mixin transition($transition-property, $transition-time, $method) {
-webkit-transition: $transition-property $transition-time $method;
-moz-transition: $transition-property $transition-time $method;
-ms-transition: $transition-property $transition-time $method;
-o-transition: $transition-property $transition-time $method;
transition: $transition-property $transition-time $method;
}
%box-size{
box-sizing: border-box;
}
%clearfix:after, %clearfix:before{
display: block;
clear: both;
content: '';
}
\ No newline at end of file
$padding: 20px;
$margin: 20px;
.float-right{
float: right;
}
.float-left{
float: left;
}
.margin{
margin: $margin;
}
.no-margin{
margin: 0;
}
.margin-vertical{
margin-top: $margin;
margin-bottom: $margin;
}
.margin-horizontal{
margin-left: $margin;
margin-right: $margin;
}
.padding{
padding: $padding;
}
.no-padding{
padding: 0;
}
.padding-vertical{
padding-top: $padding;
padding-bottom: $padding;
}
.padding-horizontal{
padding-left: $padding;
padding-right: $padding;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.center-vertical{
margin: auto 0 auto 0;
}
.center-block{
display: table;
margin: auto;
}
.full{
width: 100%;
}
.half{
width: 50%;
}
.one-third{
width: 33%;
}
.two-thirds{
width: 66%;
}
.one-quarter{
width: 25%;
}
.three-quarters{
width: 75%;
}
.inline-block{
display: inline-block;
}
.clearfix{