Home Explore Help
Register Sign In
avalanche
/
avalanche3-mobile
Watch 2
Star 0
Fork 0

Browse Source
Avalanche App basic structure

James Peret 10 years ago
parent
b4c8a99dd2
commit
54a57fee52
5 changed files with 312 additions and 59 deletions
Show Diff Stats
  1. BIN
      .DS_Store
  2. 2 0
      .gitignore
  3. 125 1
      scss/ionic.app.scss
  4. 185 58
      www/css/ionic.app.css
  5. 0 0
      www/css/ionic.app.min.css

BIN
.DS_Store
View File


+ 2 - 0
.gitignore
View File 

@@ -4,3 +4,5 @@
4 4 
 node_modules/
5 5 
 platforms/
6 6 
 plugins/
7 
+.DS_Store
8 
+www/.DS_Store

+ 125 - 1
scss/ionic.app.scss
View File 

@@ -6,7 +6,7 @@ $calm:                            #AFB4BF !default;
6 6 
 $balanced:                        #92BC64 !default;
7 7 
 $energized:                       #F2CB63 !default;
8 8 
 $assertive:                       #ED5A51 !default;
9 
-$royal:                           #886aea !default;
9 
+$royal:                           #4A4383 !default;
10 10 
 $dark:                            #3C3F47 !default;
11 11
12 12 
 
@@ -15,3 +15,127 @@ $ionicons-font-path: "../lib/ionic/fonts" !default;
15 15
16 16 
 // Include all of Ionic
17 17 
 @import "www/lib/ionic/scss/ionic";
18 
+
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 
+// Avalanche Icons
78 
+
79 
+@font-face {
80 
+  font-family: "avalanche_icons";
81 
+  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
82 
+  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot?#iefix") format("embedded-opentype"),
83 
+       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff") format("woff"),
84 
+       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf") format("truetype"),
85 
+       url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
86 
+  font-weight: normal;
87 
+  font-style: normal;
88 
+}
89 
+
90 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
91 
+  @font-face {
92 
+    font-family: "avalanche_icons";
93 
+    src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
94 
+  }
95 
+}
96 
+
97 
+[data-icon]:before { content: attr(data-icon); }
98 
+
99 
+[data-icon]:before,
100 
+.icon-agent:before,
101 
+.icon-agent-circle:before,
102 
+.icon-avalanche:before,
103 
+.icon-bullet:before,
104 
+.icon-chat:before,
105 
+.icon-flaged:before,
106 
+.icon-lab:before,
107 
+.icon-message:before,
108 
+.icon-mission:before,
109 
+.icon-objective:before,
110 
+.icon-radar:before,
111 
+.icon-reward:before,
112 
+.icon-task:before,
113 
+.icon-validation:before {
114 
+  display: inline-block;
115 
+  font-family: "avalanche_icons";
116 
+  font-style: normal;
117 
+  font-weight: normal;
118 
+  font-variant: normal;
119 
+  line-height: 1;
120 
+  text-decoration: inherit;
121 
+  text-rendering: optimizeLegibility;
122 
+  text-transform: none;
123 
+  -moz-osx-font-smoothing: grayscale;
124 
+  -webkit-font-smoothing: antialiased;
125 
+  font-smoothing: antialiased;
126 
+}
127 
+
128 
+.icon-agent:before { content: "\f100"; }
129 
+.icon-agent-circle:before { content: "\f107"; }
130 
+.icon-avalanche:before { content: "\f101"; }
131 
+.icon-bullet:before { content: "\f108"; }
132 
+.icon-chat:before { content: "\f102"; }
133 
+.icon-flaged:before { content: "\f10e"; }
134 
+.icon-lab:before { content: "\f10a"; }
135 
+.icon-message:before { content: "\f10b"; }
136 
+.icon-mission:before { content: "\f103"; }
137 
+.icon-objective:before { content: "\f10c"; }
138 
+.icon-radar:before { content: "\f104"; }
139 
+.icon-reward:before { content: "\f105"; }
140 
+.icon-task:before { content: "\f106"; }
141 
+.icon-validation:before { content: "\f10d"; }

+ 185 - 58
www/css/ionic.app.css
View File 

@@ -3126,14 +3126,14 @@ a.subdued {
3126 3126 
     .bar.bar-energized.bar-footer {
3127 3127 
       background-image: linear-gradient(180deg, #f0c34b, #f0c34b 50%, transparent 50%); }
3128 3128 
   .bar.bar-royal {
3129 
-    border-color: #6b46e5;
3130 
-    background-color: #886aea;
3131 
-    background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
3129 
+    border-color: #3b3568;
3130 
+    background-color: #4a4383;
3131 
+    background-image: linear-gradient(0deg, #3b3568, #3b3568 50%, transparent 50%);
3132 3132 
     color: #fff; }
3133 3133 
     .bar.bar-royal .title {
3134 3134 
       color: #fff; }
3135 3135 
     .bar.bar-royal.bar-footer {
3136 
-      background-image: linear-gradient(180deg, #6b46e5, #6b46e5 50%, transparent 50%); }
3136 
+      background-image: linear-gradient(180deg, #3b3568, #3b3568 50%, transparent 50%); }
3137 3137 
   .bar.bar-dark {
3138 3138 
     border-color: #111;
3139 3139 
     background-color: #3c3f47;
 
@@ -3377,15 +3377,15 @@ a.subdued {
3377 3377 
     background: none; }
3378 3378
3379 3379 
 .bar-royal .button {
3380 
-  border-color: #6b46e5;
3381 
-  background-color: #886aea;
3380 
+  border-color: #3b3568;
3381 
+  background-color: #4a4383;
3382 3382 
   color: #fff; }
3383 3383 
   .bar-royal .button:hover {
3384 3384 
     color: #fff;
3385 3385 
     text-decoration: none; }
3386 3386 
   .bar-royal .button.active, .bar-royal .button.activated {
3387 
-    border-color: #6b46e5;
3388 
-    background-color: #6b46e5;
3387 
+    border-color: #3b3568;
3388 
+    background-color: #3b3568;
3389 3389 
     box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
3390 3390 
   .bar-royal .button.button-clear {
3391 3391 
     border-color: transparent;
 
@@ -3580,13 +3580,13 @@ a.subdued {
3580 3580 
     color: #F2CB63; }
3581 3581
3582 3582 
 .tabs-royal > .tabs, .tabs.tabs-royal {
3583 
-  border-color: #6b46e5;
3584 
-  background-color: #886aea;
3585 
-  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
3583 
+  border-color: #3b3568;
3584 
+  background-color: #4A4383;
3585 
+  background-image: linear-gradient(0deg, #3b3568, #3b3568 50%, transparent 50%);
3586 3586 
   color: #fff; }
3587 3587 
   .tabs-royal > .tabs .tab-item .badge, .tabs.tabs-royal .tab-item .badge {
3588 3588 
     background-color: #fff;
3589 
-    color: #886aea; }
3589 
+    color: #4A4383; }
3590 3590
3591 3591 
 .tabs-dark > .tabs, .tabs.tabs-dark {
3592 3592 
   border-color: #111;
 
@@ -3717,7 +3717,7 @@ a.subdued {
3717 3717 
 .tabs-striped.tabs-top .tab-item.tab-item-active .badge, .tabs-striped.tabs-top .tab-item.active .badge, .tabs-striped.tabs-top .tab-item.activated .badge {
3718 3718 
   top: 4%; }
3719 3719 
 .tabs-striped.tabs-royal .tabs {
3720 
-  background-color: #886aea; }
3720 
+  background-color: #4A4383; }
3721 3721 
 .tabs-striped.tabs-royal .tab-item {
3722 3722 
   color: rgba(243, 243, 243, 0.4);
3723 3723 
   opacity: 1; }
 
@@ -3768,7 +3768,7 @@ a.subdued {
3768 3768 
   background-color: #F2CB63;
3769 3769 
   background-image: none; }
3770 3770 
 .tabs-striped.tabs-background-royal .tabs {
3771 
-  background-color: #886aea;
3771 
+  background-color: #4A4383;
3772 3772 
   background-image: none; }
3773 3773 
 .tabs-striped.tabs-background-dark .tabs {
3774 3774 
   background-color: #3C3F47;
 
@@ -3865,14 +3865,14 @@ a.subdued {
3865 3865 
       top: 2px;
3866 3866 
       opacity: 1; }
3867 3867 
 .tabs-striped.tabs-color-royal .tab-item {
3868 
-  color: rgba(136, 106, 234, 0.4);
3868 
+  color: rgba(74, 67, 131, 0.4);
3869 3869 
   opacity: 1; }
3870 3870 
   .tabs-striped.tabs-color-royal .tab-item .badge {
3871 3871 
     opacity: 0.4; }
3872 3872 
   .tabs-striped.tabs-color-royal .tab-item.tab-item-active, .tabs-striped.tabs-color-royal .tab-item.active, .tabs-striped.tabs-color-royal .tab-item.activated {
3873 3873 
     margin-top: -2px;
3874 
-    color: #886aea;
3875 
-    border: 0 solid #886aea;
3874 
+    color: #4A4383;
3875 
+    border: 0 solid #4A4383;
3876 3876 
     border-top-width: 2px; }
3877 3877 
     .tabs-striped.tabs-color-royal .tab-item.tab-item-active .badge, .tabs-striped.tabs-color-royal .tab-item.active .badge, .tabs-striped.tabs-color-royal .tab-item.activated .badge {
3878 3878 
       top: 2px;
 
@@ -3927,9 +3927,9 @@ a.subdued {
3927 3927 
   border-color: #f0c34b; }
3928 3928
3929 3929 
 .tabs-background-royal .tabs, .tabs-background-royal > .tabs {
3930 
-  background-color: #886aea;
3931 
-  background-image: linear-gradient(0deg, #6b46e5, #6b46e5 50%, transparent 50%);
3932 
-  border-color: #6b46e5; }
3930 
+  background-color: #4A4383;
3931 
+  background-image: linear-gradient(0deg, #3b3568, #3b3568 50%, transparent 50%);
3932 
+  border-color: #3b3568; }
3933 3933
3934 3934 
 .tabs-background-dark .tabs, .tabs-background-dark > .tabs {
3935 3935 
   background-color: #3C3F47;
 
@@ -4014,13 +4014,13 @@ a.subdued {
4014 4014 
       opacity: 1; }
4015 4015
4016 4016 
 .tabs-color-royal .tab-item {
4017 
-  color: rgba(136, 106, 234, 0.4);
4017 
+  color: rgba(74, 67, 131, 0.4);
4018 4018 
   opacity: 1; }
4019 4019 
   .tabs-color-royal .tab-item .badge {
4020 4020 
     opacity: 0.4; }
4021 4021 
   .tabs-color-royal .tab-item.tab-item-active, .tabs-color-royal .tab-item.active, .tabs-color-royal .tab-item.activated {
4022 
-    color: #886aea;
4023 
-    border: 0 solid #886aea; }
4022 
+    color: #4A4383;
4023 
+    border: 0 solid #4A4383; }
4024 4024 
     .tabs-color-royal .tab-item.tab-item-active .badge, .tabs-color-royal .tab-item.active .badge, .tabs-color-royal .tab-item.activated .badge {
4025 4025 
       opacity: 1; }
4026 4026 
 
@@ -4066,7 +4066,7 @@ ion-tabs.tabs-color-active-energized .tab-item {
4066 4066 
 ion-tabs.tabs-color-active-royal .tab-item {
4067 4067 
   color: #3C3F47; }
4068 4068 
   ion-tabs.tabs-color-active-royal .tab-item.tab-item-active, ion-tabs.tabs-color-active-royal .tab-item.active, ion-tabs.tabs-color-active-royal .tab-item.activated {
4069 
-    color: #886aea; }
4069 
+    color: #4A4383; }
4070 4070 
 ion-tabs.tabs-color-active-dark .tab-item {
4071 4071 
   color: #F3F3F3; }
4072 4072 
   ion-tabs.tabs-color-active-dark .tab-item.tab-item-active, ion-tabs.tabs-color-active-dark .tab-item.active, ion-tabs.tabs-color-active-dark .tab-item.activated {
 
@@ -4197,7 +4197,7 @@ ion-tabs.tabs-color-active-dark .tab-item {
4197 4197 
   .tab-item.tab-item-active.tab-item-energized, .tab-item.active.tab-item-energized, .tab-item.activated.tab-item-energized {
4198 4198 
     color: #F2CB63; }
4199 4199 
   .tab-item.tab-item-active.tab-item-royal, .tab-item.active.tab-item-royal, .tab-item.activated.tab-item-royal {
4200 
-    color: #886aea; }
4200 
+    color: #4A4383; }
4201 4201 
   .tab-item.tab-item-active.tab-item-dark, .tab-item.active.tab-item-dark, .tab-item.activated.tab-item-dark {
4202 4202 
     color: #3C3F47; }
4203 4203 
 
@@ -4703,8 +4703,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
4703 4703 
     background-color: #F2CB63;
4704 4704 
     color: #fff; }
4705 4705 
   .item.item-royal {
4706 
-    border-color: #6b46e5;
4707 
-    background-color: #886aea;
4706 
+    border-color: #3b3568;
4707 
+    background-color: #4A4383;
4708 4708 
     color: #fff; }
4709 4709 
   .item.item-dark {
4710 4710 
     border-color: #111;
 
@@ -4741,8 +4741,8 @@ ion-tabs.tabs-color-active-dark .tab-item {
4741 4741 
     border-color: #f0c34b;
4742 4742 
     background-color: #f0c34b; }
4743 4743 
   .item.active.item-royal, .item.activated.item-royal, .item-complex.active .item-content.item-royal, .item-complex.activated .item-content.item-royal, .item .item-content.active.item-royal, .item .item-content.activated.item-royal {
4744 
-    border-color: #6b46e5;
4745 
-    background-color: #6b46e5; }
4744 
+    border-color: #3b3568;
4745 
+    background-color: #3b3568; }
4746 4746 
   .item.active.item-dark, .item.activated.item-dark, .item-complex.active .item-content.item-dark, .item-complex.activated .item-content.item-dark, .item .item-content.active.item-dark, .item .item-content.activated.item-dark {
4747 4747 
     border-color: #000;
4748 4748 
     background-color: #262626; }
 
@@ -4840,12 +4840,12 @@ a.item-content {
4840 4840 
     border-color: #f0c34b;
4841 4841 
     background-color: #f0c34b; }
4842 4842 
 .item-complex.item-royal > .item-content {
4843 
-  border-color: #6b46e5;
4844 
-  background-color: #886aea;
4843 
+  border-color: #3b3568;
4844 
+  background-color: #4A4383;
4845 4845 
   color: #fff; }
4846 4846 
   .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active {
4847 
-    border-color: #6b46e5;
4848 
-    background-color: #6b46e5; }
4847 
+    border-color: #3b3568;
4848 
+    background-color: #3b3568; }
4849 4849 
 .item-complex.item-dark > .item-content {
4850 4850 
   border-color: #111;
4851 4851 
   background-color: #3C3F47;
 
@@ -5394,7 +5394,7 @@ a.item-content {
5394 5394 
   background-color: #F2CB63;
5395 5395 
   color: #fff; }
5396 5396 
 .tabs .tab-item .badge.badge-royal, .badge.badge-royal {
5397 
-  background-color: #886aea;
5397 
+  background-color: #4A4383;
5398 5398 
   color: #fff; }
5399 5399 
 .tabs .tab-item .badge.badge-dark, .badge.badge-dark {
5400 5400 
   background-color: #3C3F47;
 
@@ -5576,8 +5576,8 @@ a.item-content {
5576 5576 
     stroke: #F2CB63;
5577 5577 
     fill: #F2CB63; }
5578 5578 
   .spinner.spinner-royal {
5579 
-    stroke: #886aea;
5580 
-    fill: #886aea; }
5579 
+    stroke: #4A4383;
5580 
+    fill: #4A4383; }
5581 5581 
   .spinner.spinner-dark {
5582 5582 
     stroke: #3C3F47;
5583 5583 
     fill: #3C3F47; }
 
@@ -5608,7 +5608,7 @@ a.item-content {
5608 5608 
 .spinner-spiral.spinner-energized .stop2 {
5609 5609 
   stop-color: #F2CB63; }
5610 5610 
 .spinner-spiral.spinner-royal .stop2 {
5611 
-  stop-color: #886aea; }
5611 
+  stop-color: #4A4383; }
5612 5612 
 .spinner-spiral.spinner-dark .stop2 {
5613 5613 
   stop-color: #3C3F47; }
5614 5614 
 
@@ -5921,10 +5921,10 @@ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="rad
5921 5921 
   border-color: #F2CB63; }
5922 5922
5923 5923 
 .checkbox-royal input:before, .checkbox-royal .checkbox-icon:before {
5924 
-  border-color: #886aea; }
5924 
+  border-color: #4A4383; }
5925 5925 
 .checkbox-royal input:checked:before, .checkbox-royal input:checked + .checkbox-icon:before {
5926 
-  background: #886aea;
5927 
-  border-color: #886aea; }
5926 
+  background: #4A4383;
5927 
+  border-color: #4A4383; }
5928 5928
5929 5929 
 .checkbox-dark input:before, .checkbox-dark .checkbox-icon:before {
5930 5930 
   border-color: #3C3F47; }
 
@@ -6072,8 +6072,8 @@ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="rad
6072 6072 
   border-color: #F2CB63;
6073 6073 
   background-color: #F2CB63; }
6074 6074 
 .toggle.toggle-royal input:checked + .track {
6075 
-  border-color: #886aea;
6076 
-  background-color: #886aea; }
6075 
+  border-color: #4A4383;
6076 
+  background-color: #4A4383; }
6077 6077 
 .toggle.toggle-dark input:checked + .track {
6078 6078 
   border-color: #3C3F47;
6079 6079 
   background-color: #3C3F47; }
 
@@ -6199,9 +6199,9 @@ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="rad
6199 6199 
 .toggle-small .toggle-energized input:checked + .track .handle {
6200 6200 
   background-color: #F2CB63; }
6201 6201 
 .toggle-small .toggle-royal input:checked + .track {
6202 
-  background-color: rgba(136, 106, 234, 0.5); }
6202 
+  background-color: rgba(74, 67, 131, 0.5); }
6203 6203 
 .toggle-small .toggle-royal input:checked + .track .handle {
6204 
-  background-color: #886aea; }
6204 
+  background-color: #4A4383; }
6205 6205 
 .toggle-small .toggle-dark input:checked + .track {
6206 6206 
   background-color: rgba(60, 63, 71, 0.5); }
6207 6207 
 .toggle-small .toggle-dark input:checked + .track .handle {
 
@@ -6363,9 +6363,9 @@ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="rad
6363 6363 
   .range.range-energized input::-ms-fill-lower {
6364 6364 
     background: #F2CB63; }
6365 6365 
   .range.range-royal input::-webkit-slider-thumb:before {
6366 
-    background: #886aea; }
6366 
+    background: #4A4383; }
6367 6367 
   .range.range-royal input::-ms-fill-lower {
6368 
-    background: #886aea; }
6368 
+    background: #4A4383; }
6369 6369 
   .range.range-dark input::-webkit-slider-thumb:before {
6370 6370 
     background: #3C3F47; }
6371 6371 
   .range.range-dark input::-ms-fill-lower {
 
@@ -6490,7 +6490,7 @@ input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="rad
6490 6490 
   .item-select.item-energized:after, .item-select.item-energized .input-label {
6491 6491 
     color: #fff; }
6492 6492 
   .item-select.item-royal select {
6493 
-    background: #886aea;
6493 
+    background: #4A4383;
6494 6494 
     color: #fff; }
6495 6495 
   .item-select.item-royal:after, .item-select.item-royal .input-label {
6496 6496 
     color: #fff; }
 
@@ -6760,30 +6760,30 @@ progress {
6760 6760 
         box-shadow: none;
6761 6761 
         color: #fff; }
6762 6762 
   .button.button-royal {
6763 
-    border-color: #6b46e5;
6764 
-    background-color: #886aea;
6763 
+    border-color: #3b3568;
6764 
+    background-color: #4A4383;
6765 6765 
     color: #fff; }
6766 6766 
     .button.button-royal:hover {
6767 6767 
       color: #fff;
6768 6768 
       text-decoration: none; }
6769 6769 
     .button.button-royal.active, .button.button-royal.activated {
6770 
-      border-color: #6b46e5;
6771 
-      background-color: #6b46e5;
6770 
+      border-color: #3b3568;
6771 
+      background-color: #3b3568;
6772 6772 
       box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); }
6773 6773 
     .button.button-royal.button-clear {
6774 6774 
       border-color: transparent;
6775 6775 
       background: none;
6776 6776 
       box-shadow: none;
6777 
-      color: #886aea; }
6777 
+      color: #4A4383; }
6778 6778 
     .button.button-royal.button-icon {
6779 6779 
       border-color: transparent;
6780 6780 
       background: none; }
6781 6781 
     .button.button-royal.button-outline {
6782 
-      border-color: #886aea;
6782 
+      border-color: #4A4383;
6783 6783 
       background: transparent;
6784 
-      color: #886aea; }
6784 
+      color: #4A4383; }
6785 6785 
       .button.button-royal.button-outline.active, .button.button-royal.button-outline.activated {
6786 
-        background-color: #886aea;
6786 
+        background-color: #4A4383;
6787 6787 
         box-shadow: none;
6788 6788 
         color: #fff; }
6789 6789 
   .button.button-dark {
 
@@ -7453,13 +7453,13 @@ a.button {
7453 7453 
   border-color: #f0c34b; }
7454 7454
7455 7455 
 .royal, a.royal {
7456 
-  color: #886aea; }
7456 
+  color: #4A4383; }
7457 7457
7458 7458 
 .royal-bg {
7459 
-  background-color: #886aea; }
7459 
+  background-color: #4A4383; }
7460 7460
7461 7461 
 .royal-border {
7462 
-  border-color: #6b46e5; }
7462 
+  border-color: #3b3568; }
7463 7463
7464 7464 
 .dark, a.dark {
7465 7465 
   color: #3C3F47; }
 
@@ -7658,3 +7658,130 @@ a.button {
7658 7658 
   opacity: 0;
7659 7659 
   -webkit-transition-duration: 0s;
7660 7660 
   transition-duration: 0s; }
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 
+@font-face {
7718 
+  font-family: "avalanche_icons";
7719 
+  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot");
7720 
+  src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.eot?#iefix") format("embedded-opentype"), url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.woff") format("woff"), url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.ttf") format("truetype"), url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg");
7721 
+  font-weight: normal;
7722 
+  font-style: normal; }
7723 
+
7724 
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
7725 
+  @font-face {
7726 
+    font-family: "avalanche_icons";
7727 
+    src: url("../fonts/avalanche_icons_3d245f25153d8fe510efd22ff8197c7b.svg#avalanche_icons") format("svg"); }
7728 
+ }
7729 
+
7730 
+[data-icon]:before {
7731 
+  content: attr(data-icon); }
7732 
+
7733 
+[data-icon]:before, .icon-agent:before, .icon-agent-circle:before, .icon-avalanche:before, .icon-bullet:before, .icon-chat:before, .icon-flaged:before, .icon-lab:before, .icon-message:before, .icon-mission:before, .icon-objective:before, .icon-radar:before, .icon-reward:before, .icon-task:before, .icon-validation:before {
7734 
+  display: inline-block;
7735 
+  font-family: "avalanche_icons";
7736 
+  font-style: normal;
7737 
+  font-weight: normal;
7738 
+  font-variant: normal;
7739 
+  line-height: 1;
7740 
+  text-decoration: inherit;
7741 
+  text-rendering: optimizeLegibility;
7742 
+  text-transform: none;
7743 
+  -moz-osx-font-smoothing: grayscale;
7744 
+  -webkit-font-smoothing: antialiased;
7745 
+  font-smoothing: antialiased; }
7746 
+
7747 
+.icon-agent:before {
7748 
+  content: "\f100"; }
7749 
+
7750 
+.icon-agent-circle:before {
7751 
+  content: "\f107"; }
7752 
+
7753 
+.icon-avalanche:before {
7754 
+  content: "\f101"; }
7755 
+
7756 
+.icon-bullet:before {
7757 
+  content: "\f108"; }
7758 
+
7759 
+.icon-chat:before {
7760 
+  content: "\f102"; }
7761 
+
7762 
+.icon-flaged:before {
7763 
+  content: "\f10e"; }
7764 
+
7765 
+.icon-lab:before {
7766 
+  content: "\f10a"; }
7767 
+
7768 
+.icon-message:before {
7769 
+  content: "\f10b"; }
7770 
+
7771 
+.icon-mission:before {
7772 
+  content: "\f103"; }
7773 
+
7774 
+.icon-objective:before {
7775 
+  content: "\f10c"; }
7776 
+
7777 
+.icon-radar:before {
7778 
+  content: "\f104"; }
7779 
+
7780 
+.icon-reward:before {
7781 
+  content: "\f105"; }
7782 
+
7783 
+.icon-task:before {
7784 
+  content: "\f106"; }
7785 
+
7786 
+.icon-validation:before {
7787 
+  content: "\f10d"; }

+ 0 - 0
www/css/ionic.app.min.css
View File 

@@ -1 +1 @@