forked from qwerty/tupali
Fuentes y textos - responsive landingpage
This commit is contained in:
parent
32568434fc
commit
4e304354f6
|
|
@ -338,7 +338,7 @@
|
|||
<br><br>
|
||||
<section class='container-fluid' id='home'>
|
||||
<div class='container'>
|
||||
<div class='col-sm-8 col-sm-offset-2 text-center'>
|
||||
<div class='col-sm-8 col-sm-offset-2 text-center intro'>
|
||||
<h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
|
||||
</div>
|
||||
<div class='row'>
|
||||
|
|
@ -380,6 +380,7 @@
|
|||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div id='meta_cabecera' class="col-lg-12 col-md-12 ">
|
||||
|
||||
<div class="row">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,37 @@
|
|||
html,body {
|
||||
height:100%;
|
||||
background-size: cover;
|
||||
padding-top:8%;
|
||||
padding-top:130px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Helvetica", times, sans-serif;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
p{
|
||||
margin: 0 0 10px;
|
||||
|
||||
}
|
||||
|
||||
/* USING BOOTSTRAP 3.0.3 */
|
||||
|
|
@ -26,8 +56,8 @@ html,body {
|
|||
.navbar-brand img{
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin-top: 80px;
|
||||
transition: all 0.4s ease;
|
||||
margin-top: 100px;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
}
|
||||
/* textos menú*/
|
||||
|
|
@ -36,7 +66,7 @@ a {
|
|||
font-size: 18px;
|
||||
padding-bottom: 40px !important;
|
||||
padding-top: 40px !important;
|
||||
transition: all 0.4s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -54,7 +84,7 @@ a {
|
|||
.navbar.shrink img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
transition: all 0.4s ease;
|
||||
transition: all 0.3s ease;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
|
|
@ -138,14 +168,98 @@ filter: grayscale(0);
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
section {
|
||||
padding-top:110px;
|
||||
padding-bottom:70px;
|
||||
}
|
||||
|
||||
#campana{
|
||||
background-color: #333333;
|
||||
color: white !important;
|
||||
|
||||
}
|
||||
|
||||
#proyectos {
|
||||
background-color: #d4d4d4;
|
||||
}
|
||||
|
||||
#servicios {
|
||||
background-color: #333333;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#patrocinio {
|
||||
background-color: grey;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.v-center {
|
||||
padding-top:10%;
|
||||
font-size:30px;
|
||||
}
|
||||
|
||||
.glyphicon-search, .glyphicon-user, .glyphicon-stats, .glyphicon-play, .glyphicon-forward, .glyphicon-fast-forward, .glyphicon-step-forward {
|
||||
font-size: 50px !important;
|
||||
}
|
||||
|
||||
.btn-servicios {
|
||||
padding: 20px 60px;
|
||||
}
|
||||
|
||||
.collapse.in {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* FOOTER*/
|
||||
|
||||
|
||||
#footer {
|
||||
border-top: 5px solid #ff0000;
|
||||
background: grey none repeat scroll 0% 0%;
|
||||
padding-top: 30px;
|
||||
margin-top: 60px;
|
||||
clear: both;
|
||||
color: #AAA;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#footer .widgettitle {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 15px;
|
||||
border-bottom: medium none;
|
||||
}
|
||||
#footer h4 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#footer ul {
|
||||
list-style: outside none none;
|
||||
}
|
||||
|
||||
#footer li {
|
||||
padding: 7px 0px;
|
||||
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#footer li a {
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
#sub-floor {
|
||||
color: #AAA;
|
||||
background: #333333 none repeat scroll 0% 0%;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
/*RESPONSIVE*/
|
||||
|
||||
/*ESCRITORIO*/
|
||||
|
||||
@media (max-width: 1199px){
|
||||
/* body {
|
||||
background-color: yellow;
|
||||
}*/
|
||||
@media (max-width: 1366px){
|
||||
body {
|
||||
/* background-color: yellow;*/
|
||||
}
|
||||
.navbar-brand {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
|
@ -170,6 +284,10 @@ filter: grayscale(0);
|
|||
margin-top: 80px;
|
||||
transition: all 0.4s ease;
|
||||
}
|
||||
#home {
|
||||
padding-top:20px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -211,15 +329,22 @@ filter: grayscale(0);
|
|||
padding-top: 20px !important;
|
||||
}
|
||||
|
||||
/*secciones*/
|
||||
#home {
|
||||
padding-top:0px !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*MOBILES*/
|
||||
|
||||
@media (max-width: 767px){
|
||||
/* body {
|
||||
background-color: blue !important;
|
||||
body {
|
||||
padding-top: 0px !important;
|
||||
/*background-color: blue !important;*/
|
||||
}
|
||||
*/
|
||||
|
||||
/*menú proyectos a la izquierda*/
|
||||
.navbar-nav{
|
||||
padding-top: 20px;
|
||||
|
|
@ -300,89 +425,14 @@ margin-top: 50px;
|
|||
margin-top: 75px !important;
|
||||
}
|
||||
|
||||
/*seccion*/
|
||||
#home {
|
||||
padding-top:0px !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/*fin móbiles*/
|
||||
|
||||
|
||||
|
||||
section {
|
||||
padding-top:110px;
|
||||
padding-bottom:70px;
|
||||
}
|
||||
|
||||
#proyectos {
|
||||
background-color: #d4d4d4;
|
||||
}
|
||||
|
||||
#servicios {
|
||||
background-color: #333333;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
#patrocinio {
|
||||
background-color: grey;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.v-center {
|
||||
padding-top:10%;
|
||||
font-size:30px;
|
||||
}
|
||||
|
||||
.glyphicon-search, .glyphicon-user, .glyphicon-stats, .glyphicon-play, .glyphicon-forward, .glyphicon-fast-forward, .glyphicon-step-forward {
|
||||
font-size: 50px !important;
|
||||
}
|
||||
|
||||
.btn-servicios {
|
||||
padding: 20px 60px;
|
||||
}
|
||||
|
||||
.collapse.in {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
/* FOOTER*/
|
||||
|
||||
|
||||
#footer {
|
||||
border-top: 5px solid #ff0000;
|
||||
background: grey none repeat scroll 0% 0%;
|
||||
padding-top: 30px;
|
||||
margin-top: 60px;
|
||||
clear: both;
|
||||
color: #AAA;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#footer .widgettitle {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 15px;
|
||||
border-bottom: medium none;
|
||||
}
|
||||
#footer h4 {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#footer ul {
|
||||
list-style: outside none none;
|
||||
}
|
||||
|
||||
#footer li {
|
||||
padding: 7px 0px;
|
||||
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#footer li a {
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
#sub-floor {
|
||||
color: #AAA;
|
||||
background: #333333 none repeat scroll 0% 0%;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue