Fuentes y textos - responsive landingpage

This commit is contained in:
kleper 2017-03-05 14:45:11 -05:00
parent 32568434fc
commit 4e304354f6
2 changed files with 144 additions and 93 deletions

View File

@ -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">

View File

@ -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;
}