@@ -22,15 +22,15 @@ body {overflow: hidden;
2222 -moz-user-select : none;
2323 -o-user-select : none;
2424 user-select : none;
25- background-color : # 222222 ;
25+ background-color : # 222 ;
2626}
2727
28- h1 {font-size : 36px ; font-weight : normal; color : # 888888 ; margin-bottom : 20px }
29- h2 {font-size : 18px ; font-weight : normal; color : # ffffff }
28+ h1 {font-size : 36px ; font-weight : normal; color : # 888 ; margin-bottom : 20px }
29+ h2 {font-size : 18px ; font-weight : normal; color : # fff }
3030
3131.blackMask {position : fixed; display : table; width : 100% ; height : 100% ; top : 0px ; left : 0px ; visibility : hidden; background-color : rgba (0 , 0 , 0 , 0.8 ); text-align : center; z-index : 100 }
3232.blackMask .popupVCenter {# position : absolute; dis play: table-cell; # top : 50%; vertical- align: middle; text- align: center}
33- .popupVCenter .popup {# position : relative; # top : -50%; text- align: center; color : # ffffff ; font- size: 10px}
33+ .popupVCenter .popup {# position : relative; # top : -50%; text- align: center; color : # fff ; font- size: 10px}
3434.whiteGlow {
3535 -webkit-box-shadow : 0px 0px 8px 2px rgba (255 , 255 , 255 , 0.6 );
3636 -moz-box-shadow : 0px 0px 8px 2px rgba (255 , 255 , 255 , 0.6 );
@@ -72,36 +72,36 @@ h2 {font-size: 18px; font-weight: normal; color: #ffffff}
7272 100% { width : 100% ;}
7373}
7474
75- .header {position : absolute; display : inline-block; width : 100% ; height : 40px ; background-color : # ffffff ; text-align : right; z-index : 2 }
75+ .header {position : absolute; display : inline-block; width : 100% ; height : 40px ; background-color : # fff ; text-align : right; z-index : 2 }
7676.header .plugins {position : absolute; display : inline-block; left : 15px ; top : 3px }
7777.header .plugins img {position : relative; display : inline-block; margin-right : 15px }
78- .header .version {position : relative; display : inline-block; margin-top : 25px ; font-size : 10px ; color : # bbbbbb }
78+ .header .version {position : relative; display : inline-block; margin-top : 25px ; font-size : 10px ; color : # bbb }
7979.header .logo {position : relative; margin : 5px 10px 0px 5px ; cursor : pointer}
8080
81- .files {position : absolute; display : inline-block; height : 100% ; width : 250px ; background-color : # 444444 ; background-image : url ('../images/files-arrow.gif' ); background-repeat : no-repeat; background-position : 100% 50% ; overflow : hidden; z-index : 1 ;
81+ .files {position : absolute; display : inline-block; height : 100% ; width : 250px ; background-color : # 444 ; background-image : url ('../images/files-arrow.gif' ); background-repeat : no-repeat; background-position : 100% 50% ; overflow : hidden; z-index : 1 ;
8282 -webkit-box-shadow : 0px 0px 10px 4px rgba (0 , 0 , 0 , 0.4 );
8383 -moz-box-shadow : 0px 0px 10px 4px rgba (0 , 0 , 0 , 0.4 );
8484 box-shadow : 0px 0px 10px 4px rgba (0 , 0 , 0 , 0.4 );
8585}
86- .files .account {display : inline-block; height : 50px ; width : 250px ; margin-top : 40px ; background-color : # 888888 }
86+ .files .account {display : inline-block; height : 50px ; width : 250px ; margin-top : 40px ; background-color : # 888 }
8787.files .accountLoginContainer {position : absolute; width : 250px ; height : 50px ; z-index : 1 }
88- .files .accountLoginContainer .accountLogin {position : absolute; width : 250px ; height : 50px ; top : 0px ; background-color : # 666666 ;
88+ .files .accountLoginContainer .accountLogin {position : absolute; width : 250px ; height : 50px ; top : 0px ; background-color : # 666 ;
8989 -webkit-transition : top 0.3s ;
9090 -moz-transition : top 0.3s ;
9191 -o-transition : top 0.3s ;
9292 transition : top 0.3s ;
9393}
9494.files .accountOptions {position : relative; height : 31px ; width : 200px ; margin-left : 15px ; margin-top : 8px }
9595.files .accountOptions img {cursor : pointer}
96- .files .accountPassword {position : relative; border : 1px solid # 888888 ; background-color : # 999999 ; height : 18px ; width : 140px ; margin-left : 14px ; margin-top : 15px }
96+ .files .accountPassword {position : relative; border : 1px solid # 888 ; background-color : # 999 ; height : 18px ; width : 140px ; margin-left : 14px ; margin-top : 15px }
9797.files input : focus , .findReplace input : focus , .findReplace select : focus , .accountPassword : focus {
9898 outline : none;
9999 -webkit-box-shadow : 0px 0px 10px 1px rgba (0 , 198 , 255 , 0.7 );
100100 -moz-box-shadow : 0px 0px 10px 1px rgba (0 , 198 , 255 , 0.7 );
101101 box-shadow : 0px 0px 10px 1px rgba (0 , 198 , 255 , 0.7 );
102102}
103- .files .button {position : absolute; border : 0px ; background : # 999999 ; color : # 555555 ; height : 20px ; margin-top : 16px ; margin-left : 5px ; font-size : 11px ; cursor : pointer}
104- .files .button : hover {background-color : # 444444 ; color : # eeeeee }
103+ .files .button {position : absolute; border : 0px ; background : # 999 ; color : # 555 ; height : 20px ; margin-top : 16px ; margin-left : 5px ; font-size : 11px ; cursor : pointer}
104+ .files .button : hover {background-color : # 444 ; color : # eee }
105105.files .lock {position : relative; margin-left : 225px ; margin-top : -20px ; z-index : 1 }
106106.files .frame {display : inline-block; width : 250px }
107107.files .serverMessage {position : absolute; display : inline-block; width : 450px ; bottom : 0px ; margin-bottom : 30px ; background-color : rgba (255 , 255 , 255 , 0.8 ); font-size : 10px ; padding : 7px 12px ; opacity : 0 ;
@@ -113,16 +113,16 @@ h2 {font-size: 18px; font-weight: normal; color: #ffffff}
113113.files .serverMessage b {font-size : 10px }
114114
115115.editor {position : absolute; display : inline-block; top : 0px ; left : 15px ; width : 2400px }
116- .editor .tabsBar {display : inline-block; height : 22px ; width : 2400px ; margin-top : 40px ; padding-left : 41px ; background-color : # 888888 ;}
117- .tabsBar .tab {display : inline-block; display : none; background-image : url ('../images/nav-bg.gif' ); background-repeat : repeat-x; background-position : 0px 0px ; padding : 5px 8px 2px 8px ; font-size : 10px ; border-left : solid 1px # ffffff ; border-right : solid 1px # 777777 ; color : # ffffff ; cursor : pointer;
116+ .editor .tabsBar {display : inline-block; height : 22px ; width : 2400px ; margin-top : 40px ; padding-left : 41px ; background-color : # 888 ;}
117+ .tabsBar .tab {display : inline-block; display : none; background-image : url ('../images/nav-bg.gif' ); background-repeat : repeat-x; background-position : 0px 0px ; padding : 5px 8px 2px 8px ; font-size : 10px ; border-left : solid 1px # fff ; border-right : solid 1px # 777 ; color : # fff ; cursor : pointer;
118118 -webkit-transition : all 0.15s ;
119119 -moz-transition : all 0.15s ;
120120 -o-transition : all 0.15s ;
121121 transition : all 0.15s ;
122122}
123123.tabsBar .tab .closeTab {margin : 1px 0px 0px 5px ; border-radius : 6px }
124- .tabsBar .newTab {display : inline-block; background-image : url ('../images/nav-bg.gif' ); background-repeat : repeat-x; background-position : 0px 0px ; padding : 6px 5px 1px 5px ; border-left : solid 1px # ffffff ; border-right : solid 1px # 777777 ; cursor : pointer;}
125- .editor .findBar {display : inline-block; height : 28px ; width : 2400px ; color : # ffffff ; background-color : # 141414 }
124+ .tabsBar .newTab {display : inline-block; background-image : url ('../images/nav-bg.gif' ); background-repeat : repeat-x; background-position : 0px 0px ; padding : 6px 5px 1px 5px ; border-left : solid 1px # fff ; border-right : solid 1px # 777 ; cursor : pointer;}
125+ .editor .findBar {display : inline-block; height : 28px ; width : 2400px ; color : # fff ; background-color : # 141414 }
126126.findBar .findReplace {position : absolute; z-index : 1 }
127127.findReplace select {position : relative; font-size : 10px ; margin : 8px 2px 0px 2px ; top : -2px ;}
128128.findReplace .findText {display : inline-block; height : 21px ; font-size : 10px ; margin : 8px 2px 0px 2px ; margin-left : 43px }
@@ -132,7 +132,7 @@ h2 {font-size: 18px; font-weight: normal; color: #ffffff}
132132.findReplace .replaceText {height : 21px ; font-size : 10px ; margin : 8px 2px 0px 2px }
133133.findReplace .replace {position : relative; width : 120px ; height : 16px ; border : 0 ; top : -2px ; font-size : 10px ; padding-left : 5px }
134134.findReplace .targetText {height : 21px ; font-size : 10px ; margin : 8px 2px 0px 2px }
135- .findReplace .submit {position : relative; top : -2px ; height : 17px ; border : 1px solid # bbbbbb ; background-color : # f8f8f8 ; font-size : 10px ; cursor : pointer}
135+ .findReplace .submit {position : relative; top : -2px ; height : 17px ; border : 1px solid # bbb ; background-color : # f8f8f8 ; font-size : 10px ; cursor : pointer}
136136.findReplace .results {position : relative; display : inline-block; width : 200px ; height : 20px ; font-size : 10px ; margin : 8px 0px 0px 20px }
137137.findBar .codeAssist {position : fixed; display : inline-block; width : 100px ; right : 74px ; top : 70px ; height : 21px ; font-size : 10px ; z-index : 1 }
138138.findBar .codeAssist input {margin-top : -1px }
@@ -141,24 +141,24 @@ h2 {font-size: 18px; font-weight: normal; color: #ffffff}
141141.editor .code {position : relative; display : inline-block; top : 28px ; width : 600px ; height : 600px ; visibility : hidden}
142142
143143.footer {position : fixed; display : inline-block; width : 100% ; height : 30px ; bottom : 0px ; background-color : rgba (0 , 0 , 0 , 0.7 ); left : 0px ; z-index : 2 }
144- .footer .nesting {display : inline-block; padding : 5px 8px ; margin : 4px 0px 0px 15px ; font-weight : bold; font-size : 10px ; color : # ffffff ; background-color : # 00bb00 }
145- .footer .nestLoc {position : absolute; display : inline-block; width : 120px ; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 112px ; font-weight : bold; font-size : 12px ; color : # ffffff ; text-align : right}
146- .footer .nestDisplay {position : absolute; display : inline-block; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 255px ; font-size : 12px ; color : # ffffff ; text-align : right}
147- .footer .charDisplay {position : absolute; display : inline-block; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 100% ; font-weight : bold; font-size : 12px ; color : # ffffff ; text-align : right; width : 200px ; text-align : right; margin-left : -220px }
144+ .footer .nesting {display : inline-block; padding : 5px 8px ; margin : 4px 0px 0px 15px ; font-weight : bold; font-size : 10px ; color : # fff ; background-color : # 0b0 }
145+ .footer .nestLoc {position : absolute; display : inline-block; width : 120px ; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 112px ; font-weight : bold; font-size : 12px ; color : # fff ; text-align : right}
146+ .footer .nestDisplay {position : absolute; display : inline-block; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 255px ; font-size : 12px ; color : # fff ; text-align : right}
147+ .footer .charDisplay {position : absolute; display : inline-block; padding : 5px 0px 0px 8px ; margin-top : 3px ; left : 100% ; font-weight : bold; font-size : 12px ; color : # fff ; text-align : right; width : 200px ; text-align : right; margin-left : -220px }
148148
149149.textbox {
150150 -webkit-box-shadow : inset 1px 1px 2px 0px rgba (0 , 0 , 0 , 0.4 );
151151 -moz-box-shadow : inset 1px 1px 2px 0px rgba (0 , 0 , 0 , 0.4 );
152152 box-shadow : inset 1px 1px 2px 0px rgba (0 , 0 , 0 , 0.4 );
153153}
154154
155- .fileMenu {position : absolute; display : none; left : 0px ; top : 0px ; background-color : # 333333 ; z-index : 10 }
156- .fileMenu a {display : block; padding : 2px 5px ; background-color : # 444444 ; color : # eeeeee ; text-decoration : none}
157- .fileMenu a : hover {background-color : # 666666 }
155+ .fileMenu {position : absolute; display : none; left : 0px ; top : 0px ; background-color : # 333 ; z-index : 10 }
156+ .fileMenu a {display : block; padding : 2px 5px ; background-color : # 444 ; color : # eee ; text-decoration : none}
157+ .fileMenu a : hover {background-color : # 666 }
158158
159159.screenContainer {position : absolute; display : table; width : 100% ; height : 100% ; top : 0px ; left : 0px ; text-align : center}
160160.screenContainer .screenVCenter {# position : absolute; dis play: table-cell; # top : 50%; vertical- align: middle; text- align: center}
161161.screenVCenter .screenCenter {# position : relative; # top : -50%; text- align: center; dis play: inline}
162- .screenCenter .version {position : relative; display : block; margin : 5px 0px 15px 0px ; font-size : 10px ; color : # bbbbbb }
163- .screenCenter .accountPassword {border : 1px solid # 888888 ; height : 18px }
164- .screenCenter .button {border : 0px ; background : # 666666 ; color : # ffffff ; height : 22px ; cursor : pointer}
162+ .screenCenter .version {position : relative; display : block; margin : 5px 0px 15px 0px ; font-size : 10px ; color : # bbb }
163+ .screenCenter .accountPassword {border : 1px solid # 888 ; height : 18px }
164+ .screenCenter .button {border : 0px ; background : # 666 ; color : # fff ; height : 22px ; cursor : pointer}
0 commit comments