h4ckypurpl3/tupali_fork
1
0
Fork 0
forked from qwerty/tupali
Code Releases Wiki Activity

Fuentes y textos - responsive landingpage

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
landingpage_a.html
View File

@ -338,7 +338,7 @@
<br><br> <br><br>
<section class='container-fluid' id='home'> <section class='container-fluid' id='home'>
<div class='container'> <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> <h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
</div> </div>
<div class='row'> <div class='row'>
@ -380,6 +380,7 @@
</ul> </ul>
</div> </div>
<div id='meta_cabecera' class="col-lg-12 col-md-12 "> <div id='meta_cabecera' class="col-lg-12 col-md-12 ">
<div class="row"> <div class="row">

234
temas/landingpage/css/landingpage.css
View File

@ -2,7 +2,37 @@
html,body { html,body {
height:100%; height:100%;
background-size: cover; 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 */ /* USING BOOTSTRAP 3.0.3 */
@ -26,8 +56,8 @@ html,body {
.navbar-brand img{ .navbar-brand img{
width: 250px; width: 250px;
height: 250px; height: 250px;
margin-top: 80px; margin-top: 100px;
transition: all 0.4s ease; transition: all 0.3s ease;
} }
/* textos menú*/ /* textos menú*/
@ -36,7 +66,7 @@ a {
font-size: 18px; font-size: 18px;
padding-bottom: 40px !important; padding-bottom: 40px !important;
padding-top: 40px !important; padding-top: 40px !important;
transition: all 0.4s ease; transition: all 0.3s ease;
} }
@ -54,7 +84,7 @@ a {
.navbar.shrink img { .navbar.shrink img {
width: 70px; width: 70px;
height: 70px; height: 70px;
transition: all 0.4s ease; transition: all 0.3s ease;
margin: 0px; margin: 0px;
} }
@ -138,14 +168,98 @@ filter: grayscale(0);
display: inline-block; 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*/ /*RESPONSIVE*/
/*ESCRITORIO*/ /*ESCRITORIO*/
@media (max-width: 1199px){ @media (max-width: 1366px){
/* body { body {
background-color: yellow; /* background-color: yellow;*/
}*/ }
.navbar-brand { .navbar-brand {
margin-top: 0px; margin-top: 0px;
} }
@ -170,6 +284,10 @@ filter: grayscale(0);
margin-top: 80px; margin-top: 80px;
transition: all 0.4s ease; transition: all 0.4s ease;
} }
#home {
padding-top:20px !important;
}
} }
@ -211,15 +329,22 @@ filter: grayscale(0);
padding-top: 20px !important; padding-top: 20px !important;
} }
/*secciones*/
#home {
padding-top:0px !important;
}
} }
/*MOBILES*/ /*MOBILES*/
@media (max-width: 767px){ @media (max-width: 767px){
/* body { body {
background-color: blue !important; padding-top: 0px !important;
/*background-color: blue !important;*/
} }
*/
/*menú proyectos a la izquierda*/ /*menú proyectos a la izquierda*/
.navbar-nav{ .navbar-nav{
padding-top: 20px; padding-top: 20px;
@ -300,89 +425,14 @@ margin-top: 50px;
margin-top: 75px !important; margin-top: 75px !important;
} }
/*seccion*/
#home {
padding-top:0px !important;
}
} }
/*fin móbiles*/ /*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;
}