Left: | ||
Right: |
LEFT | RIGHT |
---|---|
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', 'Helvetica Neue', Helvetica, Arial, sans-s erif; | 3 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-s erif; |
4 | 4 |
5 /* Define common colors. */ | 5 /* Define common colors. */ |
6 @label-color: #292929; | 6 @label-color: #292929; |
7 @text-entry-color: #6d6e70; | 7 @text-entry-color: #6d6e70; |
8 @charm-panel-orange: #dd4814; | 8 @charm-panel-orange: #dd4814; |
9 @charm-panel-configure-title-color: #eee7d5; | 9 @charm-panel-configure-title-color: #eee7d5; |
10 @charm-panel-configure-name-color: #8f8f88; | 10 @charm-panel-configure-name-color: #8f8f88; |
(...skipping 671 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
682 | 682 |
683 ul { | 683 ul { |
684 list-style-type: none; | 684 list-style-type: none; |
685 padding: 0; | 685 padding: 0; |
686 padding-top: 5px; | 686 padding-top: 5px; |
687 margin: 0; | 687 margin: 0; |
688 | 688 |
689 li { | 689 li { |
690 padding: 1px; | 690 padding: 1px; |
691 &.activetick { | 691 &.activetick { |
692 /* XXX bac: The positioning is off but I have been unabl e | 692 /* XXX bac: The positioning is off but I have |
benji
2012/11/30 20:37:47
Long lines.
bac
2012/12/03 15:05:24
Done.
| |
693 * to get it right. Using background-position does not work. | 693 * been unable to get it right. Using |
694 * background-position does not work. | |
694 */ | 695 */ |
695 background: url(/juju-ui/assets/images/selected_tick.png ) | 696 background: |
697 url(/juju-ui/assets/images/selected_tick.png) | |
696 no-repeat bottom right; | 698 no-repeat bottom right; |
697 } | 699 } |
698 } | 700 } |
699 } | 701 } |
700 } | 702 } |
701 } | 703 } |
702 .picker-edge { | 704 .picker-edge { |
703 position: absolute; | 705 position: absolute; |
704 top: @top; | 706 top: @top; |
705 left: 0; | 707 left: 0; |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
739 &.graph-list-picker { | 741 &.graph-list-picker { |
740 .create-picker(116px, 8px, initial, -12px); | 742 .create-picker(116px, 8px, initial, -12px); |
741 } | 743 } |
742 &.charm-filter-picker { | 744 &.charm-filter-picker { |
743 left: 11px; | 745 left: 11px; |
744 padding-bottom: 5px; | 746 padding-bottom: 5px; |
745 @top: 0px; | 747 @top: 0px; |
746 top: @top; | 748 top: @top; |
747 .create-picker(270px, @top, @top, initial); | 749 .create-picker(270px, @top, @top, initial); |
748 .picker-expanded .picker-list { | 750 .picker-expanded .picker-list { |
749 @border-color: #DDD; | 751 border: 1px solid #a3a1a1; |
750 border: 4px outset @border-color; | 752 .create-border-radius(4px); |
753 -moz-background-clip: padding; | |
754 -webkit-background-clip: padding-box; | |
755 background-clip: padding-box; | |
756 .create-box-shadow(0 0 4px rgba(0,0,0,.51)); | |
757 background-color: #fff; | |
751 background: white; | 758 background: white; |
752 height: auto; | 759 height: auto; |
753 } | 760 } |
754 } | 761 } |
755 &.zoom-picker { | 762 &.zoom-picker { |
756 width: 56px; | 763 width: 56px; |
757 .picker-body { | 764 .picker-body { |
758 width: 36px; | 765 width: 36px; |
759 } | 766 } |
760 /*#zoom-btn-up { | |
benji
2012/11/30 20:37:47
Commented-out code.
bac
2012/12/03 15:05:24
This code is not new, just refactored, so I left i
| |
761 position: absolute; | |
762 top: 8px; | |
763 right: 0px; | |
764 opacity: 0; | |
765 &.active { | |
766 opacity: 1; | |
767 } | |
768 } | |
769 #zoom-btn-down { | |
770 position: absolute; | |
771 bottom: -8px; | |
772 right: 0px; | |
773 opacity: 0; | |
774 &.active { | |
775 opacity: 1; | |
776 } | |
777 }*/ | |
778 } | 767 } |
779 | 768 |
780 } | 769 } |
781 | 770 |
782 #unit-status { | 771 #unit-status { |
783 .running { | 772 .running { |
784 color: green; | 773 color: green; |
785 } | 774 } |
786 .pending { | 775 .pending { |
787 color: yellow; | 776 color: yellow; |
(...skipping 617 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
1405 font-size: 22px; | 1394 font-size: 22px; |
1406 color: @charm-panel-configure-title-color; | 1395 color: @charm-panel-configure-title-color; |
1407 margin-top: 35px; | 1396 margin-top: 35px; |
1408 } | 1397 } |
1409 .name { | 1398 .name { |
1410 font-size: 12px; | 1399 font-size: 12px; |
1411 color: @charm-panel-configure-name-color; | 1400 color: @charm-panel-configure-name-color; |
1412 margin-top: 5px; | 1401 margin-top: 5px; |
1413 } | 1402 } |
1414 } | 1403 } |
LEFT | RIGHT |