Skip to content

Commit d9ad65c

Browse files
ricardomironricardomiron
committed
Update fonts
1 parent d436bfb commit d9ad65c

File tree

2 files changed

+73
-90
lines changed

2 files changed

+73
-90
lines changed

‎css/styles.css

+61-79
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,5 @@
11
/** FONTS **/
22
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
3-
@font-face {
4-
font-family: 'roboto_monobold';
5-
src: url('../fonts/robotomono-bold-webfont.eot');
6-
src: url('../fonts/robotomono-bold-webfont.eot?#iefix') format('embedded-opentype'),
7-
url('../fonts/robotomono-bold-webfont.woff2') format('woff2'),
8-
url('../fonts/robotomono-bold-webfont.woff') format('woff'),
9-
url('../fonts/robotomono-bold-webfont.ttf') format('truetype'),
10-
url('../fonts/robotomono-bold-webfont.svg#roboto_monobold') format('svg');
11-
font-weight: normal;
12-
font-style: normal;
13-
14-
}
15-
16-
@font-face {
17-
font-family: 'cabinregular';
18-
src: url('../fonts/cabin-regular-webfont.eot');
19-
src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
20-
url('../fonts/cabin-regular-webfont.woff2') format('woff2'),
21-
url('../fonts/cabin-regular-webfont.woff') format('woff'),
22-
url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
23-
url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
24-
font-weight: normal;
25-
font-style: normal;
26-
27-
}
28-
29-
@font-face {
30-
font-family: 'roboto_monoregular';
31-
src: url('../fonts/robotomono-regular-webfont.eot');
32-
src: url('../fonts/robotomono-regular-webfont.eot?#iefix') format('embedded-opentype'),
33-
url('../fonts/robotomono-regular-webfont.woff2') format('woff2'),
34-
url('../fonts/robotomono-regular-webfont.woff') format('woff'),
35-
url('../fonts/robotomono-regular-webfont.ttf') format('truetype'),
36-
url('../fonts/robotomono-regular-webfont.svg#roboto_monoregular') format('svg');
37-
font-weight: normal;
38-
font-style: normal;
39-
40-
}
413

424
/** GLOBAL **/
435
body {
@@ -56,7 +18,8 @@ body {
5618
padding: 10px 5px 10px 5px;
5719
color: #F4F3F4;
5820
font-size: 24px;
59-
font-family: 'roboto_monobold';
21+
font-family: 'Roboto Mono', monospace;
22+
font-weight: 700;
6023
}
6124

6225
.link:hover {
@@ -74,11 +37,11 @@ body {
7437
}
7538

7639
.footer ul li a{
77-
color: #222423 !important;
40+
color: #222423 !important;
7841
}
7942

8043
.footer ul li a:hover{
81-
color: #69E6B6 !important;
44+
color: #69E6B6 !important;
8245
text-decoration: none !important;
8346
outline: 0 !important;
8447
}
@@ -105,7 +68,8 @@ body {
10568
top: 20px;
10669
position: relative;
10770
left: 10px;
108-
font-family: 'roboto_monobold';
71+
font-family: 'Roboto Mono', monospace;
72+
font-weight: 700;
10973
line-height: 19px;
11074
text-transform: uppercase;
11175
}
@@ -114,7 +78,8 @@ body {
11478
margin-top: 6px;
11579
color: #F4F3F4;
11680
background-color: transparent;
117-
font-family: 'roboto_monobold';
81+
font-family: 'Roboto Mono', monospace;
82+
font-weight: 700;
11883
font-size: 16px;
11984
line-height: 19px;
12085
margin-left: 10px;
@@ -129,7 +94,8 @@ body {
12994
.navbar-inverse .navbar-nav>.active>a {
13095
color: #69E6B6;
13196
background-color: transparent;
132-
font-family: 'roboto_monobold';
97+
font-family: 'Roboto Mono', monospace;
98+
font-weight: 700;
13399
font-size: 16px;
134100
line-height: 19px;
135101
}
@@ -144,7 +110,8 @@ body {
144110
margin-top: 6px;
145111
color: #F4F3F4;
146112
background-color: transparent;
147-
font-family: 'roboto_monobold';
113+
font-family: 'Roboto Mono', monospace;
114+
font-weight: 700;
148115
font-size: 16px;
149116
line-height: 19px;
150117
}
@@ -233,7 +200,8 @@ body {
233200
font-size: 32px;
234201
text-align: center;
235202
margin: 30px auto;
236-
font-family: 'roboto_monobold';
203+
font-family: 'Roboto Mono', monospace;
204+
font-weight: 700;
237205
width: 50%;
238206
color: #F4F3F4;
239207
padding-bottom: 5px;
@@ -254,7 +222,8 @@ body {
254222
.mover-rigths {
255223
padding: 0px !important;
256224
width: 80% !important;
257-
font-family: 'roboto_monoregular' !important;
225+
font-family: 'Roboto Mono' !important;
226+
font-weight: 400;
258227
}
259228

260229
.container-tech img {
@@ -270,7 +239,7 @@ body {
270239
}
271240

272241
.container-textos-acerca {
273-
margin-bottom: 50px;
242+
margin-bottom: 50px;
274243
}
275244

276245
.img-microsoft {
@@ -343,7 +312,8 @@ body {
343312
}
344313

345314
.container-participa-interno p{
346-
font-family: 'cabinregular';
315+
font-family: 'Cabin', sans-serif;
316+
font-weight: 400;
347317
font-size: 18px;
348318
line-height: 22px;
349319
text-align: justify;
@@ -352,7 +322,7 @@ body {
352322

353323
.logo-city {
354324
width: 100%;
355-
325+
356326
}
357327

358328
.container-city {
@@ -378,7 +348,8 @@ body {
378348
color: #656768;
379349
font-size: 18px;
380350
line-height: 21px;
381-
font-family: 'roboto_monobold';
351+
font-family: 'Roboto Mono', monospace;
352+
font-weight: 700;
382353
}
383354
.move-top {
384355
position: relative;
@@ -400,23 +371,26 @@ body {
400371
.container-temario-interno h2 {
401372
font-size: 38px;
402373
color: #F4F3F4;
403-
font-family: 'roboto_monobold';
374+
font-family: 'Roboto Mono', monospace;
375+
font-weight: 700;
404376
line-height: 38px;
405377
}
406378

407379
.container-temario-interno h3 {
408380
font-size: 18px;
409381
color: #222423;
410-
font-family: 'roboto_monobold';
382+
font-family: 'Roboto Mono', monospace;
383+
font-weight: 700;
411384
line-height: 21px;
412385
}
413386

414387
.container-temario-interno h2 span {
415-
font-size: 25px !important;
388+
font-size: 25px !important;
416389
}
417390

418391
.container-temario-interno p{
419-
font-family: 'cabinregular';
392+
font-family: 'Cabin', sans-serif;
393+
font-weight: 400;
420394
font-size: 18px;
421395
line-height: 22px;
422396
text-align: justify;
@@ -437,7 +411,8 @@ body {
437411
}
438412

439413
#temario-secundario p{
440-
font-family: 'cabinregular';
414+
font-family: 'Cabin', sans-serif;
415+
font-weight: 400;
441416
font-size: 14px;
442417
line-height: 17px;
443418
text-align: left;
@@ -463,7 +438,8 @@ strong a:hover {
463438
.border {
464439
border-top: 15px solid;
465440
padding: 30px;
466-
font-family: 'roboto_monobold';
441+
font-family: 'Roboto Mono', monospace;
442+
font-weight: 700;
467443
line-height: 14px;
468444
color: #767777;
469445
font-size: 12px;
@@ -511,7 +487,7 @@ strong a:hover {
511487
}
512488

513489
.border:hover {
514-
color: #F4F3F4;
490+
color: #F4F3F4;
515491
}
516492
.border-yellow:hover {
517493
border-color: #ECDD44;
@@ -544,7 +520,7 @@ strong a:hover {
544520
width: 100%;
545521
background: #ECDD44;
546522
padding-top: 15px;
547-
padding-bottom: 15px;
523+
padding-bottom: 15px;
548524
}
549525

550526
.logo-mapa {
@@ -568,7 +544,8 @@ strong a:hover {
568544
}
569545

570546
.proximamente {
571-
font-family: 'roboto_monobold';
547+
font-family: 'Roboto Mono', monospace;
548+
font-weight: 700;
572549
position: relative;
573550
top: 313px;
574551
z-index: 1;
@@ -609,7 +586,8 @@ strong a:hover {
609586

610587
.footer {
611588
padding: 30px;
612-
font-family: 'roboto_monobold';
589+
font-family: 'Roboto Mono', monospace;
590+
font-weight: 700;
613591
font-size: 18px;
614592
color: #222423;
615593
}
@@ -717,7 +695,8 @@ strong a:hover {
717695
}
718696

719697
.container-retos-interno h3 {
720-
font-family: 'cabinregular';
698+
font-family: 'Cabin', sans-serif;
699+
font-weight: 400;
721700
font-size: 18px;
722701
line-height: 22px;
723702
color: #656768;
@@ -759,7 +738,8 @@ strong a:hover {
759738
}
760739

761740
.container-retos-interno h2{
762-
font-family: 'roboto_monobold';
741+
font-family: 'Roboto Mono', monospace;
742+
font-weight: 700;
763743
font-size: 32px;
764744
line-height: 22px;
765745
color: #656768;
@@ -791,13 +771,15 @@ strong a:hover {
791771
.accordion-toggle {
792772
font-size: 14px;
793773
line-height: 22px;
794-
font-family: 'roboto_monobold';
774+
font-family: 'Roboto Mono', monospace;
775+
font-weight: 700;
795776
color: #222423 !important;
796777
}
797778

798779
.panel-body {
799780
font-size: 14px;
800-
font-family: 'cabinregular';
781+
font-family: 'Cabin', sans-serif;
782+
font-weight: 400;
801783
color: #222423 !important;
802784
}
803785

@@ -997,7 +979,7 @@ strong a:hover {
997979
}
998980
}
999981

1000-
@media (max-width: 600px) {
982+
@media (max-width: 600px) {
1001983
.container-home .img-backlines {
1002984
display: none;
1003985
}
@@ -1027,7 +1009,7 @@ strong a:hover {
10271009
margin: 20px;
10281010
margin-left: 0px;
10291011
}
1030-
.img-microsoft {
1012+
.img-microsoft {
10311013
width: 150px;
10321014
margin: 0 auto;
10331015
text-align: center;
@@ -1068,7 +1050,7 @@ strong a:hover {
10681050
font-size: 16px;
10691051
}
10701052
.border {
1071-
color: #F4F3F4;
1053+
color: #F4F3F4;
10721054
}
10731055
.border-yellow {
10741056
border-color: #ECDD44;
@@ -1084,7 +1066,7 @@ strong a:hover {
10841066
}
10851067
.logo-mapa {
10861068
margin: 0px auto !important;
1087-
}
1069+
}
10881070
.proximamente {
10891071
font-size: 26px;
10901072
left: 0px;
@@ -1117,14 +1099,14 @@ strong a:hover {
11171099
}
11181100
}
11191101

1120-
@media (max-width: 500px) {
1102+
@media (max-width: 500px) {
11211103
.container-generacion img {
11221104
width: 100%;
11231105
padding: 15px;
11241106
}
11251107
.container-participa-interno h3 {
11261108
text-align: center;
1127-
margin: 0px;
1109+
margin: 0px;
11281110
}
11291111
.container-participa-interno img {
11301112
margin: 0 auto;
@@ -1192,12 +1174,12 @@ strong a:hover {
11921174
}
11931175

11941176
/* Landscape */
1195-
@media only screen
1196-
and (min-device-width: 320px)
1177+
@media only screen
1178+
and (min-device-width: 320px)
11971179
and (max-device-width: 568px)
11981180
and (-webkit-min-device-pixel-ratio: 2)
1199-
and (-webkit-device-pixel-ratio: 2)
1200-
and (-webkit-device-pixel-ratio: 3)
1181+
and (-webkit-device-pixel-ratio: 2)
1182+
and (-webkit-device-pixel-ratio: 3)
12011183
and (orientation: landscape) {
12021184
.container-participa-interno img {
12031185
width: 120px;
@@ -1213,12 +1195,12 @@ strong a:hover {
12131195
}
12141196

12151197
/* Landscape */
1216-
@media only screen
1217-
and (min-device-width: 569px)
1198+
@media only screen
1199+
and (min-device-width: 569px)
12181200
and (max-device-width: 667px)
12191201
and (-webkit-min-device-pixel-ratio: 2)
1220-
and (-webkit-device-pixel-ratio: 2)
1221-
and (-webkit-device-pixel-ratio: 3)
1202+
and (-webkit-device-pixel-ratio: 2)
1203+
and (-webkit-device-pixel-ratio: 3)
12221204
and (orientation: landscape) {
12231205
.move-footer-center {
12241206
width: 100%;

0 commit comments

Comments
 (0)