Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(21)

Side by Side Diff: chrome/browser/resources/file_manager/css/gdrive_welcome.css

Issue 10140023: [File Manager] Welcome to Google Docs banner (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Extracted css into a dynamically loaded file Created 8 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/file_manager/css/file_manager.css ('k') | chrome/browser/resources/file_manager/images/clouds.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698