| 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 |