OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
6 * are met: | 6 * are met: |
7 * 1. Redistributions of source code must retain the above copyright | 7 * 1. Redistributions of source code must retain the above copyright |
8 * notice, this list of conditions and the following disclaimer. | 8 * notice, this list of conditions and the following disclaimer. |
9 * 2. Redistributions in binary form must reproduce the above copyright | 9 * 2. Redistributions in binary form must reproduce the above copyright |
10 * notice, this list of conditions and the following disclaimer in the | 10 * notice, this list of conditions and the following disclaimer in the |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
63 } | 63 } |
64 | 64 |
65 button.previous { | 65 button.previous { |
66 margin-right: 0px; | 66 margin-right: 0px; |
67 } | 67 } |
68 | 68 |
69 button[disabled] { | 69 button[disabled] { |
70 visibility: hidden; | 70 visibility: hidden; |
71 } | 71 } |
72 | 72 |
| 73 /* FIXME: This hover effect can't work on mobile. */ |
73 button:hover { | 74 button:hover { |
74 background-image: linear-gradient(#f8f8f8, #f1f1f1); | 75 background-image: linear-gradient(#f8f8f8, #f1f1f1); |
75 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); | 76 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
76 background-color: #f8f8f8; | 77 background-color: #f8f8f8; |
77 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); | 78 background-image: linear-gradient(top,#f8f8f8,#f1f1f1); |
78 border: 1px solid #c6c6c6; | 79 border: 1px solid #c6c6c6; |
79 box-shadow: 0 1px 1px rgba(0,0,0,0.1); | 80 box-shadow: 0 1px 1px rgba(0,0,0,0.1); |
80 color: #333 | 81 color: #333 |
81 } | 82 } |
82 | 83 |
83 button:focus { | 84 button:focus { |
84 border: 1px solid #4d90fe; | 85 border: 1px solid #4d90fe; |
85 outline: none | 86 outline: none |
86 } | 87 } |
87 | 88 |
88 button.default { | 89 button.default { |
89 border: 1px solid #3079ED; | 90 border: 1px solid #3079ED; |
90 color: white; | 91 color: white; |
91 background-image: linear-gradient(#4d90fe, #4787ed); | 92 background-image: linear-gradient(#4d90fe, #4787ed); |
92 } | 93 } |
93 | 94 |
| 95 /* FIXME: This hover effect can't work on mobile. */ |
94 button.default:hover { | 96 button.default:hover { |
95 border: 1px solid #2f5bb7; | 97 border: 1px solid #2f5bb7; |
96 color: white; | 98 color: white; |
97 background-color: #357ae8; | 99 background-color: #357ae8; |
98 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); | 100 background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe)
,to(#357ae8)); |
99 } | 101 } |
100 | 102 |
101 .clear { | 103 .clear { |
102 clear: both; | 104 clear: both; |
103 } | 105 } |
OLD | NEW |