| OLD | NEW |
| 1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 | 5 |
| 6 html { | 6 html { |
| 7 height: 100%; | 7 height: 100%; |
| 8 } | 8 } |
| 9 | 9 |
| 10 body { | 10 body { |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 90 -webkit-align-items: center; | 90 -webkit-align-items: center; |
| 91 display: -webkit-flex; | 91 display: -webkit-flex; |
| 92 height: 29px; | 92 height: 29px; |
| 93 } | 93 } |
| 94 | 94 |
| 95 #screenshot-container { | 95 #screenshot-container { |
| 96 margin-top: 10px; | 96 margin-top: 10px; |
| 97 } | 97 } |
| 98 | 98 |
| 99 .content #screenshot-image { | 99 .content #screenshot-image { |
| 100 -webkit-margin-start: 150px; | |
| 101 display: block; | 100 display: block; |
| 102 height: 60px; | 101 height: 60px; |
| 103 margin-top: 40px; | 102 margin-top: 40px; |
| 104 transition: all 250ms ease; | 103 transition: all 250ms ease; |
| 105 } | 104 } |
| 106 | 105 |
| 107 .content #screenshot-image:hover { | 106 .content #screenshot-image:hover { |
| 108 -webkit-margin-start: 80px; | |
| 109 height: 125px; | 107 height: 125px; |
| 110 margin-top: 80px; | 108 margin-top: 80px; |
| 111 z-index: 1; | 109 z-index: 1; |
| 112 } | 110 } |
| 113 | 111 |
| 114 .content #screenshot-image.wide-screen { | 112 .content #screenshot-image.wide-screen { |
| 115 height: auto; | 113 height: auto; |
| 116 width: 100px; | 114 width: 100px; |
| 117 } | 115 } |
| 118 | 116 |
| 119 .content #screenshot-image.wide-screen:hover { | 117 .content #screenshot-image.wide-screen:hover { |
| 120 height: auto; | 118 height: auto; |
| 121 width: 200px; | 119 width: 200px; |
| 122 } | 120 } |
| 123 | 121 |
| 122 .content #screenshot-label { |
| 123 flex: auto; |
| 124 } |
| 125 |
| 124 .content #privacy-note { | 126 .content #privacy-note { |
| 125 color: #969696; | 127 color: #969696; |
| 126 font-size: 10px; | 128 font-size: 10px; |
| 127 line-height: 15px; | 129 line-height: 15px; |
| 128 margin-bottom: 20px; | 130 margin-bottom: 20px; |
| 129 margin-top: 20px; | 131 margin-top: 20px; |
| 130 } | 132 } |
| 131 | 133 |
| 132 .content .buttons-pane { | 134 .content .buttons-pane { |
| 133 bottom: 20px; | 135 bottom: 20px; |
| (...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 195 height: 50px; | 197 height: 50px; |
| 196 margin-bottom: 20px; | 198 margin-bottom: 20px; |
| 197 margin-top: 120px; | 199 margin-top: 120px; |
| 198 } | 200 } |
| 199 | 201 |
| 200 .srt-body { | 202 .srt-body { |
| 201 font-size: 14px; | 203 font-size: 14px; |
| 202 line-height: 24px; | 204 line-height: 24px; |
| 203 margin: 0 40px; | 205 margin: 0 40px; |
| 204 } | 206 } |
| OLD | NEW |