Skip to content

Q
question2answer
Commit 1cb97a52 by Scott
Options

Remove unnecessary transitions

parent efa71d7b
Showing with 17 additions and 111 deletions
qa-theme/SnowFlat/qa-styles.css
...@@ -324,7 +324,6 @@ blockquote p { ...@@ -324,7 +324,6 @@ blockquote p {
text-indent: -9999px; text-indent: -9999px;
border: none; border: none;
outline: none; outline: none;
-webkit-transition: background-image 0.5s;
transition: background-image 0.5s; transition: background-image 0.5s;
} }
.qa-notice-close-button:hover, .qa-notice-close-button:focus { .qa-notice-close-button:hover, .qa-notice-close-button:focus {
...@@ -915,8 +914,6 @@ blockquote p { ...@@ -915,8 +914,6 @@ blockquote p {
height: 38px; height: 38px;
margin: 0; margin: 0;
border: none; border: none;
-webkit-transition: background-position 0s;
transition: background-position 0s;
} }
.qa-favorite-button:hover, .qa-unfavorite-button:hover { .qa-favorite-button:hover, .qa-unfavorite-button:hover {
background-color: #f39c12; background-color: #f39c12;
...@@ -1071,8 +1068,6 @@ blockquote p { ...@@ -1071,8 +1068,6 @@ blockquote p {
padding: 0; padding: 0;
position: absolute; position: absolute;
left: 4px; left: 4px;
-webkit-transition: all 0s;
transition: all 0s;
} }
.qa-vote-up-button:hover, .qa-vote-up-button:focus, .qa-vote-up-button:active, .qa-vote-up-button:hover, .qa-vote-up-button:focus, .qa-vote-up-button:active,
.qa-vote-down-button:hover, .qa-vote-down-button:focus, .qa-vote-down-button:active, .qa-vote-down-button:hover, .qa-vote-down-button:focus, .qa-vote-down-button:active,
...@@ -1313,13 +1308,12 @@ blockquote p { ...@@ -1313,13 +1308,12 @@ blockquote p {
padding: 2px 8px; padding: 2px 8px;
margin-bottom: 2px; margin-bottom: 2px;
text-decoration: none !important; text-decoration: none !important;
transition: all 0.75s ease-in-out 0s; transition: background 0.25s ease-in-out;
} }
.qa-tag-link:hover, .qa-tag-link:hover,
.qa-widget-side .qa-q-view-tag-item:hover { .qa-widget-side .qa-q-view-tag-item:hover {
background: #f39c12; background: #f39c12;
color: #fff !important; color: #fff !important;
transition: all 0.25s ease-in-out 0s;
} }
.qa-tag-link.qa-tag-favorited, .qa-tag-link.qa-tag-favorited,
.qa-widget-side .qa-q-view-tag-item.qa-tag-favorited { .qa-widget-side .qa-q-view-tag-item.qa-tag-favorited {
...@@ -1526,8 +1520,6 @@ blockquote p { ...@@ -1526,8 +1520,6 @@ blockquote p {
@media (min-width: 980px) { @media (min-width: 980px) {
.qa-top-users-label .qa-user-link:hover:after, .qa-top-users-label .qa-user-link:hover:after,
.qa-top-users-label .qa-user-link:focus:after { .qa-top-users-label .qa-user-link:focus:after {
-ms-transform: translate(80px, 0);
-webkit-transform: translate(80px, 0);
transform: translate(80px, 0); transform: translate(80px, 0);
} }
...@@ -1543,11 +1535,8 @@ blockquote p { ...@@ -1543,11 +1535,8 @@ blockquote p {
border-top: 7px solid transparent; border-top: 7px solid transparent;
border-bottom: 7px solid transparent; border-bottom: 7px solid transparent;
border-left: 7px solid #e74c3c; border-left: 7px solid #e74c3c;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); transform: translate(0, 0);
-webkit-transition: all 0.5s ease; transition: transform 0.5s ease;
transition: all 0.5s ease;
} }
} }
...@@ -1801,8 +1790,6 @@ input, textarea, select { ...@@ -1801,8 +1790,6 @@ input, textarea, select {
border: 1px solid #bdc3c7; border: 1px solid #bdc3c7;
background-color: #fff; background-color: #fff;
font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif; font-family: "Ubuntu", "Helvetica", "Arial", "FreeSans", sans-serif;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} }
input:focus, textarea:focus, select:focus { input:focus, textarea:focus, select:focus {
background-color: #fff; background-color: #fff;
...@@ -1866,8 +1853,6 @@ input[type="submit"], button { ...@@ -1866,8 +1853,6 @@ input[type="submit"], button {
padding: 10px 15px; padding: 10px 15px;
border: 0; border: 0;
font-size: 14px; font-size: 14px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
background: #3498db none; background: #3498db none;
color: #fff; color: #fff;
} }
...@@ -2172,8 +2157,6 @@ input[type="submit"], button { ...@@ -2172,8 +2157,6 @@ input[type="submit"], button {
padding: 10px 15px; padding: 10px 15px;
border: 0; border: 0;
font-size: 14px; font-size: 14px;
-webkit-transition-duration: 0s;
transition-duration: 0s;
background: #2c3e50 none center no-repeat; background: #2c3e50 none center no-repeat;
color: #fff; color: #fff;
width: 32px; width: 32px;
...@@ -2564,8 +2547,7 @@ input[type="submit"], button { ...@@ -2564,8 +2547,7 @@ input[type="submit"], button {
margin: 0; margin: 0;
position: relative; position: relative;
background: url('images/answer-select.png') no-repeat center; background: url('images/answer-select.png') no-repeat center;
-webkit-transition: all 0.5s; transition: background-color 0.5s;
transition: all 0.5s;
} }
.qa-a-select-button { .qa-a-select-button {
...@@ -3018,8 +3000,6 @@ input[type="submit"], button { ...@@ -3018,8 +3000,6 @@ input[type="submit"], button {
.qa-activity-count-item:hover:before { .qa-activity-count-item:hover:before {
opacity: 1; opacity: 1;
-webkit-animation: shake 0.25s; -webkit-animation: shake 0.25s;
-moz-animation: shake 0.25s;
-o-animation: shake 0.25s;
animation: shake 0.25s; animation: shake 0.25s;
} }
.qa-activity-count-item:nth-child(1) { .qa-activity-count-item:nth-child(1) {
...@@ -3421,96 +3401,22 @@ input[type="submit"], button { ...@@ -3421,96 +3401,22 @@ input[type="submit"], button {
} }
@-webkit-keyframes shake { @-webkit-keyframes shake {
0% { 0% { transform: scale(1); }
transform: scale(1); 17% { transform: scale(1.5); }
} 34% { transform: scale(0.8); }
17% { 51% { transform: scale(1.1); }
transform: scale(1.5); 68% { transform: scale(0.9); }
} 85% { transform: scale(1.05); }
34% { 100% { transform: scale(1); }
transform: scale(0.8);
}
51% {
transform: scale(1.1);
}
68% {
transform: scale(0.9);
}
85% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
@-moz-keyframes shake {
0% {
transform: scale(1);
}
17% {
transform: scale(1.5);
}
34% {
transform: scale(0.8);
}
51% {
transform: scale(1.1);
}
68% {
transform: scale(0.9);
}
85% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
@-ms-keyframes shake {
0% {
transform: scale(1);
}
17% {
transform: scale(1.5);
}
34% {
transform: scale(0.8);
}
51% {
transform: scale(1.1);
}
68% {
transform: scale(0.9);
}
85% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
} }
@keyframes shake { @keyframes shake {
0% { 0% { transform: scale(1); }
transform: scale(1); 17% { transform: scale(1.5); }
} 34% { transform: scale(0.8); }
17% { 51% { transform: scale(1.1); }
transform: scale(1.5); 68% { transform: scale(0.9); }
} 85% { transform: scale(1.05); }
34% { 100% { transform: scale(1); }
transform: scale(0.8);
}
51% {
transform: scale(1.1);
}
68% {
transform: scale(0.9);
}
85% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
} }
@-webkit-keyframes answer-highlight { @-webkit-keyframes answer-highlight {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment