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

Side by Side Diff: runtime/observatory/lib/src/elements/css/shared.css

Issue 839543002: Revert "Build Observatory with runtime" (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 5 years, 11 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 /* Global styles */
2 * {
3 margin: 0;
4 padding: 0;
5 font: 400 14px 'Montserrat', sans-serif;
6 color: #333;
7 box-sizing: border-box;
8 }
9
10 .content {
11 padding-left: 10%;
12 font: 400 14px 'Montserrat', sans-serif;
13 }
14
15 .content-centered {
16 padding-left: 10%;
17 padding-right: 10%;
18 font: 400 14px 'Montserrat', sans-serif;
19 }
20
21 .content-centered-big {
22 padding-left: 5%;
23 padding-right: 5%;
24 font: 400 14px 'Montserrat', sans-serif;
25 }
26
27 h1 {
28 font: 400 18px 'Montserrat', sans-serif;
29 }
30
31 .memberList {
32 display: table;
33 }
34
35 .memberItem {
36 display: table-row;
37 }
38
39 .memberName, .memberValue {
40 display: table-cell;
41 vertical-align: top;
42 padding: 3px 0 3px 1em;
43 font: 400 14px 'Montserrat', sans-serif;
44 }
45
46 .memberSmall {
47 display: table-cell;
48 vertical-align: top;
49 padding: 3px 0 3px 1em;
50 font: 400 12px 'Montserrat', sans-serif;
51 }
52
53 .monospace {
54 font-family: consolas, courier, monospace;
55 font-size: 1em;
56 line-height: 1.2em;
57 white-space: nowrap;
58 }
59
60 a {
61 color: #0489c3;
62 text-decoration: none;
63 }
64
65 a:hover {
66 text-decoration: underline;
67 }
68
69 em {
70 color: inherit;
71 font-style: italic;
72 }
73
74 b {
75 color: inherit;
76 font-weight: bold;
77 }
78
79 hr {
80 margin-top: 20px;
81 margin-bottom: 20px;
82 border: 0;
83 border-top: 1px solid #eee;
84 height: 0;
85 box-sizing: content-box;
86 }
87
88 .list-group {
89 padding-left: 0;
90 margin-bottom: 20px;
91 }
92
93 .list-group-item {
94 position: relative;
95 display: block;
96 padding: 10px 15px;
97 margin-bottom: -1px;
98 background-color: #fff;
99 }
100
101 .list-group-item:first-child {
102 /* rounded top corners */
103 border-top-right-radius:4px;
104 border-top-left-radius:4px;
105 }
106
107 .list-group-item:last-child {
108 margin-bottom: 0;
109 /* rounded bottom corners */
110 border-bottom-right-radius: 4px;
111 border-bottom-left-radius:4px;
112 }
113
114 /* Flex row container */
115 .flex-row {
116 display: flex;
117 flex-direction: row;
118 }
119
120 /* Flex column container */
121 .flex-column {
122 display: flex;
123 flex-direction: column;
124 }
125
126 .flex-item-fit {
127 flex-grow: 1;
128 flex-shrink: 1;
129 flex-basis: auto;
130 }
131
132 .flex-item-no-shrink {
133 flex-grow: 0;
134 flex-shrink: 0;
135 flex-basis: auto;
136 }
137
138 .flex-item-fill {
139 flex-grow: 0;
140 flex-shrink: 1; /* shrink when pressured */
141 flex-basis: 100%; /* try and take 100% */
142 }
143
144 .flex-item-fixed-1-12 {
145 flex-grow: 0;
146 flex-shrink: 0;
147 flex-basis: 8.3%;
148 }
149
150 .flex-item-fixed-2-12 {
151 flex-grow: 0;
152 flex-shrink: 0;
153 flex-basis: 16.6%;
154 }
155
156 .flex-item-fixed-4-12 {
157 flex-grow: 0;
158 flex-shrink: 0;
159 flex-basis: 33.3333%;
160 }
161
162 .flex-item-fixed-6-12, .flex-item-50-percent {
163 flex-grow: 0;
164 flex-shrink: 0;
165 flex-basis: 50%;
166 }
167
168 .flex-item-fixed-8-12 {
169 flex-grow: 0;
170 flex-shrink: 0;
171 flex-basis: 66.6666%;
172 }
173
174 .flex-item-fixed-9-12 {
175 flex-grow: 0;
176 flex-shrink: 0;
177 flex-basis: 75%;
178 }
179
180
181 .flex-item-fixed-12-12 {
182 flex-grow: 0;
183 flex-shrink: 0;
184 flex-basis: 100%;
185 }
186
187 .flex-item-10-percent {
188 flex-grow: 0;
189 flex-shrink: 0;
190 flex-basis: 10%;
191 }
192
193 .flex-item-15-percent {
194 flex-grow: 0;
195 flex-shrink: 0;
196 flex-basis: 15%;
197 }
198
199 .flex-item-20-percent {
200 flex-grow: 0;
201 flex-shrink: 0;
202 flex-basis: 20%;
203 }
204
205 .flex-item-30-percent {
206 flex-grow: 0;
207 flex-shrink: 0;
208 flex-basis: 30%;
209 }
210
211 .flex-item-40-percent {
212 flex-grow: 0;
213 flex-shrink: 0;
214 flex-basis: 40%;
215 }
216
217 .flex-item-50-percent {
218 flex-grow: 0;
219 flex-shrink: 0;
220 flex-basis: 50%;
221 }
222
223 .flex-item-60-percent {
224 flex-grow: 0;
225 flex-shrink: 0;
226 flex-basis: 60%;
227 }
228
229 .flex-item-70-percent {
230 flex-grow: 0;
231 flex-shrink: 0;
232 flex-basis: 70%;
233 }
234
235 .flex-item-80-percent {
236 flex-grow: 0;
237 flex-shrink: 0;
238 flex-basis: 80%;
239 }
240
241 .well {
242 min-height: 20px;
243 padding: 19px;
244 margin-bottom: 20px;
245 background-color: #f5f5f5;
246 border: 1px solid #e3e3e3;
247 border-radius: 4px;
248 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
249 }
250
251 .break-wrap {
252 word-wrap: break-word;
253 }
OLDNEW
« no previous file with comments | « runtime/observatory/lib/src/elements/context_view.html ('k') | runtime/observatory/lib/src/elements/curly_block.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698