forked from ad-si/Vectual
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvectual.styl
195 lines (148 loc) · 3.23 KB
/
vectual.styl
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
//===== SVG =====
svg.vectual
display: inline-block
margin: 0
.vectual_background
fill: rgb(50, 50, 50)
.vectual_title
font-size: 20px
font-family: "Arial", sans-serif
fill: white
//===== Inline =====
svg.vectual_inline
display: inline-block
.vectual_inline_sparkline
fill: none
stroke: rgb(200, 200, 200)
stroke-width: 0.8
.vectual_inline_sparkline_min
fill: red
.vectual_inline_sparkline_max
fill: green
//===== Pie =====
.vectual_pie
.vectual_pie_sector_path
stroke: white
.vectual_pie_text
font-family: "Arial", sans-serif
font-weight: 100
.vectual_pie_text_single
stroke: black
fill: white
//===== Coordinate =====
.vectual_coordinate_axis_x
stroke: white
stroke-width: 2
.vectual_coordinate_labels_x
font-size: 10px
line-height: 12px
font-family: "Arial", sans-serif
font-weight: 100
fill: white
.vectual_coordinate_lines_x
stroke: grey
stroke-width: 1
.vectual_coordinate_axis_y
stroke: white
stroke-width: 2
.vectual_coordinate_labels_y
font-size: 10px
line-height: 12px
font-family: "Arial", sans-serif
font-weight: 100
fill: white
.vectual_coordinate_lines_y
stroke: grey
stroke-width: 1
//===== Bar =====
.vectual_bar_bar
fill: rgb(0, 150, 250)
//===== Line =====
.vectual_line_line
fill: none
stroke: rgb(96, 255, 0)
stroke-width: 3
stroke-linejoin: round
.vectual_line_dot
fill: rgb(96, 255, 0)
stroke: rgb(96, 255, 0)
stroke-width: 0
//===== Scatter =====
.vectual_scatter_dot
fill: rgb(255, 0, 0)
stroke: rgb(255, 0, 0)
//===== Tagcloud =====
.vectual_tagcloud_text
font-weight: 500
font-family: "Arial", sans-serif
fill: white
//===== Table =====
.vectual_table
background: none
font: 200 12px/12px "Arial", sans-serif
margin: 10px 0 0 0
.vectual_table table
.vectual_table th
background: rgb(150, 180, 180)
padding: 2px
.vectual_table td
padding: 2px
.vectual_table tr:nth-child(odd)
background-color: rgb(120, 120, 120)
.vectual_table tr:nth-child(even)
background-color: rgb(180, 180, 180)
//===== Map =====
//Circles around small countries. Change opacity to 1 to display all circles.
.circlexx
opacity: 0
fill: #e0e0e0
stroke: #000000
stroke-width: 0.5
//Smaller circles around French DOMs and Chinese SARs. Change opacity to 1 to display all subnational circles.
.subxx
opacity: 0
stroke-width: 0.3
//Circles around small, unrecognized countries. Change opacity to 1 to display all circles.
.unxx
opacity: 0
fill: #e0e0e0
stroke: #000000
stroke-width: 0.3
//Circles around small countries, but with no permanent residents. Change opacity to 1 to display all circles.
.noxx
opacity: 0
fill: #e0e0e0
stroke: #000000
stroke-width: 0.5
//land
.landxx
fill: rgb(230, 230, 230)
stroke: rgb(50, 50, 50)
stroke-width: 0.5
fill-rule: evenodd
//Styles for coastlines of islands with no borders
.coastxx
fill: rgb(230, 230, 230)
stroke: #ffffff
stroke-width: 0.3
fill-rule: evenodd
//Styles for nations with limited recognition
.limitxx
fill: rgb(230, 230, 230)
stroke: #ffffff
stroke-width: 0
fill-rule: evenodd
//Styles for nations with no permanent population.
.antxx
fill: rgb(230, 230, 230)
stroke: #ffffff
stroke-width: 0
fill-rule: evenodd
//Ocean
.oceanxx
opacity: 1
color: blue
fill: #ffffff
stroke: #000
stroke-width: 0.5
stroke-miterlimit: 1