anorgatarrak-frontend/css/anorgatarrak.css

104 lines
2.1 KiB
CSS
Raw Normal View History

/* Colores corporativos */
.rezolaOrangeBackground { background-color:rgba(255,153,51,255); }
.rezolaOrangeColor {color:rgba(255,153,51,255); }
/* Tipografias */
body {font-family:'Montserrat',sans-serif;}
h1,h2,h3 {font-family: 'Roboto',sans-serif;}
h1,h2,h3,a {color:rgba(255,153,51,255);}
/* Grid */
.main {padding:0;}
.square {
float:left;
position:relative;
width:20%;
padding-bottom:20%;
margin:0;
background-position:center center;
background-repeat: no-repeat;
background-size:cover;
background-color:rgba(255,153,51,255);
}
.square:hover {
opacity:0.5;
cursor:pointer;
}
/* slider */
.slider {background-color:#231f20;}
.step {
float:left;
position:relative;
width:100%;
margin:0;
padding-bottom:40%;
background-size:cover;
background-repeat: no-repeat;
background-position:center center;
background-image:url('/assets/anorga3.jpg');
/*-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px); */
}
.step .content {
position:absolute;
height:90%;
width:90%;
padding:5%;
}
.step .content .table {
display:table;
width:100%;
height:100%;
}
.step .content .table .table-cell {
display:table-cell;
vertical-align:middle;
}
.step .content .table .table-cell h2 { font-size:5em;}
.step .content .table .table-cell p { font-size:3em; color:#fff;}
/* Redefinir Bootstrap */
.an-navbar {
padding:5px 0;
margin-bottom:0;
border-bottom:1px solid rgba(255,153,51,255);
}
.progress { margin-bottom:0;}
.an-progress-bar {background-color:rgba(255,153,51.255); background-color:#ff9933; }
footer { background:#231f20;padding:30px 0;}
h2 {font-weight:bold; color: rgba(255,153,51.255);}
.navbar-brand { font-size:32px; margin:5px; color:rgba(255,153,51.255);}
.anorgatarrak { font-family: 'Nothing You Could Do', cursive; color:rgba(255,153,51.255) !important; color:#ff9933 !important;}
.ficha-header { background-color:#231f20;}
.ficha {padding:10px;margin-bottom:10px;}
.breadcrumb { display:none; }
/* slideshow */
.slideshow {
background:#ff9933;
}
.slideshow li {
width:100%;
}
.slideshow img {
width:100%;
}
.slideshow img::before {display:none;}