LEFT | RIGHT |
1 #subapp-browser .charm { | 1 #subapp-browser .charm { |
2 display: table; | 2 display: table; |
3 width: 100%; | 3 width: 100%; |
4 | 4 |
5 a.yui3-tab-label { | 5 a.yui3-tab-label { |
6 color: @bws-text; | 6 color: @bws-text; |
7 } | 7 } |
8 .yui3-tab-selected a.yui3-tab-label { | 8 .yui3-tab-selected a.yui3-tab-label { |
9 color: @bws-heading; | 9 color: @bws-heading; |
10 } | 10 } |
11 h1, | 11 h1, |
12 h2, | 12 h2, |
13 h3, | 13 h3, |
14 h4 { | 14 h4 { |
15 .heading-font; | 15 .heading-font; |
16 } | 16 } |
17 p { | 17 p { |
18 width: 66.666%; | 18 width: 66.666%; |
19 } | 19 } |
20 .provider-warning { | 20 .provider-warning { |
21 border: 2px solid @charm-panel-orange; | 21 height: 20px; |
22 color: @charm-panel-orange; | 22 margin-top: -1px; |
23 font-weight: bold; | 23 padding: 9px; |
24 height: 22px; | 24 border: 1px solid @charm-panel-orange; |
25 padding: 5px 0 5px 5px; | 25 color: @charm-panel-orange; |
26 | 26 |
27 img { | 27 span { |
28 height: 24px; | 28 margin: 0 8px 0 7px; |
29 margin-left: 5px; | 29 } |
30 } | 30 img { |
| 31 height: 20px; |
| 32 margin-left: 2px; |
| 33 } |
31 } | 34 } |
32 .content { | 35 .content { |
33 .border-box; | 36 .border-box; |
34 display: table-cell; | 37 display: table-cell; |
35 padding: 0 20px 25px 20px; | 38 padding: 0 20px 25px 20px; |
36 } | 39 } |
37 .nav { | 40 .nav { |
38 height: 30px; | 41 height: 30px; |
39 margin: 0; | 42 margin: 0; |
40 padding: 11px 0 10px 0; | 43 padding: 11px 0 10px 0; |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
91 } | 94 } |
92 .heading { | 95 .heading { |
93 margin: 18px 0 22px 0; | 96 margin: 18px 0 22px 0; |
94 | 97 |
95 .charm-icon { | 98 .charm-icon { |
96 width: 160px; | 99 width: 160px; |
97 height: 160px; | 100 height: 160px; |
98 background: transparent | 101 background: transparent |
99 url(/juju-ui/assets/images/charm_160.png) | 102 url(/juju-ui/assets/images/charm_160.png) |
100 left top no-repeat; | 103 left top no-repeat; |
| 104 &.provided { |
| 105 background: none; |
| 106 } |
101 } | 107 } |
102 .charm-details { | 108 .charm-details { |
103 margin-left: 19px; | 109 margin-left: 19px; |
104 | 110 |
105 h1 { | 111 h1 { |
106 font-size: 23pt; | 112 font-size: 23pt; |
107 } | 113 } |
108 dt, | 114 dt, |
109 dd { | 115 dd { |
110 font-size: 12pt; | 116 font-size: 12pt; |
(...skipping 179 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
290 list-style-type: decimal; | 296 list-style-type: decimal; |
291 | 297 |
292 span:first-child { | 298 span:first-child { |
293 margin-left: 10px; | 299 margin-left: 10px; |
294 } | 300 } |
295 } | 301 } |
296 } | 302 } |
297 } | 303 } |
298 } | 304 } |
299 } | 305 } |
LEFT | RIGHT |