Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
avalanche
/
avalanche3-mobile
Vērot 2
Pievienot zvaigznīti 0
Atdalīts 0

Pārlūkot izejas kodu
active menu links

James Peret 10 gadi atpakaļ
vecāks
54a57fee52
revīzija
fab1219eca
4 mainītis faili ar 241 papildinājumiem un 114 dzēšanām
Rādīt salīdzināšanas statistiku
  1. 1 1
      ionic.project
  2. 118 58
      scss/ionic.app.scss
  3. 122 55
      www/css/ionic.app.css
  4. 0 0
      www/css/ionic.app.min.css

+ 1 - 1
ionic.project
Parādīt failu 

@@ -10,4 +10,4 @@
10 10 
     "scss/**/*",
11 11 
     "!www/lib/**/*"
12 12 
   ]
13 
-}
13 
+}

+ 118 - 58
scss/ionic.app.scss
Parādīt failu 

@@ -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
Parādīt failu 

@@ -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
Parādīt failu 

@@ -1 +1 @@