mirror of
https://github.com/medialab-prado/datamad2017.git
synced 2024-12-25 12:21:21 +01:00
ajustes de estilo para las tarjetas
This commit is contained in:
parent
cfa16bdc28
commit
f52d69c7d7
4 changed files with 12 additions and 12 deletions
|
@ -16,7 +16,7 @@
|
|||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div id="DondeCruzanCaminos" class="aplayer" style="margin-top: 40px;"></div>
|
||||
<div id="DondeCruzanCaminos" class="aplayer" style="margin-top: 40px; color: #fff; background-color: rgba(0,0,0,0.4);"></div>
|
||||
{% endif %}
|
||||
<figcaption style="height: 70px;">
|
||||
<div class="col-md-8 col-xs-8 text-left">
|
||||
|
@ -49,7 +49,7 @@
|
|||
</a>
|
||||
{% endif %}
|
||||
</figcaption>
|
||||
<p class="bio" style="background-color: rgba(0, 0, 0, 0.3); height: auto;" >
|
||||
<p class="bio" style="height: auto;" >
|
||||
{{ article.details }}
|
||||
</p>
|
||||
</figure>
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
</svg>
|
||||
</a>
|
||||
</figcaption>
|
||||
<p class="bio" style="background-color: rgba(0, 0, 0, 0.3); height: auto;" >
|
||||
<p class="bio" style="height: auto;" >
|
||||
<strong>{{ project.promotor }} </strong>
|
||||
{% for colaborador in project.colabor %}
|
||||
<br> {{ colaborador.name }}
|
||||
|
|
|
@ -12,7 +12,7 @@ $figcaption-color: #3c4a50;
|
|||
-webkit-background-size: 105%;
|
||||
background-size: 105%;
|
||||
.overlay {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
background: rgba(0, 0, 0, .6);
|
||||
@media (max-width: 767px) {
|
||||
background: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
@ -34,7 +34,7 @@ $figcaption-color: #3c4a50;
|
|||
}
|
||||
&:nth-child(2) {
|
||||
transition-delay: .25s;
|
||||
}
|
||||
}
|
||||
}
|
||||
.bio {
|
||||
transform: translateY(-70%);
|
||||
|
@ -55,8 +55,8 @@ $figcaption-color: #3c4a50;
|
|||
background-size: 115%;
|
||||
@media (max-width: 767px) {
|
||||
background-position: center left;
|
||||
-webkit-background-size: 105%;
|
||||
background-size: 105%;
|
||||
-webkit-background-size: 105%;
|
||||
background-size: 105%;
|
||||
}
|
||||
.overlay {
|
||||
transition: $base-transition;
|
||||
|
@ -75,7 +75,7 @@ $figcaption-color: #3c4a50;
|
|||
color: $figcaption-color;
|
||||
background: #fff;
|
||||
@media (max-width: 767px) {
|
||||
transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
h2 {
|
||||
font-size: 16px;
|
||||
|
@ -88,7 +88,7 @@ $figcaption-color: #3c4a50;
|
|||
transition-delay: .05s;
|
||||
color: #fff;
|
||||
@media (max-width: 767px) {
|
||||
transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
color: #3c4a50;
|
||||
}
|
||||
span {
|
||||
|
@ -105,7 +105,7 @@ $figcaption-color: #3c4a50;
|
|||
transition: $base-transition;
|
||||
transform: translateY(200%);
|
||||
@media (max-width: 767px) {
|
||||
transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
.position {
|
||||
|
@ -127,4 +127,4 @@ $figcaption-color: #3c4a50;
|
|||
background: none;
|
||||
@include trimText(14px, 1.3, 5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue