OLD | NEW |
1 /* Processed with LESS from lib/views/stylesheet.less */ | 1 /* Processed with LESS from lib/views/stylesheet.less */ |
2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; | 2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
3 @font-family-medium: 'Ubuntu Medium', 'Ubuntu-Medium', 'Helvetica Neue', Helveti
ca, Arial, sans-serif; | 3 @font-family-medium: 'Ubuntu Medium', 'Ubuntu-Medium', 'Helvetica Neue', Helveti
ca, Arial, sans-serif; |
4 @font-family-mono: 'Ubuntu Mono', 'Ubuntu-Mono', 'Bitstream Vera Sans Mono', 'Co
urier New', Courier, monospace; | 4 @font-family-mono: 'Ubuntu Mono', 'Ubuntu-Mono', 'Bitstream Vera Sans Mono', 'Co
urier New', Courier, monospace; |
5 | 5 |
6 /* Define common colors. */ | 6 /* Define common colors. */ |
7 @label-color: #292929; | 7 @label-color: #292929; |
8 @text-entry-color: #6d6e70; | 8 @text-entry-color: #6d6e70; |
9 @charm-panel-orange: #dd4814; | 9 @charm-panel-orange: #dd4814; |
10 @charm-panel-configure-title-color: #FFFFFF; | 10 @charm-panel-configure-title-color: #FFFFFF; |
(...skipping 1205 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1216 vertical-align: middle; | 1216 vertical-align: middle; |
1217 background-position: 0 0; /* Needed to defeat bootstrap btn:hover 0
-15px*/ | 1217 background-position: 0 0; /* Needed to defeat bootstrap btn:hover 0
-15px*/ |
1218 background-image: url(/juju-ui/assets/images/cancel-button.png); | 1218 background-image: url(/juju-ui/assets/images/cancel-button.png); |
1219 | 1219 |
1220 &:active { | 1220 &:active { |
1221 .create-button(@charm-panel-cancel-button-color, @charm-panel-cancel
-button-color, | 1221 .create-button(@charm-panel-cancel-button-color, @charm-panel-cancel
-button-color, |
1222 @charm-panel-cancel-button-shadow, 1px); | 1222 @charm-panel-cancel-button-shadow, 1px); |
1223 } | 1223 } |
1224 } | 1224 } |
1225 .charm-panel-configure-buttons { | 1225 .charm-panel-configure-buttons { |
| 1226 background-color: #FFFFFF; |
| 1227 border-bottom: 1px solid @charm-panel-border-color; |
1226 height: 52px; | 1228 height: 52px; |
1227 width: @charm-panel-width - @charm-panel-padding-left - 1px; | 1229 width: @charm-panel-width - @charm-panel-padding-left - 1px; |
1228 float: right; | 1230 float: right; |
1229 padding-left: @charm-panel-padding-left; | 1231 padding-left: @charm-panel-padding-left; |
1230 | 1232 |
1231 .btn { | 1233 .btn { |
1232 margin-top: 12px; | 1234 margin-top: 12px; |
1233 width: 67px; | 1235 width: 67px; |
1234 } | 1236 } |
1235 } | 1237 } |
(...skipping 19 matching lines...) Expand all Loading... |
1255 | 1257 |
1256 h3 { | 1258 h3 { |
1257 color: @label-color; | 1259 color: @label-color; |
1258 font-size: 22px; | 1260 font-size: 22px; |
1259 font-weight: normal; | 1261 font-weight: normal; |
1260 padding: 5px 0px 2px 0px; | 1262 padding: 5px 0px 2px 0px; |
1261 } | 1263 } |
1262 h4 { | 1264 h4 { |
1263 color: @label-color; | 1265 color: @label-color; |
1264 cursor: pointer; | 1266 cursor: pointer; |
| 1267 border-top: 1px solid #FFFFFF; |
| 1268 border-bottom: 1px solid @charm-panel-border-color; |
1265 font-family: @font-family-medium; | 1269 font-family: @font-family-medium; |
1266 font-weight: normal; | 1270 font-weight: normal; |
1267 padding: 8px @charm-panel-padding-left; | 1271 padding: 8px @charm-panel-padding-left; |
1268 | 1272 |
1269 i { | 1273 i { |
1270 float: right; | 1274 float: right; |
1271 margin-top: 8px; | 1275 margin-top: 8px; |
1272 } | 1276 } |
1273 &.first { | 1277 &.first { |
1274 border-top: 1px solid @charm-panel-border-top-color; | 1278 border-top: 1px solid @charm-panel-border-top-color; |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1311 } | 1315 } |
1312 } | 1316 } |
1313 h6 { | 1317 h6 { |
1314 font-weight: bold; | 1318 font-weight: bold; |
1315 text-transform: uppercase; | 1319 text-transform: uppercase; |
1316 color: black | 1320 color: black |
1317 } | 1321 } |
1318 } | 1322 } |
1319 &.config-variant { | 1323 &.config-variant { |
1320 font-size: 14px; | 1324 font-size: 14px; |
| 1325 border-top: 1px solid @charm-panel-border-top-color; |
1321 | 1326 |
1322 .charm-entry { | 1327 .charm-entry { |
1323 padding: 5px @charm-panel-padding-left; | 1328 padding: 5px @charm-panel-padding-left; |
1324 | 1329 |
1325 &:nth-of-type(2) { | 1330 &:nth-of-type(2) { |
1326 margin-bottom: 15px; | 1331 margin-bottom: 15px; |
1327 } | 1332 } |
1328 } | 1333 } |
1329 .control-group { | 1334 .control-group { |
1330 width: auto; | 1335 width: auto; |
(...skipping 374 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1705 #tooltip { | 1710 #tooltip { |
1706 .create-border-radius(@border-radius); | 1711 .create-border-radius(@border-radius); |
1707 text-align: left; | 1712 text-align: left; |
1708 background-color: white; | 1713 background-color: white; |
1709 border: solid 1px black; | 1714 border: solid 1px black; |
1710 padding: 0.2em 0.5em 0.3em; | 1715 padding: 0.2em 0.5em 0.3em; |
1711 min-width: 20px; | 1716 min-width: 20px; |
1712 max-width: 400px; | 1717 max-width: 400px; |
1713 } | 1718 } |
1714 .charm-panel-configure { | 1719 .charm-panel-configure { |
| 1720 background-image: url(/juju-ui/assets/images/configure-cog.png); |
| 1721 background-repeat: no-repeat; |
| 1722 background-position: 230px 38px; |
1715 border-left: 1px solid @charm-panel-configure-color - #333; | 1723 border-left: 1px solid @charm-panel-configure-color - #333; |
| 1724 background-color: @charm-panel-configure-color; |
1716 height: 90px; | 1725 height: 90px; |
1717 background: transparent; | |
1718 width: @charm-panel-width - @charm-panel-padding-left - 1px; | 1726 width: @charm-panel-width - @charm-panel-padding-left - 1px; |
1719 padding-left: @charm-panel-padding-left; | 1727 padding-left: @charm-panel-padding-left; |
1720 | 1728 |
1721 .title { | 1729 .title { |
1722 font-weight: lighter; | 1730 font-weight: lighter; |
1723 font-size: 22px; | 1731 font-size: 22px; |
1724 color: @charm-panel-configure-title-color; | 1732 color: @charm-panel-configure-title-color; |
1725 margin-top: 35px; | 1733 margin-top: 35px; |
1726 } | 1734 } |
1727 .name { | 1735 .name { |
(...skipping 146 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1874 @import "browser/tabview.less"; | 1882 @import "browser/tabview.less"; |
1875 @import "juju-inspector.less"; | 1883 @import "juju-inspector.less"; |
1876 | 1884 |
1877 /** Views **/ | 1885 /** Views **/ |
1878 @import "browser/editorial.less"; | 1886 @import "browser/editorial.less"; |
1879 @import "browser/minimized.less"; | 1887 @import "browser/minimized.less"; |
1880 @import "browser/search.less"; | 1888 @import "browser/search.less"; |
1881 | 1889 |
1882 /** Cookies **/ | 1890 /** Cookies **/ |
1883 @import "cookies.less"; | 1891 @import "cookies.less"; |
OLD | NEW |