-
Notifications
You must be signed in to change notification settings - Fork 0
/
estilo_foo_anima_tocha.css
106 lines (106 loc) · 6.74 KB
/
estilo_foo_anima_tocha.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
footer{position:relative;width:100%;background:#3586ff;min-height:100px;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;}
footer .social_icon,
footer .menu_f{position:relative;display:flex;justify-content:center;align-items:center;margin:10px 0;flex-wrap:wrap;flex-direction:row;text-decoration:none;}
footer .social_icon li,
footer .menu_f li{list-style:none;text-decoration:none;background:none;}
footer .social_icon li a{background:none;font-size:1em;font-weight:300;letter-spacing:3px;color:#fff;margin:auto 10px 0;transition:0.6s;opacity:0.75;text-decoration:none;flex-wrap:wrap;flex-direction:row;flex-flow:row;}
footer .social_icon li a:hover{transform:translateY(-10px);opacity:1;text-decoration:none;}
footer .menu_f li a{font-size:.8em;font-weight:300;letter-spacing:3px;color:#fff;margin:0 8px;display:inline-block;transition:0.5s;text-decoration:none;opacity:0.75;background:none;flex-wrap:wrap;flex-direction:row;flex-flow:row;}
footer .menu_f li a:hover{opacity:1;transform:translateY(-9px);}
footer p{text-align:center;margin-top:15px;margin-bottom:15px;font-size:.8em;text-decoration:none;}
footer .waves{position:absolute;top:-100px;left:0;width:100%;margin:0;width:100%;padding:0;}
footer .wave{margin:0;position:abolute;top:-100px;left:0;padding:0;width:100%;height:100px;background:url('w3.png');background-size:1000px 100px;}
footer .wave#wave1{position:abolute;z-index:1000;opacity:1;bottom:0;animation:animateWave 66.666s linear infinite;}
footer .wave#wave2{position:abolute;z-index:999;opacity:0.5;bottom:15px;animation:animateWave_02 6.666s linear infinite;}
.copyrightText{display:block;width:100%;height:auto;min-height:200px;background:#daff;padding:8px 100px;text-align:center;color:#fff;align-items:center;align-content:center;margin:0;}
.copyrightText .grid-container a p{color:#040105;font-size:.7em;letter-spacing:3px;font-weight:100;}
/*.copyrightText .grid-container marquee{padding:17px;color:#415;font-size:.7em;font-weight:300;letter-spacing:2px;width:100%;}*/
.grid-containerD{display:grid;grid-template-columns:33% 33% 33%;grid-gap:auto;}
.grid-containerD>div{padding:12px;}
.grid-container{margin-top:9px;display:grid;grid-template-columns:auto 66% auto;grid-gap:15px;}
.grid-container a{text-decoration:none;color:#fff;}
.grid-container p{padding:6px;letter-spacing:6px;font-size:.8em;font-weight:100;color:#fff;text-align:center;align-items:center;align-content:center;text-transform:uppercase;}
.grid-container marquee{font-size:.6em;letter-spacing:6px;font-weight:100;margin:8px 3px;height:auto;color:#415;}
.grid-container>div{padding:12px;}
.copyrightText.grid-container a{text-decoration:none;background:none;}
.copyrightText.grid-container img{height:66px;width:66px;border-radius:6px;margin:auto;}
@keyframes animateWave{
0%{background-position-x:1000px;}
100%{background-position-x:0px;}
}
@keyframes animateWave_02{
0%{background-position-x:0px;}
100%{background-position-x:1000px;}
}
.footer_map{background:#daff;padding:0;margin:0;width:100%;height:auto;max-height:415px;}
.footer_map iframe{padding:0;margin:0;width:100%;height:100%;}
@media(max-width:768px){
footer{width:100%;padding:40px;margin:0;display:flex;flex-direction:column;}
footer.waves{width:100%;position:absolute;margin:0;padding:0;}
footer .wave{margin:0;width:100%;}
footer .menu_f{display:flex;flex-direction:column;}
footer .menu_f li a{padding:16px;}
.copyrightText{padding:8px 40px;flex-direction: column;}
.grid-container{display:flex;flex-direction:column;padding:16px;align-items:center;align-content:center;}
.map{padding:0;}
.grid-container p,
.grid-container marquee{font-size:1em;padding:16px;font-weight:100;}
.footer_map{width:100%;height:auto;max-height:451px;}
.footer_map iframe{width:100%;height:100%;}
}
@media(max-width:480px){/* smartphones, Android phones, landscape iPhone */
footer{width:100%;padding:40px;margin:0;display:flex;flex-direction:column;}
footer.waves{width:100%;position:absolute;margin:0;padding:0;}
footer .wave{margin:0;width:100%;}
footer .menu_f{display:flex;flex-direction:column;}
footer .menu_f li a{padding:16px;}
.copyrightText{padding:8px 40px;flex-direction: column;}
.grid-container{display:flex;flex-direction:column;padding:16px;align-items:center;align-content:center;}
.map{padding:0;}
.grid-container p,
.grid-container marquee{font-size:.8em;padding:16px;font-weight:100;letter-spacing:3px;}
.footer_map{width:100%;height:auto;max-height:451px;}
.footer_map iframe{width:100%;height:100%;}
}
/*@media (min-width:600px){ portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android)
footer{width:100%;padding:40px;margin:0;display:flex;flex-direction:column;}
footer.waves{width:100%;position:absolute;margin:0;padding:0;}
footer .wave{margin:0;width:100%;}
footer .menu_f{display:flex;flex-direction:column;}
footer .menu_f li a{padding:16px;}
.copyrightText{padding:8px 40px;flex-direction: column;}
.grid-container{display:flex;flex-direction:column;padding:16px;align-items:center;align-content:center;}
.map{padding:0;}
.grid-container p,
.grid-container marquee{font-size:.8em;padding:16px;font-weight:100;letter-spacing:3px;}
.footer_map{width:100%;height:auto;max-height:451px;}
.footer_map iframe{width:100%;height:100%;}
}*/
/*@media (min-width:801px){ tablet, landscape iPad, lo-res laptops ands desktops
footer{width:100%;padding:40px;margin:0;display:flex;flex-direction:column;}
footer.waves{width:100%;position:absolute;margin:0;padding:0;}
footer .wave{margin:0;width:100%;}
footer .menu_f{display:flex;flex-direction:column;}
footer .menu_f li a{padding:16px;}
.copyrightText{padding:8px 40px;flex-direction: column;}
.grid-container{display:flex;flex-direction:column;padding:16px;align-items:center;align-content:center;}
.map{padding:0;}
.grid-container p,
.grid-container marquee{font-size:1em;padding:16px;font-weight:100;}
.footer_map{width:100%;height:auto;max-height:451px;}
.footer_map iframe{width:100%;height:100%;}
}*/
/*@media (min-width:1025px){ big landscape tablets, laptops, and desktops
footer{width:100%;padding:40px;margin:0;display:flex;flex-direction:column;}
footer.waves{width:100%;position:absolute;margin:0;padding:0;}
footer .wave{margin:0;width:100%;}
footer .menu_f{display:flex;flex-direction:column;}
footer .menu_f li a{padding:21px;}
.copyrightText{padding:8px 40px;flex-direction:column;}
.grid-container{display:flex;flex-direction:column;padding:16px;align-items:center;align-content:center;}
.map{padding:0;}
.grid-container p,
.grid-container marquee{font-size:2.6em;padding:17px;font-weight:300;letter-spacing:6px;}
.footer_map{width:100%;height:auto;max-height:451px;}
.footer_map iframe{width:100%;height:100%;}
}*/