Skip to content

Commit 30aef59

Browse files
mattpassmattpass
committed
Change prefixes, tab heights
Making steps towards supporting IE by adding ms as a prefix Remove moz prefixes as it now supports transform Remove webkit and moz transition prefix variants, supported as standard now Tabs and new tabs now have a height to standardise across all browsers (Firefox and IE showed 1px gap)
1 parent 813d5f0 commit 30aef59

1 file changed

Lines changed: 12 additions & 25 deletions

File tree

‎lib/ice-coder.css‎

Lines changed: 12 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ table, caption, tbody, tfoot, thead, tr, th, td {
2020
body {overflow: hidden;
2121
-webkit-user-select: none;
2222
-moz-user-select: none;
23+
-ms-user-select: none;
2324
user-select: none;
2425
background-color: #222;
2526
}
@@ -33,18 +34,18 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
3334
.whiteGlow {box-shadow: 0 0 8px 2px rgba(255,255,255,0.6)}
3435

3536
.circleOutside {background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #2187e7;
36-
width:50px; height:50px; margin:0 auto; -moz-animation:spin .5s infinite linear; -webkit-animation:spin .5s infinite linear;
37+
width:50px; height:50px; margin:0 auto; animation:spin .5s infinite linear; -webkit-animation:spin .5s infinite linear;
3738
}
3839
.circleInside {background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #2187e7;
39-
width:30px; height:30px; margin:0 auto; position:relative; top:-50px; -moz-animation:spinoff .5s infinite linear; -webkit-animation:spinoff .5s infinite linear;
40+
width:30px; height:30px; margin:0 auto; position:relative; top:-50px; animation:spinoff .5s infinite linear; -webkit-animation:spinoff .5s infinite linear;
4041
}
41-
@-moz-keyframes spin {
42-
0% {-moz-transform:rotate(0deg)}
43-
100% {-moz-transform:rotate(360deg)}
42+
@keyframes spin {
43+
0% {transform:rotate(0deg)}
44+
100% {transform:rotate(360deg)}
4445
}
45-
@-moz-keyframes spinoff {
46-
0% {-moz-transform:rotate(0deg)}
47-
100% {-moz-transform:rotate(-360deg)}
46+
@keyframes spinoff {
47+
0% {transform:rotate(0deg)}
48+
100% {transform:rotate(-360deg)}
4849
}
4950
@-webkit-keyframes spin {
5051
0% {-webkit-transform:rotate(0deg)}
@@ -84,31 +85,21 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
8485
.files .button {position: absolute; border: 0; background: #444; color: #eee; height:20px; margin-top: 16px; margin-left: 5px; font-size: 11px; cursor: pointer}
8586
.files .button:hover {background-color: #222; color: #eee}
8687
.files .frame {display: inline-block; width: 250px}
87-
.files .serverMessage {position: absolute; display: inline-block; width: 450px; bottom: 0; margin-bottom: 30px; background-color: rgba(255,255,255,0.8); font-size: 10px; padding: 7px 12px; opacity: 0;
88-
-webkit-transition: opacity 0.2s;
89-
-moz-transition: opacity 0.2s;
88+
.files .serverMessage {position: absolute; display: inline-block; width: 450px; bottom: 0; margin-bottom: 30px; background-color: rgba(255,255,255,0.8); font-size: 10px; padding: 7px 12px; opacity: 0;
9089
transition: opacity 0.2s;
9190
}
9291
.files .serverMessage b {font-size: 10px}
9392

9493
.editor {position: absolute; display: inline-block; top: 0; left: 15px; width: 2400px}
9594
.editor .tabsBar {display: inline-block; height: 22px; width: 2400px; margin-top: 40px; padding-left: 53px; background: #ddd}
96-
.tabsBar .tab {position: absolute; display: none; padding: 5px 8px 2px 8px; font-size: 10px; border-left: solid 1px #eee; border-right: solid 1px #777; border-radius: 5px 5px 0 0; color: #fff; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1;
97-
-webkit-transition: width 0.15s ease-in-out;
98-
-moz-transition: width 0.15s ease-in-out;
95+
.tabsBar .tab {position: absolute; display: none; height: 15px; padding: 5px 8px 2px 8px; font-size: 10px; border-left: solid 1px #eee; border-right: solid 1px #777; border-radius: 5px 5px 0 0; color: #fff; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1;
9996
transition: width 0.15s ease-in-out;
100-
-webkit-transition: left 0.15s ease-in-out;
101-
-moz-transition: left 0.15s ease-in-out;
10297
transition: left 0.15s ease-in-out;
10398
}
10499
.tabsBar .tabSlide {
105-
-webkit-transition: left 0.15s ease-in-out;
106-
-moz-transition: left 0.15s ease-in-out;
107100
transition: left 0.15s ease-in-out;
108101
}
109102
.tabsBar .tabDrag {
110-
-webkit-transition: left 0s ease-in-out;
111-
-moz-transition: left 0s ease-in-out;
112103
transition: left 0s ease-in-out;
113104
}
114105
.tabsBar .tab .closeTab, .tabsBar .closeAllTabs {margin: 1px 0 0 5px; border-radius: 6px; cursor: pointer}
@@ -117,9 +108,7 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
117108
.tabsBar .alphaTabs:hover {background: #000}
118109
.tabsBar .closeAllTabs {position: absolute; margin: 6px 0 0 -36px; background: #bbb}
119110
.tabsBar .closeAllTabs:hover {background: #000}
120-
.tabsBar .newTab {position: absolute; display: inline-block; padding: 4px 7px 3px 7px; border-left: solid 1px #eee; border-right: solid 1px #777; background: #aaa; border-radius: 4px 4px 0 0; cursor: pointer; z-index: 0;
121-
-webkit-transition: left 0.15s ease-in-out;
122-
-moz-transition: left 0.15s ease-in-out;
111+
.tabsBar .newTab {position: absolute; display: inline-block; height: 15px; padding: 4px 7px 3px 7px; border-left: solid 1px #eee; border-right: solid 1px #777; background: #aaa; border-radius: 4px 4px 0 0; cursor: pointer; z-index: 0;
123112
transition: left 0.15s ease-in-out;
124113
}
125114
.editor .findBar {display: inline-block; height: 28px; width: 2400px; color: #fff; background-color: #141414}
@@ -153,8 +142,6 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
153142
.textbox {box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.4)}
154143

155144
.fileMenu {position: absolute; display: none; left: 0; top: 0; background-color: #333; z-index: 10;
156-
-webkit-transition: opacity 0.15s;
157-
-moz-transition: opacity 0.15s;
158145
transition: opacity 0.15s;
159146
}
160147
.fileMenu a {display: block; padding: 2px 5px; background-color: #333; color: #eee; text-decoration: none}

0 commit comments

Comments
 (0)