OLD | NEW |
(Empty) | |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ |
| 4 |
| 5 /* Google Drive welcome banners.*/ |
| 6 .gdrive-welcome-wrapper { |
| 7 background-image: url('../images/clouds.png'); |
| 8 background-repeat: repeat-x; |
| 9 } |
| 10 |
| 11 .gdrive-welcome-icon { |
| 12 background-image: url('../images/gdrive_logo.png'); |
| 13 background-repeat: no-repeat; |
| 14 } |
| 15 |
| 16 .gdrive-welcome-links { |
| 17 -webkit-box-orient: horizontal; |
| 18 display: -webkit-box; |
| 19 } |
| 20 |
| 21 /* Header welcome banner. */ |
| 22 .gdrive-welcome.header { |
| 23 -webkit-box-flex: 0; |
| 24 -webkit-transition: height 180ms ease; |
| 25 height: 100px; |
| 26 overflow: hidden; |
| 27 position: relative; |
| 28 } |
| 29 |
| 30 .dialog-container:not([gdrive-welcome='header']) .gdrive-welcome.header { |
| 31 height: 0; |
| 32 } |
| 33 |
| 34 .gdrive-welcome.header .gdrive-welcome-wrapper { |
| 35 -webkit-box-orient: horizontal; |
| 36 background-size: 308px 100px; |
| 37 border-top: 1px solid #d4d4d4; |
| 38 bottom: 0; |
| 39 display: -webkit-box; |
| 40 left: 0; |
| 41 position: absolute; |
| 42 right: 0; |
| 43 top: 0; |
| 44 } |
| 45 |
| 46 .gdrive-welcome.header .gdrive-welcome-icon { |
| 47 background-position: center 20px; |
| 48 background-size: 51px 44px; |
| 49 width: 120px; |
| 50 } |
| 51 |
| 52 .gdrive-welcome.header .gdrive-welcome-message { |
| 53 -webkit-box-flex: 1; |
| 54 -webkit-box-orient: vertical; |
| 55 display: -webkit-box; |
| 56 } |
| 57 |
| 58 .gdrive-welcome.header .gdrive-welcome-title { |
| 59 font-size: 140%; |
| 60 margin-bottom: 8px; |
| 61 margin-top: 16px; |
| 62 } |
| 63 |
| 64 .gdrive-welcome.header .gdrive-welcome-text { |
| 65 margin-bottom: 8px; |
| 66 } |
| 67 |
| 68 .gdrive-welcome.header .gdrive-welcome-dismiss { |
| 69 display: none; |
| 70 } |
| 71 |
| 72 /* Full page welcome banner. */ |
| 73 .gdrive-welcome.page { |
| 74 bottom: 0; |
| 75 left: 0; |
| 76 position: absolute; |
| 77 right: 0; |
| 78 top: 28px; /* Leave room for the file list header. */ |
| 79 } |
| 80 |
| 81 .dialog-container:not([gdrive-welcome='page']) .gdrive-welcome.page { |
| 82 display: none; |
| 83 } |
| 84 |
| 85 .gdrive-welcome.page .gdrive-welcome-wrapper { |
| 86 background-position: 0 50px; |
| 87 background-size: 520px 173px; |
| 88 border: 2px solid rgb(186, 210, 231); |
| 89 border-radius: 4px; |
| 90 bottom: 0; |
| 91 font-size: 120%; |
| 92 left: 0; |
| 93 margin: 16px; |
| 94 overflow: hidden; |
| 95 position: absolute; |
| 96 right: 0; |
| 97 top: 0; |
| 98 } |
| 99 |
| 100 .gdrive-welcome.page .gdrive-welcome-icon { |
| 101 background-position: center center; |
| 102 height: 240px; |
| 103 left: 0; |
| 104 right: 0; |
| 105 top: 0; |
| 106 } |
| 107 |
| 108 .gdrive-welcome.page .gdrive-welcome-message { |
| 109 padding-left: 30%; |
| 110 padding-right: 25%; |
| 111 } |
| 112 |
| 113 .gdrive-welcome.page .gdrive-welcome-title { |
| 114 font-size: 133%; |
| 115 margin-bottom: 30px; |
| 116 } |
| 117 |
| 118 .gdrive-welcome.page .gdrive-welcome-text { |
| 119 margin-bottom: 24px; |
| 120 } |
| 121 |
| 122 .gdrive-welcome.page .gdrive-welcome-dismiss { |
| 123 margin-left: 20px; |
| 124 } |
OLD | NEW |