theme-sealicon-valley 0.1.7 → 0.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/footer.html +0 -2
- data/_includes/header.html +0 -70
- data/_includes/newheader.html +0 -3
- data/assets/main.css +230 -181
- data/assets/scrolltest.js +8 -0
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 37e25ed1b72e5497ed3b4f08c8a2387718177e7f
|
|
4
|
+
data.tar.gz: 7201573fd6e59d0854ad612b48c6196b520276de
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d23bbd54c980d98fa6a70fe53aa06032964f7f3f5b690dfb4b7aa9e3114d1206763cbdf3bdf0308084343c6c17141ac104d16bfd8e32b35f4a01cdb893bc433d
|
|
7
|
+
data.tar.gz: 6fd79a985e5c84b1eb52360abe08537b25525fb24bddf0b986ddae5cdc52ee8f594ec88baaeee1f02b9d395705756e37bbfe01c7dfcb7d2a614976aceb50bcc1
|
data/_includes/footer.html
CHANGED
data/_includes/header.html
CHANGED
|
@@ -3,76 +3,6 @@
|
|
|
3
3
|
<!DOCTYPE html>
|
|
4
4
|
<html lang="{{ page.lang | default: site.lang | default: " en " }}">
|
|
5
5
|
|
|
6
|
-
<head>
|
|
7
|
-
|
|
8
|
-
<script>
|
|
9
|
-
function openNav() {
|
|
10
|
-
document.getElementById("mySidenav").style.width = "250px";
|
|
11
|
-
}
|
|
12
|
-
/* Set the width of the side navigation to 0 */
|
|
13
|
-
function closeNav() {
|
|
14
|
-
document.getElementById("mySidenav").style.width = "0";
|
|
15
|
-
}
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<style>
|
|
19
|
-
/* The side navigation menu */
|
|
20
|
-
|
|
21
|
-
.sidenav {
|
|
22
|
-
height: 100%;
|
|
23
|
-
/* 100% Full-height */
|
|
24
|
-
width: 0;
|
|
25
|
-
/* 0 width - change this with JavaScript */
|
|
26
|
-
position: fixed;
|
|
27
|
-
/* Stay in place */
|
|
28
|
-
z-index: 100000000;
|
|
29
|
-
/* Stay on top */
|
|
30
|
-
top: 0;
|
|
31
|
-
right: 0;
|
|
32
|
-
overflow-x: hidden;
|
|
33
|
-
/* Disable horizontal scroll */
|
|
34
|
-
/* Place content 60px from the top */
|
|
35
|
-
transition: 0.2s;
|
|
36
|
-
/* 0.5 second transition effect to slide in the sidenav */
|
|
37
|
-
background-color: white;
|
|
38
|
-
display: flex;
|
|
39
|
-
flex-flow: column;
|
|
40
|
-
}
|
|
41
|
-
/* Position and style the close button (top right corner) */
|
|
42
|
-
|
|
43
|
-
.nav_item {
|
|
44
|
-
width: 100%;
|
|
45
|
-
height:40px;
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
font-family: 'Open Sans', sans-serif;
|
|
49
|
-
|
|
50
|
-
font-weight: lighter;
|
|
51
|
-
font-size: 16px;
|
|
52
|
-
text-decoration: none;
|
|
53
|
-
color:black;
|
|
54
|
-
|
|
55
|
-
text-transform: uppercase;
|
|
56
|
-
letter-spacing: 2px;
|
|
57
|
-
justify-content: space-around;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.nav_item > img {
|
|
61
|
-
width: 30px;
|
|
62
|
-
height:30px;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.nav_item .nav_label {
|
|
66
|
-
width: 150px;
|
|
67
|
-
height:100%;
|
|
68
|
-
text-align: center;
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
}
|
|
72
|
-
</style>
|
|
73
|
-
|
|
74
|
-
</head>
|
|
75
|
-
|
|
76
6
|
<body>
|
|
77
7
|
|
|
78
8
|
|
data/_includes/newheader.html
CHANGED
|
@@ -17,8 +17,6 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
|
|
19
19
|
<div class="banner_container">
|
|
20
|
-
<!-- <img src="{{base}}/assets/banner_big.png" style="display:hidden;" /> -->
|
|
21
|
-
<!-- <div> -->
|
|
22
20
|
<div class="logo_container">
|
|
23
21
|
<img src="{{base}}/assets/logo.png" />
|
|
24
22
|
<div>
|
|
@@ -29,7 +27,6 @@
|
|
|
29
27
|
<img src="{{base}}/assets/circle.png" />
|
|
30
28
|
</div>
|
|
31
29
|
</div>
|
|
32
|
-
<!-- </div> -->
|
|
33
30
|
</div>
|
|
34
31
|
|
|
35
32
|
</body>
|
data/assets/main.css
CHANGED
|
@@ -140,7 +140,6 @@ body {
|
|
|
140
140
|
padding: 2px;
|
|
141
141
|
margin: 0 0 30px;
|
|
142
142
|
width: 100%;
|
|
143
|
-
|
|
144
143
|
/* animation: item_animation 10s ease-in-out infinite; */
|
|
145
144
|
}
|
|
146
145
|
|
|
@@ -163,9 +162,9 @@ body {
|
|
|
163
162
|
column-count: 1;
|
|
164
163
|
}
|
|
165
164
|
#related_posts_masonry {
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
165
|
+
-moz-column-count: 1;
|
|
166
|
+
-webkit-column-count: 1;
|
|
167
|
+
column-count: 1;
|
|
169
168
|
}
|
|
170
169
|
}
|
|
171
170
|
|
|
@@ -176,9 +175,9 @@ body {
|
|
|
176
175
|
column-count: 1;
|
|
177
176
|
}
|
|
178
177
|
#related_posts_masonry {
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
178
|
+
-moz-column-count: 1;
|
|
179
|
+
-webkit-column-count: 1;
|
|
180
|
+
column-count: 1;
|
|
182
181
|
}
|
|
183
182
|
}
|
|
184
183
|
|
|
@@ -189,9 +188,9 @@ body {
|
|
|
189
188
|
column-count: 2;
|
|
190
189
|
}
|
|
191
190
|
#related_posts_masonry {
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
191
|
+
-moz-column-count: 3;
|
|
192
|
+
-webkit-column-count: 3;
|
|
193
|
+
column-count: 3;
|
|
195
194
|
}
|
|
196
195
|
}
|
|
197
196
|
|
|
@@ -202,9 +201,9 @@ body {
|
|
|
202
201
|
column-count: 2;
|
|
203
202
|
}
|
|
204
203
|
#related_posts_masonry {
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
204
|
+
-moz-column-count: 3;
|
|
205
|
+
-webkit-column-count: 3;
|
|
206
|
+
column-count: 3;
|
|
208
207
|
}
|
|
209
208
|
}
|
|
210
209
|
|
|
@@ -215,13 +214,13 @@ body {
|
|
|
215
214
|
}
|
|
216
215
|
|
|
217
216
|
.excerpt_container {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
overflow: hidden;
|
|
217
|
+
border: 1px solid #fff;
|
|
218
|
+
-webkit-border-radius: 8px;
|
|
219
|
+
-moz-border-radius: 8px;
|
|
220
|
+
border-radius: 8px;
|
|
221
|
+
overflow: hidden;
|
|
224
222
|
}
|
|
223
|
+
|
|
225
224
|
.excerpt_container img {
|
|
226
225
|
width: 100%;
|
|
227
226
|
}
|
|
@@ -235,9 +234,8 @@ body {
|
|
|
235
234
|
padding-bottom: 20px;
|
|
236
235
|
background-color: #49545e;
|
|
237
236
|
color: white;
|
|
238
|
-
padding-left:10px;
|
|
239
|
-
padding-right:10px;
|
|
240
|
-
|
|
237
|
+
padding-left: 10px;
|
|
238
|
+
padding-right: 10px;
|
|
241
239
|
box-sizing: border-box;
|
|
242
240
|
/** add this **/
|
|
243
241
|
-moz-box-sizing: border-box;
|
|
@@ -357,8 +355,6 @@ body {
|
|
|
357
355
|
top: 50%;
|
|
358
356
|
transform: translateY(-50%);
|
|
359
357
|
text-align: center;
|
|
360
|
-
|
|
361
|
-
|
|
362
358
|
box-sizing: border-box;
|
|
363
359
|
/** add this **/
|
|
364
360
|
-moz-box-sizing: border-box;
|
|
@@ -374,7 +370,7 @@ body {
|
|
|
374
370
|
height: 35px;
|
|
375
371
|
text-align: center;
|
|
376
372
|
font-size: 16px;
|
|
377
|
-
color:white;
|
|
373
|
+
color: white;
|
|
378
374
|
text-transform: uppercase;
|
|
379
375
|
border: 1px solid #41b0f7;
|
|
380
376
|
-webkit-border-radius: 4px;
|
|
@@ -390,8 +386,6 @@ body {
|
|
|
390
386
|
top: 50%;
|
|
391
387
|
transform: translateY(-50%);
|
|
392
388
|
display: table;
|
|
393
|
-
|
|
394
|
-
|
|
395
389
|
box-sizing: border-box;
|
|
396
390
|
/** add this **/
|
|
397
391
|
-moz-box-sizing: border-box;
|
|
@@ -503,7 +497,6 @@ body {
|
|
|
503
497
|
max-height: 100%;
|
|
504
498
|
margin-top: 20px;
|
|
505
499
|
margin-bottom: 20px;
|
|
506
|
-
|
|
507
500
|
border: 1px solid #FFF;
|
|
508
501
|
-webkit-border-radius: 4px;
|
|
509
502
|
-moz-border-radius: 4px;
|
|
@@ -772,43 +765,45 @@ body {
|
|
|
772
765
|
}
|
|
773
766
|
|
|
774
767
|
.about_container {
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
768
|
+
width: 100%;
|
|
769
|
+
max-width: 900px;
|
|
770
|
+
display: block;
|
|
771
|
+
margin: 0 auto;
|
|
772
|
+
padding-left: 20px;
|
|
773
|
+
padding-right: 20px;
|
|
774
|
+
text-align: center;
|
|
775
|
+
box-sizing: border-box;
|
|
776
|
+
-moz-box-sizing: border-box;
|
|
777
|
+
-webkit-box-sizing: border-box;
|
|
778
|
+
-ms-box-sizing: border-box;
|
|
786
779
|
}
|
|
787
780
|
|
|
788
781
|
.about_pic {
|
|
789
|
-
|
|
782
|
+
width: 80%;
|
|
790
783
|
}
|
|
791
784
|
|
|
792
785
|
.about_pic.thankyou {
|
|
793
|
-
|
|
794
|
-
|
|
786
|
+
width: 100%;
|
|
787
|
+
margin-bottom: 20px;
|
|
795
788
|
}
|
|
796
789
|
|
|
797
790
|
.about_text {
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
791
|
+
color: #636263;
|
|
792
|
+
text-align: left;
|
|
793
|
+
margin-bottom: 30px;
|
|
794
|
+
padding-left: 20px;
|
|
795
|
+
padding-right: 20px;
|
|
796
|
+
box-sizing: border-box;
|
|
797
|
+
-moz-box-sizing: border-box;
|
|
798
|
+
-webkit-box-sizing: border-box;
|
|
799
|
+
-ms-box-sizing: border-box;
|
|
807
800
|
}
|
|
808
801
|
|
|
809
802
|
.about_text.thankyou {
|
|
810
|
-
|
|
803
|
+
text-align: center;
|
|
811
804
|
}
|
|
805
|
+
|
|
806
|
+
|
|
812
807
|
/*
|
|
813
808
|
.about_container {
|
|
814
809
|
width: 100%;
|
|
@@ -853,10 +848,11 @@ body {
|
|
|
853
848
|
*/
|
|
854
849
|
|
|
855
850
|
.characters_container {
|
|
856
|
-
|
|
851
|
+
margin-bottom: 0px;
|
|
857
852
|
}
|
|
853
|
+
|
|
858
854
|
@media screen and (max-width: 800px) {
|
|
859
|
-
|
|
855
|
+
/*
|
|
860
856
|
.about_pic {
|
|
861
857
|
width: 100%;
|
|
862
858
|
float: none;
|
|
@@ -882,7 +878,6 @@ body {
|
|
|
882
878
|
*/
|
|
883
879
|
}
|
|
884
880
|
|
|
885
|
-
|
|
886
881
|
.about_title {
|
|
887
882
|
font-weight: bold;
|
|
888
883
|
font-size: 30px;
|
|
@@ -902,110 +897,111 @@ body {
|
|
|
902
897
|
}
|
|
903
898
|
|
|
904
899
|
.fish_ll {
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
900
|
+
position: relative;
|
|
901
|
+
text-align: center;
|
|
902
|
+
margin: 0 auto;
|
|
903
|
+
margin-bottom: 150px;
|
|
904
|
+
width: 100%;
|
|
905
|
+
max-width: 800px;
|
|
911
906
|
}
|
|
912
907
|
|
|
913
908
|
.image_circle {
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
909
|
+
width: 200px;
|
|
910
|
+
height: 200px;
|
|
911
|
+
border-radius: 50%;
|
|
912
|
+
border: 4px solid rgb(65, 176, 247);
|
|
913
|
+
;
|
|
918
914
|
}
|
|
919
915
|
|
|
920
916
|
.rounded_image_container {
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
917
|
+
width: 100%;
|
|
918
|
+
position: absolute;
|
|
919
|
+
top: -100px;
|
|
920
|
+
text-align: center;
|
|
925
921
|
}
|
|
926
|
-
.rounded_image {
|
|
927
|
-
width: 200px;
|
|
928
|
-
height: 200px;
|
|
929
|
-
border-radius: 50%;
|
|
930
|
-
background-repeat: no-repeat;
|
|
931
|
-
margin: 0 auto;
|
|
932
|
-
|
|
933
922
|
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
923
|
+
.rounded_image {
|
|
924
|
+
width: 200px;
|
|
925
|
+
height: 200px;
|
|
926
|
+
border-radius: 50%;
|
|
927
|
+
background-repeat: no-repeat;
|
|
928
|
+
margin: 0 auto;
|
|
929
|
+
box-sizing: border-box;
|
|
930
|
+
/** add this **/
|
|
931
|
+
-moz-box-sizing: border-box;
|
|
932
|
+
/** add this **/
|
|
933
|
+
-webkit-box-sizing: border-box;
|
|
934
|
+
/** add this **/
|
|
935
|
+
-ms-box-sizing: border-box;
|
|
936
|
+
/** add this **/
|
|
942
937
|
}
|
|
943
938
|
|
|
944
939
|
#rounded_octopus {
|
|
945
|
-
background-image: url("splash_octopus.png");
|
|
946
|
-
border: 8px solid #fce4d9;
|
|
947
|
-
background-size: cover;
|
|
940
|
+
background-image: url("splash_octopus.png");
|
|
941
|
+
border: 8px solid #fce4d9;
|
|
942
|
+
background-size: cover;
|
|
948
943
|
}
|
|
949
944
|
|
|
950
945
|
#rounded_octopus_back {
|
|
951
|
-
background-image: url("octopus_icon_power.png");
|
|
952
|
-
border: 8px solid #fce4d9;
|
|
953
|
-
background-size: cover;
|
|
946
|
+
background-image: url("octopus_icon_power.png");
|
|
947
|
+
border: 8px solid #fce4d9;
|
|
948
|
+
background-size: cover;
|
|
954
949
|
}
|
|
955
950
|
|
|
956
951
|
#rounded_dolphin {
|
|
957
|
-
background-image: url("splash_dolphin.png");
|
|
958
|
-
border: 8px solid #c3dbea;
|
|
959
|
-
background-size: cover;
|
|
952
|
+
background-image: url("splash_dolphin.png");
|
|
953
|
+
border: 8px solid #c3dbea;
|
|
954
|
+
background-size: cover;
|
|
960
955
|
}
|
|
961
956
|
|
|
962
957
|
#rounded_dolphin_back {
|
|
963
|
-
background-image: url("dolphin_icon_power.png");
|
|
964
|
-
border: 8px solid #c3dbea;
|
|
965
|
-
background-size: cover;
|
|
958
|
+
background-image: url("dolphin_icon_power.png");
|
|
959
|
+
border: 8px solid #c3dbea;
|
|
960
|
+
background-size: cover;
|
|
966
961
|
}
|
|
967
962
|
|
|
968
963
|
#rounded_narwhal {
|
|
969
|
-
background-image: url("splash_narwhal.png");
|
|
970
|
-
border: 8px solid #f9b9c8;
|
|
971
|
-
background-size: cover;
|
|
964
|
+
background-image: url("splash_narwhal.png");
|
|
965
|
+
border: 8px solid #f9b9c8;
|
|
966
|
+
background-size: cover;
|
|
972
967
|
}
|
|
973
968
|
|
|
974
969
|
#rounded_narwhal_back {
|
|
975
|
-
background-image: url("narwhal_icon_power.png");
|
|
976
|
-
border: 8px solid #f9b9c8;
|
|
977
|
-
background-size: cover;
|
|
970
|
+
background-image: url("narwhal_icon_power.png");
|
|
971
|
+
border: 8px solid #f9b9c8;
|
|
972
|
+
background-size: cover;
|
|
978
973
|
}
|
|
979
974
|
|
|
980
975
|
#rounded_bubble {
|
|
981
|
-
background-image: url("splash_bubble.png");
|
|
982
|
-
border: 8px solid #bccdef;
|
|
983
|
-
background-size: cover;
|
|
976
|
+
background-image: url("splash_bubble.png");
|
|
977
|
+
border: 8px solid #bccdef;
|
|
978
|
+
background-size: cover;
|
|
984
979
|
}
|
|
985
980
|
|
|
986
981
|
#rounded_bubble_back {
|
|
987
|
-
background-image: url("bubble_icon_power.png");
|
|
988
|
-
border: 8px solid #bccdef;
|
|
989
|
-
background-size: cover;
|
|
982
|
+
background-image: url("bubble_icon_power.png");
|
|
983
|
+
border: 8px solid #bccdef;
|
|
984
|
+
background-size: cover;
|
|
990
985
|
}
|
|
991
986
|
|
|
992
987
|
#rounded_shark {
|
|
993
|
-
background-image: url("splash_shark.png");
|
|
994
|
-
background-size: cover;
|
|
995
|
-
border: 8px solid #abb6d9;
|
|
988
|
+
background-image: url("splash_shark.png");
|
|
989
|
+
background-size: cover;
|
|
990
|
+
border: 8px solid #abb6d9;
|
|
996
991
|
}
|
|
997
992
|
|
|
998
993
|
#rounded_shark_back {
|
|
999
|
-
background-image: url("shark_icon_power.png");
|
|
1000
|
-
background-size: cover;
|
|
1001
|
-
border: 8px solid #abb6d9;
|
|
994
|
+
background-image: url("shark_icon_power.png");
|
|
995
|
+
background-size: cover;
|
|
996
|
+
border: 8px solid #abb6d9;
|
|
1002
997
|
}
|
|
998
|
+
|
|
1003
999
|
.fish_text {
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
1000
|
+
width: 100%;
|
|
1001
|
+
border: 1px solid #e8ecef;
|
|
1002
|
+
border-radius: 2px;
|
|
1003
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
|
|
1004
|
+
padding-top: 130px;
|
|
1009
1005
|
}
|
|
1010
1006
|
|
|
1011
1007
|
.fish_name_2 {
|
|
@@ -1031,76 +1027,129 @@ border: 8px solid #abb6d9;
|
|
|
1031
1027
|
}
|
|
1032
1028
|
|
|
1033
1029
|
.fish_desc_3 {
|
|
1034
|
-
|
|
1030
|
+
color: #8e8e8e;
|
|
1035
1031
|
margin-top: 10px;
|
|
1036
1032
|
display: block;
|
|
1037
1033
|
width: 100%;
|
|
1038
1034
|
letter-spacing: 1px;
|
|
1039
1035
|
}
|
|
1040
1036
|
|
|
1037
|
+
.flipped {
|
|
1038
|
+
-webkit-transform: rotateY(180deg);
|
|
1039
|
+
-moz-transform: rotateY(180deg);
|
|
1040
|
+
-ms-transform: rotateY(180deg);
|
|
1041
|
+
-o-transform: rotateY(180deg);
|
|
1042
|
+
transform: rotateY(180deg);
|
|
1043
|
+
}
|
|
1044
|
+
|
|
1045
|
+
.flipper {
|
|
1046
|
+
/*transition*/
|
|
1047
|
+
-webkit-transition: 0.6s;
|
|
1048
|
+
-moz-transition: 0.6s;
|
|
1049
|
+
-o-transition: 0.6s;
|
|
1050
|
+
transition: 0.6s;
|
|
1051
|
+
/*transform-style*/
|
|
1052
|
+
-webkit-transform-style: preserve-3d;
|
|
1053
|
+
-moz-transform-style: preserve-3d;
|
|
1054
|
+
-ms-transform-style: preserve-3d;
|
|
1055
|
+
-o-transform-style: preserve-3d;
|
|
1056
|
+
transform-style: preserve-3d;
|
|
1057
|
+
position: relative;
|
|
1058
|
+
-webkit-tap-highlight-color: transparent;
|
|
1059
|
+
}
|
|
1060
|
+
|
|
1041
1061
|
|
|
1042
|
-
|
|
1043
|
-
-webkit-transform: rotateY(180deg);
|
|
1044
|
-
-moz-transform: rotateY(180deg);
|
|
1045
|
-
-ms-transform: rotateY(180deg);
|
|
1046
|
-
-o-transform: rotateY(180deg);
|
|
1047
|
-
transform: rotateY(180deg);
|
|
1048
|
-
}
|
|
1062
|
+
/* front pane, placed above back */
|
|
1049
1063
|
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
-moz-transition: 0.6s;
|
|
1054
|
-
-o-transition: 0.6s;
|
|
1055
|
-
transition: 0.6s;
|
|
1056
|
-
/*transform-style*/
|
|
1057
|
-
-webkit-transform-style: preserve-3d;
|
|
1058
|
-
-moz-transform-style: preserve-3d;
|
|
1059
|
-
-ms-transform-style: preserve-3d;
|
|
1060
|
-
-o-transform-style: preserve-3d;
|
|
1061
|
-
transform-style: preserve-3d;
|
|
1062
|
-
position: relative;
|
|
1063
|
-
-webkit-tap-highlight-color: transparent;
|
|
1064
|
-
}
|
|
1065
|
-
/* front pane, placed above back */
|
|
1064
|
+
.front {
|
|
1065
|
+
z-index: 2;
|
|
1066
|
+
}
|
|
1066
1067
|
|
|
1067
|
-
.front {
|
|
1068
|
-
z-index: 2;
|
|
1069
|
-
}
|
|
1070
|
-
/* back, initially hidden pane */
|
|
1071
|
-
|
|
1072
|
-
.back {
|
|
1073
|
-
/*transform*/
|
|
1074
|
-
-webkit-transform: rotateY(180deg);
|
|
1075
|
-
-moz-transform: rotateY(180deg);
|
|
1076
|
-
-ms-transform: rotateY(180deg);
|
|
1077
|
-
-o-transform: rotateY(180deg);
|
|
1078
|
-
transform: rotateY(180deg);
|
|
1079
|
-
}
|
|
1080
|
-
/* hide back of pane during swap */
|
|
1081
|
-
|
|
1082
|
-
.front,
|
|
1083
|
-
.back {
|
|
1084
|
-
/*backface-visibility*/
|
|
1085
|
-
-webkit-backface-visibility: hidden;
|
|
1086
|
-
-moz-backface-visibility: hidden;
|
|
1087
|
-
-ms-backface-visibility: hidden;
|
|
1088
|
-
-o-backface-visibility: hidden;
|
|
1089
|
-
backface-visibility: hidden;
|
|
1090
|
-
position: absolute;
|
|
1091
|
-
top: 0;
|
|
1092
|
-
left: 0;
|
|
1093
|
-
}
|
|
1094
1068
|
|
|
1095
|
-
|
|
1096
|
-
.front,
|
|
1097
|
-
.back,
|
|
1098
|
-
.flipper {
|
|
1099
|
-
width: 200px;
|
|
1100
|
-
height: 200px;
|
|
1101
|
-
}
|
|
1069
|
+
/* back, initially hidden pane */
|
|
1102
1070
|
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1071
|
+
.back {
|
|
1072
|
+
/*transform*/
|
|
1073
|
+
-webkit-transform: rotateY(180deg);
|
|
1074
|
+
-moz-transform: rotateY(180deg);
|
|
1075
|
+
-ms-transform: rotateY(180deg);
|
|
1076
|
+
-o-transform: rotateY(180deg);
|
|
1077
|
+
transform: rotateY(180deg);
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1080
|
+
|
|
1081
|
+
/* hide back of pane during swap */
|
|
1082
|
+
|
|
1083
|
+
.front, .back {
|
|
1084
|
+
/*backface-visibility*/
|
|
1085
|
+
-webkit-backface-visibility: hidden;
|
|
1086
|
+
-moz-backface-visibility: hidden;
|
|
1087
|
+
-ms-backface-visibility: hidden;
|
|
1088
|
+
-o-backface-visibility: hidden;
|
|
1089
|
+
backface-visibility: hidden;
|
|
1090
|
+
position: absolute;
|
|
1091
|
+
top: 0;
|
|
1092
|
+
left: 0;
|
|
1093
|
+
}
|
|
1094
|
+
|
|
1095
|
+
.flip-container, .front, .back, .flipper {
|
|
1096
|
+
width: 200px;
|
|
1097
|
+
height: 200px;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
.flip-container {
|
|
1101
|
+
text-align: center;
|
|
1102
|
+
margin: 0 auto;
|
|
1103
|
+
}
|
|
1104
|
+
|
|
1105
|
+
.sidenav {
|
|
1106
|
+
height: 100%;
|
|
1107
|
+
/* 100% Full-height */
|
|
1108
|
+
width: 0;
|
|
1109
|
+
/* 0 width - change this with JavaScript */
|
|
1110
|
+
position: fixed;
|
|
1111
|
+
/* Stay in place */
|
|
1112
|
+
z-index: 100000000;
|
|
1113
|
+
/* Stay on top */
|
|
1114
|
+
top: 0;
|
|
1115
|
+
right: 0;
|
|
1116
|
+
overflow-x: hidden;
|
|
1117
|
+
/* Disable horizontal scroll */
|
|
1118
|
+
/* Place content 60px from the top */
|
|
1119
|
+
transition: 0.2s;
|
|
1120
|
+
/* 0.5 second transition effect to slide in the sidenav */
|
|
1121
|
+
background-color: white;
|
|
1122
|
+
display: flex;
|
|
1123
|
+
flex-flow: column;
|
|
1124
|
+
}
|
|
1125
|
+
|
|
1126
|
+
|
|
1127
|
+
/* Position and style the close button (top right corner) */
|
|
1128
|
+
|
|
1129
|
+
.nav_item {
|
|
1130
|
+
width: 100%;
|
|
1131
|
+
height: 40px;
|
|
1132
|
+
display: flex;
|
|
1133
|
+
align-items: center;
|
|
1134
|
+
font-family: 'Open Sans', sans-serif;
|
|
1135
|
+
font-weight: lighter;
|
|
1136
|
+
font-size: 16px;
|
|
1137
|
+
text-decoration: none;
|
|
1138
|
+
color: black;
|
|
1139
|
+
text-transform: uppercase;
|
|
1140
|
+
letter-spacing: 2px;
|
|
1141
|
+
justify-content: space-around;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
.nav_item>img {
|
|
1145
|
+
width: 30px;
|
|
1146
|
+
height: 30px;
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1149
|
+
.nav_item .nav_label {
|
|
1150
|
+
width: 150px;
|
|
1151
|
+
height: 100%;
|
|
1152
|
+
text-align: center;
|
|
1153
|
+
display: flex;
|
|
1154
|
+
align-items: center;
|
|
1155
|
+
}
|
data/assets/scrolltest.js
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
var homeBig = false;
|
|
2
2
|
var base = ''
|
|
3
|
+
|
|
4
|
+
function openNav() {
|
|
5
|
+
document.getElementById("mySidenav").style.width = "250px";
|
|
6
|
+
}
|
|
7
|
+
/* Set the width of the side navigation to 0 */
|
|
8
|
+
function closeNav() {
|
|
9
|
+
document.getElementById("mySidenav").style.width = "0";
|
|
10
|
+
}
|
|
3
11
|
$(document).ready(function() {
|
|
4
12
|
|
|
5
13
|
var url = document.URL;
|