Skip to content

Commit

Permalink
Ajuste del layout a 960 y rediseno de primer area de contenido (slide…
Browse files Browse the repository at this point in the history 
… de noticias) - objetivo: darle mas espacio en blanco al diseno.
  • Loading branch information
@josketres
josketres committed Feb 11, 2014
1 parent eb2f31a commit 4b03c0e
Show file tree
Hide file tree
Showing 3 changed files with 70 additions and 49 deletions.
Binary file added redesign.psd
View file
Binary file not shown.
60 changes: 23 additions & 37 deletions www.regeneracion.mx/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@
<![endif]-->
</head>
<body>
<div class="container">
<div class="container" id="regeneracion">
<header>
<a href="index.html" class='logo'>Regeneraci&oacute;n</a>
<div class='search'>
Expand Down Expand Up @@ -148,15 +148,11 @@
<div class='news'>
<div class='slide_news ns_1'>
<!-- meta slider -->
<div style="max-width: 484px; margin: 0 auto;" class="metaslider metaslider-nivo metaslider-7168 ml-slider">
<div class="metaslider metaslider-nivo metaslider-7168 ml-slider">
<div id="metaslider_container_7168">
<div class='slider-wrapper theme-default'>
<div class='ribbon'></div>
<div id='metaslider_7168' class='nivoSlider'>
<a href="http://regeneracion.mx/periodico/regeneracion-30-enero-2014-nueva-etapa-de-lucha/" target="_self">
<img src="http://regeneracion.mx/wp-content/uploads/2014/01/regeneracion30-portada-484x400.jpg" height="400" width="484" data-title="Regeneraci&oacute;n 30, enero 2014: Nueva etapa de lucha
UN PUEBLO QUE NO EST&Aacute; EN VENTA NO LO PUEDEN COMPRAR" class="slider-7168 slide-15050" />
</a>
<a href="http://regeneracion.mx/amlo/morena-no-hace-alianzas-con-dirigentes-del-prd-amlo/" target="_self">
<img src="http://regeneracion.mx/wp-content/uploads/2014/01/Jalapa-Tabasco-484x400.jpg" height="400" width="484" data-title="AMLO: MORENA no hace alianzas con dirigentes del PRD, se entregaron, tranzaron y aprobaron el aumento de impuestos y facilitaron la privatizaci&oacute;n del petr&oacute;leo " class="slider-7168 slide-15142" />
</a>
Expand Down Expand Up @@ -191,68 +187,58 @@
<!--// meta slider--> </div>
<div class='slide_news ns_2'>
<ul class='super-post template-left'>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">

<li>
<div class="sp-thumbnail-wrapper">
<a href="http://regeneracion.mx/amlo/amlo-llama-a-apagar-la-luz-este-sabado-de-7-a-8-pm-vs-gasolinazos/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/02/Conferencia_AMLO_IFE-110x48.jpg' alt='AMLO llama a apagar la luz este sábado de 7 a 8 pm contra gasolinazos' />
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<a class='sp-title' href='http://regeneracion.mx/amlo/amlo-llama-a-apagar-la-luz-este-sabado-de-7-a-8-pm-vs-gasolinazos/'>
AMLO llama a apagar la luz este sábado de 7 a 8 pm contra gasolinazos
</a>
<div class='sp-post-info'>
<a class='sp-title' href='http://regeneracion.mx/amlo/amlo-llama-a-apagar-la-luz-este-sabado-de-7-a-8-pm-vs-gasolinazos/'>AMLO llama a apagar la luz este sábado de 7 a 8 pm contra gasolinazos</a>
</div>
</li>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">


<li>
<div class="sp-thumbnail-wrapper">
<a href="http://regeneracion.mx/sociedad/scarlett-johansson-deja-oxfam-por-anuncio-de-sodastream/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/02/scarlett_johansson-110x48.jpg' alt='Scarlett Johansson deja Oxfam por refresco israelí hecho en territorio palestino ocupado ' />
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<div class='sp-post-info'>
<a class='sp-title' href='http://regeneracion.mx/sociedad/scarlett-johansson-deja-oxfam-por-anuncio-de-sodastream/'>
Scarlett Johansson deja Oxfam por refresco israelí hecho en territorio palestino ocupado
</a>
</div>
</li>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">
<li>
<div class="sp-thumbnail-wrapper">
<a href="http://regeneracion.mx/causas-justas/tpp-es-depredacion-ambiental-wikileaks/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/02/logo-110x48.jpg' alt='Tratado Transpacífico es depredación ambiental: Wikileaks ' />
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<div class='sp-post-info'>
<a class='sp-title' href='http://regeneracion.mx/causas-justas/tpp-es-depredacion-ambiental-wikileaks/'>Tratado Transpacífico es depredación ambiental: Wikileaks</a>
</div>
</li>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">
<li>
<div class="sp-thumbnail-wrapper">
<a href="http://regeneracion.mx/sociedad/manana-sabado-segundo-gasolinazo-del-ano/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/01/gasolina-cara-110x48.jpg' alt='Hoy sábado, segundo gasolinazo del año ' />
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<div class='sp-post-info'>
<a class='sp-title' href='http://regeneracion.mx/sociedad/manana-sabado-segundo-gasolinazo-del-ano/'>Hoy sábado, segundo gasolinazo del año</a>
</div>
</li>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">
<a href="http://regeneracion.mx/mundo/alemania-plantea-una-jornada-laboral-de-4-dias-semanales/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/01/dcce98d17739d99c96dad993b1b81e87-110x48.jpg' alt='Alemania plantea una jornada laboral de 4 días semanales' />
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<a class='sp-title' href='http://regeneracion.mx/mundo/alemania-plantea-una-jornada-laboral-de-4-dias-semanales/'>Alemania plantea una jornada laboral de 4 días semanales</a>
</div>
</li>
<li style="min-height: 53px;">
<div class="sp-thumbnail-wrapper" style="height:48px; width:110px;">
<a href="http://regeneracion.mx/amlo/morena-no-hace-alianzas-con-dirigentes-del-prd-amlo/">
<img class='sp-thumbnail' src='http://regeneracion.mx/wp-content/uploads/2014/01/Jalapa-Tabasco-110x48.jpg' alt='MORENA no hace alianzas con dirigentes del PRD: AMLO' />
<li>
<div class="sp-thumbnail-wrapper">
<a href="http://regeneracion.mx/causas-justas/denuncian-control-politico-de-los-medios-de-comunicacion-en-chihuahua/">
<img class="sp-thumbnail" src="http://regeneracion.mx/wp-content/uploads/2014/02/AMLO-2-C-440x330-110x48.jpg" alt="Denuncian control político de los medios de comunicación en Chihuahua" style="opacity: 1;">
</a>
</div>
<div class='sp-post-info' style='padding-left: 120px;'>
<a class='sp-title' href='http://regeneracion.mx/amlo/morena-no-hace-alianzas-con-dirigentes-del-prd-amlo/'>MORENA no hace alianzas con dirigentes del PRD: AMLO</a>
<div class="sp-post-info"><a class="sp-title" href="http://regeneracion.mx/causas-justas/denuncian-control-politico-de-los-medios-de-comunicacion-en-chihuahua/">Denuncian control político de los medios de comunicación en Chihuahua</a>
</div>
</li>
</ul>
Expand Down
59 changes: 47 additions & 12 deletions www.regeneracion.mx/wp-content/themes/regeneracion/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ body {

}
.container {
width: 970px;
width: 960px;
background-color: #FFFFFF;
margin: 0 auto;
}
Expand Down Expand Up @@ -232,20 +232,21 @@ body {
float:left;
}
.slide_news{
width:50%;
width: 460px;
margin-left: 10px;
float:left;
height:400px

}
.ns_1{
background-color:#fff;
overflow:hidden;
}
.ns_2{
#regeneracion .ns_2{
background-color:#fff;
overflow:hidden;
margin-left: 20px;
}
.ns_1 ul.super-post,.ns_2 ul.super-post, .ns_2 ul.super-post,.ns_2 ul.super-post {
.ns_1 ul.super-post {

padding-left:5px;
}
Expand All @@ -256,23 +257,57 @@ body {
vertical-align: middle;
border-bottom:thin solid rgba(7, 7, 7, 0.15);
}
.ns_1 > .super-post > li >.sp-thumbnail-wrapper,.ns_2 > .super-post > li >.sp-thumbnail-wrapper{
#.ns_1 > .super-post > li >.sp-thumbnail-wrapper,
.ns_2 > .super-post > li >.sp-thumbnail-wrapper {
margin:0;
padding: 5px;
}
#regeneracion .ns_2 .sp-thumbnail-wrapper {
width: 140px;
height: 78px;
overflow: hidden;
margin: 0;
}
#regeneracion .ns_2 img {
width: 140px;
}
#regeneracion .ns_2 .sp-post-info {
float: left;
width: 300px;
margin: 0px 0 0 20px;
height: 78px;
border-bottom: none;
}
#regeneracion .ns_2 .sp-post-info a {
height: auto;
width: auto;
color: #171a1a;
}
#regeneracion .ns_2 li:first-child {
margin-top: 0px;
}
#regeneracion .ns_2 li:last-child {
border-bottom: none;
}
#regeneracion .ns_2 li {
margin-top: 9px;
height: 70px;
border-bottom: thin solid rgba(7, 7, 7, 0.15);
}
.hl_recent_tweets{
font-size: 0.7em;
}

.ns_1 > .super-post > li >.sp-post-info > .sp-title,.ns_2 > .super-post > li >.sp-post-info > .sp-title{
.ns_1 > .super-post > li >.sp-post-info > .sp-title,
.ns_2 > .super-post > li >.sp-post-info > .sp-title {
width:100%;
margin:0 auto;
text-decoration:none!important;
text-decoration: none !important;
font-weight:bold;
font-size:1.09em;
font-size: 14px;
line-height: 1.5em;
vertical-align: middle;
height:100%;

}
.rounded{
-webkit-border-radius: 7px;
Expand Down Expand Up @@ -1044,8 +1079,8 @@ color: #FFFFFF;
/* Pagination */


.sp-title{
color:#171a1a!important;
#regeneracion .sp-title{
color:#171a1a;
}
.sp-title > a:link, .sp-title > a:visited {
color:#171a1a!important;
Expand Down

0 comments on commit 4b03c0e

Please sign in to comment.