active menu links
共有 4 個文件被更改，包括 241 次插入 和 114 次删除
+ 1
- 1
ionic.project
@@ -10,4 +10,4 @@ |
||
| 10 | 10 |
"scss/**/*", |
| 11 | 11 |
"!www/lib/**/*" |
| 12 | 12 |
] |
| 13 |
-} |
|
| 13 |
+} |
+ 118
- 58
scss/ionic.app.scss
@@ -7,6 +7,7 @@ $balanced: #92BC64 !default; |
||
| 7 | 7 |
$energized: #F2CB63 !default; |
| 8 | 8 |
$assertive: #ED5A51 !default; |
| 9 | 9 |
$royal: #4A4383 !default; |
| 10 |
+$royalLight: #746CA9; |
|
| 10 | 11 |
$dark: #3C3F47 !default; |
| 11 | 12 |
|
| 12 | 13 |
|
@@ -16,64 +17,6 @@ $ionicons-font-path: "../lib/ionic/fonts" !default; |
||
| 16 | 17 |
// Include all of Ionic |
| 17 | 18 |
@import "www/lib/ionic/scss/ionic"; |
| 18 | 19 |
|
| 19 |
-.left-nav-bg {
|
|
| 20 |
- background-color: $assertive; |
|
| 21 |
- h2 {
|
|
| 22 |
- text-transform: uppercase; |
|
| 23 |
- color: $light; |
|
| 24 |
- padding: 16px 16px 0px 16px; /* Content: */ |
|
| 25 |
- font-family: SourceSansPro-Regular; |
|
| 26 |
- font-size: 28px; |
|
| 27 |
- line-height: 32px; |
|
| 28 |
- margin-bottom: 0px; |
|
| 29 |
- } |
|
| 30 |
- .item { border: none; }
|
|
| 31 |
- .item-complex .item-content, .item-radio .item-content {
|
|
| 32 |
- background-color: $assertive; |
|
| 33 |
- color: $light; |
|
| 34 |
- } |
|
| 35 |
-} |
|
| 36 |
- |
|
| 37 |
-.right-nav-bg {
|
|
| 38 |
- background-color: $royal; |
|
| 39 |
- h2 {
|
|
| 40 |
- text-transform: uppercase; |
|
| 41 |
- color: $light; |
|
| 42 |
- padding: 16px 16px 0px 16px; /* Content: */ |
|
| 43 |
- font-family: SourceSansPro-Regular; |
|
| 44 |
- font-size: 28px; |
|
| 45 |
- line-height: 32px; |
|
| 46 |
- margin-bottom: 0px; |
|
| 47 |
- } |
|
| 48 |
- h3 {
|
|
| 49 |
- text-transform: uppercase; |
|
| 50 |
- color: $light; |
|
| 51 |
- padding: 16px 16px 0px 16px; /* Content: */ |
|
| 52 |
- font-family: SourceSansPro-Regular; |
|
| 53 |
- font-size: 21px; |
|
| 54 |
- line-height: 34px; |
|
| 55 |
- margin-bottom: 0px; |
|
| 56 |
- } |
|
| 57 |
- .item { border: none; }
|
|
| 58 |
- .item-complex .item-content, .item-radio .item-content {
|
|
| 59 |
- background-color: $royal; |
|
| 60 |
- color: $light; |
|
| 61 |
- } |
|
| 62 |
-} |
|
| 63 |
- |
|
| 64 |
-.cover-image img {
|
|
| 65 |
- height: auto; |
|
| 66 |
- width: 100%; |
|
| 67 |
-} |
|
| 68 |
- |
|
| 69 |
-.icon-large {font-size: 36px;}
|
|
| 70 |
-.icon-large-text {
|
|
| 71 |
- position: relative; |
|
| 72 |
- top: -8px; |
|
| 73 |
- padding-left: 10px; |
|
| 74 |
-} |
|
| 75 |
- |
|
| 76 |
- |
|
| 77 | 20 |
// Avalanche Icons |
| 78 | 21 |
|
| 79 | 22 |
@font-face {
|
@@ -139,3 +82,120 @@ $ionicons-font-path: "../lib/ionic/fonts" !default; |
||
| 139 | 82 |
.icon-reward:before { content: "\f105"; }
|
| 140 | 83 |
.icon-task:before { content: "\f106"; }
|
| 141 | 84 |
.icon-validation:before { content: "\f10d"; }
|
| 85 |
+ |
|
| 86 |
+ |
|
| 87 |
+// Avalanche Mobile App Styles |
|
| 88 |
+ |
|
| 89 |
+.pull-right { float: right; }
|
|
| 90 |
+.pull-left { float: left; }
|
|
| 91 |
+ |
|
| 92 |
+// Mission Status |
|
| 93 |
+ |
|
| 94 |
+.mission-status {
|
|
| 95 |
+ font-family: Avenir-Medium; |
|
| 96 |
+ font-size: 12px; |
|
| 97 |
+ color: #1D1D26; |
|
| 98 |
+ line-height: 14px; |
|
| 99 |
+ padding-bottom: 1px; |
|
| 100 |
+ padding-right: 1px; |
|
| 101 |
+ padding-left: 1px; |
|
| 102 |
+ padding-top: 1px; |
|
| 103 |
+ position: relative; |
|
| 104 |
+ top: 5px; |
|
| 105 |
+} |
|
| 106 |
+.mission-status.Launched { background-color: $positive; }
|
|
| 107 |
+.mission-status.Planning { background-color: $calm; }
|
|
| 108 |
+.mission-status.Completed { background-color: $balanced; }
|
|
| 109 |
+.mission-status.Failed { background-color: $assertive; }
|
|
| 110 |
+ |
|
| 111 |
+.left-nav-bg {
|
|
| 112 |
+ background-color: $assertive; |
|
| 113 |
+ h2 {
|
|
| 114 |
+ text-transform: uppercase; |
|
| 115 |
+ color: $light; |
|
| 116 |
+ padding: 16px 16px 0px 16px; /* Content: */ |
|
| 117 |
+ font-family: SourceSansPro-Regular; |
|
| 118 |
+ font-size: 28px; |
|
| 119 |
+ line-height: 32px; |
|
| 120 |
+ margin-bottom: 5px; |
|
| 121 |
+ } |
|
| 122 |
+ .item { border: none; }
|
|
| 123 |
+ .item a { padding-top: 5px; padding-bottom: 5px;}
|
|
| 124 |
+ .item.current a{ color: $light; background-color: $dark; }
|
|
| 125 |
+ .item-complex .item-content, .item-radio .item-content {
|
|
| 126 |
+ background-color: $assertive; |
|
| 127 |
+ color: $light; |
|
| 128 |
+ } |
|
| 129 |
+} |
|
| 130 |
+ |
|
| 131 |
+.right-nav-bg {
|
|
| 132 |
+ background-color: $royal; |
|
| 133 |
+ h2 {
|
|
| 134 |
+ text-transform: uppercase; |
|
| 135 |
+ color: $light; |
|
| 136 |
+ padding: 16px 16px 0px 16px; /* Content: */ |
|
| 137 |
+ font-family: SourceSansPro-Regular; |
|
| 138 |
+ font-size: 28px; |
|
| 139 |
+ line-height: 32px; |
|
| 140 |
+ margin-bottom: 0px; |
|
| 141 |
+ } |
|
| 142 |
+ h3 {
|
|
| 143 |
+ text-transform: uppercase; |
|
| 144 |
+ color: $light; |
|
| 145 |
+ padding: 10px 5px 0px 16px; /* Content: */ |
|
| 146 |
+ font-family: SourceSansPro-Regular; |
|
| 147 |
+ font-size: 21px; |
|
| 148 |
+ line-height: 24px; |
|
| 149 |
+ margin-bottom: 10px; |
|
| 150 |
+ } |
|
| 151 |
+ .item { border: none; }
|
|
| 152 |
+ .item.current a{ color: $light; background-color: $royalLight; }
|
|
| 153 |
+ .item-complex .item-content, .item-radio .item-content {
|
|
| 154 |
+ background-color: $royal; |
|
| 155 |
+ color: $light; |
|
| 156 |
+ } |
|
| 157 |
+ |
|
| 158 |
+} |
|
| 159 |
+ |
|
| 160 |
+.cover-image img {
|
|
| 161 |
+ height: auto; |
|
| 162 |
+ width: 100%; |
|
| 163 |
+} |
|
| 164 |
+ |
|
| 165 |
+.icon-large {font-size: 36px;}
|
|
| 166 |
+.icon-large-text {
|
|
| 167 |
+ position: relative; |
|
| 168 |
+ top: -8px; |
|
| 169 |
+ padding-left: 10px; |
|
| 170 |
+} |
|
| 171 |
+ |
|
| 172 |
+.briefing-header {
|
|
| 173 |
+ margin-top: 5px; |
|
| 174 |
+ padding-left: 10px; |
|
| 175 |
+ padding-right: 10px; |
|
| 176 |
+} |
|
| 177 |
+ |
|
| 178 |
+.briefing-header h1 {
|
|
| 179 |
+ font-family: Avenir-LightOblique; |
|
| 180 |
+ font-size: 28px; |
|
| 181 |
+ color: #1D1D26; |
|
| 182 |
+ line-height: 32px; |
|
| 183 |
+ margin-top: 6px; |
|
| 184 |
+} |
|
| 185 |
+.briefing-header small {
|
|
| 186 |
+ font-family: Avenir-Medium; |
|
| 187 |
+ font-size: 12px; |
|
| 188 |
+ color: #1D1D26; |
|
| 189 |
+ line-height: 14px; |
|
| 190 |
+ text-transform: uppercase; |
|
| 191 |
+ position: relative; |
|
| 192 |
+ top: 5px; |
|
| 193 |
+} |
|
| 194 |
+ |
|
| 195 |
+.mission-description-text {
|
|
| 196 |
+ font-family: Avenir-Book; |
|
| 197 |
+ font-size: 18px; |
|
| 198 |
+ color: #1D1D26; |
|
| 199 |
+ line-height: 21px; |
|
| 200 |
+ padding: 10px; |
|
| 201 |
+} |
+ 122
- 55
www/css/ionic.app.css
@@ -7659,61 +7659,6 @@ a.button {
|
||
| 7659 | 7659 |
-webkit-transition-duration: 0s; |
| 7660 | 7660 |
transition-duration: 0s; } |
| 7661 | 7661 |
|
| 7662 |
-.left-nav-bg {
|
|
| 7663 |
- background-color: #ED5A51; } |
|
| 7664 |
- .left-nav-bg h2 {
|
|
| 7665 |
- text-transform: uppercase; |
|
| 7666 |
- color: #F3F3F3; |
|
| 7667 |
- padding: 16px 16px 0px 16px; |
|
| 7668 |
- /* Content: */ |
|
| 7669 |
- font-family: SourceSansPro-Regular; |
|
| 7670 |
- font-size: 28px; |
|
| 7671 |
- line-height: 32px; |
|
| 7672 |
- margin-bottom: 0px; } |
|
| 7673 |
- .left-nav-bg .item {
|
|
| 7674 |
- border: none; } |
|
| 7675 |
- .left-nav-bg .item-complex .item-content, .left-nav-bg .item-radio .item-content {
|
|
| 7676 |
- background-color: #ED5A51; |
|
| 7677 |
- color: #F3F3F3; } |
|
| 7678 |
- |
|
| 7679 |
-.right-nav-bg {
|
|
| 7680 |
- background-color: #4A4383; } |
|
| 7681 |
- .right-nav-bg h2 {
|
|
| 7682 |
- text-transform: uppercase; |
|
| 7683 |
- color: #F3F3F3; |
|
| 7684 |
- padding: 16px 16px 0px 16px; |
|
| 7685 |
- /* Content: */ |
|
| 7686 |
- font-family: SourceSansPro-Regular; |
|
| 7687 |
- font-size: 28px; |
|
| 7688 |
- line-height: 32px; |
|
| 7689 |
- margin-bottom: 0px; } |
|
| 7690 |
- .right-nav-bg h3 {
|
|
| 7691 |
- text-transform: uppercase; |
|
| 7692 |
- color: #F3F3F3; |
|
| 7693 |
- padding: 16px 16px 0px 16px; |
|
| 7694 |
- /* Content: */ |
|
| 7695 |
- font-family: SourceSansPro-Regular; |
|
| 7696 |
- font-size: 21px; |
|
| 7697 |
- line-height: 34px; |
|
| 7698 |
- margin-bottom: 0px; } |
|
| 7699 |
- .right-nav-bg .item {
|
|
| 7700 |
- border: none; } |
|
| 7701 |
- .right-nav-bg .item-complex .item-content, .right-nav-bg .item-radio .item-content {
|
|
| 7702 |
- background-color: #4A4383; |
|
| 7703 |
- color: #F3F3F3; } |
|
| 7704 |
- |
|
| 7705 |
-.cover-image img {
|
|
| 7706 |
- height: auto; |
|
| 7707 |
- width: 100%; } |
|
| 7708 |
- |
|
| 7709 |
-.icon-large {
|
|
| 7710 |
- font-size: 36px; } |
|
| 7711 |
- |
|
| 7712 |
-.icon-large-text {
|
|
| 7713 |
- position: relative; |
|
| 7714 |
- top: -8px; |
|
| 7715 |
- padding-left: 10px; } |
|
| 7716 |
- |
|
| 7717 | 7662 |
@font-face {
|
| 7718 | 7663 |
font-family: "avalanche_icons"; |
| 7719 | 7664 |
src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
|
@@ -7785,3 +7730,125 @@ a.button {
|
||
| 7785 | 7730 |
|
| 7786 | 7731 |
.icon-validation:before {
|
| 7787 | 7732 |
content: "\f10d"; } |
| 7733 |
+ |
|
| 7734 |
+.pull-right {
|
|
| 7735 |
+ float: right; } |
|
| 7736 |
+ |
|
| 7737 |
+.pull-left {
|
|
| 7738 |
+ float: left; } |
|
| 7739 |
+ |
|
| 7740 |
+.mission-status {
|
|
| 7741 |
+ font-family: Avenir-Medium; |
|
| 7742 |
+ font-size: 12px; |
|
| 7743 |
+ color: #1D1D26; |
|
| 7744 |
+ line-height: 14px; |
|
| 7745 |
+ padding-bottom: 1px; |
|
| 7746 |
+ padding-right: 1px; |
|
| 7747 |
+ padding-left: 1px; |
|
| 7748 |
+ padding-top: 1px; |
|
| 7749 |
+ position: relative; |
|
| 7750 |
+ top: 5px; } |
|
| 7751 |
+ |
|
| 7752 |
+.mission-status.Launched {
|
|
| 7753 |
+ background-color: #55A2DA; } |
|
| 7754 |
+ |
|
| 7755 |
+.mission-status.Planning {
|
|
| 7756 |
+ background-color: #AFB4BF; } |
|
| 7757 |
+ |
|
| 7758 |
+.mission-status.Completed {
|
|
| 7759 |
+ background-color: #92BC64; } |
|
| 7760 |
+ |
|
| 7761 |
+.mission-status.Failed {
|
|
| 7762 |
+ background-color: #ED5A51; } |
|
| 7763 |
+ |
|
| 7764 |
+.left-nav-bg {
|
|
| 7765 |
+ background-color: #ED5A51; } |
|
| 7766 |
+ .left-nav-bg h2 {
|
|
| 7767 |
+ text-transform: uppercase; |
|
| 7768 |
+ color: #F3F3F3; |
|
| 7769 |
+ padding: 16px 16px 0px 16px; |
|
| 7770 |
+ /* Content: */ |
|
| 7771 |
+ font-family: SourceSansPro-Regular; |
|
| 7772 |
+ font-size: 28px; |
|
| 7773 |
+ line-height: 32px; |
|
| 7774 |
+ margin-bottom: 5px; } |
|
| 7775 |
+ .left-nav-bg .item {
|
|
| 7776 |
+ border: none; } |
|
| 7777 |
+ .left-nav-bg .item a {
|
|
| 7778 |
+ padding-top: 5px; |
|
| 7779 |
+ padding-bottom: 5px; } |
|
| 7780 |
+ .left-nav-bg .item.current a {
|
|
| 7781 |
+ color: #F3F3F3; |
|
| 7782 |
+ background-color: #3C3F47; } |
|
| 7783 |
+ .left-nav-bg .item-complex .item-content, .left-nav-bg .item-radio .item-content {
|
|
| 7784 |
+ background-color: #ED5A51; |
|
| 7785 |
+ color: #F3F3F3; } |
|
| 7786 |
+ |
|
| 7787 |
+.right-nav-bg {
|
|
| 7788 |
+ background-color: #4A4383; } |
|
| 7789 |
+ .right-nav-bg h2 {
|
|
| 7790 |
+ text-transform: uppercase; |
|
| 7791 |
+ color: #F3F3F3; |
|
| 7792 |
+ padding: 16px 16px 0px 16px; |
|
| 7793 |
+ /* Content: */ |
|
| 7794 |
+ font-family: SourceSansPro-Regular; |
|
| 7795 |
+ font-size: 28px; |
|
| 7796 |
+ line-height: 32px; |
|
| 7797 |
+ margin-bottom: 0px; } |
|
| 7798 |
+ .right-nav-bg h3 {
|
|
| 7799 |
+ text-transform: uppercase; |
|
| 7800 |
+ color: #F3F3F3; |
|
| 7801 |
+ padding: 10px 5px 0px 16px; |
|
| 7802 |
+ /* Content: */ |
|
| 7803 |
+ font-family: SourceSansPro-Regular; |
|
| 7804 |
+ font-size: 21px; |
|
| 7805 |
+ line-height: 24px; |
|
| 7806 |
+ margin-bottom: 10px; } |
|
| 7807 |
+ .right-nav-bg .item {
|
|
| 7808 |
+ border: none; } |
|
| 7809 |
+ .right-nav-bg .item.current a {
|
|
| 7810 |
+ color: #F3F3F3; |
|
| 7811 |
+ background-color: #746CA9; } |
|
| 7812 |
+ .right-nav-bg .item-complex .item-content, .right-nav-bg .item-radio .item-content {
|
|
| 7813 |
+ background-color: #4A4383; |
|
| 7814 |
+ color: #F3F3F3; } |
|
| 7815 |
+ |
|
| 7816 |
+.cover-image img {
|
|
| 7817 |
+ height: auto; |
|
| 7818 |
+ width: 100%; } |
|
| 7819 |
+ |
|
| 7820 |
+.icon-large {
|
|
| 7821 |
+ font-size: 36px; } |
|
| 7822 |
+ |
|
| 7823 |
+.icon-large-text {
|
|
| 7824 |
+ position: relative; |
|
| 7825 |
+ top: -8px; |
|
| 7826 |
+ padding-left: 10px; } |
|
| 7827 |
+ |
|
| 7828 |
+.briefing-header {
|
|
| 7829 |
+ margin-top: 5px; |
|
| 7830 |
+ padding-left: 10px; |
|
| 7831 |
+ padding-right: 10px; } |
|
| 7832 |
+ |
|
| 7833 |
+.briefing-header h1 {
|
|
| 7834 |
+ font-family: Avenir-LightOblique; |
|
| 7835 |
+ font-size: 28px; |
|
| 7836 |
+ color: #1D1D26; |
|
| 7837 |
+ line-height: 32px; |
|
| 7838 |
+ margin-top: 6px; } |
|
| 7839 |
+ |
|
| 7840 |
+.briefing-header small {
|
|
| 7841 |
+ font-family: Avenir-Medium; |
|
| 7842 |
+ font-size: 12px; |
|
| 7843 |
+ color: #1D1D26; |
|
| 7844 |
+ line-height: 14px; |
|
| 7845 |
+ text-transform: uppercase; |
|
| 7846 |
+ position: relative; |
|
| 7847 |
+ top: 5px; } |
|
| 7848 |
+ |
|
| 7849 |
+.mission-description-text {
|
|
| 7850 |
+ font-family: Avenir-Book; |
|
| 7851 |
+ font-size: 18px; |
|
| 7852 |
+ color: #1D1D26; |
|
| 7853 |
+ line-height: 21px; |
|
| 7854 |
+ padding: 10px; } |
+ 0
- 0
www/css/ionic.app.min.css
@@ -1 +1 @@ |