| 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 { |
| 11 background-color: #fbfbfb; | 11 background-color: #fbfbfb; |
| 12 display: flex; |
| 13 flex-direction: column; |
| 12 height: 100%; | 14 height: 100%; |
| 13 margin: 0; | 15 margin: 0; |
| 14 overflow: auto; | 16 overflow: auto; |
| 15 padding: 0; | 17 padding: 0; |
| 16 width: 100%; | 18 width: 100%; |
| 17 } | 19 } |
| 18 | 20 |
| 19 [hidden] { | 21 [hidden] { |
| 20 display: none !important; | 22 display: none !important; |
| 21 } | 23 } |
| (...skipping 13 matching lines...) Expand all Loading... |
| 35 -webkit-flex: 1 1 auto; | 37 -webkit-flex: 1 1 auto; |
| 36 -webkit-margin-start: 20px; | 38 -webkit-margin-start: 20px; |
| 37 } | 39 } |
| 38 | 40 |
| 39 .title-bar .button-bar { | 41 .title-bar .button-bar { |
| 40 -webkit-flex: 0 1 auto; | 42 -webkit-flex: 0 1 auto; |
| 41 } | 43 } |
| 42 | 44 |
| 43 .content { | 45 .content { |
| 44 color: #646464; | 46 color: #646464; |
| 47 flex-grow: 1; |
| 45 font-size: 12px; | 48 font-size: 12px; |
| 46 margin: 20px; | 49 margin: 20px; |
| 47 } | 50 } |
| 48 | 51 |
| 49 .content #description-text { | 52 .content #description-text { |
| 50 border-color: #c8c8c8; | 53 border-color: #c8c8c8; |
| 51 box-sizing: border-box; | 54 box-sizing: border-box; |
| 52 height: 120px; | 55 height: 120px; |
| 53 line-height: 18px; | 56 line-height: 18px; |
| 54 padding: 10px; | 57 padding: 10px; |
| (...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 139 line-height: 15px; | 142 line-height: 15px; |
| 140 margin-bottom: 20px; | 143 margin-bottom: 20px; |
| 141 margin-top: 20px; | 144 margin-top: 20px; |
| 142 } | 145 } |
| 143 | 146 |
| 144 .content .buttons-pane { | 147 .content .buttons-pane { |
| 145 bottom: 20px; | 148 bottom: 20px; |
| 146 display: -webkit-flex; | 149 display: -webkit-flex; |
| 147 justify-content: flex-end; | 150 justify-content: flex-end; |
| 148 left: 20px; | 151 left: 20px; |
| 152 position: absolute; |
| 149 right: 20px; | 153 right: 20px; |
| 150 } | 154 } |
| 151 | 155 |
| 152 .content .top-buttons { | 156 .content .top-buttons { |
| 153 position: absolute; | 157 position: absolute; |
| 154 } | 158 } |
| 155 | 159 |
| 156 .content .remove-file-button { | 160 .content .remove-file-button { |
| 157 -webkit-margin-start: 5px; | 161 -webkit-margin-start: 5px; |
| 158 background-color: transparent; | 162 background-color: transparent; |
| (...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 207 height: 50px; | 211 height: 50px; |
| 208 margin-bottom: 20px; | 212 margin-bottom: 20px; |
| 209 margin-top: 120px; | 213 margin-top: 120px; |
| 210 } | 214 } |
| 211 | 215 |
| 212 .srt-body { | 216 .srt-body { |
| 213 font-size: 14px; | 217 font-size: 14px; |
| 214 line-height: 24px; | 218 line-height: 24px; |
| 215 margin: 0 40px; | 219 margin: 0 40px; |
| 216 } | 220 } |
| OLD | NEW |