CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-05-29 11:21:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Transitions

Browse Source
This commit is contained in:
John Firebaugh
2013-05-27 08:18:27 -07:00
parent c5e275cea5
commit 5d4727bd95
2 changed files with 42 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/app.css
+36 -13
View File
@@ -160,10 +160,10 @@ input[type=email] {
border-radius:4px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: all 100ms;
-moz-transition: all 100ms;
-o-transition: all 100ms;
transition: all 100ms;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
textarea:focus,
@@ -610,26 +610,28 @@ a:hover .icon.out-link { background-position: -500px -14px;}
.header h3 {
text-align: center;
margin-right: 40px;
margin-bottom: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.modal > button,
.header button {
height: 100%;
.header button,
.modal > button {
border-radius: 0;
width: 40px;
text-align: center;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
}
.header button {
height: 100%;
}
.modal > button {
position: absolute;
right: 0;
top: 0;
height: 59px;
z-index: 3;
}
@@ -674,11 +676,25 @@ a:hover .icon.out-link { background-position: -500px -14px;}
}
.inspector-wrap .header button.preset-reset {
position: relative;
float: left;
}
.inspector-wrap .header button.preset-close {
float: right;
}
.inspector-wrap .header button.preset-reset,
.inspector-wrap .header button.preset-close {
-moz-transition: opacity 200ms;
-o-transition: opacity 200ms;
transition: opacity 200ms;
}
.inspector-hover .header button.preset-reset,
.inspector-hover .header button.preset-close,
.inspector-hover .header button.preset-close {
opacity: 0;
}
.inspector-hover .more-buttons,
.inspector-hover .inspector-external-links {
display: none;
@@ -913,6 +929,13 @@ a:hover .icon.out-link { background-position: -500px -14px;}
position: relative;
}
.inspector-wrap .inspector-preset {
background-color: white;
-moz-transition: background-color 200ms;
-o-transition: background-color 200ms;
transition: background-color 200ms;
}
.inspector-hover .inspector-preset {
background-color: #F6F6F6;
}