Skip to content

Commit 744911f

Browse files
fquirinfquirin
committed
improved some styles (see the improved Grid skin ^^)
1 parent b0d2fa3 commit 744911f

21 files changed

+217
-59
lines changed

‎www/css/sepiaFW-cards.css‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -232,10 +232,10 @@
232232
}
233233

234234
.sepiaFW-cards-list-body .listElement .checked {
235-
background: rgba(0, 255, 0, 0.50);
235+
background: rgba(0, 255, 0, 0.50); /*#72f272 - rgba(114, 242, 114, 0.75)*/
236236
}
237237
.sepiaFW-cards-list-body .listElement .inProgress {
238-
background: rgba(255, 255, 0, 0.50);
238+
background: rgba(242, 242, 114, 0.75); /*#f2f272*/
239239
}
240240
/*.sepiaFW-cards-list-body .listElement .unchecked {
241241
background: rgba(255, 255, 255, 0.90);
@@ -261,7 +261,8 @@
261261
display: inline-block;
262262
/*background: rgba(235, 235, 255, 0.33);*/
263263
/*background: rgba(170, 170, 180, 0.33);*/
264-
background: #d2d2dd;
264+
/*background: #d2d2dd;*/
265+
background: #eff1ff;
265266
border-radius: 3px;
266267
margin: 0px 5px 5px 5px;
267268
text-align: center;

‎www/css/sepiaFW-skin-9to5.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,9 @@ html {
114114
background: #4B6688;
115115
color: #fff;
116116
}
117+
.sepiaFW-cards-list-footer {
118+
background: #d2d2dd;
119+
}
117120
.sepiaFW-cards-list-title.newsHeader button {
118121
color: #312F3F !important;
119122
}

‎www/css/sepiaFW-skin-bytemind.css‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ html {
1111
}
1212
}
1313

14-
#sepiaFW-pC { background-color: #262629; /*#2f3035*/ }
15-
#sepiaFW-sC { background-color: #44c8be; }
16-
#sepiaFW-sC2 { background-color: rgba(225, 225, 245, 1.00); }
17-
#sepiaFW-aC { background-color: rgba(166, 58, 80, 1.0); }
18-
#sepiaFW-aC2 { background-color: #6b4d9f; }
19-
#sepiaFW-asC { background-color: #44c8be; }
20-
#sepiaFW-adC { background-color: gold; }
14+
#sepiaFW-pC { background-color: #262629; /*#2f3035*/ }
15+
#sepiaFW-sC { background-color: #44c8be; }
16+
#sepiaFW-sC2 { background-color: rgba(225, 225, 245, 1.00); }
17+
#sepiaFW-aC { background-color: rgba(166, 58, 80, 1.0); }
18+
#sepiaFW-aC2 { background-color: #6b4d9f; }
19+
#sepiaFW-asC { background-color: #44c8be; }
20+
#sepiaFW-adC { background-color: gold; }
2121

2222
#sepiaFW-login-box, #sepiaFW-nav-bar, #sepiaFW-chat-controls-form, #sepiaFW-chat-controls-right {
2323
background: #262629;
@@ -161,6 +161,9 @@ html {
161161
background: #44c8be;
162162
color: #fff;
163163
}
164+
.sepiaFW-cards-list-body .listElement .checked {
165+
background: #44c8be;
166+
}
164167
.sepiaFW-cards-list-body .listElement .listRight {
165168
border-color: #e5e5e5;
166169
background: #fcfcfc;

‎www/css/sepiaFW-skin-canny.css‎

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@ html {
88
border-color: #61E69D;
99
}
1010

11-
#sepiaFW-pC { background-color: #61E69D; }
12-
#sepiaFW-sC { background-color: #fff; }
13-
#sepiaFW-sC2 { background-color: #f0f0f0; }
14-
#sepiaFW-aC { background-color: #2f3035; }
15-
#sepiaFW-aC2 { background-color: #61E69D; }
16-
#sepiaFW-asC { background-color: #FE5652; }
17-
#sepiaFW-adC { background-color: gold; }
11+
#sepiaFW-pC { background-color: #61E69D; }
12+
#sepiaFW-sC { background-color: #fff; }
13+
#sepiaFW-sC2 { background-color: #f0f0f0; }
14+
#sepiaFW-aC { background-color: #2f3035; }
15+
#sepiaFW-aC2 { background-color: #61E69D; }
16+
#sepiaFW-asC { background-color: #FE5652; }
17+
#sepiaFW-adC { background-color: #ffef97; }
1818

1919
#sepiaFW-nav-bar, #sepiaFW-chat-controls-form, #sepiaFW-chat-controls-right {
2020
background: #61E69D;
@@ -102,7 +102,7 @@ html {
102102
}
103103

104104
#sepiaFW-chat-output article {
105-
background: #61E69D;
105+
background: #2f3035;
106106
}
107107
#sepiaFW-chat-output article:not(.statusUpdate) b {
108108
color: #fff;
@@ -160,6 +160,12 @@ html {
160160
background: #61E69D;
161161
color: #2f3035;
162162
}
163+
.sepiaFW-cards-list-body .listElement .checked {
164+
background: #61E69D;
165+
}
166+
.sepiaFW-cards-list-body .listElement .inProgress {
167+
background: #ffef97;
168+
}
163169
.sepiaFW-cards-list-body .listElement .listRight {
164170
border-color: #61E69D;
165171
background: #eaeaea;

‎www/css/sepiaFW-skin-dark-sepia.css‎

Lines changed: 37 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -130,20 +130,53 @@ html {
130130
/*----- cards ------*/
131131

132132
.sepiaFW-cards-flexSize-container {
133-
background: rgba(255, 255, 255, 0.14);
133+
/*background: rgba(255, 255, 255, 0.14);*/
134+
background: rgba(21, 23, 26, 0.85);
134135
}
135136

136137
.sepiaFW-help-view {
137138
background: rgba(33, 33, 33, 0.75);
138139
}
139140

140141
.sepiaFW-cards-list-title {
141-
color: #000;
142+
color: #ECEBE7;
143+
background: rgba(21, 171, 195, 0.97);
142144
}
143145
.sepiaFW-cards-list-body {
144-
color: #000;
146+
color: #222;
147+
}
148+
.sepiaFW-cards-list-footer {
149+
background: #2d3034;
150+
color: #ECEBE7;
151+
}
152+
.sepiaFW-cards-list-body .listElement div,
153+
.sepiaFW-cards-list-body .weatherNowSmall > div,
154+
.sepiaFW-cards-list-body .timeEvent div,
155+
.sepiaFW-cards-list-body .newsArticle .newsCenter,
156+
.sepiaFW-cards-list-body .radioStation div {
157+
background: #212327;
158+
color: #ECEBE7;
159+
}
160+
.sepiaFW-cards-list-body .listElement .checked {
161+
background: #ceff1a;
162+
}
163+
.sepiaFW-cards-list-body .listElement .inProgress {
164+
background: #888;
165+
}
166+
.sepiaFW-cards-list-body .listElement .listRight {
167+
border-color: #101418;
168+
/*background: #465056;*/
169+
/*background: #24272a;*/
170+
background: #2d3034;
145171
}
146-
147172
.sepiaFW-cards-list-body .weatherNowSmall .weatherNowSmallImage {
148173
background: rgba(21, 171, 195, 0.97);
174+
}
175+
.sepiaFW-cards-list-title.newsHeader {
176+
background: rgba(21, 171, 195, 0.97);
177+
color: #ECEBE7;
178+
}
179+
.sepiaFW-cards-list-title.newsHeader span {
180+
text-shadow: 1px 1px 0 #ECEBE7, 1px -1px 0 #ECEBE7, -1px 1px 0 #ECEBE7, -1px -1px 0 #ECEBE7,
181+
1px 1px 0 #ECEBE7, 0px 1px 0 #ECEBE7, -1px 0px 0 #ECEBE7, 0px -1px 0 #ECEBE7;
149182
}

‎www/css/sepiaFW-skin-grid.css‎

Lines changed: 35 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ html {
2323
#sepiaFW-lC { background-color: rgba(200, 200, 200, 0.50); }
2424

2525
#sepiaFW-login-box, #sepiaFW-nav-bar, #sepiaFW-chat-controls-form, #sepiaFW-chat-controls-right {
26-
background: rgba(16, 32, 48, 0.75);;
26+
background: rgba(16, 32, 48, 0.75);
2727
border: 1px solid #15abc3;
2828
box-shadow: 0 0 5px #15abc3;
2929
color: #fff;
@@ -44,7 +44,8 @@ html {
4444
color: #fff;
4545
}
4646
#sepiaFW-main-window input, #sepiaFW-login-box input {
47-
background: rgb(223, 224, 245);
47+
background: rgba(36, 54, 71, 0.5);
48+
color: #fff;
4849
}
4950

5051
#sepiaFW-main-window button,
@@ -77,6 +78,7 @@ html {
7778
#sepiaFW-assist-btn-area button {
7879
border: 1px solid #fff;
7980
box-shadow: 0 0 5px #fff, inset 0 0 5px #fff;
81+
background: #142534;
8082
}
8183
#sepiaFW-assist-btn-orbiters {
8284
top: 2px;
@@ -105,11 +107,11 @@ html {
105107
#sepiaFW-chat-menu {
106108
background: rgba(21, 171, 195, 1.00);
107109
color: #fff;
108-
height: calc(100% - 106px);
110+
/*height: calc(100% - 106px);*/
109111
}
110-
#sepiaFW-chat-menu:not(.full-screen) {
112+
/*#sepiaFW-chat-menu:not(.full-screen) {
111113
padding-bottom: 4px;
112-
}
114+
}*/
113115
#sepiaFW-chat-menu-head-border {
114116
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0.5) 60%,rgba(0,0,0,0) 100%);
115117
}
@@ -133,10 +135,10 @@ html {
133135
background: #102030;
134136
color: #fff;
135137
}
136-
#sepiaFW-chat-controls-more-menu {
138+
/*#sepiaFW-chat-controls-more-menu {
137139
bottom: 56px;
138140
padding-bottom: 4px;
139-
}
141+
}*/
140142
#sepiaFW-chat-controls-more-menu button {
141143
background: #102030;
142144
color: #ECEBE7;
@@ -283,31 +285,51 @@ html {
283285
box-shadow: 0 0 5px #15abc3;
284286
border: 1px solid #15abc3;
285287
}
288+
.sepiaFW-cards-list-contextMenu {
289+
box-shadow: none;
290+
}
286291
.sepiaFW-cards-list-footer {
287292
background: rgba(20, 163, 187, 0.66);
288-
color: #fff;
293+
color: #fff;
294+
box-shadow: 0 0 5px #15abc3;
295+
border: 1px solid #15abc3;
289296
}
290297
.sepiaFW-cards-list-body {
291298
color: #051525;
292299
}
293300
.sepiaFW-cards-list-body .listElement .checked {
294-
background: rgba(206, 255, 26, 0.95);
301+
background: rgba(77, 255, 26, 0.55);
302+
}
303+
.sepiaFW-cards-list-body .listElement .inProgress {
304+
background: rgba(255, 235, 59, 0.55);
305+
/*background: rgba(255, 127, 0, 0.55);*/
295306
}
296307
.sepiaFW-cards-list-body .listElement .listRight {
297308
border-color: #ceff1a;
298-
background: #44505c;
309+
background: #304050;
299310
}
300311
.sepiaFW-cards-list-body .listElement .listRight:hover {
301312
background: rgba(255, 0, 0, 0.95);
302313
}
303314

304-
.sepiaFW-cards-list-body .weatherNowSmall .weatherNowSmallImage {
305-
background: #44505c;
306-
}
307315
.sepiaFW-cards-list-title.newsHeader {
308316
background: rgba(20, 163, 187, 0.66) !important;
309317
text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
310318
}
319+
.sepiaFW-cards-list-body .listElement > div,
320+
.sepiaFW-cards-list-body .newsArticle .newsCenter,
321+
.sepiaFW-cards-list-body .weatherNowSmall .weatherNowSmallImage {
322+
background: rgba(48, 62, 80, 0.55);
323+
color: #fff;
324+
}
325+
.sepiaFW-cards-list-body .timeEvent > div,
326+
.sepiaFW-cards-list-body .radioStation > div,
327+
.sepiaFW-cards-list-body .weatherNowSmall > div {
328+
background: rgba(20, 163, 187, 0.66);
329+
color: #fff !important;
330+
box-shadow: 0 0 5px #15abc3;
331+
border: 1px solid #15abc3;
332+
}
311333

312334
/*----- teachUI -----*/
313335

‎www/css/sepiaFW-skin-malachite.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -224,6 +224,12 @@ html {
224224
.sepiaFW-cards-list-footer {
225225
background: #07333a;
226226
}
227+
.sepiaFW-cards-list-body .listElement .checked {
228+
background: #4ec48f;
229+
}
230+
.sepiaFW-cards-list-body .listElement .inProgress {
231+
background: #b7ce96;
232+
}
227233
.sepiaFW-cards-list-body .listElement .listRight {
228234
border-color: #101418;
229235
background: #465056;

‎www/css/sepiaFW-skin-minimal.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -282,10 +282,10 @@ html {
282282
border-left-color: #19191b !important;
283283
}
284284
.sepiaFW-cards-list-body .listElement .checked {
285-
background: #c4f31a !important;
285+
background: #e8e8e8 !important;
286286
}
287-
.sepiaFW-notouch-device .sepiaFW-cards-list-body .listElement .unchecked:hover {
288-
background: #ddd !important;
287+
.sepiaFW-cards-list-body .listElement .inProgress {
288+
background: #555 !important;
289289
}
290290
.sepiaFW-notouch-device .sepiaFW-cards-list-body .listElement .listRight:hover {
291291
background: #f30000 !important;

‎www/css/sepiaFW-skin-neo-sepia-dark.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -256,6 +256,12 @@ html {
256256
background: #212327;
257257
color: #ECEBE7;
258258
}
259+
.sepiaFW-cards-list-body .listElement .checked {
260+
background: #4ec48f;
261+
}
262+
.sepiaFW-cards-list-body .listElement .inProgress {
263+
background: #CEFF1A;
264+
}
259265
.sepiaFW-cards-list-body .listElement .listRight {
260266
border-color: #101418;
261267
/*background: #465056;*/

‎www/css/sepiaFW-skin-neo-sepia.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -181,6 +181,12 @@ html {
181181
background: #121212; /*rgba(225, 225, 245, 1.00);*/
182182
color: #fff; /*#000;*/
183183
}
184+
.sepiaFW-cards-list-body .listElement .checked {
185+
background: #4ec48f;
186+
}
187+
.sepiaFW-cards-list-body .listElement .inProgress {
188+
background: #CEFF1A;
189+
}
184190
.sepiaFW-cards-list-body .listElement .listRight {
185191
border-color: #fcfcfc;
186192
background: #d2d2dd;

0 commit comments

Comments
 (0)