-
Notifications
You must be signed in to change notification settings - Fork 105
/
Brazil.html
108 lines (105 loc) · 2.24 KB
/
Brazil.html
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
107
108
<!DOCTYPE html>
<html>
<head>
<title>Brazil | Flags</title>
<style>
#brazil {
margin: 150px;
width: 400px;
height: 280px;
position: relative;
box-shadow: 0px 0px 15px 2px #e5e5e5;
background-color: #FFE11F;
background-image:
-webkit-linear-gradient(32.6538deg,
#16B83E 30.2142%,
transparent 30.2142%,
transparent 69.7857%,
#16B83E 69.7857%),
-webkit-linear-gradient(-32.6538deg,
#16B83E 30.2142%,
transparent 30.2142%,
transparent 69.7857%,
#16B83E 69.7857%);
background-image:
linear-gradient(32.6538deg,
#16B83E 30.2142%,
transparent 30.2142%,
transparent 69.7857%,
#16B83E 69.7857%),
linear-gradient(-32.6538deg,
#16B83E 30.2142%,
transparent 30.2142%,
transparent 69.7857%,
#16B83E 69.7857%);
}
#brazil::before {
content: "\2605";
color: #1651B8;
font-size: 9px;
text-align: center;
display: block;
width: 140px;
height: 140px;
position: absolute;
margin-left: -70px;
margin-top: -70px;
top: 50%;
left: 50%;
border-radius: 50%;
background-color: #1651B8;
background-image:
-webkit-radial-gradient(242% 242% at 20% 156%,
#1651B8 50%,
white 50%,
white 52.5%,
#1651B8 52.5%);
background-image:
radial-gradient(242% 242% at 20% 156%,
#1651B8 50%,
white 50%,
white 52.5%,
#1651B8 52.5%);
text-shadow:
-60px 55px 0px white,
-55px 85px 0px white,
19px 37px 0px white,
-34px 105px 0px white;
}
#brazil:after {
content: "\2605";
color: white;
font-size: 5px;
position: absolute;
top: 193px;
left: 195px;
text-shadow:
-51px -23px 0px white,
-34px -30px 0px white,
-43px -42px 0px white,
-41px -23px 0px white,
-33px -45px 0px white,
1px -46px 0px white,
-6px -38px 0px white,
10px -38px 0px white,
-0px -33px 0px white,
2px -25px 0px white,
18px -55px 0px white,
19px -4px 0px white,
15px -12px 0px white,
24px -11px 0px white,
33px -15px 0px white,
31px -0px 0px white,
35px -7px 0px white,
43px -10px 0px white,
47px -16px 0px white,
50px -23px 0px white,
55px -32px 0px white,
44px -31px 0px white;
}
</style>
</head>
<body>
<div id="brazil"></div>
</body>
</html>