Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code | Sign in
(1406)

Side by Side Diff: lib/views/juju-inspector.less

Issue 11469043: Reverts r 852
Patch Set: Reverts r 852 Created 10 years, 8 months ago
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments. Please Sign in to add in-line comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « app/templates/charm-pre-configuration.handlebars ('k') | lib/views/stylesheet.less » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 @inspector-background-color: #221E1B; 1 @inspector-background-color: #333;
2 @inspector-color: #eee; 2 @inspector-region-background-color: #282828;
3 @inspector-region-background-color: #221E1B;
4 @border-radius: 4px;
5 3
6 .yui3-juju-inspector { 4 .yui3-juju-inspector {
7 .create-border-radius(@border-radius);
8 position: absolute; 5 position: absolute;
9 top: 20px; 6 top: 20px;
10 right: 35px; 7 right: 35px;
11 width: 292px; 8 width: 292px;
12 padding: 10px;
13 min-height: 250px; 9 min-height: 250px;
14 background-color: @inspector-background-color; 10 background-color: @inspector-background-color;
15 color: @inspector-color; 11 color: #fff;
16 margin: 0; /* can be removed once the old inspector styles are removed*/ 12 margin: 0; /* can be removed once the old inspector styles are removed*/
17 13
18 h1, h2, h3, h4, h5, h6 { 14 h1, h2, h3, h4, h5, h6 {
19 background-color: @inspector-region-background-color; 15 background-color: @inspector-region-background-color;
20 padding-left: 1em; 16 padding-left: 1em;
21 } 17 }
22 ····
23 .view-container-wrapper {
24 ········
25 .close {
26 background-position: center center;
27 background-repeat: no-repeat;
28 background-image: url("/juju-ui/assets/images/inspector-close-icon.p ng");
29 display: block;
30 height: 24px;
31 opacity: 1;
32 padding: 0;
33 text-indent: -9999em;
34 width: 20px;
35 border: 0;
36 }
37 ········
38 .destroy-service-icon {
39 cursor: pointer;
40 float: right;
41 width: 20px;
42 height: 24px;
43 padding: 0;
44 /* Make sure the destroy icon is below the close-the-inspector icon. */
45 clear: both;
46 margin-bottom: 1ex;
47 background-position: center;
48 background-repeat: no-repeat;
49 background-image: url("/juju-ui/assets/images/inspector-destroy-icon .png");
50 }
51 }
52 ····
53 .well {
54 background-color: @inspector-background-color;
55 }
56 ····
57 .charm-panel-configure {
58 height: auto;
59 padding: 0;
60 ········
61 .title,
62 .name {
63 width: 200px;
64 float: left;
65 margin-top: 0;
66 }
67 ········
68 .image {
69 float: left;
70 width: 100px;
71 height: 100px;
72 }
73 }
74 ····
75 .charm-panel-configure-buttons {
76 ········
77 .btn {
78 .create-border-radius(@border-radius);
79 @box-shadow: 0 2px 2px -2px #777777 inset;
80 color: #fff;
81 background: #dd4814;
82 padding: 10px 0;
83 text-decoration: none;
84 width: 114px;
85 text-align: center;
86 font-size: 18px;
87 line-height: 1;
88 font-weight: lighter;
89 display: block;
90 float: left;
91 }
92 ········
93 button::-moz-focus-inner {
94 padding: 0;
95 border: 0
96 }
97 }
98 18
99 .viewlet-container { 19 .viewlet-container {
100 overflow-y: auto; 20 overflow-y: auto;
101 } 21 }
102 22
103 .content { 23 .content {
104 margin: 1em; 24 margin: 1em;
105 } 25 }
106 26
107 .service-charm { 27 .service-charm {
(...skipping 193 matching lines...) Expand 10 before | Expand all | Expand 10 after
301 background-color: #00b711; 221 background-color: #00b711;
302 } 222 }
303 &.pending { 223 &.pending {
304 background-color: #ede837; 224 background-color: #ede837;
305 } 225 }
306 &.error { 226 &.error {
307 background-color: #ba0000; 227 background-color: #ba0000;
308 } 228 }
309 } 229 }
310 230
231 .destroy-service-icon {
232 cursor: pointer;
233 float: right;
234 width: 20px;
235 height: 24px;
236 padding: 0;
237 /* Make sure the destroy icon is below the close-the-inspector icon. */
238 clear: both;
239 margin-bottom: 1ex;
240 background-position: center;
241 background-repeat: no-repeat;
242 background-image:
243 url("/juju-ui/assets/images/inspector-destroy-service.png");
244 }
245
311 .destroy-service-prompt { 246 .destroy-service-prompt {
312 overflow: hidden; 247 overflow: hidden;
313 height: 95px; 248 height: 95px;
314 background-color: @inspector-region-background-color; 249 background-color: @inspector-region-background-color;
315 margin-bottom: 10px; 250 margin-bottom: 10px;
316 transition: 1s, height 1s; 251 transition: 1s, height 1s;
317 -webkit-transition: 1s, height 1s; 252 -webkit-transition: 1s, height 1s;
318 253
319 /* Make sure the prompt box is below the icon. */ 254 /* Make sure the prompt box is below the icon. */
320 clear: both; 255 clear: both;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
355 290
356 .left { 291 .left {
357 position: absolute; 292 position: absolute;
358 right: 292px; 293 right: 292px;
359 width: 500px; 294 width: 500px;
360 color: rgb(80, 80, 80); 295 color: rgb(80, 80, 80);
361 background-color: rgb(255, 255, 255); 296 background-color: rgb(255, 255, 255);
362 } 297 }
363 298
364 } 299 }
OLDNEW
« no previous file with comments | « app/templates/charm-pre-configuration.handlebars ('k') | lib/views/stylesheet.less » ('j') | no next file with comments »

Powered by Google App Engine
RSS Feeds Recent Issues | This issue
This is Rietveld f62528b