mirror of
https://github.com/medialab-prado/poblacion-dirigida.git
synced 2024-12-26 01:41:22 +01:00
css files
update css. add estilos.css
This commit is contained in:
parent
e0a8110fff
commit
3645cb8740
2 changed files with 55 additions and 13 deletions
37
web_files/css/estilos.css
Normal file
37
web_files/css/estilos.css
Normal file
|
@ -0,0 +1,37 @@
|
||||||
|
#titulo{
|
||||||
|
font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
|
||||||
|
font-size: 1.2em;
|
||||||
|
color: rgba(255, 255, 255, 1);
|
||||||
|
text-shadow: 2px 2px 8px #000000;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#subtitulo{
|
||||||
|
border-top: 100px;
|
||||||
|
text-align: center;
|
||||||
|
font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
|
||||||
|
font-size: 1em;
|
||||||
|
text-shadow: 2px 2px 8px #000000;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#icono-gente{
|
||||||
|
border-style: none;
|
||||||
|
background: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#contenedor-titulo{
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid white;
|
||||||
|
padding:3em;
|
||||||
|
box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cita{
|
||||||
|
color: black !important;
|
||||||
|
width: 50%;
|
||||||
|
text-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -15,8 +15,9 @@ body {
|
||||||
background-color: #222; }
|
background-color: #222; }
|
||||||
|
|
||||||
.reveal {
|
.reveal {
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
|
||||||
font-size: 42px;
|
font-size: 2em;
|
||||||
|
text-shadow: black 2px 3px 0.3em;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
color: #fff; }
|
color: #fff; }
|
||||||
|
|
||||||
|
@ -46,7 +47,7 @@ body {
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: "Source Sans Pro", Helvetica, sans-serif;
|
font-family: "Bodoni MT", Didot, "Didot LT STD", "Book Antiqua", Garamond, "Times New Roman", serif;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
@ -74,7 +75,11 @@ body {
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal p {
|
.reveal p {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
line-height: 1.3; }
|
line-height: 1.5;
|
||||||
|
font-size: 0.9em;
|
||||||
|
width: 40%;
|
||||||
|
text-align: left;
|
||||||
|
margin-left: -150px;}
|
||||||
|
|
||||||
/* Ensure certain elements are never larger than the slide itself */
|
/* Ensure certain elements are never larger than the slide itself */
|
||||||
.reveal img,
|
.reveal img,
|
||||||
|
@ -253,31 +258,31 @@ body {
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal .controls .navigate-left,
|
.reveal .controls .navigate-left,
|
||||||
.reveal .controls .navigate-left.enabled {
|
.reveal .controls .navigate-left.enabled {
|
||||||
border-right-color: #42affa; }
|
border-right-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-right,
|
.reveal .controls .navigate-right,
|
||||||
.reveal .controls .navigate-right.enabled {
|
.reveal .controls .navigate-right.enabled {
|
||||||
border-left-color: #42affa; }
|
border-left-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-up,
|
.reveal .controls .navigate-up,
|
||||||
.reveal .controls .navigate-up.enabled {
|
.reveal .controls .navigate-up.enabled {
|
||||||
border-bottom-color: #42affa; }
|
border-bottom-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-down,
|
.reveal .controls .navigate-down,
|
||||||
.reveal .controls .navigate-down.enabled {
|
.reveal .controls .navigate-down.enabled {
|
||||||
border-top-color: #42affa; }
|
border-top-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-left.enabled:hover {
|
.reveal .controls .navigate-left.enabled:hover {
|
||||||
border-right-color: #8dcffc; }
|
border-right-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-right.enabled:hover {
|
.reveal .controls .navigate-right.enabled:hover {
|
||||||
border-left-color: #8dcffc; }
|
border-left-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-up.enabled:hover {
|
.reveal .controls .navigate-up.enabled:hover {
|
||||||
border-bottom-color: #8dcffc; }
|
border-bottom-color: #fff; }
|
||||||
|
|
||||||
.reveal .controls .navigate-down.enabled:hover {
|
.reveal .controls .navigate-down.enabled:hover {
|
||||||
border-top-color: #8dcffc; }
|
border-top-color: #fff; }
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* PROGRESS BAR
|
* PROGRESS BAR
|
||||||
|
@ -286,7 +291,7 @@ body {
|
||||||
background: rgba(0, 0, 0, 0.2); }
|
background: rgba(0, 0, 0, 0.2); }
|
||||||
|
|
||||||
.reveal .progress span {
|
.reveal .progress span {
|
||||||
background: #42affa;
|
background: #fff;
|
||||||
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
-moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
|
||||||
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
|
transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
|
||||||
|
|
Loading…
Reference in a new issue