consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improves styles on pages and debates list

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2015-09-10 17:23:12 +02:00
parent 57682e8111
commit 3878132e74
5 changed files with 89 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/debates.scss
View File

@@ -288,9 +288,8 @@
margin-top: 0; margin-top: 0;
.panel { .panel {
border: 0;
border-radius: 0; border-radius: 0;
border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0px 1px 3px 0 $border;
margin-bottom: rem-calc(12); margin-bottom: rem-calc(12);
min-height: rem-calc(192); min-height: rem-calc(192);
padding: rem-calc(12); padding: rem-calc(12);

135
app/assets/stylesheets/participacion.scss
View File

@@ -77,7 +77,7 @@ html, body {
} }
body { body {
background: $body; background: white;
font-family: $font-family-sans-serif; font-family: $font-family-sans-serif;
font-size: rem-calc(13); font-size: rem-calc(13);
font-weight: normal; font-weight: normal;
@@ -87,10 +87,6 @@ body {
background: $brand !important; background: $brand !important;
color: white !important; color: white !important;
} }
&.bg-white {
background: white;
}
} }
p { p {
@@ -271,11 +267,11 @@ h6 {
header { header {
background: image-url('header_bg.jpg'); background: image-url('header_bg.jpg');
background-position: 50% 50%; background-position: bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
color: $text; color: $text;
min-height: rem-calc(696); min-height: rem-calc(552);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg', sizingMethod='scale'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg',sizingMethod='scale')"; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/header_bg.jpg',sizingMethod='scale')";
@@ -289,6 +285,7 @@ header {
} }
h1 { h1 {
color: white;
font-size: rem-calc(36); font-size: rem-calc(36);
font-weight: bolder; font-weight: bolder;
line-height: $line-height*2; line-height: $line-height*2;
@@ -297,30 +294,51 @@ header {
} }
p { p {
font-size: rem-calc(14); color: white;
line-height: $line-height; font-size: rem-calc(16);
line-height: rem-calc(30);
} }
.button { .button {
color: white; background: white;
color: $brand;
font-family: inherit; font-family: inherit;
font-size: rem-calc(16);
margin-top: 0; margin-top: 0;
} }
.home-page { .more-info {
background-color: rgba(255,255,255,.85); color: white;
clear: both; font-size: rem-calc(14);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff'); /* IE */ margin-left: rem-calc(24);
text-decoration: underline;
@media (min-width: $small-breakpoint) { &:hover {
margin-top: rem-calc(66); opacity: .75;
} }
}
.button { .icon-home-big {
color: white; color: white;
font-family: inherit; font-size: rem-calc(300);
margin-top: 0; line-height: rem-calc(300);
} opacity: .75;
}
.icon-home-small {
color: white;
font-size: rem-calc(100);
opacity: .75;
position: absolute;
right: rem-calc(24);
}
.icon-external {
position: absolute;
top: 3px;
right: -20px;
color: #D01A6C;
font-size: rem-calc(12);
} }
.selected { .selected {
@@ -366,14 +384,18 @@ header {
float: right; float: right;
} }
} }
.search-form {
padding-top: rem-calc(14);
}
} }
.contain-to-grid { .contain-to-grid {
background: none; background: rgba(0,0,0,.5);
} }
.top-bar { .top-bar {
background: rgba(0,0,0,.5); background: none;
color: white; color: white;
height: rem-calc(48); height: rem-calc(48);
max-width: 1170px !important; max-width: 1170px !important;
@@ -482,7 +504,7 @@ header {
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
&.button { &.button {
border-radius: rem-calc(3); border-radius: rem-calc(3);
line-height: normal; line-height: rem-calc(15);
margin-top: rem-calc(24); margin-top: rem-calc(24);
text-align: center; text-align: center;
} }
@@ -547,11 +569,6 @@ header {
color: white; color: white;
font-size: rem-calc(14); font-size: rem-calc(14);
.row {
background-color: rgba(0,0,0,.5);
padding: 0 rem-calc(10);
}
a { a {
color: white; color: white;
@@ -561,13 +578,17 @@ header {
} }
} }
.subnavigation-container {
background: white;
}
.subnavigation { .subnavigation {
background: white; background: white;
clear: both; clear: both;
height: rem-calc(47); height: rem-calc(72);
@media (min-width: $small-breakpoint) { & > .column {
text-align: center; padding-left: 0;
} }
a { a {
@@ -575,33 +596,26 @@ header {
display: block; display: block;
font-size: rem-calc(14); font-size: rem-calc(14);
font-weight: bold; font-weight: bold;
min-width: rem-calc(192);
position: relative; position: relative;
text-align: left; text-align: left;
margin-left: rem-calc(12); margin-left: rem-calc(12);
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
display: inline-block; display: inline-block;
line-height: $line-height*2; line-height: $line-height*3;
margin-left: 0; margin-right: rem-calc(72);
min-width: rem-calc(192);
text-align: center;
} }
&:hover { &:hover {
color: $link; color: $link;
@media (min-width: $small-breakpoint) {
background: rgba(0,119,185,.25);
}
} }
&.active { &.active {
color: $link; color: $brand;
@media (min-width: $small-breakpoint) { @media (min-width: $small-breakpoint) {
background: $brand; border-bottom: 2px solid $brand;
color: white; line-height: rem-calc(24);
} }
} }
} }
@@ -700,10 +714,16 @@ footer {
} }
a { a {
background: white;
border: 2px solid $border;
padding: rem-calc(6) rem-calc(8); padding: rem-calc(6) rem-calc(8);
.label { .label {
color: white; color: white;
&.info {
background: $brand;
}
} }
&:hover { &:hover {
@@ -816,10 +836,6 @@ form {
&.search-form { &.search-form {
height: rem-calc(37); height: rem-calc(37);
@media (min-width: $small-breakpoint) {
border-right: 0;
}
} }
&.error { &.error {
@@ -1029,6 +1045,7 @@ img.initialjs-avatar {
} }
select { select {
background-color: #DEE0E2;
height: auto; height: auto;
margin: rem-calc(24) rem-calc(6); margin: rem-calc(24) rem-calc(6);
min-width: rem-calc(180); min-width: rem-calc(180);
@@ -1266,8 +1283,6 @@ table {
// - - - - - - - - - - - - - - - - - - - - - - - - - // - - - - - - - - - - - - - - - - - - - - - - - - -
.page { .page {
background: white;
min-height: rem-calc(480);
padding-bottom: rem-calc(48); padding-bottom: rem-calc(48);
.menu { .menu {
@@ -1291,7 +1306,6 @@ table {
.text { .text {
margin-top: rem-calc(24); margin-top: rem-calc(24);
text-align: justify;
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
text-align: left; text-align: left;
@@ -1305,6 +1319,11 @@ table {
margin-bottom: rem-calc(12); margin-bottom: rem-calc(12);
} }
} }
p {
font-size: rem-calc(15);
line-height: rem-calc(30);
}
} }
.more-information { .more-information {
@@ -1323,24 +1342,16 @@ table {
li { li {
border-bottom: 1px solid $border; border-bottom: 1px solid $border;
font-size: rem-calc(16); font-size: rem-calc(16);
font-weight: bold;
padding-bottom: rem-calc(12); padding-bottom: rem-calc(12);
padding-left: rem-calc(36);
position: relative; position: relative;
text-align: left; text-align: left;
span { span {
color: $text-medium; color: $text-medium;
display: block; display: block;
font-size: rem-calc(13); font-size: rem-calc(14);
} font-weight: normal;
&:before {
content: 'D';
color: $link;
font-family: "icons" !important;
left: 0;
margin-right: rem-calc(12);
position: absolute;
} }
&:after { &:after {

2
app/views/layouts/application.html.erb
View File

@@ -18,7 +18,7 @@
<%= javascript_include_tag "respond" %> <%= javascript_include_tag "respond" %>
<![endif]--> <![endif]-->
</head> </head>
<body class="<%= "bg-white" if current_page?(root_path) %>"> <body>
<div class="wrapper"> <div class="wrapper">
<%= render 'layouts/header' %> <%= render 'layouts/header' %>

7
app/views/pages/opendata.html.erb
View File

@@ -0,0 +1,7 @@
<div class="page row-full">
<div class="row">
<div class="alert-box info radius text small-12 column">
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>

7
app/views/pages/transparency.html.erb
View File

@@ -0,0 +1,7 @@
<div class="page row-full">
<div class="row">
<div class="alert-box info radius text small-12 column">
<p>Mientras acabamos el nuevo portal, te invitamos a visitar el <a href="/blog" target="_blank">blog del Área de Participación Ciudadana, Transparencia y Gobierno Abierto</a> para conocer nuestros avances y novedades; o la <a href="/">sección de Participación Ciudadana</a> donde poder decidir qué ciudad es la que quieres.</p>
</div>
</div>
</div>