@@ -2,26 +2,31 @@ body { margin: 0; padding: 0; }
22.hidden { display : none; }
33
44.l-logo {
5+ background-color : # 7B7B7B ;
56 background-image : url ("/images/sprite.png" );
6- background-position : -118 px -59 px ;
7+ background-position : -117 px -57 px ;
78 background-repeat : no-repeat;
9+ border : 9px solid # 7B7B7B ;
810 display : inline-block;
911 float : left;
1012 height : 22px ;
11- margin-left : 10 px ;
12- margin-top : 11 px ;
13- width : 73 px ;
13+ margin-left : 0 ;
14+ margin-top : 0 ;
15+ width : 59 px ;
1416}
1517
1618# main { display : inline-block; font-family : Arial; font-size : 15px ; color : # 777 ; width : 100% ; }
1719
1820.window { display : inline-block; float : left; /*border: 1px solid #eee;*/ width : 50% ; height : 100% ; background-color : # ececec ; /*background: url(/images/background-dots.png) #ececec;*/ }
1921.window .active { background : # fff ; }
2022
21- .pwd { background-color : # 7b7b7b ; height : 28px ; padding : 12px 0 0 17px ; color : # eee ; font-size : 14px ; }
22- .window .active .pwd { background-color : # 333 ; }
23+ .window .active .l-logo { background-color : # 333 ; border-color : # 333 ; }
24+
25+
26+ .pwd { background-color : # 7b7b7b ; height : 28px ; padding : 12px 0 0 17px ; color : # eee ; font-size : 14px ; overflow : hidden; }
27+ .window .active .pwd { background-color : # 333 ; box-shadow : -2px 0 5px -3px rgba (0 , 0 , 0 , 0.7 ); }
2328.window .active .pwd a { color : # FFF ; }
24- .pwd a { color : # CFCFCF ; margin-right : 6 px ; padding : 0 7 px ; cursor : pointer; text-decoration : none; }
29+ .pwd a { color : # CFCFCF ; cursor : pointer; text-decoration : none; }
2530.window .active .pwd a : hover , .pwd a : hover { color : # FFCC00 ; }
2631
2732
@@ -57,10 +62,14 @@ body { margin: 0; padding: 0; }
5762
5863
5964.menu div .button .disabled : hover ,
60- .menu div .button { cursor : pointer; transition : box-shadow 0.28s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; -webkit-transition : box-shadow 0.28s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; box-shadow : none; color : # 999
61- }
65+ .menu div .button { cursor : pointer; transition : box-shadow 0.28s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; -webkit-transition : box-shadow 0.28s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; box-shadow : none; color : # 999 ; }
6266.window .active .menu div .button : hover ,
63- .menu div .button : hover { text-decoration : none; color : # 1FB9CA ; border-radius : 0 ; }
67+ .menu div .button : hover { text-decoration : none; color : # 1FB9CA ; }
68+
69+ .window .active .menu div .button .del : hover ,
70+ .menu div .button .del : hover { color : # FF5A5A ; }
71+
72+
6473
6574.menu div .button .disabled : hover ,
6675.menu div .button .disabled { opacity : 0.5 ; cursor : default; text-decoration : none; }
@@ -92,16 +101,16 @@ body { margin: 0; padding: 0; }
92101.menu .not-writable : hover { border : 1px solid # E2E2E0 ; }
93102
94103ul .listing { list-style-type : none; padding : 18px 0 0 ; margin : -4px 0 0 -1px ; border-left : 1px solid # DDDDDD ; overflow : auto; }
95- .listing li { color : # 999999 ; display : block; height : 32 px ; margin : 1px 0 0 ; line-height : 30px ; border : 1 px solid transparent ; }
104+ .listing li { color : # 999999 ; display : block; height : 34 px ; margin : 1px 0 0 ; line-height : 30px ; padding : 0 ; }
96105.listing li span { display : inline-block; float : right; }
97106.listing li .marker { width : 4px ; float : left; height : 100% ; margin-right : 31px ; }
98107.listing li .back { }
99108.listing li .file { }
100109
101110
102111/* .listing li .icon { background: url("/images/document.png") no-repeat scroll -2px 6px; float: left; margin-left: -17px; width: 13px; height: 24px; }*/
103- .listing li .icon { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -100px /*-97px -100px*/ ; float : left; margin-left : -17px ; width : 31px ; height : 31px ; }
104- .listing li .icon .filetype-dir { background : url ("/images/flat_icons.png" ) no-repeat scroll -24px -99 px /*-99px 0px 25px -69px */ ; }
112+ .listing li .icon { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -100px ; float : left; margin-left : -17px ; width : 31px ; height : 31px ; margin-top : 1 px ; }
113+ .listing li .icon .filetype-dir { background : url ("/images/flat_icons.png" ) no-repeat scroll -24px -98 px ; }
105114
106115.listing li .icon .filetype-tif ,
107116.listing li .icon .filetype-gif ,
@@ -113,7 +122,7 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
113122.listing li .icon .filetype-yuv ,
114123.listing li .icon .filetype-ai ,
115124.listing li .icon .filetype-svg ,
116- .listing li .icon .filetype-png { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -69 px ; }
125+ .listing li .icon .filetype-png { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -68 px ; }
117126
118127.listing li .icon .filetype-txt ,
119128.listing li .icon .filetype-csv ,
@@ -125,12 +134,12 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
125134.listing li .icon .filetype-ppt ,
126135.listing li .icon .filetype-sdf ,
127136.listing li .icon .filetype-vcf ,
128- .listing li .icon .filetype-db { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -150 px ; }
137+ .listing li .icon .filetype-db { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -149 px ; }
129138
130139
131140.listing li .icon .filetype-xlr ,
132141.listing li .icon .filetype-xls ,
133- .listing li .icon .filetype-xlsx { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -147 px ; }
142+ .listing li .icon .filetype-xlsx { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -146 px ; }
134143
135144.listing li .icon .filetype-jar ,
136145.listing li .icon .filetype-tar ,
@@ -144,12 +153,12 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
144153.listing li .icon .filetype-sitx ,
145154.listing li .icon .filetype-zip ,
146155.listing li .icon .filetype-zipx ,
147- .listing li .icon .filetype-jar { background : url ("/images/flat_icons.png" ) no-repeat scroll -176px -34 px ; }
156+ .listing li .icon .filetype-jar { background : url ("/images/flat_icons.png" ) no-repeat scroll -176px -33 px ; }
148157
149158.listing li .icon .filetype-fnt ,
150159.listing li .icon .filetype-otf ,
151160.listing li .icon .filetype-ttf ,
152- .listing li .icon .filetype-fon { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -100 px ; }
161+ .listing li .icon .filetype-fon { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -99 px ; }
153162
154163.listing li .icon .filetype-3g2 ,
155164.listing li .icon .filetype-3gp ,
@@ -164,7 +173,7 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
164173.listing li .icon .filetype-rm ,
165174.listing li .icon .filetype-swf ,
166175.listing li .icon .filetype-vob ,
167- .listing li .icon .filetype-wmv { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -100 px ; }
176+ .listing li .icon .filetype-wmv { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -99 px ; }
168177
169178.listing li .icon .filetype-aif ,
170179.listing li .icon .filetype-iff ,
@@ -175,23 +184,23 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
175184.listing li .icon .filetype-mpa ,
176185.listing li .icon .filetype-ra ,
177186.listing li .icon .filetype-wav ,
178- .listing li .icon .filetype-wma { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -100 px ; }
187+ .listing li .icon .filetype-wma { background : url ("/images/flat_icons.png" ) no-repeat scroll -97px -99 px ; }
179188
180189
181190.listing li .icon .filetype-rtf ,
182191.listing li .icon .filetype-doc ,
183- .listing li .icon .filetype-docx { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -123 px ; }
184- .listing li .icon .filetype-pdf { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -96 px ; }
192+ .listing li .icon .filetype-docx { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -122 px ; }
193+ .listing li .icon .filetype-pdf { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -95 px ; }
185194
186- .listing li .icon .filetype-js { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -204 px ; }
187- .listing li .icon .filetype-css { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -254 px ; }
188- .listing li .icon .filetype-php { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -179 px ; }
195+ .listing li .icon .filetype-js { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -203 px ; }
196+ .listing li .icon .filetype-css { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -253 px ; }
197+ .listing li .icon .filetype-php { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -178 px ; }
189198.listing li .icon .filetype-html ,
190199.listing li .icon .filetype-htm ,
191- .listing li .icon .filetype-xhtml { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -228 px ; }
200+ .listing li .icon .filetype-xhtml { background : url ("/images/flat_icons.png" ) no-repeat scroll -138px -227 px ; }
192201
193202
194- .listing li .filename { color : # 555 ; cursor : pointer; height : 32px ; max-width : 40% ; overflow : hidden; float : left; padding : 0 7px 0 7px ; border-radius : 3px ; transition : all 0.18s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; -webkit-transition : all 0.18s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; }
203+ .listing li .filename { color : # 555 ; cursor : pointer; height : 32px ; max-width : 40% ; overflow : hidden; float : left; padding : 2 px 7px 0 7px ; border-radius : 3px ; transition : all 0.18s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; -webkit-transition : all 0.18s cubic-bezier (0.4 , 0 , 0.2 , 1 ) 0s ; }
195204/* .listing li .filename { background: url("/images/folder_.png") no-repeat scroll -2px 6px; color: #555; cursor: pointer; float: left; margin-left: -27px; padding-left: 19px; }*/
196205
197206.listing li .filename : hover { color : # 333 ; background-color : # D1D0CF ; }
@@ -202,48 +211,62 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
202211.listing li.active.selected .filename:hover { color: #FFF; background-color: #60A885; }
203212*/
204213.listing li .filename a { color : # 7D7D7D ; text-decoration : none; }
205- .listing li .mode { width : 51px ; font-size : 11px ; }
206- .listing li .owner { width : 11% ; font-style : italic; color : # 81A64F ; font-size : 12px ; }
207- .listing li .size-value { width : 70px ; color : # 44a8b3 ; font-size : 12px ; padding-right : 7px ; text-align : right; }
208- .listing li .size-unit { width : 30px ; font-size : 11px ; font-weight : bold; color : # A7A7A7 ; text-align : left; }
209- .listing li .date { width : 50px ; font-size : 11px ; }
210- .listing li .time { width : 50px ; font-size : 11px ; }
214+ .listing li .mode { width : 51px ; font-size : 11px ; padding-top : 2px ; }
215+ .listing li .owner { width : 11% ; font-style : italic; color : # 81A64F ; font-size : 12px ; padding-top : 2px ; }
216+ .listing li .size-value { width : 70px ; color : # 44a8b3 ; font-size : 12px ; padding-right : 7px ; text-align : right; padding-top : 2px ; }
217+ .listing li .size-unit { width : 30px ; font-size : 11px ; font-weight : bold; color : # A7A7A7 ; text-align : left; padding-top : 2px ; }
218+ .listing li .date { width : 50px ; font-size : 11px ; padding-top : 2px ; }
219+ .listing li .time { width : 50px ; font-size : 11px ; padding-top : 2px ; }
220+
221+ .window .active .listing li .selected .mode { color : # 7F7550 ; }
222+ .window .active .listing li .selected .owner { /* color: #7F7550; */ }
223+ .window .active .listing li .selected .size-value { color : # 7F7550 ; }
224+ .window .active .listing li .selected .size-unit { color : # 7F7550 ; }
225+ .window .active .listing li .selected .date { color : # 7F7550 ; }
226+ .window .active .listing li .selected .time { color : # 7F7550 ; }
211227
228+
229+ /*
212230.listing li.selected-inactive.selected { background-color: #e9e9e9; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
213231.listing li.selected-inactive .mode,
214232.listing li.selected-inactive .time,
215233.listing li.selected-inactive .date { color: #999 !important; }
216- . window . active . listing li . selected . active { background-color : # 73CAA0 ; }
234+ */
217235
218- .listing li .selected { background-color : # 777 /*#7FD5D9*/ ; }
236+ .listing li .selected { background-color : # DEDEDE ; }
219237.listing .active li .selected { background-color : # ffd437 /*#7FD5D9*/ ; }
220238.listing li .selected .filename : hover { color : # 333 ; background-color : # F0B607 ; }
221239
222240
223241
224242
225- .listing li .selected-inactive .selected .active { background-color : # dfc891 ; border-top : 1px solid # cdb885 ; border-bottom : 1px solid # cdb885 ; }
226- .listing li .active { background-color : # e7cf96 ; }
227- .window .active .listing li .active { background-color : # ffe06c ; }
228- .listing li .active .filename { color : # 31775A ; }
243+ /* ///.listing li.selected-inactive.selected.active { background-color: #dfc891; border-top: 1px solid #cdb885; border-bottom: 1px solid #cdb885; }*/
244+
245+ /*
229246.listing li.selected .filename { color: #333; }
230247.listing li.selected .date,
231248.listing li.selected .mode,
232249.listing li.selected .time { color: #777; }
233250.listing li.selected .owner { color: #31775A; }
234251.listing li.selected .size { color: #31775A; }
252+ */
253+ .window .active .listing li .active { background-color : # FFDC5A ; }
254+ .window .active .listing li .active .marker { background-color : # C2A84B ; }
255+ .listing li .active { background-color : # DEDEDE ; }
256+ .listing li .active .marker { background-color : # C2C2C2 ; }
235257
236- .listing li .selected .active .filename { color : # fff29c ; }
258+ /* /// .listing li.selected.active .filename { color: #fff29c; } */
237259.listing li .selected .active .marker { background-color : # 3a8a96 ; }
238- .listing li .selected-inactive .marker { background-color : # 7FD5D9 ; }
239- .listing li .selected-inactive .filename { color : # 54A9A9 ; }
260+ .listing li .selected-inactive { background-color : # DEDEDE ; }
261+ /*///.listing li.selected-inactive .marker { background-color: #7FD5D9; }
262+ .listing li.selected-inactive .filename { color: #54A9A9; } */
240263
241264
242265.listing li .filename a : hover { color : # 3399FF ; }
243266.listing li : hover { background-color : # E5E5E5 ; cursor : pointer; }
244- .listing li .active : hover { background-color : # FFD63F ; }
267+ .window . active . listing li .active : hover { background-color : # FFE570 ; }
245268.listing li .selected : hover { background-color : /*#89E6EA*/ # FFE570 ; }
246- .listing li .selected .active : hover { background-color : # 77D1A6 ; }
269+ .listing li .selected .active : hover { background-color : # FFE570 ; }
247270
248271
249272
@@ -358,10 +381,13 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
358381
359382.warning-box { width : 60% ; background-color : # ff9f89 ; border-bottom : 5px solid # ff6c6e ; color : # FFF ; font-family : arial; margin-left : auto; margin-right : auto; padding-bottom : 30px ; margin-bottom : 50px ; left : 20% ; position : absolute; top : 0 ; box-shadow : 0 2px 11px 0 rgba (0 , 0 , 0 , 0.5 ); }
360383.warning-box .inform { background-color : # 72c5b2 ; border-color : # 019174 ; }
384+ .warning-box .reload { width : 100px ; background-color : # 333 ; border-color : # 222 ; z-index : 5000 ; left : 45% ; opacity : 0.9 ; padding : 17px 27px ; border-radius : 0 0 6px 6px ; border : none; opacity : 0.9 ; }
361385.warning-box .message { width : 100% ; padding : 30px 0 5px ; text-align : center; font-size : 14px ; text-transform : uppercase; font-weight : bold; }
386+ .warning-box .reload .message-small { color : # ccc ; }
387+ .warning-box .reload .message-small span { color : # 72C5B2 ; font-weight : bold; }
362388.warning-box .message-small { width : 100% ; text-align : center; font-size : 13px ; color : # 9D3407 ; }
363389.warning-box .inform .message-small { color : # 555 ; }
364- .warning-box .close { width : 30px ; height : 30px ; top : 5px ; right : -5px ; background-color : # FFF ; float : right; cursor : pointer; background : url ("/images/flat_icons.png" ) repeat scroll -258 px -174px ; }
390+ .warning-box .close { width : 30px ; height : 30px ; top : 5px ; right : -5px ; background-color : # FFF ; float : right; cursor : pointer; background : url ("/images/flat_icons.png" ) repeat scroll -382 px -174px ; }
365391.warning-box .close : hover { background-color : # DC5D5F ; }
366392.warning-box .inform .close : hover { background-color : # 019174 ; }
367393
@@ -432,7 +458,7 @@ ul.listing { list-style-type: none; padding: 18px 0 0; margin: -4px 0 0 -1px; b
432458}
433459
434460.progress-container .progress-elm .progress {
435- background : # ebebeb url ("/images/progress.gif" ) no-repeat scroll -60 px 0 ;
461+ background : # ebebeb url ("/images/progress.gif" ) no-repeat scroll 0 px 0 ;
436462 border-color : # 8a9079 ;
437463 border-radius : 3px ;
438464 color : transparent;
0 commit comments