Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: mobile/android/themes/core/spinner.css

Issue 29348083: Issue 3769 - UI colours gone bad (Closed)
Patch Set: Created July 21, 2016, 2:09 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* This Source Code Form is subject to the terms of the Mozilla Public 1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this 2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
4 4
5 .mui-refresh-main { 5 .mui-refresh-main {
6 padding: 0; 6 padding: 0;
7 overflow: hidden; 7 overflow: hidden;
8 border-radius: 999px; 8 border-radius: 999px;
9 position: relative; 9 position: relative;
10 } 10 }
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 border-color: #000 #000 transparent; 52 border-color: #000 #000 transparent;
53 border-radius: 999px; 53 border-radius: 999px;
54 animation-iteration-count: infinite; 54 animation-iteration-count: infinite;
55 animation-duration: 1.3125s; 55 animation-duration: 1.3125s;
56 animation-timing-function: cubic-bezier(.35, 0, .25, 1); 56 animation-timing-function: cubic-bezier(.35, 0, .25, 1);
57 } 57 }
58 58
59 .mui-half-circle-left { 59 .mui-half-circle-left {
60 left: 0; 60 left: 0;
61 border-right-color: transparent; 61 border-right-color: transparent;
62 border-top-color: #FF9500; /*matched to fennec_ui_orange in java codebase*/ 62 border-top-color: #009CD9; /*matched to abb_accent_dark_blue in java codebase* /
63 border-left-color: #FF9500; /*matched to fennec_ui_orange in java codebase*/ 63 border-left-color: #009CD9; /*matched to abb_accent_dark_blue in java codebase */
64 animation-name: left-wobble; 64 animation-name: left-wobble;
65 } 65 }
66 66
67 .mui-half-circle-right { 67 .mui-half-circle-right {
68 right: 0; 68 right: 0;
69 border-left-color: transparent; 69 border-left-color: transparent;
70 border-top-color: #FF9500; /*matched to fennec_ui_orange in java codebase*/ 70 border-top-color: #009CD9; /*matched to abb_accent_dark_blue in java codebase* /
71 border-right-color: #FF9500; /*matched to fennec_ui_orange in java codebase*/ 71 border-right-color: #009CD9; /*matched to abb_accent_dark_blue in java codebas e*/
72 animation-name: right-wobble; 72 animation-name: right-wobble;
73 } 73 }
74 74
75 @keyframes outer-rotate { 75 @keyframes outer-rotate {
76 100% { 76 100% {
77 transform: rotate(360deg); 77 transform: rotate(360deg);
78 } 78 }
79 } 79 }
80 80
81 @keyframes left-wobble { 81 @keyframes left-wobble {
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
115 75% { 115 75% {
116 transform: rotate(810deg); 116 transform: rotate(810deg);
117 } 117 }
118 87.5% { 118 87.5% {
119 transform: rotate(945deg); 119 transform: rotate(945deg);
120 } 120 }
121 100% { 121 100% {
122 transform: rotate(1080deg); 122 transform: rotate(1080deg);
123 } 123 }
124 } 124 }
OLDNEW

Powered by Google App Engine
This is Rietveld