Skip to content

Commit 07a01a2

Browse files
shengyuanshengyuan
committed
Update e-game style
1 parent 1d6c907 commit 07a01a2

10 files changed

Lines changed: 190 additions & 9 deletions

File tree

‎css/egame.css‎

Lines changed: 182 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,41 @@
1+
body {
2+
background-color: #C6DDE0;
3+
}
4+
15
header {
26
width: 100%;
3-
height: 80px;
7+
height: 135px;
48
min-width: 200px;
5-
background-image: url(../media/egame/title.png);
9+
background-image: none;
10+
position: relative;
11+
}
12+
13+
#banner-left {
14+
background-image: url(../media/egame/banner-left.png);
15+
background-size: 100% 100%;
16+
left: 0;
17+
position: absolute;
18+
width: 640px;
19+
height: 120px;
20+
}
21+
22+
#banner-middle {
23+
background-image: url(../media/egame/banner-middle.png);
24+
background-size: 20.39px 120px;
25+
background-repeat: repeat-x;
26+
left: 640px;
27+
position: absolute;
28+
width: calc(100% - 983.5px);
29+
height: 120px;
30+
}
31+
32+
#banner-right {
33+
background-image: url(../media/egame/banner-right.png);
634
background-size: 100% 100%;
35+
right: 0;
36+
position: absolute;
37+
width: 343.5px;
38+
height: 120px;
739
}
840

941
header > a {
@@ -15,9 +47,155 @@ header > h1 {
1547
}
1648

1749
.egame .blocklySvg {
18-
background-color: #184961;
50+
background-color: #C6DDE0;
1951
}
2052

2153
svg defs>pattern:last-child line {
22-
stroke: #143C4E;
54+
stroke: #DFEDF0;
55+
}
56+
57+
table.nav td.tabmax, table td.tabmin {
58+
background-color: #C6DDE0;
59+
}
60+
61+
.blocklyMainBackground {
62+
stroke-width: 0 !important;
63+
}
64+
65+
#tabRow {
66+
border: 1px solid #C6DDE0;
67+
}
68+
69+
#tabRow > td {
70+
border: 0px;
71+
}
72+
73+
table.nav {
74+
height: calc(100vh - 160px);
75+
}
76+
77+
#userMenu,
78+
#userMenu span {
79+
font-size: 18px;
80+
}
81+
82+
#userMenu {
83+
top: 40px;
84+
right: 77px;
85+
}
86+
87+
#userMenu a,
88+
#userMenu span,
89+
#languageMenu {
90+
color: #8CFFE8;
91+
}
92+
93+
.check,
94+
.linkButton:link,
95+
#check-device-online:hover,
96+
button#runButton:hover,
97+
#check-btn {
98+
color: #FFF;
99+
}
100+
101+
.linkButton,
102+
#check-device-online,
103+
#check-device-online:hover {
104+
background: #5EB2BF;
105+
}
106+
107+
.linkButton:hover,
108+
table.nav td.tabmax button:hover {
109+
color: #5EB2BF;
110+
}
111+
112+
table.nav td.tabmax button {
113+
background: #5EB2BF;
114+
color: #FFF;
115+
}
116+
117+
#input-device {
118+
background: #c6dde0;
119+
color: #008891;
120+
box-shadow: inset #5EB2BF 0 0 3px;
23121
}
122+
123+
.toolMenu div {
124+
color: #008891;
125+
}
126+
127+
.garden {
128+
bottom: 0;
129+
right: 150px;
130+
position: absolute;
131+
}
132+
133+
table.nav td.tabon {
134+
background: #008891;
135+
color: #d9feff;
136+
}
137+
138+
td.tabon {
139+
border-bottom-color: #008891 !important;
140+
}
141+
142+
table.nav td {
143+
color: #008891;
144+
}
145+
146+
.blocklyToolboxDiv {
147+
background-color: #008891 !important;
148+
color: #d9feff !important;
149+
}
150+
151+
.blocklyTreeRow.blocklyTreeRow:hover {
152+
background-color: rgba(190, 231, 232, 0.5) !important;
153+
}
154+
155+
.blocklyToolboxDiv .blocklyTreeSelected.blocklyTreeSelected {
156+
background-color: #DDFF63 !important;
157+
}
158+
159+
.blocklyTreeSelected.blocklyTreeSelected .blocklyTreeLabel {
160+
color: #008891 !important;
161+
}
162+
163+
pre.content {
164+
border: 1px solid #008891;
165+
}
166+
167+
table.nav td.tabmax button.opened {
168+
background-color: #008891;
169+
}
170+
171+
#simulator-area,
172+
#demo-area {
173+
border: 10px solid #5eb2bf;
174+
top: 172px;
175+
right: 36px;
176+
}
177+
178+
.resize-area {
179+
background-image: url(../media/egame/resize-bar.png);
180+
}
181+
182+
table.nav td.tabmax button.opened:hover {
183+
color: #d9feff;
184+
}
185+
186+
.blocklyFlyoutBackground {
187+
fill: #A1C4CC !important;
188+
}
189+
190+
td#copyCode:after {
191+
background: #5eb2bf !important;
192+
color: #ffffff;
193+
}
194+
195+
td#copyCode:before {
196+
border-color: transparent rgb(94, 178, 191) transparent transparent;
197+
}
198+
199+
td#copyCode:hover:before {
200+
border-color: transparent rgb(94, 178, 191) transparent transparent;
201+
}

‎media/egame/banner-left.png‎

26.7 KB
Loading

‎media/egame/banner-middle.png‎

533 Bytes
Loading

‎media/egame/banner-right.png‎

8.89 KB
Loading

‎media/egame/bg.png‎

-259 Bytes
Binary file not shown.

‎media/egame/garden.png‎

16.5 KB
Loading

‎media/egame/resize-bar.png‎

178 Bytes
Loading

‎media/egame/title.png‎

-34.8 KB
Binary file not shown.

‎toolbox/index.xml‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -334,8 +334,8 @@
334334
<block type="mobile_deviceorientation_event_val"></block>
335335
<block type="mobile_devicemotion_event_val"></block>
336336
<block type="mobile_deviceorientation_event_remove"></block>
337-
</category> -->
338-
<sep></sep>
337+
</category>
338+
<sep></sep> -->
339339
</category>
340340
<sep></sep>
341341
<category id="catBoard">
@@ -856,8 +856,8 @@
856856
<block type="data_firebase_clear"></block>
857857
</category>
858858
<sep></sep>
859-
</category> -->
860-
<sep></sep>
859+
</category>
860+
<sep></sep>-->
861861
<category id="catDemo">
862862
<category id="catDemoText">
863863
<block type="demo_show_text"></block>

‎views/index.handlebars‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
<header>
2+
<div id="banner-left"></div>
3+
<div id="banner-middle"></div>
4+
<div id="banner-right"></div>
25
<a href="https://webduino.io" target="_blank"><img class="logo" src="media/logo.png" id="logo"></a>
36
<h1>{{title}}</h1>
47
<div id="userMenu">
58
<a href="index-stages{{#if_eq lang 'en'}}-en{{else if_eq lang 'zh-hans'}}-zh-hans{{/if_eq}}.html" target="_blank" id="blockly-to-website"><i class="icon-book"></i> <b>{{userMenuStages}}</b></a>
69
<a href="https://webduino.io" target="_blank" id="blockly-to-tutorials"><i class="icon-info"></i> <b>{{userMenuWebSite}}</b></a>
710
<span><i class="icon-earth"></i> <select id="languageMenu"></select></span>
8-
911
</div>
1012
</header>
1113
<div id="openModal" class="modalDialog">
@@ -146,3 +148,4 @@
146148
</div>
147149
</div>
148150
<textarea id="content_xml" class="content" wrap="off"></textarea>
151+
<img src="./../media/egame/garden.png" class="garden"></img>

0 commit comments

Comments
 (0)