-
Notifications
You must be signed in to change notification settings - Fork 0
/
1028_Time_Alone_Branded_charts.html
126 lines (118 loc) · 4.32 KB
/
1028_Time_Alone_Branded_charts.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!-- Generated by ai2html v0.73.0 - 2018-06-26 14:48 -->
<!-- ai file: 1028_Time_Alone_Branded_charts.ai -->
<style type='text/css' media='screen,print'>
#g-1028_Time_Alone_Branded_charts-box .g-artboard {
margin:0 auto;
}
#g-1028_Time_Alone_Branded_charts-box .g-artboard p {
margin:0;
}
.g-aiAbs {
position:absolute;
}
.g-aiImg {
display:block;
width:100% !important;
}
.g-aiSymbol {
position: absolute;
box-sizing: border-box;
}
.g-aiPointText p { white-space: nowrap; }
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 {
position:relative;
overflow:hidden;
max-width:1024px;
}
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 p {
font-family:arial,helvetica,sans-serif;
font-size: 16px;
line-height:30px;
filter:alpha(opacity=100);
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity:1;
letter-spacing:0em;
text-align:left;
color:rgb(51,49,51);
text-transform:none;
padding-bottom:0;
padding-top:0;
mix-blend-mode:normal;
font-style:normal;
height:auto;
}
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 .g-pstyle0 {
font-size:11px;
line-height:14px;
height:14px;
color:rgb(103,103,103);
}
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 .g-pstyle1 {
font-size:11px;
line-height:13px;
height:13px;
color:rgb(103,103,103);
}
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 .g-pstyle2 {
font-size:16px;
line-height:19px;
height:19px;
color:rgb(74,112,181);
}
#g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6 .g-cstyle0 {
color:rgb(89,89,91);
}
@media only screen and (max-width: 768px) {
#g-1028_Time_Alone_Branded_charts-box .g-artboard p{
font-size: 12px;
}
}
}
</style>
<div id="g-1028_Time_Alone_Branded_charts-box" class="ai2html ai2html-box-v5">
<!-- Artboard: Artboard_1_copy_6 -->
<div id="g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6" class="g-artboard" data-aspect-ratio="1.787" data-min-width="1024">
<img id="g-1028_Time_Alone_Branded_charts-Artboard_1_copy_6-img" class="g-aiImg" src="1028_Time_Alone_Branded_charts-Artboard_1_copy_6.png"/>
<div id="g-ai0-1" class="g-Layer_1 g-aiAbs" style="top:4.5375%;left:2.4085%;width:93.0664%;">
<p>Leisure time spent alone and with others per day, by sex</p>
<p>UK, 2015</p>
</div>
<div id="g-ai0-2" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:18.7025%;margin-top:-8.2px;left:4.8381%;width:51px;">
<p class="g-pstyle0">Alone</p>
</div>
<div id="g-ai0-3" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:18.7025%;margin-top:-8.2px;left:12.239%;width:79px;">
<p class="g-pstyle0">With others</p>
</div>
<div id="g-ai0-4" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:22.3674%;margin-top:-8.2px;left:3.2349%;width:52px;">
<p class="g-pstyle0">Hours</p>
</div>
<div id="g-ai0-5" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:25.3631%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">5</p>
</div>
<div id="g-ai0-6" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:37.0559%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">4</p>
</div>
<div id="g-ai0-7" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:48.9233%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">3</p>
</div>
<div id="g-ai0-8" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:60.7907%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">2</p>
</div>
<div id="g-ai0-9" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:72.658%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">1</p>
</div>
<div id="g-ai0-10" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:84.5254%;margin-top:-7.3px;left:4.394%;width:28px;">
<p class="g-pstyle1">0</p>
</div>
<div id="g-ai0-11" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:86.9398%;margin-top:-8.2px;left:24.7517%;width:46px;">
<p class="g-pstyle0">Male</p>
</div>
<div id="g-ai0-12" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:86.9398%;margin-top:-8.2px;left:70.1655%;width:60px;">
<p class="g-pstyle0">Female</p>
</div>
<div id="g-ai0-13" class="g-Layer_1 g-aiAbs g-aiPointText" style="top:93.7108%;margin-top:-11px;left:2.4085%;width:361px;">
<p class="g-pstyle2"><span class="g-cstyle0">Source: </span>2015 UK Harmonised Time Use Survey</p>
</div>
</div>
</div>
<!-- End ai2html - 2018-06-26 14:48 -->