OLD | NEW |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |