Skip to content

Commit 29a65f5

Browse files
author
Nikita Katchik
committed
Fixes
1 parent c17e15b commit 29a65f5

File tree

5 files changed

+199
-111
lines changed

5 files changed

+199
-111
lines changed

‎app/htmls/SceneBrowser.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<style type="text/css">
55
body {
6-
background-color: #0f0f0f;
6+
background-color: #090909;
77
font-family: sans-serif;
88
font-style: normal;
99
font-variant: normal;
@@ -211,7 +211,7 @@
211211
<div class="tip_label">Refresh</div>
212212
</div>
213213

214-
<div id="dialog_loading" style="text-align: center; width: 100%; margin-top: 20%;">
214+
<div id="dialog_loading" style="text-align: center; width: 100%; margin-top: 19%;">
215215
<div class="spinner" style="display: inline-block;">
216216
<div class="bounce1"></div>
217217
<div class="bounce2"></div>

‎app/htmls/SceneChannel.html

+32-31
Original file line numberDiff line numberDiff line change
@@ -6,47 +6,49 @@
66

77
<style type="text/css">
88
body {
9-
background-color: #0f0f0f;
9+
background-color: #090909;
1010
font-family: sans-serif;
1111
font-style: normal;
1212
font-variant: normal;
1313
font-weight: 100;
1414
letter-spacing: normal;
15+
margin: 0px;
16+
padding: 0px;
1517
}
16-
18+
1719
.spinner {
18-
margin: 120px auto 0;
19-
width: 120px;
20-
text-align: center;
20+
margin: 120px auto 0;
21+
width: 120px;
22+
text-align: center;
2123
}
2224

2325
.spinner > div {
24-
width: 28px;
25-
height: 28px;
26-
background-color: #FFFFFF;
27-
28-
border-radius: 100%;
29-
display: inline-block;
30-
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
31-
animation: bouncedelay 1.4s infinite ease-in-out;
32-
/* Prevent first frame from flickering when animation starts */
33-
-webkit-animation-fill-mode: both;
34-
animation-fill-mode: both;
26+
width: 28px;
27+
height: 28px;
28+
background-color: #FFFFFF;
29+
30+
border-radius: 100%;
31+
display: inline-block;
32+
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
33+
animation: bouncedelay 1.4s infinite ease-in-out;
34+
/* Prevent first frame from flickering when animation starts */
35+
-webkit-animation-fill-mode: both;
36+
animation-fill-mode: both;
3537
}
3638

3739
.spinner .bounce1 {
38-
-webkit-animation-delay: -0.32s;
39-
animation-delay: -0.32s;
40+
-webkit-animation-delay: -0.32s;
41+
animation-delay: -0.32s;
4042
}
4143

4244
.spinner .bounce2 {
43-
-webkit-animation-delay: -0.16s;
44-
animation-delay: -0.16s;
45+
-webkit-animation-delay: -0.16s;
46+
animation-delay: -0.16s;
4547
}
4648

4749
@-webkit-keyframes bouncedelay {
48-
0%, 80%, 100% { -webkit-transform: scale(0.0) }
49-
40% { -webkit-transform: scale(1.0) }
50+
0%, 80%, 100% { -webkit-transform: scale(0.0) }
51+
40% { -webkit-transform: scale(1.0) }
5052
}
5153

5254
@keyframes bouncedelay {
@@ -64,23 +66,22 @@
6466
<body>
6567
<div id="scene_channel_panel" style="position: absolute; left: 75%; width: 25%; height: 100%; z-index: 2; background-color: #6545a5;">
6668
<img style="width: 40%; padding-left: 10%; padding-top: 7%; padding-bottom: 1.5%;" src="images/twitchlogo.png"/>
67-
<div style="margin: 0 auto; width: 80%; height: 8%; padding-left: 15%; padding-top: 10%; padding-bottom: 1.5%;">
68-
<img style="display: inline-block; width: 20%;" src="http://static-cdn.jtvnw.net/jtv_user_pictures/starladder1-profile_image-7acfe4aa507436cb-300x300.jpeg"/>
69-
<div style="text-align: center; color: white; vertical-align: top; display: inline-block; width: 65%; margin-top: 1%; margin-left: 2%;">
70-
<div id="stream_info_name" style="font-size: 120%; padding-bottom: 5%;">Starladder1</div>
71-
<div id="stream_info_viewer" style="font-size: 100%; color: rgba(255, 255, 255, 0.85)">1000 Viewers</div>
69+
<div style="margin: 0 auto; width: 80%; height: 8%; padding-left: 15%; padding-top: 9%; padding-bottom: 1.5%;">
70+
<img id="stream_info_icon" style="display: inline-block; width: 20%;" src=""/>
71+
<div style="text-align: center; color: white; vertical-align: top; display: inline-block; width: 65%; margin-top: 1%; margin-left: 0%;">
72+
<div id="stream_info_name" style="font-size: 120%; padding-bottom: 4%;"></div>
73+
<div id="stream_info_viewers" style="font-size: 100%; color: rgba(255, 255, 255, 0.85)"></div>
7274
</div>
7375
</div>
74-
<div style="width: 100%; height: 22.5%; background-color: #4c3082;">
75-
<div id="stream_info_title" style="width: 80%; height: 45%; padding: 2%; margin: 0 auto; font-size: 110%; color: rgba(255, 255, 255, 0.9);">jgffjhfjhfjh</div>
76-
<div style="width: 80%; height: 2px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.25);"></div>
76+
<div style="position: relative; width: 100%; height: 22.5%; margin-top: 2%; background-color: #4c3082;">
77+
<div style="width: 80%; height: 48%; text-align: center; vertical-align: middle; padding: 2%; margin: 0 auto; font-size: 90%; color: rgba(255, 255, 255, 0.9);"><p id="stream_info_title"></p></div>
7778
<div style="width: 80%; height: 42px; line-height: 42px; margin: 0 auto; padding-top: 6%; font-size: 130%;">
7879
<div style="display: inline-block; width: 80%; margin-left: 5%; background-color: rgba(255, 255, 255, 0.4); color: black; font-weight: 100;">
7980
<div style="width: 41%; text-align: center; display: inline-block; background-color: rgba(255, 255, 255, 0.35);">Quality</div>
8081
<div id="quality_name" style="width: 52%; text-align: center; display: inline-block;"></div>
8182
</div>
8283
<div style="height: 42px; display: inline-block;">
83-
<div style="display: inline-block; vertical-align: center;">
84+
<div style="display: inline-block;">
8485
<div id="quality_arrow_up"
8586
style="border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid rgba(255, 255, 255, 0.8);"></div>
8687
<div id="quality_arrow_down"

0 commit comments

Comments
 (0)