@@ -132,6 +132,9 @@ BODY, HTML {
132
132
-o-transform : rotate (-90deg );
133
133
transform : rotate (-90deg );
134
134
}
135
+ # coder_home a : hover {
136
+ color : # C0C0C0 ;
137
+ }
135
138
136
139
.previewEnabled # editcontainer {
137
140
right : 50% ;
@@ -157,8 +160,12 @@ BODY, HTML {
157
160
bottom : 0px ;
158
161
position : absolute;
159
162
z-index : 100 ;
163
+ font-size : 16px ;
164
+ line-height : 1.4em ;
160
165
}
161
166
167
+
168
+
162
169
# editornav .label_divider {
163
170
height : 100% ;
164
171
width : 1px ;
@@ -260,7 +267,7 @@ BODY, HTML {
260
267
.settingsEnabled # editornav # settings_button ,
261
268
.mediaEnabled # editornav # media_button {
262
269
background-color : rgba ( 255 , 255 , 255 , .2 );
263
- border-color : # ffffff ;
270
+ border-color : rgba ( 255 , 255 , 255 , .5 ) ;
264
271
}
265
272
266
273
.previewEnabled # editornav {
@@ -280,23 +287,24 @@ BODY, HTML {
280
287
# addmedia_button {
281
288
height : 40px ;
282
289
width : 40px ;
283
- margin : 24 px ;
290
+ margin : 18 px ;
284
291
background-color : transparent;
285
- border-radius : 4px ;
292
+ /* border-radius: 4px;*/
286
293
position : relative;
287
294
background-image : url (/static/common/media/coder_icons.png);
288
295
background-position : -167px 0px ;
289
296
opacity : 0.4
290
297
}
291
298
# addmedia_button : hover {
292
- background-color : rgba (255 , 255 , 255 , 0.2 );
299
+ /* background-color: rgba(255,255,255,0.2);*/
293
300
opacity : 1 ;
294
301
cursor : pointer;
295
302
}
296
303
# addmedia_button input {
297
304
width : 100% ;
298
305
height : 100% ;
299
306
opacity : 0 ;
307
+ cursor : pointer;
300
308
}
301
309
302
310
# medialist .mediaitem {
@@ -353,7 +361,6 @@ BODY, HTML {
353
361
354
362
.sidepanel .save , .sidepanel .cancel ,
355
363
.editpanel .save , .editpanel .cancel ,
356
- .sidepanel .export_app ,
357
364
.sidepanel .remove_app {
358
365
position : absolute;
359
366
bottom : 24px ;
@@ -362,7 +369,7 @@ BODY, HTML {
362
369
height : 20px ;
363
370
text-align : center;
364
371
display : inline-block;
365
- background-color : # 333 ;
372
+ background-color : # A0A0A0 ;
366
373
border-radius : 4px ;
367
374
color : # fff ;
368
375
z-index : 101 ;
@@ -371,13 +378,11 @@ BODY, HTML {
371
378
display : none;
372
379
font-family : Arial, sans-serif;
373
380
}
374
- .sidepanel .save , .sidepanel .cancel ,
375
- .sidepanel .export_app {
381
+ .sidepanel .save , .sidepanel .cancel {
376
382
color : # 333 ;
377
383
background-color : rgba ( 255 , 255 , 255 , 0.8 );
378
384
}
379
- .sidepanel .save : hover , .sidepanel .cancel : hover ,
380
- .sidepanel .export_app : hover {
385
+ .sidepanel .save : hover , .sidepanel .cancel : hover {
381
386
background-color : # fff ;
382
387
cursor : pointer;
383
388
}
@@ -388,22 +393,37 @@ BODY, HTML {
388
393
389
394
.sidepanel .export_app {
390
395
display : block;
391
- position : relative;
392
- top : 0 ;
393
- left : 24px ;
394
- margin-top : 12px ;
396
+ position : absolute;
397
+ bottom : 17px ;
398
+ right : 18px ;
399
+ background-image : url (/static/common/media/coder_icons.png);
400
+ background-position : -276px -1px ;
401
+ background-color : transparent;
402
+ width : 40px ;
403
+ height : 40px ;
404
+ padding : 0 ;
405
+ opacity : 0.8 ;
406
+ }
407
+ .sidepanel .export_app : hover {
408
+ opacity : 1 ;
409
+ cursor : pointer;
395
410
}
396
411
397
412
.sidepanel .remove_app {
398
413
display : block;
399
414
color : # ddd ;
400
- margin : 24px ;
401
- bottom : 0px ;
402
- right : 0px ;
415
+ top : 24px ;
416
+ right : -8px ;
417
+ background-image : url (/static/common/media/coder_icons.png);
418
+ background-position : -329px -4px ;
419
+ background-color : transparent;
420
+ width : 32px ;
421
+ height : 32px ;
422
+ padding : 0 ;
423
+ opacity : 0.5 ;
403
424
}
404
425
.sidepanel .remove_app : hover {
405
- background-color : rgba (231 , 76 , 60 , 1 );
406
- color : # fff ;
426
+ opacity : 1 ;
407
427
}
408
428
.sidepanel .changed .remove_app {
409
429
display : none;
@@ -460,6 +480,7 @@ BODY, HTML {
460
480
margin : 20px 24px 0 24px ;
461
481
border-top : 1px solid # 999 ;
462
482
color : # 999 ;
483
+ position : relative;
463
484
}
464
485
.sidepanel .appinfo .item {
465
486
font-size : 12px ;
0 commit comments