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

Side by Side Diff: remoting/webapp/me2mom/main.css

Issue 7078022: Fix up remoting UI to make it closer to spec (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Changed arrows to GT/LT signs because of Linux font issues. Created 9 years, 6 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
« no previous file with comments | « remoting/webapp/me2mom/dividertop.png ('k') | remoting/webapp/me2mom/oauth2.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 body { 6 form {
7 font-family: Helvetica, sans-serif; 7 display: inline;
8 cursor: default;
9 font-size: 13px;
10 } 8 }
11
12 p {
13 color: black;
14 }
15
16 h1 {
17 font-family: sans-serif;
18 font-size: 2em;
19 font-weight: bold;
20 margin: 2px 5px 5px 5px
21 }
22
23 .message {
24 font-family: sans-serif;
25 font-size: 1.2em;
26 padding: 0 4px 0 4px;
27 }
28
29 .mock {
30 color: gray;
31 }
32
33 #access_code_display {
34 font-family: sans-serif;
35 font-size: 200%;
36 margin: 0 0 0 24px;
37 padding: 0 4px 0 4px;
38 border-style: solid;
39 background-color: lightgray;
40 display: inline-block;
41 }
42
43 .hostlist {
44 margin: 0;
45 border: #D9D9D9 1px solid;
46 border-radius: 2px;
47 }
48
49 .remoting_body {
50 -webkit-user-select: none;
51 margin: 0;
52 padding: 0;
53 overflow: auto;
54 }
55
56 .status_msg {
57 margin: 5px;
58 }
59
60 .debug_log {
61 -webkit-user-select: text;
62 padding: 0px;
63 margin: 0px;
64 position: fixed;
65 bottom: 0px;
66 width: 100%;
67 height: 150px;
68 overflow: auto;
69 font-family: monospace;
70 font-weight: bold;
71 font-size: small;
72 border: 2px solid #ffffff;
73 display: none;
74 opacity: 0.9;
75 background-color: #ffffff;
76 z-index: 1;
77 }
78
79 .debug_log_toggle {
80 line-height: 0.8em;
81 float: right;
82 }
83
84 .scale_to_fit_toggle {
85 line-height: 0.8em;
86 float: right;
87 }
88
89 .plugin-scroll-panel {
90 -webkit-user-select: none;
91 overflow: auto;
92 width: 100%;
93 }
94
95 .gaia_font {
96 font-family: Arial, Helvetica, sans-serif;
97 }
98
99 .page h1 {
100 -webkit-padding-end: 24px;
101 -webkit-user-select: none;
102 border-bottom: 1px solid #eeeeee;
103 color: #53637d;
104 font-size: 200%;
105 font-weight: normal;
106 margin: 0;
107 padding-bottom: 4px;
108 padding-top: 13px;
109 text-shadow: white 0 1px 2px;
110 }
111
112 section {
113 -webkit-box-orient: horizontal;
114 border-bottom: 1px solid #eeeeee;
115 display: -webkit-box;
116 margin-top: 17px;
117 padding-bottom: 20px;
118 }
119
120 section > h3 {
121 font-size: 105%;
122 font-weight: bold;
123 margin: 0;
124 vertical-align: middle;
125 width: 160px;
126 }
127
128 section > div:only-of-type {
129 -webkit-box-flex: 1;
130 }
131
132 div.page section:last-child {
133 border-bottom: none;
134 }
135
136 button {
137 -webkit-border-radius: 2px;
138 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
139 -webkit-user-select: none;
140 background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
141 border: 1px solid #aaa;
142 color: #444;
143 font-size: inherit;
144 margin-bottom: 0px;
145 min-width: 4em;
146 padding: 3px 12px 3px 12px;
147 }
148
149 button:hover {
150 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
151 background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
152 border-color: #999;
153 color: #222;
154 }
155
156 button:active {
157 -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
158 background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
159 color: #333;
160 }
161
162 button[disabled], button[disabled]:hover {
163 -webkit-box-shadow: none;
164 background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
165 border-color: #aaa;
166 color: #888;
167 }
OLDNEW
« no previous file with comments | « remoting/webapp/me2mom/dividertop.png ('k') | remoting/webapp/me2mom/oauth2.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698