Avalanche App basic structure

James Peret 10 years ago
parent
commit
54a57fee52
5 changed files with 312 additions and 59 deletions
  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


+ 2 - 0
.gitignore

@@ -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

@@ -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

@@ -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

@@ -1 +1 @@