diff --git a/Package-Web/anchor.html b/Package-Web/anchor.html new file mode 100644 index 0000000..063ad6d --- /dev/null +++ b/Package-Web/anchor.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + + + + +
+
+
+
+
+ +
+
+
+ Anchor the scene within arms’ reach +
+
+
+
+ + + +
+ Playable +
+
+ Bad +
+
+ Ideal +
+
+ + +
+ + + + + + + + +
+ + +
+
+
+
+ + +
+
+ +
+ +
+
+
+
+
+ +
+
+ + + + + diff --git a/Package-Web/badgewall.html b/Package-Web/badgewall.html new file mode 100644 index 0000000..41c0d18 --- /dev/null +++ b/Package-Web/badgewall.html @@ -0,0 +1,312 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+
+
+ + + + +
+ 1 +
+
+
+
+
+ + + + +
+ 2 +
+
+
+
+
+ + + + +
+ 3 +
+
+
+
+
+ + + + +
+ 4 +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+
+
+ Badge Wall +
+
+
+
+ +
+
+ ? +
+
+ +
+
+ +
+
+ + + + + diff --git a/Package-Web/badgewallhelp.html b/Package-Web/badgewallhelp.html new file mode 100644 index 0000000..f5b92fd --- /dev/null +++ b/Package-Web/badgewallhelp.html @@ -0,0 +1,324 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+
+
+ + + + +
+ 1 +
+
+
+
+
+ + + + +
+ 2 +
+
+
+
+
+ + + + +
+ 3 +
+
+
+
+
+ + + + +
+ 4 +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+ + + +
+ ? +
+
+
+
+
+
+
+ Badge Wall +
+
+
+
+ +
+
+ ? +
+
+ +
+
+ + + +
+ Badges you’ve already
got. +
+ +
+ +
+ Badges that you have not already learnt yet. +
+
+
+
+ + + + + diff --git a/Package-Web/colorgamesmenu.html b/Package-Web/colorgamesmenu.html new file mode 100644 index 0000000..e5c1db9 --- /dev/null +++ b/Package-Web/colorgamesmenu.html @@ -0,0 +1,231 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+ +
+ Color Names +
+
+ +
+
+
+ +
+ Color Matching +
+
+ +
+
+ +
+
+ +
+ +
+ AR Drawing +
+
+ +
+
+
+
+ + +
+ +
+
+ + +
+ So, you want to play the… +
+
+
+
+ + + + + + +
+ +
+
+ +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/colormatchinggame.html b/Package-Web/colormatchinggame.html new file mode 100644 index 0000000..22d5d3e --- /dev/null +++ b/Package-Web/colormatchinggame.html @@ -0,0 +1,168 @@ + + + + + + + + + + + + +
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/colormatchinggamecorrect.html b/Package-Web/colormatchinggamecorrect.html new file mode 100644 index 0000000..8d69c3f --- /dev/null +++ b/Package-Web/colormatchinggamecorrect.html @@ -0,0 +1,220 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
+
+ + + + + + + +
+ +
+
+ +
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+ +
+
+ +
+
+
+ + + + + + +
+ +
+
+ + + + + +
+
+
+ + +
+
+ Correct +
+
+ You’re right! Lemon is yellow.
Now the yellow pigment is unlocked in your palette! +
+
+
+ + +
+ +
+
+ +
+
+ + + + + diff --git a/Package-Web/colormatchinggamewrong.html b/Package-Web/colormatchinggamewrong.html new file mode 100644 index 0000000..9d4d285 --- /dev/null +++ b/Package-Web/colormatchinggamewrong.html @@ -0,0 +1,211 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + +
+ No, not this one, Haha. We are going to find the yellow one. +
+
+
+
+ + + + + + +
+ + + + +
+
+
+ Wrong +
+
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+ +
+
+ +
+
+ + + + + diff --git a/Package-Web/confirmanchor.html b/Package-Web/confirmanchor.html new file mode 100644 index 0000000..f8fe753 --- /dev/null +++ b/Package-Web/confirmanchor.html @@ -0,0 +1,134 @@ + + + + + + + + + + + + +
+
+
+
+
+ + + + + + + + + + +
+
+
+ Tap on PLAY to start! +
+
+ +
+ +
+ Reset +
+
+ + +
+ +
+ PLAY +
+ +
+ +
+
+
+
+ + + + + diff --git a/Package-Web/cooking.html b/Package-Web/cooking.html new file mode 100644 index 0000000..829f7bb --- /dev/null +++ b/Package-Web/cooking.html @@ -0,0 +1,211 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + +
+ Welcome to the market! +
+ + + + + +
+
+
+ Chicken & Waffles +
+
+ + +
+ +
+
+ +
+ +
+ + +
+ +
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/cookingfinish.html b/Package-Web/cookingfinish.html new file mode 100644 index 0000000..0e1529f --- /dev/null +++ b/Package-Web/cookingfinish.html @@ -0,0 +1,209 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
+ + +
+
+ Bravo! We just finished the Chopped Salad, you can click the [Recipe List] to review it later! +
+
+ + +
+ +
+
+ +
+
+ + +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+
+ Food Finished +
+
+ I like it! +
+ + + +
+
+ + + + + diff --git a/Package-Web/cookinggamesmenu.html b/Package-Web/cookinggamesmenu.html new file mode 100644 index 0000000..4d7e383 --- /dev/null +++ b/Package-Web/cookinggamesmenu.html @@ -0,0 +1,218 @@ + + + + + + + + + + + + +
+
+
+
+
+ + + +
+
+ +
+ + +
+ +
+
+ + +
+ So, we are going to cook a… +
+
+ Breakfast +
+
+ Lunch +
+
+ Dinner +
+
+ + +
+ +
+
+ +
+ + +
+
+
+ +
+
+ + + +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/cookingstep1.html b/Package-Web/cookingstep1.html new file mode 100644 index 0000000..1c3e0d3 --- /dev/null +++ b/Package-Web/cookingstep1.html @@ -0,0 +1,141 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+ + +
+
+ + +
+
+ +
+ +
+
+ + +
+ + + +
+ +
+
+ + + +
+
+
+ Step 1: chop the onion +
+
+
+
+ + + + + diff --git a/Package-Web/cookingstep1finished.html b/Package-Web/cookingstep1finished.html new file mode 100644 index 0000000..cee4c73 --- /dev/null +++ b/Package-Web/cookingstep1finished.html @@ -0,0 +1,138 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+ +
+
+ + + +
+ +
+
+ +
+
+
+ Step 1: chop the onion +
+
+
+ + +
+ +
+
+ +
+ + +
+
+
+ + + + + diff --git a/Package-Web/css/anchor.css b/Package-Web/css/anchor.css new file mode 100644 index 0000000..c03e142 --- /dev/null +++ b/Package-Web/css/anchor.css @@ -0,0 +1,500 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.anchor { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.anchor .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 658px; + position : absolute; + margin : 0; + left : 183px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .anchorthescenewit { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 237px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.anchor .group .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 645px; + height : 78px; + width : 811px; + position : absolute; + margin : 0; + left : 107px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle2 .rectangle4 { + background-color : rgba(71, 71, 71, 1.0); + top : 0px; + height : 78px; + box-sizing : border-box; + width : 811px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 39px; + border-style : solid; + border-width : 10px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle2 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 10px; + height : 58px; + width : 698px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle2 .rectangle21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 78px; + width : 645px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle2 .rectangle31 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 78px; + width : 449px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .rectangle2 .playable { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 459px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.anchor .group .rectangle2 .bad { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.anchor .group .rectangle2 .ideal { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 655px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.anchor .group .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 114px; + width : 473px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle { + background-color : rgba(255,255,255,0.0); + top : 273px; + height : 153px; + width : 48px; + position : absolute; + margin : 0; + left : 488px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle1 { + background-color : rgba(255,255,255,0.0); + top : 273px; + height : 152px; + width : 33px; + position : absolute; + margin : 0; + left : 488px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle2 { + background-color : rgba(255,255,255,0.0); + top : 245px; + height : 46px; + width : 46px; + position : absolute; + margin : 0; + left : 489px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle3 { + background-color : rgba(255,255,255,0.0); + top : 246px; + height : 45px; + width : 32px; + position : absolute; + margin : 0; + left : 489px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle4 { + background-color : rgba(255,255,255,0.0); + top : 219px; + height : 28px; + width : 36px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle5 { + background-color : rgba(255,255,255,0.0); + top : 219px; + height : 28px; + width : 27px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle6 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 29px; + width : 36px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .triangle7 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 28px; + width : 27px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .systemsecondback { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .systemsecondback .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .systemsecondback .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .systemsecondback .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .group .systemsecondback .oval .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.anchor .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.anchor .hotspot { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 114px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/animate.css b/Package-Web/css/animate.css new file mode 100644 index 0000000..dac48f1 --- /dev/null +++ b/Package-Web/css/animate.css @@ -0,0 +1,3623 @@ +@charset "UTF-8"; + +/*! + * animate.css -http://daneden.me/animate + * Version - 3.7.0 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */ + +@-webkit-keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +@keyframes bounce { + from, + 20%, + 53%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 40%, + 43% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -4px, 0); + transform: translate3d(0, -4px, 0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +@keyframes flash { + from, + 50%, + to { + opacity: 1; + } + + 25%, + 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(0.95, 1.05, 1); + transform: scale3d(0.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, 0.95, 1); + transform: scale3d(1.05, 0.95, 1); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + from, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, + 30%, + 50%, + 70%, + 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, + 40%, + 60%, + 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes headShake { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 6.5% { + -webkit-transform: translateX(-6px) rotateY(-9deg); + transform: translateX(-6px) rotateY(-9deg); + } + + 18.5% { + -webkit-transform: translateX(5px) rotateY(7deg); + transform: translateX(5px) rotateY(7deg); + } + + 31.5% { + -webkit-transform: translateX(-3px) rotateY(-5deg); + transform: translateX(-3px) rotateY(-5deg); + } + + 43.5% { + -webkit-transform: translateX(2px) rotateY(3deg); + transform: translateX(2px) rotateY(3deg); + } + + 50% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.headShake { + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + -webkit-animation-name: headShake; + animation-name: headShake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + to { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + from { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); + } + + 30%, + 50%, + 70%, + 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, + 60%, + 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + to { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes wobble { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +@keyframes jello { + from, + 11.1%, + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 22.2% { + -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); + transform: skewX(-12.5deg) skewY(-12.5deg); + } + + 33.3% { + -webkit-transform: skewX(6.25deg) skewY(6.25deg); + transform: skewX(6.25deg) skewY(6.25deg); + } + + 44.4% { + -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); + transform: skewX(-3.125deg) skewY(-3.125deg); + } + + 55.5% { + -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); + transform: skewX(1.5625deg) skewY(1.5625deg); + } + + 66.6% { + -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); + transform: skewX(-0.78125deg) skewY(-0.78125deg); + } + + 77.7% { + -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); + transform: skewX(0.390625deg) skewY(0.390625deg); + } + + 88.8% { + -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + transform: skewX(-0.1953125deg) skewY(-0.1953125deg); + } +} + +.jello { + -webkit-animation-name: jello; + animation-name: jello; + -webkit-transform-origin: center; + transform-origin: center; +} + +@-webkit-keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes heartBeat { + 0% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 14% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 28% { + -webkit-transform: scale(1); + transform: scale(1); + } + + 42% { + -webkit-transform: scale(1.3); + transform: scale(1.3); + } + + 70% { + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.heartBeat { + -webkit-animation-name: heartBeat; + animation-name: heartBeat; + -webkit-animation-duration: 1.3s; + animation-duration: 1.3s; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; +} + +@-webkit-keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + from, + 20%, + 40%, + 60%, + 80%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(0.97, 0.97, 0.97); + transform: scale3d(0.97, 0.97, 0.97); + } + + to { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceIn; + animation-name: bounceIn; +} + +@-webkit-keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInDown { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInLeft { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInRight { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + from, + 60%, + 75%, + 90%, + to { + -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + } + + from { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(0.9, 0.9, 0.9); + transform: scale3d(0.9, 0.9, 0.9); + } + + 50%, + 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } +} + +.bounceOut { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: bounceOut; + animation-name: bounceOut; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, + 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInDownBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeft { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInLeftBig { + from { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRight { + from { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInRightBig { + from { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUp { + from { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes fadeInUpBig { + from { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + from { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) + rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + to { + -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) + rotate3d(0, 1, 0, 0deg); + transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + from { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + from { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + to { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + from { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + to { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-animation-duration: 0.75s; + animation-duration: 0.75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; +} + +@-webkit-keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes lightSpeedIn { + from { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + from { + opacity: 1; + } + + to { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateIn { + from { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + from { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + to { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + from { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + from { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + to { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, + 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, + 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + to { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; + -webkit-animation-name: hinge; + animation-name: hinge; +} + +@-webkit-keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +@keyframes jackInTheBox { + from { + opacity: 0; + -webkit-transform: scale(0.1) rotate(30deg); + transform: scale(0.1) rotate(30deg); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + } + + 50% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); + } + + 70% { + -webkit-transform: rotate(3deg); + transform: rotate(3deg); + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + } +} + +.jackInTheBox { + -webkit-animation-name: jackInTheBox; + animation-name: jackInTheBox; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes rollIn { + from { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + to { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + from { + opacity: 1; + } + + to { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + from { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInDown { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInLeft { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInRight { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomInUp { + from { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +@keyframes zoomOut { + from { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(0.3, 0.3, 0.3); + transform: scale3d(0.3, 0.3, 0.3); + } + + to { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); + transform: scale(0.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); + } + + to { + opacity: 0; + -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); + transform: scale(0.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + } + + to { + opacity: 0; + -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInDown { + from { + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInLeft { + from { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInRight { + from { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes slideInUp { + from { + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + visibility: visible; + } + + to { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes slideOutDown { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes slideOutLeft { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes slideOutRight { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes slideOutUp { + from { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + to { + visibility: hidden; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.delay-1s { + -webkit-animation-delay: 1s; + animation-delay: 1s; +} + +.animated.delay-2s { + -webkit-animation-delay: 2s; + animation-delay: 2s; +} + +.animated.delay-3s { + -webkit-animation-delay: 3s; + animation-delay: 3s; +} + +.animated.delay-4s { + -webkit-animation-delay: 4s; + animation-delay: 4s; +} + +.animated.delay-5s { + -webkit-animation-delay: 5s; + animation-delay: 5s; +} + +.animated.fast { + -webkit-animation-duration: 800ms; + animation-duration: 800ms; +} + +.animated.faster { + -webkit-animation-duration: 500ms; + animation-duration: 500ms; +} + +.animated.slow { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +.animated.slower { + -webkit-animation-duration: 3s; + animation-duration: 3s; +} + +@media (print), (prefers-reduced-motion) { + .animated { + -webkit-animation: unset !important; + animation: unset !important; + -webkit-transition: none !important; + transition: none !important; + } +} diff --git a/Package-Web/css/badgeWall.css b/Package-Web/css/badgeWall.css new file mode 100644 index 0000000..ffaec6d --- /dev/null +++ b/Package-Web/css/badgeWall.css @@ -0,0 +1,1802 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.badgewall { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.badgewall .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .oval1 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.badgewall .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy3 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy31 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy31 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy32 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy32 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy33 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy33 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy34 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy34 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy34 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy34 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy34 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy34 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy35 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy35 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy35 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy35 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy35 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy35 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy36 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy36 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy36 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy36 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy36 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy36 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy4 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy4 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy4 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy4 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy4 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy4 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy37 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy37 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy37 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy37 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy37 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy37 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy5 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy5 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy5 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy5 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy5 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy5 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy38 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy38 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy38 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy38 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy38 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy38 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy6 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy6 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy6 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy6 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy6 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy6 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy39 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy39 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy39 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy39 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy39 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy39 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy7 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy7 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy7 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy7 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy7 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy7 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy310 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy310 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy310 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy310 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy310 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy310 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy8 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy8 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy8 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy8 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy8 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy8 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy311 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy311 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy311 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy311 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy311 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy311 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .starcopy9 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewall .group .starcopy9 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy9 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy9 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy9 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .starcopy9 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .group .rectangle1 { + background-color : rgba(0, 0, 0, 0.4); + top : 21px; + height : 78px; + width : 268px; + position : absolute; + margin : 0; + left : 378px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .rectangle2 { + background-color : rgba(215, 215, 215, 1.0); + top : 1004px; + height : 60px; + box-sizing : border-box; + width : 50px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .group .badgewall1 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 428px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewall .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 894px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .oval .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .oval .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewall .oval .label1 { + background-color : rgba(255,255,255,0.0); + top : 10px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 0.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.badgewall .hotspot { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/badgeWallHelp.css b/Package-Web/css/badgeWallHelp.css new file mode 100644 index 0000000..9cea09e --- /dev/null +++ b/Package-Web/css/badgeWallHelp.css @@ -0,0 +1,1898 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.badgewallhelp { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.badgewallhelp .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .rectangle3 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .oval1 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.badgewallhelp .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy3 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy31 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy31 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy32 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy32 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy33 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 90px; + width : 89px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy33 .a1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy34 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy34 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy34 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy34 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy34 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy34 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy35 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy35 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy35 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy35 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy35 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy35 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy36 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy36 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy36 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy36 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy36 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy36 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy4 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 124px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy4 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy4 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy4 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy4 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy4 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy37 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy37 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy37 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy37 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy37 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy37 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy5 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy5 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy5 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy5 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy5 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy5 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy38 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy38 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy38 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy38 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy38 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy38 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy6 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 396px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy6 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy6 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy6 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy6 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy6 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy39 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy39 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy39 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy39 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy39 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy39 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy7 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 533px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy7 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy7 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy7 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy7 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy7 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy310 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy310 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy310 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy310 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy310 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy310 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy8 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 669px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy8 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy8 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy8 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy8 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy8 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy311 { + background-color : rgba(255,255,255,0.0); + top : 318px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy311 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy311 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy311 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy311 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy311 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .starcopy9 { + background-color : rgba(255,255,255,0.0); + top : 498px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 805px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.badgewallhelp .group .starcopy9 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 135px; + width : 96px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy9 .starcopy312 { + background-color : rgba(255,255,255,0.0); + top : -6px; + height : 147px; + width : 107px; + position : absolute; + margin : 0; + left : -6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy9 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 96px; + width : 95px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy9 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .starcopy9 .label1 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .group .rectangle11 { + background-color : rgba(0, 0, 0, 0.4); + top : 21px; + height : 78px; + width : 268px; + position : absolute; + margin : 0; + left : 378px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .rectangle21 { + background-color : rgba(215, 215, 215, 1.0); + top : 1004px; + height : 60px; + box-sizing : border-box; + width : 50px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group .badgewall { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 428px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.badgewallhelp .oval { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .oval .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .oval .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .oval .label1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.badgewallhelp .hotspot { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .rectangle { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 557px; + width : 806px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 260px; + height : 163px; + width : 324px; + position : absolute; + margin : 0; + left : 616px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .badgesyouu2019vealread { + background-color : rgba(255,255,255,0.0); + top : 320px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 634px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(131, 84, 0, 1.0); + text-align : left; + letter-spacing : 0.31px; + line-height : 35.0px; +} +.badgewallhelp .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 168px; + width : 545px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group2 { + background-color : rgba(255,255,255,0.0); + top : 614px; + height : 126px; + width : 264px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group2 .rectanglecopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 126px; + width : 257px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.badgewallhelp .group2 .badgesthatyouhave { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 250px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(117, 117, 117, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/colorGamesMenu.css b/Package-Web/css/colorGamesMenu.css new file mode 100644 index 0000000..c485ee4 --- /dev/null +++ b/Package-Web/css/colorGamesMenu.css @@ -0,0 +1,1338 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.colorgamesmenu { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.colorgamesmenu .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 644px; + position : absolute; + margin : 0; + left : 190px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle3 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle3 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.colorgamesmenu .group .group2 .rectangle3 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle3 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle11 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle11 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.colorgamesmenu .group .group2 .rectangle11 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle11 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 438px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle2 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.colorgamesmenu .group .group2 .rectangle2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .group2 .rectangle2 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.colorgamesmenu .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .soyouwanttoplay { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 332px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.colorgamesmenu .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 906px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 66px; + width : 85px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .oval11 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .oval1 .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 906px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 { + background-color : rgba(255,255,255,0.0); + top : 146px; + height : 396px; + width : 255px; + position : absolute; + margin : 0; + left : 407px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 271px; + width : 255px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 227px; + height : 44px; + width : 184px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.colorgamesmenu .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 151px; + height : 40px; + width : 39px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colorgamesmenu .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colorgamesmenu .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 12px; + width : 7px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colorgamesmenu .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 21px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colorgamesmenu .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colorgamesmenu .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 16px; + width : 5px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colorgamesmenu .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 76px; + height : 90px; + width : 29px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colorgamesmenu .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 122px; + width : 83px; + position : absolute; + margin : 0; + left : 144px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 40px; + width : 39px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 18px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 12px; + width : 7px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 21px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colorgamesmenu .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 16px; + width : 5px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colorgamesmenu .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 90px; + width : 29px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colorgamesmenu .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 56px; + height : 209px; + width : 107px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 154px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 63px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 154px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 111px; + height : 66px; + width : 27px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 111px; + height : 67px; + width : 27px; + position : absolute; + margin : 0; + left : 62px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 131px; + width : 106px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 118px; + width : 89px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 35px; + width : 21px; + position : absolute; + margin : 0; + left : 40px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 181px; + width : 130px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 106px; + width : 104px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 121px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colorgamesmenu .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 123px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 98px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colorgamesmenu .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 116px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colorgamesmenu .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 118px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 98px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colorgamesmenu .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 103px; + width : 94px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 103px; + width : 94px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 133px; + height : 18px; + width : 23px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.colorgamesmenu .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 135px; + height : 18px; + width : 23px; + position : absolute; + margin : 0; + left : 83px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.colorgamesmenu .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 146px; + height : 25px; + width : 33px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 152px; + height : 20px; + width : 30px; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 160px; + height : 11px; + width : 24px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 7px; + width : 9px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 107px; + height : 12px; + width : 34px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 11px; + width : 34px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 54px; + width : 85px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 70px; + height : 56px; + width : 85px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 70px; + height : 70px; + width : 55px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 70px; + width : 57px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 64px; + width : 102px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 64px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 66px; + width : 130px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 66px; + width : 130px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 97px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 119px; + height : 15px; + width : 10px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 119px; + height : 15px; + width : 10px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 122px; + height : 2px; + width : 4px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colorgamesmenu .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 122px; + height : 2px; + width : 4px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/colorMatchingGame.css b/Package-Web/css/colorMatchingGame.css new file mode 100644 index 0000000..53a5ed1 --- /dev/null +++ b/Package-Web/css/colorMatchingGame.css @@ -0,0 +1,900 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.colormatchinggame { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.colormatchinggame .group { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 { + background-color : rgba(255,255,255,0.0); + top : 228px; + height : 211px; + width : 131px; + position : absolute; + margin : 0; + left : 438px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 137px; + width : 131px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 115px; + height : 22px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.colormatchinggame .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colormatchinggame .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colormatchinggame .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggame .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colormatchinggame .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colormatchinggame .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colormatchinggame .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colormatchinggame .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 63px; + width : 43px; + position : absolute; + margin : 0; + left : 73px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colormatchinggame .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colormatchinggame .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colormatchinggame .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 105px; + width : 54px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 65px; + width : 53px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 59px; + width : 44px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 18px; + width : 10px; + position : absolute; + margin : 0; + left : 20px; + border-radius : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 44px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 90px; + width : 66px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 53px; + width : 53px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggame .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggame .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggame .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggame .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 38px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.colormatchinggame .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.colormatchinggame .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 14px; + width : 18px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 10px; + width : 15px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 5px; + width : 12px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 6px; + width : 17px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 54px; + height : 5px; + width : 17px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 27px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 28px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 35px; + width : 28px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 35px; + width : 29px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 32px; + width : 52px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 32px; + width : 47px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 1px; + width : 1px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggame .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/colorMatchingGameCorrect.css b/Package-Web/css/colorMatchingGameCorrect.css new file mode 100644 index 0000000..4243908 --- /dev/null +++ b/Package-Web/css/colorMatchingGameCorrect.css @@ -0,0 +1,1252 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.colormatchinggamecorrect { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.colormatchinggamecorrect .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .rectangle1 { + background-color : rgba(0, 28, 59, 0.6); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 { + background-color : rgba(255,255,255,0.0); + top : 85px; + height : 940px; + width : 667px; + position : absolute; + margin : 0; + left : -164px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); +} +.colormatchinggamecorrect .group .group9 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 810px; + height : 105px; + width : 517px; + position : absolute; + margin : 0; + left : 86px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.colormatchinggamecorrect .group .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 647px; + width : 667px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 292px; + width : 198px; + position : absolute; + margin : 0; + left : 416px; + -ms-transform : rotate(205deg); /* IE 9 */ + -webkit-transform : rotate(205deg); /* Chrome, Safari, Opera */ + transform : rotate(205deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 95px; + width : 93px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .oval3 { + background-color : rgba(255,255,255,0.0); + top : 44px; + height : 50px; + width : 58px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .oval11 { + background-color : rgba(255,255,255,0.0); + top : 38px; + height : 50px; + width : 58px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 47px; + width : 12px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 31px; + height : 29px; + width : 18px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 50px; + width : 12px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 47px; + width : 12px; + position : absolute; + margin : 0; + left : 59px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 38px; + width : 12px; + position : absolute; + margin : 0; + left : 70px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group11 .armr { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 214px; + width : 68px; + position : absolute; + margin : 0; + left : 82px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 292px; + width : 199px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(-206deg); /* IE 9 */ + -webkit-transform : rotate(-206deg); /* Chrome, Safari, Opera */ + transform : rotate(-206deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 .hand { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 95px; + width : 93px; + position : absolute; + margin : 0; + left : 95px; + -ms-transform : rotate(165deg); /* IE 9 */ + -webkit-transform : rotate(165deg); /* Chrome, Safari, Opera */ + transform : rotate(165deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 .armr { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 214px; + width : 68px; + position : absolute; + margin : 0; + left : 49px; + -ms-transform : rotate(-29deg); /* IE 9 */ + -webkit-transform : rotate(-29deg); /* Chrome, Safari, Opera */ + transform : rotate(-29deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 .armr .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 193px; + width : 62px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 .armr .rectangle11 { + background-color : rgba(207, 207, 207, 1.0); + top : 176px; + height : 38px; + width : 67px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .group10 .armr .rectanglecopy6 { + background-color : rgba(242, 242, 242, 1.0); + top : 167px; + height : 38px; + width : 67px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 146px; + height : 500px; + width : 256px; + position : absolute; + margin : 0; + left : 212px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 374px; + height : 126px; + width : 93px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .oval11 { + background-color : rgba(255,255,255,0.0); + top : 368px; + height : 126px; + width : 93px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 374px; + height : 126px; + width : 93px; + position : absolute; + margin : 0; + left : 152px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 368px; + height : 126px; + width : 93px; + position : absolute; + margin : 0; + left : 146px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 266px; + height : 158px; + width : 64px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 266px; + height : 160px; + width : 64px; + position : absolute; + margin : 0; + left : 149px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 41px; + height : 313px; + width : 255px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .rectangle21 { + background-color : rgba(255,255,255,0.0); + top : 41px; + height : 284px; + width : 212px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 85px; + width : 50px; + position : absolute; + margin : 0; + left : 96px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .oval21 { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 18px; + width : 18px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 172px; + height : 18px; + width : 18px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 213px; + height : 18px; + width : 18px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 433px; + width : 313px; + position : absolute; + margin : 0; + left : 183px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 152px; + height : 254px; + width : 252px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 64px; + width : 50px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 294px; + height : 64px; + width : 50px; + position : absolute; + margin : 0; + left : 237px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 277px; + height : 64px; + width : 50px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 283px; + height : 64px; + width : 50px; + position : absolute; + margin : 0; + left : 237px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 187px; + height : 245px; + width : 225px; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 184px; + height : 245px; + width : 225px; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 319px; + height : 44px; + width : 56px; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 322px; + height : 44px; + width : 56px; + position : absolute; + margin : 0; + left : 199px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.colormatchinggamecorrect .group .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 352px; + height : 56px; + width : 76px; + position : absolute; + margin : 0; + left : 113px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 47px; + width : 73px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 383px; + height : 26px; + width : 59px; + position : absolute; + margin : 0; + left : 120px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 328px; + height : 18px; + width : 20px; + position : absolute; + margin : 0; + left : 140px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 256px; + height : 28px; + width : 82px; + position : absolute; + margin : 0; + left : 53px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 260px; + height : 26px; + width : 82px; + position : absolute; + margin : 0; + left : 161px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 176px; + height : 128px; + width : 205px; + position : absolute; + margin : 0; + left : 108px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 167px; + height : 134px; + width : 205px; + position : absolute; + margin : 0; + left : 108px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 167px; + height : 166px; + width : 132px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 164px; + height : 166px; + width : 137px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 76px; + height : 152px; + width : 246px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 71px; + height : 152px; + width : 222px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 18px; + height : 158px; + width : 313px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 158px; + width : 313px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 82px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 234px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 284px; + height : 35px; + width : 23px; + position : absolute; + margin : 0; + left : 82px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .oval11 { + background-color : rgba(255,255,255,0.0); + top : 284px; + height : 35px; + width : 23px; + position : absolute; + margin : 0; + left : 196px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .oval21 { + background-color : rgba(255,255,255,0.0); + top : 292px; + height : 6px; + width : 9px; + position : absolute; + margin : 0; + left : 82px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 292px; + height : 6px; + width : 9px; + position : absolute; + margin : 0; + left : 196px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.colormatchinggamecorrect .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 906px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 66px; + width : 85px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .oval11 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .oval1 .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 906px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 173px; + height : 78px; + width : 78px; + position : absolute; + margin : 0; + left : 513px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group1 { + background-color : rgba(255,255,255,0.0); + top : 192px; + height : 265px; + width : 307px; + position : absolute; + margin : 0; + left : 552px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .ovalcopy3 { + background-color : rgba(255,255,255,0.0); + top : 153px; + height : 58px; + width : 58px; + position : absolute; + margin : 0; + left : 803px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .ovalcopy2 { + background-color : rgba(255,255,255,0.0); + top : 303px; + height : 145px; + width : 145px; + position : absolute; + margin : 0; + left : 725px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .rectangle2 { + background-color : rgba(0, 8, 18, 0.4); + top : 21px; + height : 78px; + width : 218px; + position : absolute; + margin : 0; + left : 403px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 374px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group2 .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .group2 .starcopy4 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 34px; + width : 49px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .group .correct { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 469px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.colormatchinggamecorrect .group .youu2019rerightlemon { + background-color : rgba(255,255,255,0.0); + top : 462px; + height : auto; + width : 442px; + position : absolute; + margin : 0; + left : 503px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.colormatchinggamecorrect .group .youu2019rerightlemon .span1 { + +} +.colormatchinggamecorrect .group .youu2019rerightlemon .span2 { + color : rgba(255, 241, 0, 1.0); +} +.colormatchinggamecorrect .group .youu2019rerightlemon .span3 { + +} +.colormatchinggamecorrect .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 636px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 882px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .ovalcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 50px; + width : 50px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamecorrect .hotspot { + background-color : rgba(255,255,255,0.0); + top : 636px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 882px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/colorMatchingGameWrong.css b/Package-Web/css/colorMatchingGameWrong.css new file mode 100644 index 0000000..68349ec --- /dev/null +++ b/Package-Web/css/colorMatchingGameWrong.css @@ -0,0 +1,1240 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.colormatchinggamewrong { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.colormatchinggamewrong .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.colormatchinggamewrong .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 226px; + width : 472px; + position : absolute; + margin : 0; + left : 529px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .nonotthisoneha { + background-color : rgba(255,255,255,0.0); + top : 139px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 585px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.colormatchinggamewrong .group .nonotthisoneha .span1 { + +} +.colormatchinggamewrong .group .nonotthisoneha .span2 { + color : rgba(255, 241, 0, 1.0); +} +.colormatchinggamewrong .group .nonotthisoneha .span3 { + +} +.colormatchinggamewrong .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 906px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 66px; + width : 85px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .oval11 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .oval1 .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 12px; + width : 13px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 335px; + height : 76px; + width : 76px; + position : absolute; + margin : 0; + left : 269px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .group1 { + background-color : rgba(255,255,255,0.0); + top : 397px; + height : 76px; + width : 88px; + position : absolute; + margin : 0; + left : 364px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .bitmap2 { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 529px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .bitmap3 { + background-color : rgba(255,255,255,0.0); + top : 365px; + height : 110px; + width : 110px; + position : absolute; + margin : 0; + left : 703px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 218px; + position : absolute; + margin : 0; + left : 403px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group .wrong { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 464px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.colormatchinggamewrong .group9 { + background-color : rgba(255,255,255,0.0); + top : 228px; + height : 211px; + width : 131px; + position : absolute; + margin : 0; + left : 438px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 137px; + width : 131px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 115px; + height : 22px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.colormatchinggamewrong .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colormatchinggamewrong .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colormatchinggamewrong .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamewrong .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colormatchinggamewrong .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colormatchinggamewrong .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colormatchinggamewrong .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colormatchinggamewrong .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 63px; + width : 43px; + position : absolute; + margin : 0; + left : 73px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.colormatchinggamewrong .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.colormatchinggamewrong .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 105px; + width : 54px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 65px; + width : 53px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 59px; + width : 44px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 18px; + width : 10px; + position : absolute; + margin : 0; + left : 20px; + border-radius : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 44px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 90px; + width : 66px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 53px; + width : 53px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 38px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.colormatchinggamewrong .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.colormatchinggamewrong .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 14px; + width : 18px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 10px; + width : 15px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 5px; + width : 12px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 6px; + width : 17px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 54px; + height : 5px; + width : 17px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 27px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 28px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 35px; + width : 28px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 35px; + width : 29px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 32px; + width : 52px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 32px; + width : 47px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 1px; + width : 1px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 636px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 882px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .ovalcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 50px; + width : 50px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.colormatchinggamewrong .hotspot { + background-color : rgba(255,255,255,0.0); + top : 636px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 882px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/confirmAnchor.css b/Package-Web/css/confirmAnchor.css new file mode 100644 index 0000000..69ba8ac --- /dev/null +++ b/Package-Web/css/confirmAnchor.css @@ -0,0 +1,446 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.confirmanchor { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.confirmanchor .group2 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 114px; + width : 473px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle { + background-color : rgba(255,255,255,0.0); + top : 273px; + height : 153px; + width : 48px; + position : absolute; + margin : 0; + left : 488px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle1 { + background-color : rgba(255,255,255,0.0); + top : 273px; + height : 152px; + width : 33px; + position : absolute; + margin : 0; + left : 488px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle2 { + background-color : rgba(255,255,255,0.0); + top : 245px; + height : 46px; + width : 46px; + position : absolute; + margin : 0; + left : 489px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle3 { + background-color : rgba(255,255,255,0.0); + top : 246px; + height : 45px; + width : 32px; + position : absolute; + margin : 0; + left : 489px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle4 { + background-color : rgba(255,255,255,0.0); + top : 219px; + height : 28px; + width : 36px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle5 { + background-color : rgba(255,255,255,0.0); + top : 219px; + height : 28px; + width : 27px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle6 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 29px; + width : 36px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .triangle7 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 28px; + width : 27px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .rectangle2 { + background-color : rgba(0, 28, 60, 0.75); + top : 21px; + height : 78px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .taponplaytostart { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 346px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.confirmanchor .group2 .group { + background-color : rgba(255,255,255,0.0); + top : 179px; + height : 526px; + width : 328px; + position : absolute; + margin : 0; + left : 348px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + /* opacity : 0.4; */ + border-radius: 50%; +} + +.a-ag1, .a-ag2 { + opacity: 0.55; +} + +.a-ag1:hover, .a-ag2:hover { + opacity: 0.85; + transform: scale(1.07)!important; +} + +.a-ag1:active, .a-ag2:active { + opacity: 0.9; + margin-top: 3px!important; + transform: scale(1.045)!important; +} + +.confirmanchor .group2 .group .confirmanchorreset { + background-color : rgba(255,255,255,0.0); + top : 373px; + height : 168px; + width : 168px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .group .confirmanchorreset .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 168px; + width : 168px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .group .confirmanchorreset .reset { + background-color : rgba(255,255,255,0.0); + top : 65px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(0, 28, 60, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.confirmanchor .group2 .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 328px; + width : 328px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .group .confirmanchorplay { + background-color : rgba(255,255,255,0.0); + top : -15px; + height : 358px; + width : 358px; + position : absolute; + margin : 0; + left : -15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .group .confirmanchorplay .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 358px; + width : 358px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.confirmanchor .group2 .group .confirmanchorplay .play { + background-color : rgba(255,255,255,0.0); + top : 245px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 140px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(0, 28, 60, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.confirmanchor .group2 .group .confirmanchorplay .triangle8 { + background-color : rgba(255,255,255,0.0); + top : 105px; + height : 124px; + width : 123px; + position : absolute; + margin : 0; + left : 134px; + -ms-transform : rotate(90deg); /* IE 9 */ + -webkit-transform : rotate(90deg); /* Chrome, Safari, Opera */ + transform : rotate(90deg); +} +.confirmanchor .group2 .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 388px; + height : 138px; + width : 138px; + position : absolute; + margin : 0; + left : 95px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} diff --git a/Package-Web/css/cooking.css b/Package-Web/css/cooking.css new file mode 100644 index 0000000..d38b75b --- /dev/null +++ b/Package-Web/css/cooking.css @@ -0,0 +1,1206 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.cooking { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.cooking .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .bitmap6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .oval2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cooking .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 360px; + height : 268px; + width : 472px; + position : absolute; + margin : 0; + left : 110px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .welcometothemarke { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 166px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cooking .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 307px; + height : 90px; + width : 90px; + position : absolute; + margin : 0; + left : 507px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .bitmap2 { + background-color : rgba(255,255,255,0.0); + top : 411px; + height : 94px; + width : 94px; + position : absolute; + margin : 0; + left : 624px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .bitmap3 { + background-color : rgba(255,255,255,0.0); + top : 320px; + height : 80px; + width : 80px; + position : absolute; + margin : 0; + left : 346px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .bitmap4 { + background-color : rgba(255,255,255,0.0); + top : 329px; + height : 82px; + width : 80px; + position : absolute; + margin : 0; + left : 678px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .bitmap5 { + background-color : rgba(255,255,255,0.0); + top : 411px; + height : 80px; + width : 80px; + position : absolute; + margin : 0; + left : 472px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 384px; + position : absolute; + margin : 0; + left : 320px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .chickenwaffles { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 372px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cooking .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .oval1 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .oval1 .rectangle21 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 52px; + width : 58px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .bitmap { + background-color : rgba(255,255,255,0.0); + top : 431px; + height : 72px; + width : 107px; + position : absolute; + margin : 0; + left : 769px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .oval { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .oval .starcopy4 { + background-color : rgba(255,255,255,0.0); + top : 25px; + height : 42px; + width : 66px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .hotspot { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 269px; + width : 170px; + position : absolute; + margin : 0; + left : 199px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 178px; + width : 170px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 149px; + height : 29px; + width : 121px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.cooking .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 99px; + height : 27px; + width : 26px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cooking .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 14px; + width : 16px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .hand .oval11 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 14px; + width : 16px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 13px; + width : 3px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cooking .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 8px; + width : 5px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cooking .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 14px; + width : 3px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cooking .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 13px; + width : 3px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cooking .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 10px; + width : 3px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cooking .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 50px; + height : 59px; + width : 19px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cooking .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 81px; + width : 55px; + position : absolute; + margin : 0; + left : 96px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.cooking .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : 27px; + width : 26px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cooking .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 12px; + height : 14px; + width : 16px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .group12 .handcopy .oval11 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 14px; + width : 16px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 13px; + width : 3px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cooking .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 8px; + width : 5px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cooking .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 14px; + width : 3px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cooking .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 13px; + width : 3px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cooking .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 10px; + width : 3px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cooking .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 59px; + width : 19px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cooking .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 138px; + width : 71px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 103px; + height : 34px; + width : 26px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .oval11 { + background-color : rgba(255,255,255,0.0); + top : 101px; + height : 34px; + width : 26px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 103px; + height : 34px; + width : 26px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 101px; + height : 34px; + width : 26px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 43px; + width : 18px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 44px; + width : 18px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 86px; + width : 70px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 78px; + width : 58px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 23px; + width : 14px; + position : absolute; + margin : 0; + left : 27px; + border-radius : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 5px; + width : 5px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 47px; + height : 5px; + width : 5px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 5px; + width : 5px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 118px; + width : 87px; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 41px; + height : 69px; + width : 70px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 79px; + height : 18px; + width : 14px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cooking .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 18px; + width : 14px; + position : absolute; + margin : 0; + left : 66px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cooking .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 18px; + width : 14px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cooking .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 18px; + width : 14px; + position : absolute; + margin : 0; + left : 66px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cooking .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : 67px; + width : 63px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 50px; + height : 67px; + width : 63px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : 12px; + width : 15px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.cooking .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 88px; + height : 12px; + width : 15px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.cooking .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 95px; + height : 17px; + width : 24px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 99px; + height : 13px; + width : 20px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : 7px; + width : 16px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 5px; + width : 6px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 70px; + height : 8px; + width : 23px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 71px; + height : 7px; + width : 23px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 48px; + height : 35px; + width : 57px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 37px; + width : 57px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 45px; + width : 37px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 45px; + width : 38px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 41px; + width : 68px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 41px; + width : 62px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 43px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 43px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 65px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 10px; + width : 7px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 10px; + width : 7px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cooking .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/cookingGamesMenu.css b/Package-Web/css/cookingGamesMenu.css new file mode 100644 index 0000000..09a47b6 --- /dev/null +++ b/Package-Web/css/cookingGamesMenu.css @@ -0,0 +1,1222 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.cookinggamesmenu { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.cookinggamesmenu .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 339px; + height : 175px; + width : 247px; + position : absolute; + margin : 0; + left : 365px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 339px; + height : 175px; + width : 247px; + position : absolute; + margin : 0; + left : 365px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cookinggamesmenu .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .sowearegoingto { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 332px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookinggamesmenu .group .breakfast { + background-color : rgba(255,255,255,0.0); + top : 489px; + height : auto; + width : 180px; + position : absolute; + margin : 0; + left : 110px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookinggamesmenu .group .lunch { + background-color : rgba(255,255,255,0.0); + top : 514px; + height : auto; + width : 180px; + position : absolute; + margin : 0; + left : 399px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookinggamesmenu .group .dinner { + background-color : rgba(255,255,255,0.0); + top : 531px; + height : auto; + width : 180px; + position : absolute; + margin : 0; + left : 709px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookinggamesmenu .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval1 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval1 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 52px; + width : 58px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 799px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 37px; + width : 21px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .oval2 .rectanglecopy { + background-color : rgba(255, 255, 255, 1.0); + top : 55px; + height : 17px; + box-sizing : border-box; + width : 18px; + position : absolute; + margin : 0; + left : 35px; + border-radius : 5px; + border-style : solid; + border-width : 3px; + border-color : rgba(17, 68, 127, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .hotspot3 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 799px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .bitmap2 { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : 124px; + width : 231px; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group .bitmap3 { + background-color : rgba(255,255,255,0.0); + top : 384px; + height : 162px; + width : 324px; + position : absolute; + margin : 0; + left : 638px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : 211px; + width : 131px; + position : absolute; + margin : 0; + left : 304px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 137px; + width : 131px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 115px; + height : 22px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.cookinggamesmenu .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cookinggamesmenu .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cookinggamesmenu .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookinggamesmenu .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cookinggamesmenu .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cookinggamesmenu .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cookinggamesmenu .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cookinggamesmenu .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 63px; + width : 43px; + position : absolute; + margin : 0; + left : 73px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cookinggamesmenu .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cookinggamesmenu .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cookinggamesmenu .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 105px; + width : 54px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 65px; + width : 53px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 59px; + width : 44px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 18px; + width : 10px; + position : absolute; + margin : 0; + left : 20px; + border-radius : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 44px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 90px; + width : 66px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 53px; + width : 53px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 38px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.cookinggamesmenu .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.cookinggamesmenu .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 14px; + width : 18px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 10px; + width : 15px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 5px; + width : 12px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 6px; + width : 17px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 54px; + height : 5px; + width : 17px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 27px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 28px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 35px; + width : 28px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 35px; + width : 29px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 32px; + width : 52px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 32px; + width : 47px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 1px; + width : 1px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookinggamesmenu .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/cookingfinish.css b/Package-Web/css/cookingfinish.css new file mode 100644 index 0000000..759b2bf --- /dev/null +++ b/Package-Web/css/cookingfinish.css @@ -0,0 +1,1210 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.cookingfinish { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.cookingfinish .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .rectangle2 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .rectangle11 { + background-color : rgba(0, 28, 59, 0.6); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval { + background-color : rgba(255,255,255,0.0); + top : 119px; + height : 299px; + width : 299px; + position : absolute; + margin : 0; + left : 562px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 299px; + width : 299px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval1 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval1 .star { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 60px; + width : 70px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .bravowejustfinis { + background-color : rgba(255,255,255,0.0); + top : 432px; + height : auto; + width : 401px; + position : absolute; + margin : 0; + left : 531px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookingfinish .group .bravowejustfinis .span1 { + +} +.cookingfinish .group .bravowejustfinis .span2 { + color : rgba(246, 231, 0, 1.0); +} +.cookingfinish .group .bravowejustfinis .span3 { + +} +.cookingfinish .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .oval2 .rectangle21 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 52px; + width : 58px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 89px; + position : absolute; + margin : 0; + left : 588px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .ovalcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 50px; + width : 50px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 { + background-color : rgba(255,255,255,0.0); + top : 134px; + height : 869px; + width : 580px; + position : absolute; + margin : 0; + left : -50px; + -ms-transform : rotate(7deg); /* IE 9 */ + -webkit-transform : rotate(7deg); /* Chrome, Safari, Opera */ + transform : rotate(7deg); +} +.cookingfinish .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 614px; + width : 579px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 514px; + height : 100px; + width : 419px; + position : absolute; + margin : 0; + left : 53px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.cookingfinish .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 343px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cookingfinish .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cookingfinish .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 28px; + width : 17px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookingfinish .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 47px; + width : 11px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cookingfinish .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 56px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cookingfinish .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 20px; + height : 36px; + width : 11px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cookingfinish .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 171px; + height : 203px; + width : 64px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cookingfinish .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 276px; + width : 188px; + position : absolute; + margin : 0; + left : 329px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 175px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 28px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 47px; + width : 11px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 56px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.cookingfinish .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 36px; + width : 11px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.cookingfinish .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 203px; + width : 64px; + position : absolute; + margin : 0; + left : 77px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.cookingfinish .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 127px; + height : 474px; + width : 243px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 354px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 349px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 354px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 144px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 349px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 138px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 252px; + height : 150px; + width : 61px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 252px; + height : 152px; + width : 61px; + position : absolute; + margin : 0; + left : 141px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 296px; + width : 242px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 269px; + width : 202px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 80px; + width : 47px; + position : absolute; + margin : 0; + left : 91px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 124px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 163px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 202px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 411px; + width : 298px; + position : absolute; + margin : 0; + left : 75px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 145px; + height : 241px; + width : 239px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 274px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookingfinish .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 280px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 225px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cookingfinish .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 263px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.cookingfinish .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 268px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 225px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.cookingfinish .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 178px; + height : 233px; + width : 214px; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 175px; + height : 233px; + width : 214px; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 303px; + height : 42px; + width : 53px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.cookingfinish .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 306px; + height : 42px; + width : 53px; + position : absolute; + margin : 0; + left : 189px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.cookingfinish .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 335px; + height : 52px; + width : 72px; + position : absolute; + margin : 0; + left : 107px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 344px; + height : 44px; + width : 69px; + position : absolute; + margin : 0; + left : 108px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 364px; + height : 25px; + width : 56px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 311px; + height : 17px; + width : 19px; + position : absolute; + margin : 0; + left : 133px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 243px; + height : 27px; + width : 78px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 247px; + height : 25px; + width : 78px; + position : absolute; + margin : 0; + left : 153px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 167px; + height : 122px; + width : 194px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 127px; + width : 194px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 158px; + width : 125px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 158px; + width : 130px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 144px; + width : 233px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 144px; + width : 211px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 150px; + width : 297px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 150px; + width : 297px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 222px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 33px; + width : 22px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 33px; + width : 22px; + position : absolute; + margin : 0; + left : 186px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 278px; + height : 6px; + width : 8px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 278px; + height : 6px; + width : 8px; + position : absolute; + margin : 0; + left : 186px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .rectangle { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 412px; + position : absolute; + margin : 0; + left : 306px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .rectanglecopy3 { + background-color : rgba(17, 68, 127, 1.0); + top : 629px; + height : 88px; + width : 285px; + position : absolute; + margin : 0; + left : 705px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .foodfinished { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 410px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookingfinish .ilikeit { + background-color : rgba(255,255,255,0.0); + top : 652px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 814px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookingfinish .fill29 { + background-color : rgba(255,255,255,0.0); + top : 661px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 753px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 516px; + height : 50px; + width : 207px; + position : absolute; + margin : 0; + left : 725px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingfinish .line { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 388px; + width : 82px; + position : absolute; + margin : 0; + left : 899px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/cookingstep1.css b/Package-Web/css/cookingstep1.css new file mode 100644 index 0000000..e7e1cd1 --- /dev/null +++ b/Package-Web/css/cookingstep1.css @@ -0,0 +1,442 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.cookingstep1 { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.cookingstep1 .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval .oval6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cookingstep1 .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.cookingstep1 .group .oval1 .oval6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval1 .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 43px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cookingstep1 .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval2 .oval6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval2 .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 42px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(90deg); /* IE 9 */ + -webkit-transform : rotate(90deg); /* Chrome, Safari, Opera */ + transform : rotate(90deg); +} +.cookingstep1 .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 239px; + height : 234px; + width : 208px; + position : absolute; + margin : 0; + left : 407px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 234px; + width : 208px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 244px; + height : 224px; + width : 198px; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval3 { + background-color : rgba(255,255,255,0.0); + top : 347px; + height : 31px; + width : 322px; + position : absolute; + margin : 0; + left : 361px; + -ms-transform : rotate(166deg); /* IE 9 */ + -webkit-transform : rotate(166deg); /* Chrome, Safari, Opera */ + transform : rotate(166deg); +} +.cookingstep1 .group .oval4 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.cookingstep1 .group .oval4 .oval6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval4 .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 41px; + width : 31px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval4 .trianglecopy21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 28px; + width : 21px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .oval5 { + background-color : rgba(255,255,255,0.0); + top : 367px; + height : 68px; + width : 71px; + position : absolute; + margin : 0; + left : 326px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 391px; + height : 475px; + width : 392px; + position : absolute; + margin : 0; + left : 326px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 412px; + position : absolute; + margin : 0; + left : 306px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1 .group .step1choptheoni { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 339px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/cookingstep1finished.css b/Package-Web/css/cookingstep1finished.css new file mode 100644 index 0000000..4ca089a --- /dev/null +++ b/Package-Web/css/cookingstep1finished.css @@ -0,0 +1,405 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.cookingstep1finished { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.cookingstep1finished .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cookingstep1finished .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 337px; + height : 146px; + width : 166px; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 146px; + width : 166px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval11 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.cookingstep1finished .group .oval11 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval11 .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 41px; + width : 31px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .oval11 .trianglecopy21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 28px; + width : 21px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 83px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 412px; + position : absolute; + margin : 0; + left : 306px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .group .step1choptheoni { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 339px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.cookingstep1finished .oval { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .oval .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 43px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.cookingstep1finished .hotspot { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .oval1 { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.cookingstep1finished .oval1 .trianglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 42px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(90deg); /* IE 9 */ + -webkit-transform : rotate(90deg); /* Chrome, Safari, Opera */ + transform : rotate(90deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/css-ag.css b/Package-Web/css/css-ag.css new file mode 100644 index 0000000..cdf25ad --- /dev/null +++ b/Package-Web/css/css-ag.css @@ -0,0 +1,206 @@ +/* + + + +onClick="noImplementedAlert()" + +function noImplementedAlert() { + alert("This feature has not been implemented for this iteration"); +} + + */ +.opacity-ag{ + opacity: 1; +} + +.scale-on-hover:hover{ + transform: scale(1.15)!important; + filter: drop-shadow(0 4px 2px #000); + transition-duration: 0.5s; +} + +.button-ag, .button-ag-dark{ + z-index: 10; + border-radius: 50%; +} +.button-ag:hover, .button-ag:active { + filter: drop-shadow(0 3px 3px #fff); +} +.button-ag:active { + margin-top: 4px!important; + filter: drop-shadow(0 1 3px #fff)!important; +} + +.button-ag-dark:hover, .button-ag-dark:active { + filter: drop-shadow(0 3px 3px #333); +} +.button-ag-dark:active { + margin-top: 4px!important; + filter: drop-shadow(0 1 3px #333)!important; +} + +.input-btn-ag:hover, .input-btn-ag:active { + background-color: rgba(254, 190, 0, 1.0)!important; + filter: drop-shadow(0 3px 3px #fff); +} + +.input-btn-ag:active { + margin-top: 2px!important; + filter: drop-shadow(0 1 3px #fff); +} + + +.container-3d-ag{ + perspective: 1000px; +} + +.effect-3d-ag { + transform-style: preserve-3d; + height: 100%; + width: 100%; + transform-origin: 50% 50%; + transition: -webkit-transform 1.5s linear 0s; + /* transform: translate(-50%, -50%) rotateX(90deg) translate3d(0,0,4vmin); */ +}ag + +.bottomface-ag{ + height: 100%; + width: 100%; + transform: rotateX(-90deg) translate3d(0,0,15vmin); +} + +.bottomface-ag:hover { + background-color: rgba(255, 188, 52, 0.45); +} + +.scaleeffecta { + height:200px; + -webkit-animation: scaleeffect 0.8s linear infinite alternate; + animation: scaleeffect 0.8s linear infinite alternate; +} + +@keyframes scaleeffect { + 0%{ + transform: translateY(-5%); + } + 100%{ + transform: translateY(5%); + } +} + +@-webkit-keyframes scaleeffect{ + 0%{ + transform: translateY(-5%); + } + 100%{ + transform: translateY(5%); + } +} + +[class*="slideInUp-ag"]:hover{ + transform: scale(1.05)!important; +} + +.slideInUp-ag1{ + transform: translateY(150%)!important; + -webkit-animation : slideInUp-ag-kf 1s ease-in 1 forwards; + animation : slideInUp-ag-kf 1s ease-in 1 forwards; +} + +.slideInUp-ag2{ + transform: translateY(150%)!important; + -webkit-animation : slideInUp-ag-kf 1s ease-in 0.5s 1 forwards; + animation : slideInUp-ag-kf 1s ease-in 0.5s 1 forwards; +} + +.slideInUp-ag3{ + transform: translateY(150%)!important; + -webkit-animation : slideInUp-ag-kf 1s ease-in 1s 1 forwards; + animation : slideInUp-ag-kf 1s ease-in 1s 1 forwards; +} + +.slideInUp-ag4{ + transform: translateY(150%)!important; + -webkit-animation : slideInUp-ag-kf 1s ease-in 1.5s 1 forwards; + animation : slideInUp-ag-kf 1s ease-in 1.5s 1 forwards; +} + +@keyframes slideInUp-ag-kf { + 0%{ + transform: translateY(150%); + } + 93%{ + transform: translateY(-10%); + } + 95%{ + transform: translateY(-10%); + } + 100%{ + transform: translateY(0%); + } +} + +@-webkit-keyframes slideInUp-ag-kf { + 0%{ + transform: translateY(150%); + } + 93%{ + transform: translateY(-10%); + } + 95%{ + transform: translateY(-10%); + } + 100%{ + transform: translateY(0%); + } +} + +@-webkit-keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +.fadeIn1 { + opacity: 0; + -webkit-animation: fadeIn 1.5s linear forwards; + animation: fadeIn 1.5s linear forwards; +} + +.fadeIn2 { + opacity: 0; + -webkit-animation: fadeIn 1.5s linear 1s forwards; + animation: fadeIn 1.5s linear 1s forwards; +} + +.fadeIn3 { + opacity: 0; + -webkit-animation: fadeIn 1.5s linear 2s forwards; + animation: fadeIn 1.5s linear 2s forwards; +} + +.fadeIn4 { + opacity: 0; + -webkit-animation: fadeIn 1.5s linear 3s forwards; + animation: fadeIn 1.5s linear 3s forwards; +} + +.fadeIn5 { + opacity: 0; + -webkit-animation: fadeIn 1.5s linear 4s forwards; + animation: fadeIn 1.5s linear 4s forwards; +} diff --git a/Package-Web/css/fCGameFail.css b/Package-Web/css/fCGameFail.css new file mode 100644 index 0000000..6961aed --- /dev/null +++ b/Package-Web/css/fCGameFail.css @@ -0,0 +1,1309 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.fcgamefail { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.fcgamefail .group2 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval { + background-color : rgba(255,255,255,0.0); + top : 459px; + height : 51px; + width : 167px; + position : absolute; + margin : 0; + left : 403px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.63; +} +.fcgamefail .group2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .hotspot { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 905px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .hahaactuallythere { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 389px; + position : absolute; + margin : 0; + left : 318px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.fcgamefail .group2 .group { + background-color : rgba(255,255,255,0.0); + top : 336px; + height : 80px; + width : 100px; + position : absolute; + margin : 0; + left : 592px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .group1 { + background-color : rgba(255,255,255,0.0); + top : 321px; + height : 80px; + width : 100px; + position : absolute; + margin : 0; + left : 324px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : 114px; + width : 141px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .group3 { + background-color : rgba(255,255,255,0.0); + top : 422px; + height : 145px; + width : 176px; + position : absolute; + margin : 0; + left : 538px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 295px; + height : 72px; + width : 69px; + position : absolute; + margin : 0; + left : 233px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval5 { + background-color : rgba(255,255,255,0.0); + top : 326px; + height : 115px; + width : 110px; + position : absolute; + margin : 0; + left : 662px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 265px; + height : 48px; + width : 46px; + position : absolute; + margin : 0; + left : 333px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 278px; + height : 48px; + width : 46px; + position : absolute; + margin : 0; + left : 596px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .a1 { + background-color : rgba(255,255,255,0.0); + top : 301px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 258px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(189, 128, 20, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.fcgamefail .group2 .a2 { + background-color : rgba(255,255,255,0.0); + top : 269px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 350px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(189, 128, 20, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.fcgamefail .group2 .a3 { + background-color : rgba(255,255,255,0.0); + top : 283px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 612px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(189, 128, 20, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.fcgamefail .group2 .a4 { + background-color : rgba(255,255,255,0.0); + top : 343px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 705px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 40.0px; + color : rgba(189, 128, 20, 1.0); + text-align : left; + letter-spacing : 0.5px; + line-height : 56.0px; +} +.fcgamefail .group2 .oval6 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 87px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .ovalcopy2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .oval7 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 59px; + width : 59px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .star { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .oval6 .star1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : 329px; + width : 210px; + position : absolute; + margin : 0; + left : 379px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 81px; + height : 223px; + width : 210px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 187px; + height : 36px; + width : 151px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.fcgamefail .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.fcgamefail .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.fcgamefail .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamefail .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.fcgamefail .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.fcgamefail .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.fcgamefail .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.fcgamefail .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 101px; + width : 68px; + position : absolute; + margin : 0; + left : 119px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.fcgamefail .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.fcgamefail .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.fcgamefail .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 47px; + height : 171px; + width : 88px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 54px; + width : 22px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 55px; + width : 22px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 107px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 97px; + width : 73px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 17px; + position : absolute; + margin : 0; + left : 33px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 148px; + width : 107px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 52px; + height : 87px; + width : 86px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 99px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamefail .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 101px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.fcgamefail .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 95px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamefail .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.fcgamefail .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.fcgamefail .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 68px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.fcgamefail .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 20px; + width : 27px; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 124px; + height : 16px; + width : 25px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 9px; + width : 20px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 112px; + height : 6px; + width : 7px; + position : absolute; + margin : 0; + left : 48px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : 10px; + width : 28px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 9px; + width : 28px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 44px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 46px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 57px; + width : 45px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 56px; + height : 57px; + width : 47px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 26px; + height : 52px; + width : 84px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 52px; + width : 76px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamefail .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/fCGamePass.css b/Package-Web/css/fCGamePass.css new file mode 100644 index 0000000..cc2d988 --- /dev/null +++ b/Package-Web/css/fCGamePass.css @@ -0,0 +1,1327 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.fcgamepass { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.fcgamepass .group2 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 459px; + height : 51px; + width : 167px; + position : absolute; + margin : 0; + left : 403px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.63; +} +.fcgamepass .group2 .oval11 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval11 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval11 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.fcgamepass .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .youarerighthereu2019 { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 406px; + position : absolute; + margin : 0; + left : 309px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.fcgamepass .group2 .group { + background-color : rgba(255,255,255,0.0); + top : 341px; + height : 51px; + width : 58px; + position : absolute; + margin : 0; + left : 613px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .group1 { + background-color : rgba(255,255,255,0.0); + top : 326px; + height : 51px; + width : 58px; + position : absolute; + margin : 0; + left : 345px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 85px; + width : 97px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .group31 { + background-color : rgba(255,255,255,0.0); + top : 427px; + height : 115px; + width : 132px; + position : absolute; + margin : 0; + left : 560px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 87px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 59px; + width : 59px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .star { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .oval2 .star1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group2 .four { + background-color : rgba(255,255,255,0.0); + top : 517px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 771px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(124, 124, 124, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.fcgamepass .group9 { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : 329px; + width : 210px; + position : absolute; + margin : 0; + left : 379px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 81px; + height : 223px; + width : 210px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 187px; + height : 36px; + width : 151px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.fcgamepass .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.fcgamepass .group9 .group7 .hand .oval3 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .hand .oval11 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.fcgamepass .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamepass .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.fcgamepass .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.fcgamepass .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.fcgamepass .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.fcgamepass .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 101px; + width : 68px; + position : absolute; + margin : 0; + left : 119px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .oval3 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .oval11 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.fcgamepass .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.fcgamepass .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.fcgamepass .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 47px; + height : 171px; + width : 88px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .oval11 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 54px; + width : 22px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 55px; + width : 22px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 107px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 97px; + width : 73px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 17px; + position : absolute; + margin : 0; + left : 33px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .oval21 { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 148px; + width : 107px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 52px; + height : 87px; + width : 86px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 99px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamepass .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 101px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.fcgamepass .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 95px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.fcgamepass .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.fcgamepass .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.fcgamepass .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 68px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.fcgamepass .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 20px; + width : 27px; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 124px; + height : 16px; + width : 25px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 9px; + width : 20px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 112px; + height : 6px; + width : 7px; + position : absolute; + margin : 0; + left : 48px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : 10px; + width : 28px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 9px; + width : 28px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 44px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 46px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 57px; + width : 45px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 56px; + height : 57px; + width : 47px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 26px; + height : 52px; + width : 84px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 52px; + width : 76px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .oval11 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 { + background-color : rgba(255,255,255,0.0); + top : 333px; + height : 400px; + width : 277px; + position : absolute; + margin : 0; + left : 353px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 400px; + width : 277px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 274px; + width : 265px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 230px; + width : 223px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 46px; + height : 192px; + width : 185px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .group3 .a4 { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 99px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 100.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 1.25px; + line-height : 139.0px; +} +.fcgamepass .group3 .masterdnumber { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(189, 128, 20, 1.0); + text-align : left; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.fcgamepass .oval { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .hotspot { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fcgamepass .oval1 { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 905px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/findCountingGame.css b/Package-Web/css/findCountingGame.css new file mode 100644 index 0000000..f90e41f --- /dev/null +++ b/Package-Web/css/findCountingGame.css @@ -0,0 +1,1500 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.findcountinggame { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.findcountinggame .group2 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.findcountinggame .group2 .hotspot { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 87px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 59px; + width : 59px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .star { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .oval1 .star1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .surenowtellmeho { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : 389px; + position : absolute; + margin : 0; + left : 318px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.findcountinggame .group2 .group { + background-color : rgba(255,255,255,0.0); + top : 341px; + height : 51px; + width : 58px; + position : absolute; + margin : 0; + left : 613px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .group1 { + background-color : rgba(255,255,255,0.0); + top : 326px; + height : 51px; + width : 58px; + position : absolute; + margin : 0; + left : 345px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 85px; + width : 97px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .group3 { + background-color : rgba(255,255,255,0.0); + top : 427px; + height : 115px; + width : 132px; + position : absolute; + margin : 0; + left : 560px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 229px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle2 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle2 .one { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.findcountinggame .group2 .rectangle2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 93px; + width : 93px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle2 .a1 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 60.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 83.0px; +} +.findcountinggame .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 229px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .hotspot3 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .hotspot4 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 673px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 377px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle3 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle3 .one { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.findcountinggame .group2 .rectangle3 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 93px; + width : 93px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectangle3 .a1 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 60.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 83.0px; +} +.findcountinggame .group2 .hotspot5 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 377px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy .one { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.findcountinggame .group2 .rectanglecopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 93px; + width : 93px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy .a1 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 60.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 83.0px; +} +.findcountinggame .group2 .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 600px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 673px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy2 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 164px; + width : 123px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy2 .one { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.findcountinggame .group2 .rectanglecopy2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 93px; + width : 93px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group2 .rectanglecopy2 .a1 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 60.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 83.0px; +} +.findcountinggame .group9 { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : 329px; + width : 210px; + position : absolute; + margin : 0; + left : 379px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 81px; + height : 223px; + width : 210px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 187px; + height : 36px; + width : 151px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.findcountinggame .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.findcountinggame .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.findcountinggame .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.findcountinggame .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.findcountinggame .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.findcountinggame .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.findcountinggame .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.findcountinggame .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 101px; + width : 68px; + position : absolute; + margin : 0; + left : 119px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 33px; + width : 32px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 10px; + width : 6px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 16px; + width : 4px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.findcountinggame .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 13px; + width : 4px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.findcountinggame .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 73px; + width : 23px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.findcountinggame .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 47px; + height : 171px; + width : 88px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 43px; + width : 32px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 54px; + width : 22px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 91px; + height : 55px; + width : 22px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 107px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : 97px; + width : 73px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 17px; + position : absolute; + margin : 0; + left : 33px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 45px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 148px; + width : 107px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 52px; + height : 87px; + width : 86px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 99px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.findcountinggame .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 101px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.findcountinggame .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 95px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.findcountinggame .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 22px; + width : 17px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.findcountinggame .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 84px; + width : 77px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.findcountinggame .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 110px; + height : 15px; + width : 19px; + position : absolute; + margin : 0; + left : 68px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.findcountinggame .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 20px; + width : 27px; + position : absolute; + margin : 0; + left : 38px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 124px; + height : 16px; + width : 25px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 9px; + width : 20px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 112px; + height : 6px; + width : 7px; + position : absolute; + margin : 0; + left : 48px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 87px; + height : 10px; + width : 28px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 9px; + width : 28px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 44px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 46px; + width : 70px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : 57px; + width : 45px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 56px; + height : 57px; + width : 47px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 26px; + height : 52px; + width : 84px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 52px; + width : 76px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 54px; + width : 107px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 97px; + height : 12px; + width : 8px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.findcountinggame .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} diff --git a/Package-Web/css/foodDetail.css b/Package-Web/css/foodDetail.css new file mode 100644 index 0000000..bd34db6 --- /dev/null +++ b/Package-Web/css/foodDetail.css @@ -0,0 +1,506 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.fooddetail { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.fooddetail .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .oval { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.fooddetail .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 160px; + height : 197px; + width : 371px; + position : absolute; + margin : 0; + left : 590px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .choptheonionands { + background-color : rgba(255,255,255,0.0); + top : 188px; + height : auto; + width : 329px; + position : absolute; + margin : 0; + left : 632px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.fooddetail .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 239px; + height : 234px; + width : 208px; + position : absolute; + margin : 0; + left : 407px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group2 .group22 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 234px; + width : 208px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 244px; + height : 224px; + width : 198px; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 367px; + height : 34px; + width : 437px; + position : absolute; + margin : 0; + left : 281px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.fooddetail .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 434px; + height : 68px; + width : 71px; + position : absolute; + margin : 0; + left : 640px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 454px; + height : 475px; + width : 392px; + position : absolute; + margin : 0; + left : 632px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 425px; + position : absolute; + margin : 0; + left : 300px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle3 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle3 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.fooddetail .group .group21 .rectangle3 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle3 .oval3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle11 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle11 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.fooddetail .group .group21 .rectangle11 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .rectangle11 .oval3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .group21 .hotspot11 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 196px; + position : absolute; + margin : 0; + left : 414px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.fooddetail .group .onion { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 470px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/foodMap.css b/Package-Web/css/foodMap.css new file mode 100644 index 0000000..ec4f943 --- /dev/null +++ b/Package-Web/css/foodMap.css @@ -0,0 +1,448 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.foodmap { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.foodmap .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.foodmap .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 125px; + height : 332px; + width : 332px; + position : absolute; + margin : 0; + left : 365px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 268px; + position : absolute; + margin : 0; + left : 378px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 507px; + height : 309px; + width : 639px; + position : absolute; + margin : 0; + left : 193px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .usfarmersplanta { + background-color : rgba(255,255,255,0.0); + top : 563px; + height : auto; + width : 500px; + position : absolute; + margin : 0; + left : 262px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.foodmap .group .onionmap { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 433px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.foodmap .group .path4 { + background-color : rgba(255,255,255,0.0); + top : 152px; + height : 80px; + width : 104px; + position : absolute; + margin : 0; + left : 431px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.47; +} +.foodmap .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 130px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 440px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 160px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 433px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy2 { + background-color : rgba(255,255,255,0.0); + top : 194px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 441px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy3 { + background-color : rgba(255,255,255,0.0); + top : 153px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 462px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy4 { + background-color : rgba(255,255,255,0.0); + top : 155px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 491px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy5 { + background-color : rgba(255,255,255,0.0); + top : 151px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 520px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval2copy6 { + background-color : rgba(255,255,255,0.0); + top : 168px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 477px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 478px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 478px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .triangle { + background-color : rgba(255,255,255,0.0); + top : 503px; + height : 19px; + width : 37px; + position : absolute; + margin : 0; + left : 494px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmap .group .triangle1 { + background-color : rgba(255,255,255,0.0); + top : 500px; + height : 9px; + width : 17px; + position : absolute; + margin : 0; + left : 504px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/foodMapZoomIn.css b/Package-Web/css/foodMapZoomIn.css new file mode 100644 index 0000000..8a78df4 --- /dev/null +++ b/Package-Web/css/foodMapZoomIn.css @@ -0,0 +1,430 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.foodmapzoomin { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.foodmapzoomin .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : -56px; + height : 1826px; + width : 2436px; + position : absolute; + margin : 0; + left : -826px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.foodmapzoomin .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .group3 { + background-color : rgba(255,255,255,0.0); + top : 94px; + height : 995px; + width : 995px; + position : absolute; + margin : 0; + left : 122px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .group3 .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 995px; + width : 995px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .group3 .path4 { + background-color : rgba(255,255,255,0.0); + top : 79px; + height : 239px; + width : 312px; + position : absolute; + margin : 0; + left : 197px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.47; +} +.foodmapzoomin .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 268px; + position : absolute; + margin : 0; + left : 378px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .onionmap { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 433px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.foodmapzoomin .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .group2 .group21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy6 { + background-color : rgba(255,255,255,0.0); + top : 359px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 378px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy61 { + background-color : rgba(255,255,255,0.0); + top : 259px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 504px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy62 { + background-color : rgba(255,255,255,0.0); + top : 225px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 566px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy63 { + background-color : rgba(255,255,255,0.0); + top : 225px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 530px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy64 { + background-color : rgba(255,255,255,0.0); + top : 212px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 477px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy65 { + background-color : rgba(255,255,255,0.0); + top : 172px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 354px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy66 { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 400px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy67 { + background-color : rgba(255,255,255,0.0); + top : 261px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 333px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .oval2copy68 { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : 27px; + width : 17px; + position : absolute; + margin : 0; + left : 424px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .rectangle2 { + background-color : rgba(0, 0, 0, 0.4); + top : 684px; + height : 132px; + width : 639px; + position : absolute; + margin : 0; + left : 193px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmapzoomin .group .group4 { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : 70px; + width : 69px; + position : absolute; + margin : 0; + left : 478px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/foodMarket.css b/Package-Web/css/foodMarket.css new file mode 100644 index 0000000..cacc402 --- /dev/null +++ b/Package-Web/css/foodMarket.css @@ -0,0 +1,1139 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.foodmarket { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.foodmarket .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.foodmarket .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .welcometothemarke { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 332px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.foodmarket .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 413px; + height : 128px; + width : 128px; + position : absolute; + margin : 0; + left : 725px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap2 { + background-color : rgba(255,255,255,0.0); + top : 417px; + height : 60px; + width : 60px; + position : absolute; + margin : 0; + left : 482px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap3 { + background-color : rgba(255,255,255,0.0); + top : 384px; + height : 128px; + width : 128px; + position : absolute; + margin : 0; + left : 558px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .group1 { + background-color : rgba(255,255,255,0.0); + top : 404px; + height : 69px; + width : 79px; + position : absolute; + margin : 0; + left : 364px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap4 { + background-color : rgba(255,255,255,0.0); + top : 343px; + height : 82px; + width : 82px; + position : absolute; + margin : 0; + left : 799px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap5 { + background-color : rgba(255,255,255,0.0); + top : 353px; + height : 128px; + width : 128px; + position : absolute; + margin : 0; + left : 173px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap6 { + background-color : rgba(255,255,255,0.0); + top : 328px; + height : 112px; + width : 112px; + position : absolute; + margin : 0; + left : 649px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap7 { + background-color : rgba(255,255,255,0.0); + top : 297px; + height : 107px; + width : 107px; + position : absolute; + margin : 0; + left : 330px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap8 { + background-color : rgba(255,255,255,0.0); + top : 297px; + height : 107px; + width : 107px; + position : absolute; + margin : 0; + left : 183px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap9 { + background-color : rgba(255,255,255,0.0); + top : 433px; + height : 97px; + width : 97px; + position : absolute; + margin : 0; + left : 892px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group .bitmap10 { + background-color : rgba(255,255,255,0.0); + top : 327px; + height : 98px; + width : 98px; + position : absolute; + margin : 0; + left : 75px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 { + background-color : rgba(255,255,255,0.0); + top : 228px; + height : 211px; + width : 131px; + position : absolute; + margin : 0; + left : 438px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 137px; + width : 131px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 115px; + height : 22px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.foodmarket .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.foodmarket .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.foodmarket .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodmarket .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.foodmarket .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.foodmarket .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.foodmarket .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.foodmarket .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 63px; + width : 43px; + position : absolute; + margin : 0; + left : 73px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.foodmarket .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 21px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 10px; + width : 12px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 6px; + width : 4px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 10px; + width : 2px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.foodmarket .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 8px; + width : 2px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.foodmarket .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 45px; + width : 15px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.foodmarket .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 105px; + width : 54px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 26px; + width : 20px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 33px; + width : 13px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 65px; + width : 53px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 59px; + width : 44px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 18px; + width : 10px; + position : absolute; + margin : 0; + left : 20px; + border-radius : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 44px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 90px; + width : 66px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 53px; + width : 53px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodmarket .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.foodmarket .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodmarket .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 13px; + width : 10px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.foodmarket .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 38px; + height : 51px; + width : 47px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.foodmarket .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 9px; + width : 12px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.foodmarket .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 14px; + width : 18px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 10px; + width : 15px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 5px; + width : 12px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 4px; + width : 4px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 53px; + height : 6px; + width : 17px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 54px; + height : 5px; + width : 17px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 27px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 28px; + width : 43px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 35px; + width : 28px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 35px; + width : 29px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 32px; + width : 52px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 32px; + width : 47px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 4px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 33px; + width : 66px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 1px; + width : 1px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 7px; + width : 5px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodmarket .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 1px; + width : 2px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/foodPreference.css b/Package-Web/css/foodPreference.css new file mode 100644 index 0000000..cdb2123 --- /dev/null +++ b/Package-Web/css/foodPreference.css @@ -0,0 +1,1115 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.foodpreference { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.foodpreference .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : -182px; + height : 1524px; + width : 2032px; + position : absolute; + margin : 0; + left : -446px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : 915px; + width : 460px; + position : absolute; + margin : 0; + left : 265px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 915px; + width : 460px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 787px; + height : 103px; + width : 352px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.foodpreference .group .group2 .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 367px; + height : 489px; + width : 460px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 225px; + height : 92px; + width : 91px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 43px; + height : 49px; + width : 57px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .oval11 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 49px; + width : 57px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 46px; + width : 11px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 29px; + width : 17px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 49px; + width : 11px; + position : absolute; + margin : 0; + left : 42px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 46px; + width : 11px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.foodpreference .group .group2 .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 20px; + height : 37px; + width : 11px; + position : absolute; + margin : 0; + left : 70px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.foodpreference .group .group2 .group9 .group7 .hand1 { + background-color : rgba(255,255,255,0.0); + top : 225px; + height : 92px; + width : 91px; + position : absolute; + margin : 0; + left : 358px; + -ms-transform : rotate(165deg); /* IE 9 */ + -webkit-transform : rotate(165deg); /* Chrome, Safari, Opera */ + transform : rotate(165deg); +} +.foodpreference .group .group2 .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 46px; + height : 209px; + width : 66px; + position : absolute; + margin : 0; + left : 313px; + -ms-transform : rotate(-29deg); /* IE 9 */ + -webkit-transform : rotate(-29deg); /* Chrome, Safari, Opera */ + transform : rotate(-29deg); +} +.foodpreference .group .group2 .group9 .group7 .armr .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 189px; + width : 61px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .armr .rectangle12 { + background-color : rgba(207, 207, 207, 1.0); + top : 171px; + height : 37px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .armr .rectanglecopy6 { + background-color : rgba(242, 242, 242, 1.0); + top : 163px; + height : 37px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .armr1 { + background-color : rgba(255,255,255,0.0); + top : 46px; + height : 209px; + width : 66px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.foodpreference .group .group2 .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 489px; + width : 251px; + position : absolute; + margin : 0; + left : 106px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 366px; + height : 123px; + width : 92px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .oval11 { + background-color : rgba(255,255,255,0.0); + top : 360px; + height : 123px; + width : 92px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 366px; + height : 123px; + width : 92px; + position : absolute; + margin : 0; + left : 149px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 360px; + height : 123px; + width : 92px; + position : absolute; + margin : 0; + left : 143px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 260px; + height : 155px; + width : 63px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 260px; + height : 157px; + width : 63px; + position : absolute; + margin : 0; + left : 146px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .rectangle12 { + background-color : rgba(255,255,255,0.0); + top : 40px; + height : 306px; + width : 250px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .rectangle21 { + background-color : rgba(255,255,255,0.0); + top : 40px; + height : 278px; + width : 208px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 83px; + width : 49px; + position : absolute; + margin : 0; + left : 95px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 129px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 60px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 169px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 60px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 209px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 60px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 423px; + width : 307px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 149px; + height : 249px; + width : 247px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 282px; + height : 63px; + width : 49px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 63px; + width : 49px; + position : absolute; + margin : 0; + left : 232px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 63px; + width : 49px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 276px; + height : 63px; + width : 49px; + position : absolute; + margin : 0; + left : 232px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 183px; + height : 240px; + width : 221px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 180px; + height : 240px; + width : 221px; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 312px; + height : 43px; + width : 54px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.foodpreference .group .group2 .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 314px; + height : 43px; + width : 54px; + position : absolute; + margin : 0; + left : 195px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.foodpreference .group .group2 .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 344px; + height : 55px; + width : 75px; + position : absolute; + margin : 0; + left : 110px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 354px; + height : 46px; + width : 72px; + position : absolute; + margin : 0; + left : 112px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 374px; + height : 26px; + width : 57px; + position : absolute; + margin : 0; + left : 118px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 320px; + height : 17px; + width : 20px; + position : absolute; + margin : 0; + left : 138px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 250px; + height : 27px; + width : 80px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 254px; + height : 26px; + width : 80px; + position : absolute; + margin : 0; + left : 158px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 171px; + height : 126px; + width : 201px; + position : absolute; + margin : 0; + left : 106px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 163px; + height : 131px; + width : 201px; + position : absolute; + margin : 0; + left : 106px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 163px; + height : 163px; + width : 129px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 160px; + height : 163px; + width : 135px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 74px; + height : 149px; + width : 241px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 69px; + height : 149px; + width : 218px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 154px; + width : 307px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 154px; + width : 307px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 230px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 277px; + height : 34px; + width : 23px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .oval11 { + background-color : rgba(255,255,255,0.0); + top : 277px; + height : 34px; + width : 23px; + position : absolute; + margin : 0; + left : 192px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 286px; + height : 6px; + width : 9px; + position : absolute; + margin : 0; + left : 80px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 286px; + height : 6px; + width : 9px; + position : absolute; + margin : 0; + left : 192px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 494px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 85px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.foodpreference .group .group2 .rectangle2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle2 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 494px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 494px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle11 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle11 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.foodpreference .group .group2 .rectangle11 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .rectangle11 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .group2 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 494px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.foodpreference .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 310px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreference .group .arethereanydietar { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 373px; + position : absolute; + margin : 0; + left : 332px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/foodPreferenceSettings.css b/Package-Web/css/foodPreferenceSettings.css new file mode 100644 index 0000000..f3ad6a6 --- /dev/null +++ b/Package-Web/css/foodPreferenceSettings.css @@ -0,0 +1,719 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.foodpreferencesettings { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.foodpreferencesettings .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : -182px; + height : 1524px; + width : 2032px; + position : absolute; + margin : 0; + left : -446px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 { + background-color : rgba(255,255,255,0.0); + top : 61px; + height : 637px; + width : 640px; + position : absolute; + margin : 0; + left : 187px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 612px; + width : 610px; + position : absolute; + margin : 0; + left : 35px; + border-radius : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 5px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose .oval { + background-color : rgba(255,255,255,0.0); + top : -5px; + height : 98px; + width : 98px; + position : absolute; + margin : 0; + left : -5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 98px; + width : 98px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose .oval .path2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 42px; + width : 43px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .settingsclose .oval .path21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 42px; + width : 43px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group4 .hotspot { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 { + background-color : rgba(255,255,255,0.0); + top : 181px; + height : 549px; + width : 453px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .veganvegetariankos { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : auto; + width : 452px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.foodpreferencesettings .group .group5 .group2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group2 .rectangle2 { + background-color : rgba(254, 190, 0, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group2 .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group3 { + background-color : rgba(255,255,255,0.0); + top : 58px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group3 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group3 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group31 { + background-color : rgba(255,255,255,0.0); + top : 102px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group31 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group31 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group32 { + background-color : rgba(255,255,255,0.0); + top : 145px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group32 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group32 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group33 { + background-color : rgba(255,255,255,0.0); + top : 189px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group33 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group33 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group34 { + background-color : rgba(255,255,255,0.0); + top : 232px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group34 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group34 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group35 { + background-color : rgba(255,255,255,0.0); + top : 276px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group35 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group35 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group36 { + background-color : rgba(255,255,255,0.0); + top : 319px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group36 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group36 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group37 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group37 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group37 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group38 { + background-color : rgba(255,255,255,0.0); + top : 406px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : 395px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group38 .rectanglecopy { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.foodpreferencesettings .group .group5 .group38 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/landing.css b/Package-Web/css/landing.css new file mode 100644 index 0000000..93f9b74 --- /dev/null +++ b/Package-Web/css/landing.css @@ -0,0 +1,738 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.landing { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(124, 124, 124, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.landing .rectangle { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .rectangle1 { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.rectangle1 { + overflow: hidden; +} +.landing .group2 { + background-color : rgba(255,255,255,0.0); + top : 218px; + height : 901px; + width : 598px; + position : absolute; + margin : 0; + left : 559px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .group2 .oval { + background-color : rgba(255,255,255,0.0); + top : 413px; + height : 324px; + width : 378px; + position : absolute; + margin : 0; + left : 140px; + -ms-transform : rotate(-28deg); /* IE 9 */ + -webkit-transform : rotate(-28deg); /* Chrome, Safari, Opera */ + transform : rotate(-28deg); +} + +.landing .group2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 507px; + height : 324px; + width : 378px; + position : absolute; + margin : 0; + left : 166px; + -ms-transform : rotate(-28deg); /* IE 9 */ + -webkit-transform : rotate(-28deg); /* Chrome, Safari, Opera */ + transform : rotate(-28deg); +} +.landing .group2 .rectangle2 { + background-color : rgba(211, 140, 101, 1.0); + top : 397px; + height : 91px; + width : 78px; + position : absolute; + margin : 0; + left : 236px; + border-radius : 39px; + -ms-transform : rotate(-20deg); /* IE 9 */ + -webkit-transform : rotate(-20deg); /* Chrome, Safari, Opera */ + transform : rotate(-20deg); +} +.landing .group2 .group { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 483px; + width : 411px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .group2 .group .path5copy { + background-color : rgba(255,255,255,0.0); + top : 153px; + height : 323px; + width : 318px; + position : absolute; + margin : 0; + left : 87px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 344px; + height : 62px; + width : 61px; + position : absolute; + margin : 0; + left : 88px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 277px; + height : 69px; + width : 53px; + position : absolute; + margin : 0; + left : 320px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 332px; + height : 62px; + width : 61px; + position : absolute; + margin : 0; + left : 84px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 265px; + height : 69px; + width : 53px; + position : absolute; + margin : 0; + left : 316px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 199px; + height : 263px; + width : 241px; + position : absolute; + margin : 0; + left : 108px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 196px; + height : 263px; + width : 241px; + position : absolute; + margin : 0; + left : 107px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 362px; + height : 47px; + width : 59px; + position : absolute; + margin : 0; + left : 134px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); + opacity : 0.6; +} +.landing .group2 .group .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 317px; + height : 53px; + width : 54px; + position : absolute; + margin : 0; + left : 290px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); + opacity : 0.6; +} +.landing .group2 .group .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 368px; + height : 67px; + width : 79px; + position : absolute; + margin : 0; + left : 209px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 373px; + height : 60px; + width : 77px; + position : absolute; + margin : 0; + left : 210px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 404px; + height : 32px; + width : 60px; + position : absolute; + margin : 0; + left : 224px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 351px; + height : 19px; + width : 21px; + position : absolute; + margin : 0; + left : 228px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path2copy { + background-color : rgba(255,255,255,0.0); + top : 297px; + height : 28px; + width : 86px; + position : absolute; + margin : 0; + left : 118px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 257px; + height : 48px; + width : 79px; + position : absolute; + margin : 0; + left : 233px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path3copy { + background-color : rgba(255,255,255,0.0); + top : 196px; + height : 99px; + width : 233px; + position : absolute; + margin : 0; + left : 153px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 176px; + height : 113px; + width : 233px; + position : absolute; + margin : 0; + left : 151px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path4copy { + background-color : rgba(255,255,255,0.0); + top : 195px; + height : 195px; + width : 91px; + position : absolute; + margin : 0; + left : 87px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 194px; + height : 195px; + width : 99px; + position : absolute; + margin : 0; + left : 83px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : 236px; + width : 294px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 52px; + height : 229px; + width : 264px; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 193px; + width : 319px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 193px; + width : 319px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 244px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .oval4 { + background-color : rgba(255,255,255,0.0); + top : 322px; + height : 37px; + width : 26px; + position : absolute; + margin : 0; + left : 157px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .oval11 { + background-color : rgba(255,255,255,0.0); + top : 287px; + height : 37px; + width : 26px; + position : absolute; + margin : 0; + left : 272px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 334px; + height : 7px; + width : 9px; + position : absolute; + margin : 0; + left : 157px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .group2 .group .oval3 { + background-color : rgba(255,255,255,0.0); + top : 299px; + height : 7px; + width : 9px; + position : absolute; + margin : 0; + left : 271px; + -ms-transform : rotate(2deg); /* IE 9 */ + -webkit-transform : rotate(2deg); /* Chrome, Safari, Opera */ + transform : rotate(2deg); +} +.landing .arkitchen { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 295px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 80.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 1.0px; + line-height : 111.0px; +} +.landing .forkids { + background-color : rgba(255,255,255,0.0); + top : 215px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 411px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.landing .landingplay { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : 166px; + width : 166px; + position : absolute; + margin : 0; + left : 429px; + /* overflow : hidden; */ + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .landingplay .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 166px; + width : 166px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .landingplay .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 166px; + width : 166px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .landingplay .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 166px; + width : 166px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .landingplay .oval .triangle { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : 65px; + width : 64px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(90deg); /* IE 9 */ + -webkit-transform : rotate(90deg); /* Chrome, Safari, Opera */ + transform : rotate(90deg); +} +.landing .hotspot { + background-color : rgba(255,255,255,0.0); + /* top : 476px; */ + height : 166px; + width : 166px; + position : absolute; + margin : 0; + /* left : 429px; */ + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 65px; + width : 66px; + position : absolute; + margin : 0; + left : 925px; + /* overflow : hidden; */ + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 65px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings .ovalcopy6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 65px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + /* overflow : hidden; */ + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings .ovalcopy6 .background1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 65px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings .ovalcopy6 .oval { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 66px; + width : 66px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .systemprimesettings .ovalcopy6 .ovalcopy61 { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 43px; + width : 44px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.landing .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 65px; + width : 66px; + position : absolute; + margin : 0; + left : 925px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} diff --git a/Package-Web/css/login.css b/Package-Web/css/login.css new file mode 100644 index 0000000..61477cf --- /dev/null +++ b/Package-Web/css/login.css @@ -0,0 +1,730 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.login { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(124, 124, 124, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.login .rectangle { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .rectangle1 { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 245px; + width : 218px; + position : absolute; + margin : 0; + left : 403px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group6 { + background-color : rgba(255, 255, 255, 1.0); + top : 28px; + height : 217px; + width : 218px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group6 .rectangle3 { + background-color : rgba(255, 255, 255, 1.0); + top : 0px; + height : 217px; + width : 218px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group6 .oval { + background-color : rgba(255,255,255,0.0); + top : 164px; + height : 94px; + width : 132px; + position : absolute; + margin : 0; + left : 91px; + -ms-transform : rotate(-17deg); /* IE 9 */ + -webkit-transform : rotate(-17deg); /* Chrome, Safari, Opera */ + transform : rotate(-17deg); +} +.login .group .group6 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 197px; + height : 62px; + width : 99px; + position : absolute; + margin : 0; + left : 105px; + -ms-transform : rotate(-17deg); /* IE 9 */ + -webkit-transform : rotate(-17deg); /* Chrome, Safari, Opera */ + transform : rotate(-17deg); +} +.login .group .group6 .rectangle11 { + background-color : rgba(212, 141, 104, 1.0); + top : 154px; + height : 37px; + width : 27px; + position : absolute; + margin : 0; + left : 121px; + border-radius : 13px; + -ms-transform : rotate(-19deg); /* IE 9 */ + -webkit-transform : rotate(-19deg); /* Chrome, Safari, Opera */ + transform : rotate(-19deg); +} +.login .group .group5 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 192px; + width : 149px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(-15deg); /* IE 9 */ + -webkit-transform : rotate(-15deg); /* Chrome, Safari, Opera */ + transform : rotate(-15deg); +} +.login .group .group5 .path5 { + background-color : rgba(255,255,255,0.0); + top : 62px; + height : 130px; + width : 127px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval { + background-color : rgba(255,255,255,0.0); + top : 122px; + height : 30px; + width : 23px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.login .group .group5 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 127px; + height : 30px; + width : 23px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.login .group .group5 .ovalcopy5 { + background-color : rgba(255,255,255,0.0); + top : 117px; + height : 30px; + width : 23px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.login .group .group5 .ovalcopy4 { + background-color : rgba(255,255,255,0.0); + top : 120px; + height : 30px; + width : 23px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.login .group .group5 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 117px; + width : 107px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 117px; + width : 107px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 139px; + height : 22px; + width : 25px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; +} +.login .group .group5 .oval5 { + background-color : rgba(255,255,255,0.0); + top : 139px; + height : 22px; + width : 25px; + position : absolute; + margin : 0; + left : 95px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.login .group .group5 .oval21 { + background-color : rgba(255,255,255,0.0); + top : 154px; + height : 28px; + width : 38px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval6 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 35px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval7 { + background-color : rgba(255,255,255,0.0); + top : 169px; + height : 12px; + width : 28px; + position : absolute; + margin : 0; + left : 57px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 142px; + height : 8px; + width : 10px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .path3 { + background-color : rgba(255,255,255,0.0); + top : 80px; + height : 62px; + width : 97px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .path31 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 63px; + width : 97px; + position : absolute; + margin : 0; + left : 52px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .path4 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 78px; + width : 62px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .path41 { + background-color : rgba(255,255,255,0.0); + top : 75px; + height : 78px; + width : 65px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 72px; + width : 117px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 25px; + height : 72px; + width : 107px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 75px; + width : 149px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .ovalcopy71 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 75px; + width : 149px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .group .group5 .oval9 { + background-color : rgba(255,255,255,0.0); + top : 40px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .arkitchen { + background-color : rgba(255,255,255,0.0); + top : 314px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 376px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.login .forkids { + background-color : rgba(255,255,255,0.0); + top : 384px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 451px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.login .rectangle2 { + background-color : rgba(4, 77, 163, 1.0); + top : 459px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .hotspot { + background-color : rgba(255,255,255,0.0); + top : 459px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .rectanglecopy { + background-color : rgba(4, 77, 163, 1.0); + top : 542px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .rectanglecopy2 { + background-color : rgba(254, 190, 0, 1.0); + top : 629px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 523px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .login1 { + background-color : rgba(255,255,255,0.0); + top : 650px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 556px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.login .signup { + background-color : rgba(255,255,255,0.0); + top : 629px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 355px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .signup .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .signup .signup2 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.login .signup .rectanglecopy22 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 68px; + box-sizing : border-box; + width : 146px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .signup .signup1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.login .signup .rectanglecopy21 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 68px; + box-sizing : border-box; + width : 146px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.login .emailorusername { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 377px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(43, 116, 199, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.login .password { + background-color : rgba(255,255,255,0.0); + top : 560px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 376px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(43, 116, 199, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/loginpassword.css b/Package-Web/css/loginpassword.css new file mode 100644 index 0000000..c390671 --- /dev/null +++ b/Package-Web/css/loginpassword.css @@ -0,0 +1,1874 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.loginpassword { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(124, 124, 124, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.loginpassword .rectangle { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .rectangle1 { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .rectangle2 { + background-color : rgba(4, 77, 163, 1.0); + top : 200px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .rectanglecopy { + background-color : rgba(4, 77, 163, 1.0); + top : 283px; + height : 68px; + box-sizing : border-box; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(159, 204, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .rectanglecopy2 { + background-color : rgba(254, 190, 0, 1.0); + top : 370px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 523px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .hotspot { + background-color : rgba(255,255,255,0.0); + top : 370px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 523px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .login { + background-color : rgba(255,255,255,0.0); + top : 391px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 556px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginpassword .signup { + background-color : rgba(255,255,255,0.0); + top : 391px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 382px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginpassword .a123456gmailcom { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 377px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(159, 204, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginpassword .label1 { + background-color : rgba(255,255,255,0.0); + top : 301px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 377px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(159, 204, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginpassword .rectanglecopy21 { + background-color : rgba(255,255,255,0.0); + top : 370px; + height : 68px; + box-sizing : border-box; + width : 146px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : 291px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 291px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 249px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .base { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 249px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow { + background-color : rgba(255,255,255,0.0); + top : 195px; + height : 51px; + width : 1012px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 51px; + width : 244px; + position : absolute; + margin : 0; + left : 768px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .background1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 243px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .key { + background-color : rgba(255,255,255,0.0); + top : -1px; + height : 51px; + width : 240px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .return { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 99px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .space { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 396px; + position : absolute; + margin : 0; + left : 357px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .space .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 396px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 178px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 .span1 { + +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 .span2 { + +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .voice { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .voice .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .voice .speech { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 20px; + width : 12px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 115px; + position : absolute; + margin : 0; + left : 126px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 113px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji .emoji1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 20px; + width : 20px; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 112px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 111px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 .a1231 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow { + background-color : rgba(255,255,255,0.0); + top : 136px; + height : 50px; + width : 1008px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .delete { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 893px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .delete .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .delete .back { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 23px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .m { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 768px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .m .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .m .m1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .n { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 666px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .n .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .n .n1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .b { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 563px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .b .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .b .b1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .v { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 461px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .v .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .v .v1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .c { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 357px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .c .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .c .c1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .x { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .x .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .x .x1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .z { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 153px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .z .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .z .z1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .shift { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .shift .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .thirdrow .shift .shift1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 18px; + width : 20px; + position : absolute; + margin : 0; + left : 48px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 51px; + width : 909px; + position : absolute; + margin : 0; + left : 57px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .l { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 822px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .l .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .l .l1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .k { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 719px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .k .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .k .k1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .j { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 617px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .j .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .j .j1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .h { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 514px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .h .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .h .h1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .g { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .g .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .g .g1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .f { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 308px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .f .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .f .f1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .d { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 205px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .d .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .d .d1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .s { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 104px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .s .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .s .s1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .a { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .a .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .secondrow .a .a1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 50px; + width : 1008px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .p { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 920px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .p .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .p .p1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .o { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 819px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .o .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .o .o1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .i { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 716px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .i .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .i .i1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .u { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 614px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .u .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .u .u1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .y { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 511px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .y .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .y .y1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .t { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 409px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .t .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .t .t1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .r { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 306px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .r .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .r .r1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .e { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 204px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .e .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .e .e1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .w { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .w .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .w .w1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .q { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .q .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .keyboard .toprow .q .q1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 42px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .bar { + background-color : rgba(187, 194, 202, 1.0); + top : 0px; + height : 42px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .separators { + background-color : rgba(209, 214, 218, 1.0); + top : 0px; + height : 42px; + width : 1px; + position : absolute; + margin : 0; + left : 339px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .right { + background-color : rgba(209, 214, 218, 1.0); + top : 0px; + height : 42px; + width : 1px; + position : absolute; + margin : 0; + left : 684px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .iu2019m { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 710px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .the { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 369px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginpassword .keyboardskeyboardsuggestions .suggestionbar .i { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginpassword .arkitchen { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 376px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.loginpassword .forkids { + background-color : rgba(255,255,255,0.0); + top : 121px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 451px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/loginusername.css b/Package-Web/css/loginusername.css new file mode 100644 index 0000000..9ad5cc6 --- /dev/null +++ b/Package-Web/css/loginusername.css @@ -0,0 +1,1886 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.loginusername { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(124, 124, 124, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.loginusername .rectangle { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectangle1 { + background-color : rgba(29, 96, 172, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 200px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectangle2 .rectangle3 { + background-color : rgba(4, 77, 163, 1.0); + top : 0px; + height : 68px; + box-sizing : border-box; + width : 314px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(159, 204, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectangle2 .label1 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(159, 204, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginusername .hotspot { + background-color : rgba(255,255,255,0.0); + top : 200px; + height : 151px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectanglecopy { + background-color : rgba(4, 77, 163, 1.0); + top : 283px; + height : 68px; + width : 314px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .rectanglecopy2 { + background-color : rgba(254, 190, 0, 1.0); + top : 370px; + height : 68px; + width : 146px; + position : absolute; + margin : 0; + left : 523px; + border-radius : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .login { + background-color : rgba(255,255,255,0.0); + top : 391px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 556px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginusername .signup { + background-color : rgba(255,255,255,0.0); + top : 391px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 382px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginusername .password { + background-color : rgba(255,255,255,0.0); + top : 301px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 376px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(43, 116, 199, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.loginusername .rectanglecopy21 { + background-color : rgba(255,255,255,0.0); + top : 370px; + height : 68px; + box-sizing : border-box; + width : 146px; + position : absolute; + margin : 0; + left : 355px; + border-radius : 34px; + border-style : solid; + border-width : 2px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions { + background-color : rgba(255,255,255,0.0); + top : 476px; + height : 291px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 291px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 249px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .base { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 249px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow { + background-color : rgba(255,255,255,0.0); + top : 195px; + height : 51px; + width : 1012px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 51px; + width : 244px; + position : absolute; + margin : 0; + left : 768px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .background1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 243px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .key { + background-color : rgba(255,255,255,0.0); + top : -1px; + height : 51px; + width : 240px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .enterkey .return { + background-color : rgba(255,255,255,0.0); + top : 14px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 99px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .space { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 396px; + position : absolute; + margin : 0; + left : 357px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .space .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 396px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 178px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 .span1 { + +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .space .space1 .span2 { + +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .voice { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .voice .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .voice .speech { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 20px; + width : 12px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 115px; + position : absolute; + margin : 0; + left : 126px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 113px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .emoji .emoji1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 20px; + width : 20px; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 112px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 111px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .bottomrow .a123 .a1231 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + letter-spacing : -0.32px; + line-height : 19.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow { + background-color : rgba(255,255,255,0.0); + top : 136px; + height : 50px; + width : 1008px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .delete { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 893px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .delete .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .delete .back { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 17px; + width : 23px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .m { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 768px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .m .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .m .m1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .n { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 666px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .n .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .n .n1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .b { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 563px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .b .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .b .b1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .v { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 461px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .v .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .v .v1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .c { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 357px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .c .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .c .c1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .x { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 254px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .x .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .x .x1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .z { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 153px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .z .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .z .z1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .shift { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .shift .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 115px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .thirdrow .shift .shift1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 18px; + width : 20px; + position : absolute; + margin : 0; + left : 48px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 51px; + width : 909px; + position : absolute; + margin : 0; + left : 57px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .l { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 822px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .l .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .l .l1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .k { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 719px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .k .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .k .k1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .j { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 617px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .j .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .j .j1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .h { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 514px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .h .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .h .h1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .g { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .g .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .g .g1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .f { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 308px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .f .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .f .f1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .d { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 205px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .d .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .d .d1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .s { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 104px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .s .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .s .s1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .a { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .a .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 51px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .secondrow .a .a1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow { + background-color : rgba(255,255,255,0.0); + top : 11px; + height : 50px; + width : 1008px; + position : absolute; + margin : 0; + left : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .p { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 920px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .p .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .p .p1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .o { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 819px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .o .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .o .o1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .i { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 716px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .i .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .i .i1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .u { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 614px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .u .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .u .u1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .y { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 511px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .y .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .y .y1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .t { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 409px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .t .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .t .t1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .r { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 306px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .r .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .r .r1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .e { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 204px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .e .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .e .e1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .w { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 88px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .w .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .w .w1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .q { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .q .key { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 50px; + width : 87px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .keyboard .toprow .q .q1 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 25.0px; + color : rgba(3, 3, 3, 1.0); + text-align : center; + line-height : 30.0px; +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 42px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .bar { + background-color : rgba(187, 194, 202, 1.0); + top : 0px; + height : 42px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .separators { + background-color : rgba(209, 214, 218, 1.0); + top : 0px; + height : 42px; + width : 1px; + position : absolute; + margin : 0; + left : 339px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .right { + background-color : rgba(209, 214, 218, 1.0); + top : 0px; + height : 42px; + width : 1px; + position : absolute; + margin : 0; + left : 684px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .iu2019m { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 710px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .the { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 369px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginusername .keyboardskeyboardsuggestions .suggestionbar .i { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : 286px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "Helvetica", Helvetica, Arial, serif; + font-size : 18.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : -0.45px; + line-height : 22.0px; +} +.loginusername .arkitchen { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 376px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.loginusername .forkids { + background-color : rgba(255,255,255,0.0); + top : 121px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 451px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/menu.css b/Package-Web/css/menu.css new file mode 100644 index 0000000..ae3e0e3 --- /dev/null +++ b/Package-Web/css/menu.css @@ -0,0 +1,1253 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.menu { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.menu .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle1 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle1 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 59px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.menu .group .rectangle1 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.rectangle1, .rectangle2, .rectangle3, .rectangle4 { + transition-duration: 0; + transform: translateY(150%); +} +.menu .group .rectangle1 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle1 .oval1 .a1 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 60.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.75px; + line-height : 83.0px; +} +.menu .group .rectangle1 .oval1 .a3 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 106px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.56px; + line-height : 42.0px; +} +.menu .group .rectangle1 .oval1 .a2 { + background-color : rgba(255,255,255,0.0); + top : 57px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 28px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.6; + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.75px; + line-height : 42.0px; +} +.menu .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 308px; +} +.menu .group .rectangle2 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 73px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.menu .group .rectangle2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group .rectangle2 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 308px; +} +.menu .group .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 527px; +} +.menu .group .rectangle3 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .rectangle3 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 75px; + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.menu .group .rectangle3 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; +} +.menu .group .rectangle3 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 527px; +} +.menu .group .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 746px; +} +.menu .group .rectangle4 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .rectangle4 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 66px; + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.menu .group .rectangle4 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; +} +.menu .group .rectangle4 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .hotspot3 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 746px; +} +.menu .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; +} +.menu .group .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; +} +.menu .group .oval .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.menu .group .hotspot4 { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; +} +.menu .group .rectangle5 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; +} +.menu .group .hitherewhereshou { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 332px; + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.menu .group9 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 353px; + width : 174px; + position : absolute; + margin : 0; + left : 426px; +} +.menu .group9 .oval { + background-color : rgba(255,255,255,0.0); + top : 290px; + height : 38px; + width : 130px; + position : absolute; + margin : 0; + left : 22px; + opacity : 0.5; +} +.menu .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 135px; + height : 180px; + width : 171px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 82px; + height : 35px; + width : 34px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.menu .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 18px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 18px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.menu .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 12px; + height : 11px; + width : 6px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.menu .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 18px; + width : 4px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.menu .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 17px; + width : 4px; + position : absolute; + margin : 0; + left : 21px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.menu .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 14px; + width : 4px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.menu .group9 .group7 .hand1 { + background-color : rgba(255,255,255,0.0); + top : 82px; + height : 35px; + width : 34px; + position : absolute; + margin : 0; + left : 133px; + -ms-transform : rotate(165deg); /* IE 9 */ + -webkit-transform : rotate(165deg); /* Chrome, Safari, Opera */ + transform : rotate(165deg); +} +.menu .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 77px; + width : 25px; + position : absolute; + margin : 0; + left : 116px; + -ms-transform : rotate(-29deg); /* IE 9 */ + -webkit-transform : rotate(-29deg); /* Chrome, Safari, Opera */ + transform : rotate(-29deg); +} +.menu .group9 .group7 .armr .rectangle { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 69px; + width : 23px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .armr .rectangle1 { + background-color : rgba(207, 207, 207, 1.0); + top : 63px; + height : 14px; + width : 24px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .armr .rectanglecopy6 { + background-color : rgba(242, 242, 242, 1.0); + top : 60px; + height : 14px; + width : 24px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .armr1 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 77px; + width : 25px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.menu .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 180px; + width : 93px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 135px; + height : 45px; + width : 34px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 133px; + height : 45px; + width : 34px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 135px; + height : 45px; + width : 34px; + position : absolute; + margin : 0; + left : 55px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 133px; + height : 45px; + width : 34px; + position : absolute; + margin : 0; + left : 53px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 96px; + height : 57px; + width : 23px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 96px; + height : 58px; + width : 23px; + position : absolute; + margin : 0; + left : 54px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 113px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 102px; + width : 77px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 31px; + width : 18px; + position : absolute; + margin : 0; + left : 35px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 47px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 62px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 156px; + width : 113px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 92px; + width : 91px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : 23px; + width : 18px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.menu .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 106px; + height : 23px; + width : 18px; + position : absolute; + margin : 0; + left : 86px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.menu .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 23px; + width : 18px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.menu .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 102px; + height : 23px; + width : 18px; + position : absolute; + margin : 0; + left : 86px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.menu .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 89px; + width : 81px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 66px; + height : 89px; + width : 81px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 115px; + height : 16px; + width : 20px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.menu .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 116px; + height : 16px; + width : 20px; + position : absolute; + margin : 0; + left : 72px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.menu .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 126px; + height : 22px; + width : 29px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 131px; + height : 17px; + width : 26px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 138px; + height : 9px; + width : 21px; + position : absolute; + margin : 0; + left : 43px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 118px; + height : 6px; + width : 7px; + position : absolute; + margin : 0; + left : 51px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 92px; + height : 10px; + width : 30px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 94px; + height : 9px; + width : 30px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 63px; + height : 46px; + width : 74px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 48px; + width : 74px; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 60px; + height : 60px; + width : 48px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 59px; + height : 60px; + width : 50px; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 27px; + height : 55px; + width : 89px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 25px; + height : 55px; + width : 80px; + position : absolute; + margin : 0; + left : 12px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 57px; + width : 113px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 57px; + width : 113px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 84px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 102px; + height : 13px; + width : 8px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 102px; + height : 13px; + width : 8px; + position : absolute; + margin : 0; + left : 71px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 105px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.menu .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 105px; + height : 2px; + width : 3px; + position : absolute; + margin : 0; + left : 71px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} diff --git a/Package-Web/css/numberGames.css b/Package-Web/css/numberGames.css new file mode 100644 index 0000000..3b78acd --- /dev/null +++ b/Package-Web/css/numberGames.css @@ -0,0 +1,1392 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.numbergames { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.numbergames .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle1 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle1 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbergames .group .rectangle1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle1 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 308px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle2 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbergames .group .rectangle2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle2 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 527px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle3 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle3 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 4px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbergames .group .rectangle3 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle3 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 746px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle4 .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle4 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbergames .group .rectangle4 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle4 .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval .rectangle6 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.numbergames .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .rectangle5 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 262px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .okwhichgamedoyo { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 332px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.numbergames .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .starcopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 87px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .starcopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 15px; + height : 59px; + width : 59px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .star { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 69px; + width : 69px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group .oval1 .star1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .hotspot { + background-color : rgba(255,255,255,0.0); + top : 21px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 { + background-color : rgba(255,255,255,0.0); + top : 146px; + height : 396px; + width : 255px; + position : absolute; + margin : 0; + left : 407px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 100px; + height : 271px; + width : 255px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .oval { + background-color : rgba(255,255,255,0.0); + top : 227px; + height : 44px; + width : 184px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.numbergames .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 151px; + height : 40px; + width : 39px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.numbergames .group9 .group7 .hand .oval2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .hand .oval1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.numbergames .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 12px; + width : 7px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbergames .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 21px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.numbergames .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.numbergames .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 9px; + height : 16px; + width : 5px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.numbergames .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 76px; + height : 90px; + width : 29px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.numbergames .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 122px; + width : 83px; + position : absolute; + margin : 0; + left : 144px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.numbergames .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 40px; + width : 39px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.numbergames .group9 .group7 .group12 .handcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 18px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .group12 .handcopy .oval1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 21px; + width : 24px; + position : absolute; + margin : 0; + left : 7px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.numbergames .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 13px; + height : 12px; + width : 7px; + position : absolute; + margin : 0; + left : 3px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbergames .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 21px; + width : 5px; + position : absolute; + margin : 0; + left : 18px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.numbergames .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 20px; + width : 5px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.numbergames .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : 16px; + width : 5px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.numbergames .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 2px; + height : 90px; + width : 29px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.numbergames .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 56px; + height : 209px; + width : 107px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .oval3 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 9px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .oval1 { + background-color : rgba(255,255,255,0.0); + top : 154px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 63px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 154px; + height : 52px; + width : 39px; + position : absolute; + margin : 0; + left : 61px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .rectangle { + background-color : rgba(255,255,255,0.0); + top : 111px; + height : 66px; + width : 27px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 111px; + height : 67px; + width : 27px; + position : absolute; + margin : 0; + left : 62px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 131px; + width : 106px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 118px; + width : 89px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 35px; + width : 21px; + position : absolute; + margin : 0; + left : 40px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .oval2 { + background-color : rgba(255,255,255,0.0); + top : 55px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 72px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 89px; + height : 7px; + width : 7px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 181px; + width : 130px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 64px; + height : 106px; + width : 104px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 121px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbergames .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 123px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 98px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.numbergames .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 116px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbergames .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 118px; + height : 27px; + width : 21px; + position : absolute; + margin : 0; + left : 98px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.numbergames .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 103px; + width : 94px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 77px; + height : 103px; + width : 94px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 133px; + height : 18px; + width : 23px; + position : absolute; + margin : 0; + left : 20px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.numbergames .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 135px; + height : 18px; + width : 23px; + position : absolute; + margin : 0; + left : 83px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.numbergames .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 146px; + height : 25px; + width : 33px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 152px; + height : 20px; + width : 30px; + position : absolute; + margin : 0; + left : 47px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 160px; + height : 11px; + width : 24px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 137px; + height : 7px; + width : 9px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 107px; + height : 12px; + width : 34px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 109px; + height : 11px; + width : 34px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 54px; + width : 85px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 70px; + height : 56px; + width : 85px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 70px; + height : 70px; + width : 55px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 68px; + height : 70px; + width : 57px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 64px; + width : 102px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 64px; + width : 92px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 7px; + height : 66px; + width : 130px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 66px; + width : 130px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 34px; + height : 2px; + width : 2px; + position : absolute; + margin : 0; + left : 97px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .oval { + background-color : rgba(255,255,255,0.0); + top : 119px; + height : 15px; + width : 10px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .oval1 { + background-color : rgba(255,255,255,0.0); + top : 119px; + height : 15px; + width : 10px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .oval2 { + background-color : rgba(255,255,255,0.0); + top : 122px; + height : 2px; + width : 4px; + position : absolute; + margin : 0; + left : 34px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbergames .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 122px; + height : 2px; + width : 4px; + position : absolute; + margin : 0; + left : 81px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} diff --git a/Package-Web/css/numberMenu.css b/Package-Web/css/numberMenu.css new file mode 100644 index 0000000..1461965 --- /dev/null +++ b/Package-Web/css/numberMenu.css @@ -0,0 +1,1244 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.numbermenu { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.numbermenu .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 { + background-color : rgba(255,255,255,0.0); + top : 62px; + height : 869px; + width : 580px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(7deg); /* IE 9 */ + -webkit-transform : rotate(7deg); /* Chrome, Safari, Opera */ + transform : rotate(7deg); +} +.numbermenu .group .group9 .group7 { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : 614px; + width : 579px; + position : absolute; + margin : 0; + left : 1px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 514px; + height : 100px; + width : 419px; + position : absolute; + margin : 0; + left : 53px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.5; +} +.numbermenu .group .group9 .group7 .hand { + background-color : rgba(255,255,255,0.0); + top : 343px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.numbermenu .group .group9 .group7 .hand .oval4 { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .hand .oval11 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .hand .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.numbermenu .group .group9 .group7 .hand .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 28px; + width : 17px; + position : absolute; + margin : 0; + left : 6px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbermenu .group .group9 .group7 .hand .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 47px; + width : 11px; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.numbermenu .group .group9 .group7 .hand .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 56px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.numbermenu .group .group9 .group7 .hand .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 20px; + height : 36px; + width : 11px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.numbermenu .group .group9 .group7 .armr { + background-color : rgba(255,255,255,0.0); + top : 171px; + height : 203px; + width : 64px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.numbermenu .group .group9 .group7 .group12 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 276px; + width : 188px; + position : absolute; + margin : 0; + left : 329px; + -ms-transform : rotate(-145deg); /* IE 9 */ + -webkit-transform : rotate(-145deg); /* Chrome, Safari, Opera */ + transform : rotate(-145deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy { + background-color : rgba(255,255,255,0.0); + top : 175px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 10px; + -ms-transform : rotate(-165deg); /* IE 9 */ + -webkit-transform : rotate(-165deg); /* Chrome, Safari, Opera */ + transform : rotate(-165deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .oval4 { + background-color : rgba(255,255,255,0.0); + top : 42px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .oval11 { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : 47px; + width : 55px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .ovalcopy43 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 24px; + -ms-transform : rotate(-11deg); /* IE 9 */ + -webkit-transform : rotate(-11deg); /* Chrome, Safari, Opera */ + transform : rotate(-11deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .ovalcopy47 { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 28px; + width : 17px; + position : absolute; + margin : 0; + left : 5px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .ovalcopy44 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 47px; + width : 11px; + position : absolute; + margin : 0; + left : 40px; + -ms-transform : rotate(8deg); /* IE 9 */ + -webkit-transform : rotate(8deg); /* Chrome, Safari, Opera */ + transform : rotate(8deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .ovalcopy45 { + background-color : rgba(255,255,255,0.0); + top : 5px; + height : 44px; + width : 11px; + position : absolute; + margin : 0; + left : 56px; + -ms-transform : rotate(18deg); /* IE 9 */ + -webkit-transform : rotate(18deg); /* Chrome, Safari, Opera */ + transform : rotate(18deg); +} +.numbermenu .group .group9 .group7 .group12 .handcopy .ovalcopy46 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 36px; + width : 11px; + position : absolute; + margin : 0; + left : 67px; + -ms-transform : rotate(35deg); /* IE 9 */ + -webkit-transform : rotate(35deg); /* Chrome, Safari, Opera */ + transform : rotate(35deg); +} +.numbermenu .group .group9 .group7 .group12 .armrcopy { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 203px; + width : 64px; + position : absolute; + margin : 0; + left : 77px; + -ms-transform : rotate(29deg); /* IE 9 */ + -webkit-transform : rotate(29deg); /* Chrome, Safari, Opera */ + transform : rotate(29deg); +} +.numbermenu .group .group9 .group7 .body { + background-color : rgba(255,255,255,0.0); + top : 127px; + height : 474px; + width : 243px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .oval4 { + background-color : rgba(255,255,255,0.0); + top : 354px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 19px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .oval11 { + background-color : rgba(255,255,255,0.0); + top : 349px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 13px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .ovalcopy40 { + background-color : rgba(255,255,255,0.0); + top : 354px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 144px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .ovalcopy401 { + background-color : rgba(255,255,255,0.0); + top : 349px; + height : 119px; + width : 89px; + position : absolute; + margin : 0; + left : 138px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 252px; + height : 150px; + width : 61px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .rectanglecopy5 { + background-color : rgba(255,255,255,0.0); + top : 252px; + height : 152px; + width : 61px; + position : absolute; + margin : 0; + left : 141px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 296px; + width : 242px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 39px; + height : 269px; + width : 202px; + position : absolute; + margin : 0; + left : 2px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 80px; + width : 47px; + position : absolute; + margin : 0; + left : 91px; + border-radius : 8px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .oval21 { + background-color : rgba(255,255,255,0.0); + top : 124px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .ovalcopy41 { + background-color : rgba(255,255,255,0.0); + top : 163px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .group7 .body .ovalcopy42 { + background-color : rgba(255,255,255,0.0); + top : 202px; + height : 17px; + width : 17px; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 411px; + width : 298px; + position : absolute; + margin : 0; + left : 75px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path5copy { + background-color : rgba(255,255,255,0.0); + top : 145px; + height : 241px; + width : 239px; + position : absolute; + margin : 0; + left : 33px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 274px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbermenu .group .group9 .headb .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 280px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 225px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.numbermenu .group .group9 .headb .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 263px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(-26deg); /* IE 9 */ + -webkit-transform : rotate(-26deg); /* Chrome, Safari, Opera */ + transform : rotate(-26deg); +} +.numbermenu .group .group9 .headb .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 268px; + height : 61px; + width : 47px; + position : absolute; + margin : 0; + left : 225px; + -ms-transform : rotate(26deg); /* IE 9 */ + -webkit-transform : rotate(26deg); /* Chrome, Safari, Opera */ + transform : rotate(26deg); +} +.numbermenu .group .group9 .headb .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 178px; + height : 233px; + width : 214px; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 175px; + height : 233px; + width : 214px; + position : absolute; + margin : 0; + left : 36px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 303px; + height : 42px; + width : 53px; + position : absolute; + margin : 0; + left : 45px; + -ms-transform : rotate(22deg); /* IE 9 */ + -webkit-transform : rotate(22deg); /* Chrome, Safari, Opera */ + transform : rotate(22deg); + opacity : 0.6; +} +.numbermenu .group .group9 .headb .ovalcopy15 { + background-color : rgba(255,255,255,0.0); + top : 306px; + height : 42px; + width : 53px; + position : absolute; + margin : 0; + left : 189px; + -ms-transform : rotate(-22deg); /* IE 9 */ + -webkit-transform : rotate(-22deg); /* Chrome, Safari, Opera */ + transform : rotate(-22deg); + opacity : 0.6; +} +.numbermenu .group .group9 .headb .oval2copy { + background-color : rgba(255,255,255,0.0); + top : 335px; + height : 52px; + width : 72px; + position : absolute; + margin : 0; + left : 107px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy16 { + background-color : rgba(255,255,255,0.0); + top : 344px; + height : 44px; + width : 69px; + position : absolute; + margin : 0; + left : 108px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy17 { + background-color : rgba(255,255,255,0.0); + top : 364px; + height : 25px; + width : 56px; + position : absolute; + margin : 0; + left : 114px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy18 { + background-color : rgba(255,255,255,0.0); + top : 311px; + height : 17px; + width : 19px; + position : absolute; + margin : 0; + left : 133px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path2copy { + background-color : rgba(255,255,255,0.0); + top : 243px; + height : 27px; + width : 78px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path2copy2 { + background-color : rgba(255,255,255,0.0); + top : 247px; + height : 25px; + width : 78px; + position : absolute; + margin : 0; + left : 153px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path3copy { + background-color : rgba(255,255,255,0.0); + top : 167px; + height : 122px; + width : 194px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path3copy2 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 127px; + width : 194px; + position : absolute; + margin : 0; + left : 103px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path4copy { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 158px; + width : 125px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .path4copy2 { + background-color : rgba(255,255,255,0.0); + top : 156px; + height : 158px; + width : 130px; + position : absolute; + margin : 0; + left : 11px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 73px; + height : 144px; + width : 233px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 144px; + width : 211px; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy19 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 150px; + width : 297px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy20 { + background-color : rgba(255,255,255,0.0); + top : 1px; + height : 150px; + width : 297px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .ovalcopy21 { + background-color : rgba(255,255,255,0.0); + top : 78px; + height : 6px; + width : 6px; + position : absolute; + margin : 0; + left : 222px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .oval4 { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 33px; + width : 22px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .oval11 { + background-color : rgba(255,255,255,0.0); + top : 270px; + height : 33px; + width : 22px; + position : absolute; + margin : 0; + left : 186px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .oval21 { + background-color : rgba(255,255,255,0.0); + top : 278px; + height : 6px; + width : 8px; + position : absolute; + margin : 0; + left : 78px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group9 .headb .oval3 { + background-color : rgba(255,255,255,0.0); + top : 278px; + height : 6px; + width : 8px; + position : absolute; + margin : 0; + left : 186px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval { + background-color : rgba(255,255,255,0.0); + top : 94px; + height : 603px; + width : 603px; + position : absolute; + margin : 0; + left : 502px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 603px; + width : 603px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval1 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval1 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.numbermenu .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 399px; + width : 472px; + position : absolute; + margin : 0; + left : 145px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .todayu2019slunchrecome { + background-color : rgba(255,255,255,0.0); + top : 51px; + height : auto; + width : 360px; + position : absolute; + margin : 0; + left : 201px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.numbermenu .group .todayu2019slunchrecome .span1 { + +} +.numbermenu .group .todayu2019slunchrecome .span2 { + color : rgba(246, 231, 0, 1.0); +} +.numbermenu .group .todayu2019slunchrecome .span3 { + +} +.numbermenu .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 425px; + position : absolute; + margin : 0; + left : 300px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 85px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbermenu .group .group2 .rectangle2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle2 .oval3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle11 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle11 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 89px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.numbermenu .group .group2 .rectangle11 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .rectangle11 .oval3 .oval4 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .group2 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval2 .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .oval2 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 52px; + width : 58px; + position : absolute; + margin : 0; + left : 16px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 902px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/numberMenu4.css b/Package-Web/css/numberMenu4.css new file mode 100644 index 0000000..ecb8ea5 --- /dev/null +++ b/Package-Web/css/numberMenu4.css @@ -0,0 +1,368 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.numbermenu4 { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.numbermenu4 .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .oval { + background-color : rgba(255,255,255,0.0); + top : 16px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.numbermenu4 .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 67px; + height : 885px; + width : 1244px; + position : absolute; + margin : 0; + left : -110px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 203px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 154px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy4 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 312px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 203px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 312px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy5 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 470px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 522px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 470px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy2 { + background-color : rgba(255,255,255,0.0); + top : 203px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 469px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy6 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 627px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 522px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 627px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy3 { + background-color : rgba(255,255,255,0.0); + top : 203px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 627px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 363px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 785px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 522px; + height : 129px; + width : 130px; + position : absolute; + margin : 0; + left : 785px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 268px; + position : absolute; + margin : 0; + left : 378px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.numbermenu4 .group .mypalette { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 430px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/nutrition.css b/Package-Web/css/nutrition.css new file mode 100644 index 0000000..598461b --- /dev/null +++ b/Package-Web/css/nutrition.css @@ -0,0 +1,428 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.nutrition { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.nutrition .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .oval .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .oval .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.nutrition .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 337px; + height : 146px; + width : 166px; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group2 .group22 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 146px; + width : 166px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 239px; + width : 425px; + position : absolute; + margin : 0; + left : 300px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle2 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle2 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 82px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.nutrition .group .group21 .rectangle2 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle2 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .hotspot2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle11 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle11 .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle11 .numbers { + background-color : rgba(255,255,255,0.0); + top : 190px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 58px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.nutrition .group .group21 .rectangle11 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 19px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 26px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .rectangle11 .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 155px; + width : 155px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .group21 .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 239px; + width : 206px; + position : absolute; + margin : 0; + left : 219px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 196px; + position : absolute; + margin : 0; + left : 414px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutrition .group .onion { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 470px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/nutritionDetails.css b/Package-Web/css/nutritionDetails.css new file mode 100644 index 0000000..801b504 --- /dev/null +++ b/Package-Web/css/nutritionDetails.css @@ -0,0 +1,363 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.nutritiondetails { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.nutritiondetails .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 868px; + width : 1158px; + position : absolute; + margin : 0; + left : -94px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .oval .oval3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .oval .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.nutritiondetails .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 455px; + height : 43px; + width : 151px; + position : absolute; + margin : 0; + left : 461px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 359px; + height : 51px; + width : 179px; + position : absolute; + margin : 0; + left : 185px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .path3 { + background-color : rgba(255,255,255,0.0); + top : 136px; + height : 349px; + width : 128px; + position : absolute; + margin : 0; + left : 476px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + opacity : 0.26; +} +.nutritiondetails .group .bitmap1 { + background-color : rgba(255,255,255,0.0); + top : 144px; + height : 332px; + width : 117px; + position : absolute; + margin : 0; + left : 478px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .group2 { + background-color : rgba(255,255,255,0.0); + top : 162px; + height : 206px; + width : 206px; + position : absolute; + margin : 0; + left : 172px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .group2 .group22 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 206px; + width : 206px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 144px; + height : 333px; + width : 386px; + position : absolute; + margin : 0; + left : 618px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .onionsaregoodfor { + background-color : rgba(255,255,255,0.0); + top : 200px; + height : auto; + width : 244px; + position : absolute; + margin : 0; + left : 729px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.nutritiondetails .group .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 536px; + position : absolute; + margin : 0; + left : 244px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .nutritionfactsabou { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 294px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.nutritiondetails .group .group21 { + background-color : rgba(255,255,255,0.0); + top : 22px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 211px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.nutritiondetails .group .group21 .group22 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 76px; + width : 69px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/parentCenter.css b/Package-Web/css/parentCenter.css new file mode 100644 index 0000000..57806f1 --- /dev/null +++ b/Package-Web/css/parentCenter.css @@ -0,0 +1,928 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.parentcenter { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(29, 96, 172, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.parentcenter .rectangle { + background-color : rgba(0, 28, 60, 0.4); + top : 166px; + height : 140px; + width : 847px; + position : absolute; + margin : 0; + left : 89px; + border-radius : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 325px; + height : 140px; + width : 847px; + position : absolute; + margin : 0; + left : 89px; + border-radius : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectangle2 { + background-color : rgba(0, 28, 60, 0.4); + top : 484px; + height : 140px; + width : 847px; + position : absolute; + margin : 0; + left : 89px; + border-radius : 22px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenteravaliable { + background-color : rgba(255,255,255,0.0); + top : 166px; + height : 140px; + width : 135px; + position : absolute; + margin : 0; + left : 801px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenteravaliable .rectangle8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 140px; + width : 135px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenteravaliable .avaliable1 { + background-color : rgba(255,255,255,0.0); + top : 79px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 32px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(162, 239, 0, 1.0); + text-align : center; + letter-spacing : 0.2px; + line-height : 23.0px; +} +.parentcenter .parentcenteravaliable .oval1 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .carolineu2019splayingt { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 235px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 28.0px; +} +.parentcenter .total { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 529px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .a120min { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 529px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a120min .span1 { + line-height : 42.0px; +} +.parentcenter .a120min .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .a70min { + background-color : rgba(255,255,255,0.0); + top : 229px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 665px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a70min .span1 { + line-height : 42.0px; +} +.parentcenter .a70min .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .cost { + background-color : rgba(255,255,255,0.0); + top : 201px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 664px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .group2 { + background-color : rgba(255,255,255,0.0); + top : 504px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 118px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group2 .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group2 .a585861431 { + background-color : rgba(255,255,255,0.0); + top : -43px; + height : 225px; + width : 341px; + position : absolute; + margin : 0; + left : -158px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group4 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 118px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group4 .rectangle8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group4 .a993795898 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 150px; + position : absolute; + margin : 0; + left : -25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group4 .a1011589346 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 207px; + width : 313px; + position : absolute; + margin : 0; + left : -66px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group3 { + background-color : rgba(255,255,255,0.0); + top : 345px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 118px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group3 .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 100px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .group3 .a902830088 { + background-color : rgba(255,255,255,0.0); + top : 3px; + height : 160px; + width : 243px; + position : absolute; + margin : 0; + left : -95px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .systemprimeback { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .systemprimeback .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .systemprimeback .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .systemprimeback .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .systemprimeback .oval1 .rectangle8 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.parentcenter .hotspot { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectangle3 { + background-color : rgba(153, 103, 15, 1.0); + top : 240px; + height : 35px; + width : 228px; + position : absolute; + margin : 0; + left : 235px; + border-radius : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectanglecopy5 { + background-color : rgba(254, 190, 0, 1.0); + top : 242px; + height : 31px; + width : 142px; + position : absolute; + margin : 0; + left : 237px; + border-radius : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .annu2019splayingtime { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 231px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 28.0px; +} +.parentcenter .total1 { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .a120min1 { + background-color : rgba(255,255,255,0.0); + top : 386px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a120min1 .span1 { + line-height : 42.0px; +} +.parentcenter .a120min1 .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .a45min { + background-color : rgba(255,255,255,0.0); + top : 386px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 661px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a45min .span1 { + line-height : 42.0px; +} +.parentcenter .a45min .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .cost1 { + background-color : rgba(255,255,255,0.0); + top : 358px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 660px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .rectangle4 { + background-color : rgba(153, 103, 15, 1.0); + top : 397px; + height : 35px; + width : 228px; + position : absolute; + margin : 0; + left : 231px; + border-radius : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectanglecopy51 { + background-color : rgba(254, 190, 0, 1.0); + top : 399px; + height : 31px; + width : 100px; + position : absolute; + margin : 0; + left : 233px; + border-radius : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .lesteru2019splayingtim { + background-color : rgba(255,255,255,0.0); + top : 517px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 231px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 28.0px; +} +.parentcenter .total2 { + background-color : rgba(255,255,255,0.0); + top : 517px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .a120min2 { + background-color : rgba(255,255,255,0.0); + top : 545px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 525px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a120min2 .span1 { + line-height : 42.0px; +} +.parentcenter .a120min2 .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .a120min3 { + background-color : rgba(255,255,255,0.0); + top : 545px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 661px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(254, 190, 0, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 20.0px; +} +.parentcenter .a120min3 .span1 { + line-height : 42.0px; +} +.parentcenter .a120min3 .span2 { + font-size : 20.0px; + line-height : 28.0px; +} +.parentcenter .rectangle5 { + background-color : rgba(255,255,255,0.0); + top : 325px; + height : 140px; + width : 135px; + position : absolute; + margin : 0; + left : 801px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .avaliable { + background-color : rgba(255,255,255,0.0); + top : 404px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 833px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(162, 239, 0, 1.0); + text-align : center; + letter-spacing : 0.2px; + line-height : 23.0px; +} +.parentcenter .oval { + background-color : rgba(255,255,255,0.0); + top : 362px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 851px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenterblocked { + background-color : rgba(255,255,255,0.0); + top : 484px; + height : 140px; + width : 135px; + position : absolute; + margin : 0; + left : 803px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenterblocked .rectangle8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 140px; + width : 135px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenterblocked .blocked { + background-color : rgba(255,255,255,0.0); + top : 79px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 37px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 16.0px; + color : rgba(255, 60, 147, 1.0); + text-align : center; + letter-spacing : 0.2px; + line-height : 23.0px; +} +.parentcenter .parentcenterblocked .oval1 { + background-color : rgba(255,255,255,0.0); + top : 37px; + height : 35px; + width : 35px; + position : absolute; + margin : 0; + left : 50px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .cost2 { + background-color : rgba(255,255,255,0.0); + top : 517px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 660px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcenter .rectangle6 { + background-color : rgba(153, 103, 15, 1.0); + top : 556px; + height : 35px; + width : 228px; + position : absolute; + margin : 0; + left : 231px; + border-radius : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectanglecopy52 { + background-color : rgba(254, 190, 0, 1.0); + top : 558px; + height : 31px; + width : 223px; + position : absolute; + margin : 0; + left : 233px; + border-radius : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .rectangle7 { + background-color : rgba(0, 28, 60, 0.4); + top : 35px; + height : 78px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcenter .parentcenter1 { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 407px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/parentCode.css b/Package-Web/css/parentCode.css new file mode 100644 index 0000000..2b899cb --- /dev/null +++ b/Package-Web/css/parentCode.css @@ -0,0 +1,741 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.parentcode { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.parentcode .rectangle { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .hotspot { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .rectangle1 { + background-color : rgba(0, 28, 60, 0.4); + top : 35px; + height : 78px; + width : 472px; + position : absolute; + margin : 0; + left : 276px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .enterparentcode { + background-color : rgba(255,255,255,0.0); + top : 49px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 380px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .oval { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .oval .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .oval .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 41px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy3 { + background-color : rgba(255,255,255,0.0); + top : 336px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy3 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy3 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy6 { + background-color : rgba(255,255,255,0.0); + top : 455px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 344px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy6 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy6 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 463px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy4 { + background-color : rgba(255,255,255,0.0); + top : 336px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 463px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy4 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy4 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy7 { + background-color : rgba(255,255,255,0.0); + top : 455px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 463px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy7 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy7 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy9 { + background-color : rgba(255,255,255,0.0); + top : 574px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 463px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy9 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy9 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy10 { + background-color : rgba(255,255,255,0.0); + top : 574px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 582px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy10 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy10 .delete { + background-color : rgba(255,255,255,0.0); + top : 36px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 17px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.parentcode .ovalcopy2 { + background-color : rgba(255,255,255,0.0); + top : 217px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 582px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy2 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy2 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy5 { + background-color : rgba(255,255,255,0.0); + top : 336px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 582px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy5 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy5 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .ovalcopy8 { + background-color : rgba(255,255,255,0.0); + top : 455px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 582px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy8 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 99px; + width : 99px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy8 .a1 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.parentcode .systemprimeback { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .systemprimeback .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .systemprimeback .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.parentcode .oval1 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 22px; + position : absolute; + margin : 0; + left : 423px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy11 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 22px; + position : absolute; + margin : 0; + left : 463px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy12 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 22px; + position : absolute; + margin : 0; + left : 503px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy13 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 22px; + position : absolute; + margin : 0; + left : 540px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .ovalcopy14 { + background-color : rgba(255,255,255,0.0); + top : 159px; + height : 22px; + width : 22px; + position : absolute; + margin : 0; + left : 580px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.parentcode .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/recipeList.css b/Package-Web/css/recipeList.css new file mode 100644 index 0000000..12df959 --- /dev/null +++ b/Package-Web/css/recipeList.css @@ -0,0 +1,800 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.recipelist { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.recipelist .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectangle { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval7 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval7 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval7 .rectangle4 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.recipelist .group .rectangle1 { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 120px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectanglecopy { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 393px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectanglecopy2 { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 666px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectangle2 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 120px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectanglecopy1 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 393px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .rectanglecopy21 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 666px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval1 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 156px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval1 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval2 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval3 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 702px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval3 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval4 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 156px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval4 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval5 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 428px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval5 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval6 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 701px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .oval6 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .chickenwaffles { + background-color : rgba(255,255,255,0.0); + top : 387px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 145px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a25minutes { + background-color : rgba(255,255,255,0.0); + top : 366px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 200px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .bananasandwiches { + background-color : rgba(255,255,255,0.0); + top : 388px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 416px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a10minutes { + background-color : rgba(255,255,255,0.0); + top : 367px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 474px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .bananasmoothies { + background-color : rgba(255,255,255,0.0); + top : 385px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 695px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a10minutes1 { + background-color : rgba(255,255,255,0.0); + top : 364px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 747px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .fruitkabobs { + background-color : rgba(255,255,255,0.0); + top : 723px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 174px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a15minutes { + background-color : rgba(255,255,255,0.0); + top : 702px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 200px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .turkeysloppyjoes { + background-color : rgba(255,255,255,0.0); + top : 723px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a30minutes { + background-color : rgba(255,255,255,0.0); + top : 702px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 472px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .maccheesebites { + background-color : rgba(255,255,255,0.0); + top : 724px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 685px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelist .group .a10minutes2 { + background-color : rgba(255,255,255,0.0); + top : 703px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 747px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelist .group .rectangle3 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 284px; + position : absolute; + margin : 0; + left : 370px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .group .recipelist1 { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.recipelist .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 894px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .oval .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .oval .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .oval .label1 { + background-color : rgba(255,255,255,0.0); + top : 10px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 0.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.recipelist .hotspot { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill29 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill291 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 573px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill292 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 845px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill293 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill294 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 573px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelist .fill295 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 845px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/recipeListHelp.css b/Package-Web/css/recipeListHelp.css new file mode 100644 index 0000000..2acf828 --- /dev/null +++ b/Package-Web/css/recipeListHelp.css @@ -0,0 +1,1028 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.recipelisthelp { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.recipelisthelp .group { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectangle4 { + background-color : rgba(215, 215, 215, 1.0); + top : 0px; + height : 768px; + box-sizing : border-box; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + border-style : solid; + border-width : 1px; + border-color : rgba(150, 150, 150, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .bitmap { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 937px; + width : 1249px; + position : absolute; + margin : 0; + left : -68px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval7 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval7 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval7 .rectangle5 { + background-color : rgba(255,255,255,0.0); + top : 17px; + height : 54px; + width : 34px; + position : absolute; + margin : 0; + left : 27px; + -ms-transform : rotate(-90deg); /* IE 9 */ + -webkit-transform : rotate(-90deg); /* Chrome, Safari, Opera */ + transform : rotate(-90deg); +} +.recipelisthelp .group .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 30px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectangle11 { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 120px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectanglecopy { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 393px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectanglecopy2 { + background-color : rgba(0, 0, 0, 0.4); + top : 146px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 666px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectangle21 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 120px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectanglecopy1 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 393px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .rectanglecopy21 { + background-color : rgba(0, 0, 0, 0.4); + top : 482px; + height : 300px; + width : 238px; + position : absolute; + margin : 0; + left : 666px; + border-radius : 40px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval11 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 156px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval11 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval2 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval2 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval3 { + background-color : rgba(255,255,255,0.0); + top : 186px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 702px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval3 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval4 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 156px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval4 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval5 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 428px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval5 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval6 { + background-color : rgba(255,255,255,0.0); + top : 529px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 701px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .oval6 .oval8 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 165px; + width : 165px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .chickenwaffles { + background-color : rgba(255,255,255,0.0); + top : 387px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 145px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a25minutes { + background-color : rgba(255,255,255,0.0); + top : 366px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 200px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .bananasandwiches { + background-color : rgba(255,255,255,0.0); + top : 388px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 416px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a10minutes { + background-color : rgba(255,255,255,0.0); + top : 367px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 474px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .bananasmoothies { + background-color : rgba(255,255,255,0.0); + top : 385px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 695px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a10minutes1 { + background-color : rgba(255,255,255,0.0); + top : 364px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 747px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .fruitkabobs { + background-color : rgba(255,255,255,0.0); + top : 723px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 174px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a15minutes { + background-color : rgba(255,255,255,0.0); + top : 702px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 200px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .turkeysloppyjoes { + background-color : rgba(255,255,255,0.0); + top : 723px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 412px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a30minutes { + background-color : rgba(255,255,255,0.0); + top : 702px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 472px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .maccheesebites { + background-color : rgba(255,255,255,0.0); + top : 724px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 685px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group .a10minutes2 { + background-color : rgba(255,255,255,0.0); + top : 703px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 747px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.recipelisthelp .group .rectangle3 { + background-color : rgba(0, 28, 60, 0.4); + top : 21px; + height : 78px; + width : 284px; + position : absolute; + margin : 0; + left : 370px; + border-radius : 39px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group .recipelist { + background-color : rgba(255,255,255,0.0); + top : 35px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 429px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.recipelisthelp .oval { + background-color : rgba(255,255,255,0.0); + top : 30px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 894px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 92px; + width : 92px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval .label1 { + background-color : rgba(255,255,255,0.0); + top : 10px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 31px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 0.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.recipelisthelp .fill29 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill291 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 573px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill292 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 845px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill293 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill294 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 573px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill295 { + background-color : rgba(255,255,255,0.0); + top : 505px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 845px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .rectangle { + background-color : rgba(255,255,255,0.0); + top : 107px; + height : 727px; + width : 855px; + position : absolute; + margin : 0; + left : 101px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 221px; + height : 110px; + width : 257px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .recipesthatyouu2019ve { + background-color : rgba(255,255,255,0.0); + top : 231px; + height : auto; + width : 250px; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(131, 84, 0, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 407px; + height : 431px; + width : 861px; + position : absolute; + margin : 0; + left : 95px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group2 { + background-color : rgba(255,255,255,0.0); + top : 494px; + height : 113px; + width : 264px; + position : absolute; + margin : 0; + left : 741px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group2 .rectanglecopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 113px; + width : 257px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group2 .recipesthatyouhav { + background-color : rgba(255,255,255,0.0); + top : 10px; + height : auto; + width : 250px; + position : absolute; + margin : 0; + left : 14px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(117, 117, 117, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .group2copy { + background-color : rgba(255,255,255,0.0); + top : 199px; + height : 146px; + width : 265px; + position : absolute; + margin : 0; + left : 614px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group2copy .rectanglecopy3 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 146px; + width : 258px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .group2copy .recipesthatyouhav { + background-color : rgba(255,255,255,0.0); + top : 71px; + height : auto; + width : 250px; + position : absolute; + margin : 0; + left : 15px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.25px; + line-height : 28.0px; +} +.recipelisthelp .oval1 { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval1 .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval1 .ovalcopy .ovalcopy1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .oval1 .label1 { + background-color : rgba(255,255,255,0.0); + top : 8px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.recipelisthelp .hotspot { + background-color : rgba(255,255,255,0.0); + top : 32px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 896px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill296 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.recipelisthelp .fill297 { + background-color : rgba(255,255,255,0.0); + top : 170px; + height : 33px; + width : 36px; + position : absolute; + margin : 0; + left : 573px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/settings.css b/Package-Web/css/settings.css new file mode 100644 index 0000000..aa667f0 --- /dev/null +++ b/Package-Web/css/settings.css @@ -0,0 +1,544 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.settings { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.settings .group { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 768px; + width : 1024px; + position : relative; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .rectangle { + background-color : rgba(8, 60, 120, 1.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .arkitchen { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 301px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 80.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 1.0px; + line-height : 111.0px; +} +.settings .group .forkids { + background-color : rgba(255,255,255,0.0); + top : 215px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 414px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 50.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.63px; + line-height : 70.0px; +} +.settings .group .oval { + background-color : rgba(255,255,255,0.0); + top : 475px; + height : 168px; + width : 168px; + position : absolute; + margin : 0; + left : 428px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .triangle { + background-color : rgba(255,255,255,0.0); + top : 527px; + height : 63px; + width : 62px; + position : absolute; + margin : 0; + left : 491px; + -ms-transform : rotate(90deg); /* IE 9 */ + -webkit-transform : rotate(90deg); /* Chrome, Safari, Opera */ + transform : rotate(90deg); +} +.settings .group .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 129px; + height : 529px; + width : 444px; + position : absolute; + margin : 0; + left : 290px; + border-radius : 35px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .music { + background-color : rgba(255,255,255,0.0); + top : 257px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 359px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.settings .group .language { + background-color : rgba(255,255,255,0.0); + top : 545px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 359px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.settings .group .accessibilityfeatur { + background-color : rgba(255,255,255,0.0); + top : 333px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 360px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS", Helvetica, Arial, serif; + font-size : 30.0px; + color : rgba(255, 255, 255, 1.0); + text-align : left; + letter-spacing : 0.38px; + line-height : 42.0px; +} +.settings .group .settingsclose { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 260px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .settingsclose .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .settingsclose .oval1 { + background-color : rgba(255,255,255,0.0); + top : -5px; + height : 98px; + width : 98px; + position : absolute; + margin : 0; + left : -5px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .settingsclose .oval1 .oval2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 98px; + width : 98px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .settingsclose .oval1 .path2 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 42px; + width : 43px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .settingsclose .oval1 .path21 { + background-color : rgba(255,255,255,0.0); + top : 28px; + height : 42px; + width : 43px; + position : absolute; + margin : 0; + left : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .hotspot { + background-color : rgba(255,255,255,0.0); + top : 104px; + height : 88px; + width : 88px; + position : absolute; + margin : 0; + left : 258px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleon { + background-color : rgba(255,255,255,0.0); + top : 267px; + height : 23px; + width : 52px; + position : absolute; + margin : 0; + left : 601px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleon .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 23px; + width : 52px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleon .rectangle3 { + background-color : rgba(255,255,255,0.0); + top : -3px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : -3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleon .rectangle3 .rectangle4 { + background-color : rgba(254, 190, 0, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleon .rectangle3 .oval1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 29px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleoff { + background-color : rgba(255,255,255,0.0); + top : 347px; + height : 23px; + width : 52px; + position : absolute; + margin : 0; + left : 601px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleoff .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 23px; + width : 52px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleoff .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : -3px; + height : 29px; + width : 58px; + position : absolute; + margin : 0; + left : -3px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleoff .rectanglecopy .rectanglecopy1 { + background-color : rgba(8, 61, 120, 1.0); + top : 0px; + height : 29px; + box-sizing : border-box; + width : 58px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 11px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .systemtoggleoff .rectanglecopy .ovalcopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 29px; + width : 29px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .rectangle2 { + background-color : rgba(255,255,255,0.0); + top : 549px; + height : 42px; + width : 167px; + position : absolute; + margin : 0; + left : 514px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .rectangle2 .background { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 42px; + width : 167px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .rectangle2 .rectangle3 { + background-color : rgba(8, 61, 120, 1.0); + top : -3px; + height : 48px; + box-sizing : border-box; + width : 171px; + position : absolute; + margin : 0; + left : -2px; + border-radius : 21px; + border-style : solid; + border-width : 5px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.settings .group .rectangle2 .english { + background-color : rgba(255,255,255,0.0); + top : 6px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 49px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 20.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.31px; + line-height : 28.0px; +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/css/user.css b/Package-Web/css/user.css new file mode 100644 index 0000000..f49c90a --- /dev/null +++ b/Package-Web/css/user.css @@ -0,0 +1,430 @@ + +@font-face { + font-family: "ComicSansMS-Bold"; + src: url('../fonts/Comic Sans MS Bold.ttf') format("truetype"); + } + @font-face { + font-family: "ComicSansMS"; + src: url('../fonts/Comic Sans MS.ttf') format("truetype"); + } + +.user { + width : 100%; + min-width : 1024px; + height : 100vh; + min-height : 768px; + position : relative; + overflow : hidden; + margin : 0px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-color : rgba(255, 255, 255, 1.0); +} +a { + text-decoration : none; +} +div { + -webkit-text-size-adjust: none; +} +.anima-full-width-a { + width : 100%; +} +.anima-full-height-a { + height : 100%; +} +div { + -webkit-text-size-adjust: none; +} +.user .rectangle { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 768px; + width : 1024px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .user1 { + background-color : rgba(255,255,255,0.0); + top : 563px; + height : 97px; + width : 97px; + position : absolute; + margin : 0; + left : 464px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .user1 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 97px; + box-sizing : border-box; + width : 97px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 48px; + border-style : solid; + border-width : 3px; + border-color : rgba(255, 255, 255, 1.0); + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .user1 .line { + background-color : rgba(255,255,255,0.0); + top : 46px; + height : 4px; + width : 49px; + position : absolute; + margin : 0; + left : 23px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .user1 .line1 { + background-color : rgba(255,255,255,0.0); + top : 24px; + height : 49px; + width : 4px; + position : absolute; + margin : 0; + left : 46px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .caroline { + background-color : rgba(255,255,255,0.0); + top : 470px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 272px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.user .ann { + background-color : rgba(255,255,255,0.0); + top : 470px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 500px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.user .lester { + background-color : rgba(255,255,255,0.0); + top : 470px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 702px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.user .parentcenter { + background-color : rgba(255,255,255,0.0); + top : 128px; + height : auto; + width : auto; + position : absolute; + margin : 0; + left : 882px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); + font-family : "ComicSansMS-Bold", Helvetica, Arial, serif; + font-size : 15.0px; + color : rgba(255, 255, 255, 1.0); + text-align : center; + letter-spacing : 0.19px; + line-height : 21.0px; +} +.user .group2 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 639px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group2 .rectanglecopy2 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group2 .a585861431 { + background-color : rgba(255,255,255,0.0); + top : -73px; + height : 386px; + width : 580px; + position : absolute; + margin : 0; + left : -268px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group4 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 215px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group4 .rectangle1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group4 .a993795898 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 170px; + width : 255px; + position : absolute; + margin : 0; + left : -42px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group4 .a1011589346 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 355px; + width : 532px; + position : absolute; + margin : 0; + left : -113px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group3 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 427px; + border-radius : 25px; + overflow : hidden; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group3 .rectanglecopy { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 170px; + width : 170px; + position : absolute; + margin : 0; + left : 0px; + border-radius : 25px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group3 .a902830088 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 275px; + width : 413px; + position : absolute; + margin : 0; + left : -160px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 890px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .group .group1 { + background-color : rgba(255,255,255,0.0); + top : 0px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 0px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .hotspot { + background-color : rgba(255,255,255,0.0); + top : 29px; + height : 90px; + width : 88px; + position : absolute; + margin : 0; + left : 890px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +.user .hotspot1 { + background-color : rgba(255,255,255,0.0); + top : 288px; + height : 170px; + width : 382px; + position : absolute; + margin : 0; + left : 215px; + -ms-transform : rotate(0deg); /* IE 9 */ + -webkit-transform : rotate(0deg); /* Chrome, Safari, Opera */ + transform : rotate(0deg); +} +/* .anima-animate-appear prefix for appear animations */ +.anima-animate-appear { + opacity : 0; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 normal forwards; + animation : anima-reveal 0.3s ease-in-out 1 normal forwards; +} +.anima-animate-disappear { + opacity : 1; + display : block; + -webkit-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + -moz-animation : anima-reveal 0.3s ease-in 1 normal forwards; + -o-animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; + animation : anima-reveal 0.3s ease-in-out 1 reverse forwards; +} +.anima-animate-nodelay { + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay : 0; + animation-delay : 0; +} +@-webkit-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-moz-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@-o-keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} +@keyframes anima-reveal { + 0% + + { + opacity: 0; + } + + + 100% + + { + opacity: 1; + } +} \ No newline at end of file diff --git a/Package-Web/fcgamefail.html b/Package-Web/fcgamefail.html new file mode 100644 index 0000000..4a6f43f --- /dev/null +++ b/Package-Web/fcgamefail.html @@ -0,0 +1,222 @@ + + + + + + + + + + + + + + +
+
+
+
+
+ + + + + + + + + + +
+ Uh-oh! Actually there are four lemons around me! +
+ + + + + + + + +
+ 1 +
+
+ 2 +
+
+ 3 +
+
+ 4 +
+ +
+
+
+ + + + + + +
+ +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/fcgamepass.html b/Package-Web/fcgamepass.html new file mode 100644 index 0000000..515bad1 --- /dev/null +++ b/Package-Web/fcgamepass.html @@ -0,0 +1,224 @@ + + + + + + + + + + + + + + +
+
+
+
+
+ + + +
+ + +
+ + +
+ You are right! Here’s your badge! Congratulations! +
+ + + + + +
+
+
+ + + + + + +
+ +
+ Four +
+
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + +
+ 4 +
+
+ Masterd number +
+
+ + + + +
+
+ + + + + diff --git a/Package-Web/findcountinggame.html b/Package-Web/findcountinggame.html new file mode 100644 index 0000000..08c93c3 --- /dev/null +++ b/Package-Web/findcountinggame.html @@ -0,0 +1,248 @@ + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+ + +
+ + +
+
+
+ + + + + + +
+ + +
+ Excellent! Can tell me how many lemons are there around me? +
+ + + + + +
+ +
+ Three +
+ +
+ 3 +
+
+ + +
+ +
+ Four +
+ +
+ 4 +
+
+ + +
+ +
+ Five +
+ +
+ 5 +
+
+ + +
+ +
+ Six +
+ +
+ 6 +
+
+ +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/fonts/Comic Sans MS Bold.ttf b/Package-Web/fonts/Comic Sans MS Bold.ttf new file mode 100644 index 0000000..e68979c Binary files /dev/null and b/Package-Web/fonts/Comic Sans MS Bold.ttf differ diff --git a/Package-Web/fonts/Comic Sans MS.ttf b/Package-Web/fonts/Comic Sans MS.ttf new file mode 100644 index 0000000..831e3d8 Binary files /dev/null and b/Package-Web/fonts/Comic Sans MS.ttf differ diff --git a/Package-Web/fooddetail.html b/Package-Web/fooddetail.html new file mode 100644 index 0000000..a75fa12 --- /dev/null +++ b/Package-Web/fooddetail.html @@ -0,0 +1,156 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + +
+ Chop the onion and see what’s inside! +
+
+ +
+ +
+
+ + + + +
+
+ +
+ Find me on map +
+
+ +
+
+ +
+
+ +
+ +
+ Nutrition +
+
+ +
+
+ +
+
+ +
+
+
+
+ Onion +
+
+
+
+ + + + + diff --git a/Package-Web/foodmap.html b/Package-Web/foodmap.html new file mode 100644 index 0000000..175a5e6 --- /dev/null +++ b/Package-Web/foodmap.html @@ -0,0 +1,138 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + +
+
+
+
+
+ U.S. farmers plant approximately 125,000 acres of onions each year and produce about 6.98 billion pounds a year. +
+
+ Onion Map +
+ +
+ +
+ + + + + + + + + +
+
+ + + +
+
+
+ + + + + diff --git a/Package-Web/foodmapzoomin.html b/Package-Web/foodmapzoomin.html new file mode 100644 index 0000000..1fa0f3f --- /dev/null +++ b/Package-Web/foodmapzoomin.html @@ -0,0 +1,133 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+ + +
+
+
+
+ Onion Map +
+
+ +
+ + + + + + + + + +
+
+ +
+
+
+ + + + + diff --git a/Package-Web/foodmarket.html b/Package-Web/foodmarket.html new file mode 100644 index 0000000..8dd8fd5 --- /dev/null +++ b/Package-Web/foodmarket.html @@ -0,0 +1,195 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + +
+ Welcome to the market! +
+ + + + + + + + + + + +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/foodpreference.html b/Package-Web/foodpreference.html new file mode 100644 index 0000000..781087c --- /dev/null +++ b/Package-Web/foodpreference.html @@ -0,0 +1,208 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+ +
+
+ + + + + + + +
+ +
+ +
+
+
+
+
+ +
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+ Yes +
+
+ +
+
+ +
+
+ +
+ +
+ No +
+
+ +
+
+ +
+
+ +
+
+ + +
+ +
+
+ + +
+ Are there any dietary restrictions I should be aware of? +
+
+
+
+ + + + + diff --git a/Package-Web/foodpreferencesettings.html b/Package-Web/foodpreferencesettings.html new file mode 100644 index 0000000..50a76b3 --- /dev/null +++ b/Package-Web/foodpreferencesettings.html @@ -0,0 +1,174 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+
+ +
+
+
+
+ + + +
+
+ +
+
+ +
+
+
+ Vegan
Vegetarian
Kosher
Halaal
Lactose Free
Low Sugar
Low Cholesterol
Low Salt
Gluten free
Peanut free +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+ + + + + diff --git a/Package-Web/img/anchor-rectangle-1.png b/Package-Web/img/anchor-rectangle-1.png new file mode 100644 index 0000000..034433b Binary files /dev/null and b/Package-Web/img/anchor-rectangle-1.png differ diff --git a/Package-Web/img/anchor-rectangle-2.png b/Package-Web/img/anchor-rectangle-2.png new file mode 100644 index 0000000..7261521 Binary files /dev/null and b/Package-Web/img/anchor-rectangle-2.png differ diff --git a/Package-Web/img/anchor-rectangle-3.png b/Package-Web/img/anchor-rectangle-3.png new file mode 100644 index 0000000..a32321c Binary files /dev/null and b/Package-Web/img/anchor-rectangle-3.png differ diff --git a/Package-Web/img/anchor-rectangle.png b/Package-Web/img/anchor-rectangle.png new file mode 100644 index 0000000..fe5e30d Binary files /dev/null and b/Package-Web/img/anchor-rectangle.png differ diff --git a/Package-Web/img/anchor-triangle-2@2x.png b/Package-Web/img/anchor-triangle-2@2x.png new file mode 100644 index 0000000..4262110 Binary files /dev/null and b/Package-Web/img/anchor-triangle-2@2x.png differ diff --git a/Package-Web/img/anchor-triangle-3@2x.png b/Package-Web/img/anchor-triangle-3@2x.png new file mode 100644 index 0000000..1d76603 Binary files /dev/null and b/Package-Web/img/anchor-triangle-3@2x.png differ diff --git a/Package-Web/img/anchor-triangle-4@2x.png b/Package-Web/img/anchor-triangle-4@2x.png new file mode 100644 index 0000000..a4d9d03 Binary files /dev/null and b/Package-Web/img/anchor-triangle-4@2x.png differ diff --git a/Package-Web/img/anchor-triangle-5@2x.png b/Package-Web/img/anchor-triangle-5@2x.png new file mode 100644 index 0000000..5580778 Binary files /dev/null and b/Package-Web/img/anchor-triangle-5@2x.png differ diff --git a/Package-Web/img/badge-wall-oval-copy-4@2x.png b/Package-Web/img/badge-wall-oval-copy-4@2x.png new file mode 100644 index 0000000..cbb4ec3 Binary files /dev/null and b/Package-Web/img/badge-wall-oval-copy-4@2x.png differ diff --git a/Package-Web/img/badge-wall-star-copy-2-16@2x.png b/Package-Web/img/badge-wall-star-copy-2-16@2x.png new file mode 100644 index 0000000..e89612f Binary files /dev/null and b/Package-Web/img/badge-wall-star-copy-2-16@2x.png differ diff --git a/Package-Web/img/badge-wall-star-copy-2-1@2x.png b/Package-Web/img/badge-wall-star-copy-2-1@2x.png new file mode 100644 index 0000000..b4b3e8c Binary files /dev/null and b/Package-Web/img/badge-wall-star-copy-2-1@2x.png differ diff --git a/Package-Web/img/badge-wall-star-copy-3-1@2x.png b/Package-Web/img/badge-wall-star-copy-3-1@2x.png new file mode 100644 index 0000000..467b577 Binary files /dev/null and b/Package-Web/img/badge-wall-star-copy-3-1@2x.png differ diff --git a/Package-Web/img/badge-wallhelp-oval-4-6@2x.png b/Package-Web/img/badge-wallhelp-oval-4-6@2x.png new file mode 100644 index 0000000..84cab6d Binary files /dev/null and b/Package-Web/img/badge-wallhelp-oval-4-6@2x.png differ diff --git a/Package-Web/img/badge-wallhelp-oval-4@2x.png b/Package-Web/img/badge-wallhelp-oval-4@2x.png new file mode 100644 index 0000000..8114677 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-oval-4@2x.png differ diff --git a/Package-Web/img/badge-wallhelp-oval-copy-3@2x.png b/Package-Web/img/badge-wallhelp-oval-copy-3@2x.png new file mode 100644 index 0000000..da1316a Binary files /dev/null and b/Package-Web/img/badge-wallhelp-oval-copy-3@2x.png differ diff --git a/Package-Web/img/badge-wallhelp-rectangle-1.png b/Package-Web/img/badge-wallhelp-rectangle-1.png new file mode 100644 index 0000000..636d799 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-rectangle-1.png differ diff --git a/Package-Web/img/badge-wallhelp-rectangle-2.png b/Package-Web/img/badge-wallhelp-rectangle-2.png new file mode 100644 index 0000000..34bea86 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-rectangle-2.png differ diff --git a/Package-Web/img/badge-wallhelp-rectangle-3.png b/Package-Web/img/badge-wallhelp-rectangle-3.png new file mode 100644 index 0000000..7046489 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-rectangle-3.png differ diff --git a/Package-Web/img/badge-wallhelp-rectangle-copy-3@2x.png b/Package-Web/img/badge-wallhelp-rectangle-copy-3@2x.png new file mode 100644 index 0000000..00e7f72 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-rectangle-copy-3@2x.png differ diff --git a/Package-Web/img/badge-wallhelp-star-copy-3-9@2x.png b/Package-Web/img/badge-wallhelp-star-copy-3-9@2x.png new file mode 100644 index 0000000..a529b37 Binary files /dev/null and b/Package-Web/img/badge-wallhelp-star-copy-3-9@2x.png differ diff --git a/Package-Web/img/color-games-menu-arm-r@2x.png b/Package-Web/img/color-games-menu-arm-r@2x.png new file mode 100644 index 0000000..ccb3372 Binary files /dev/null and b/Package-Web/img/color-games-menu-arm-r@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-14@2x.png b/Package-Web/img/color-games-menu-oval-14@2x.png new file mode 100644 index 0000000..98e4f35 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-14@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-16@2x.png b/Package-Web/img/color-games-menu-oval-16@2x.png new file mode 100644 index 0000000..41d6829 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-16@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-1@2x.png b/Package-Web/img/color-games-menu-oval-1@2x.png new file mode 100644 index 0000000..6a77e32 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-1@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-2-copy@2x.png b/Package-Web/img/color-games-menu-oval-2-copy@2x.png new file mode 100644 index 0000000..3defc93 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-2-copy@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-2@2x.png b/Package-Web/img/color-games-menu-oval-2@2x.png new file mode 100644 index 0000000..18d7e59 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-2@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-6@2x.png b/Package-Web/img/color-games-menu-oval-6@2x.png new file mode 100644 index 0000000..9c65e0a Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-6@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-7@2x.png b/Package-Web/img/color-games-menu-oval-7@2x.png new file mode 100644 index 0000000..98b03a2 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-7@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-8@2x.png b/Package-Web/img/color-games-menu-oval-8@2x.png new file mode 100644 index 0000000..6f04eef Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-8@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-10@2x.png b/Package-Web/img/color-games-menu-oval-copy-10@2x.png new file mode 100644 index 0000000..4f5a87b Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-10@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-12@2x.png b/Package-Web/img/color-games-menu-oval-copy-12@2x.png new file mode 100644 index 0000000..aef0e8f Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-12@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-14@2x.png b/Package-Web/img/color-games-menu-oval-copy-14@2x.png new file mode 100644 index 0000000..3f9962f Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-14@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-16@2x.png b/Package-Web/img/color-games-menu-oval-copy-16@2x.png new file mode 100644 index 0000000..b07f7fa Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-16@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-18@2x.png b/Package-Web/img/color-games-menu-oval-copy-18@2x.png new file mode 100644 index 0000000..113165f Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-18@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-20@2x.png b/Package-Web/img/color-games-menu-oval-copy-20@2x.png new file mode 100644 index 0000000..cd47efd Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-20@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-41@2x.png b/Package-Web/img/color-games-menu-oval-copy-41@2x.png new file mode 100644 index 0000000..f9194e2 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-41@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-43@2x.png b/Package-Web/img/color-games-menu-oval-copy-43@2x.png new file mode 100644 index 0000000..ac9e8ae Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-43@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-45@2x.png b/Package-Web/img/color-games-menu-oval-copy-45@2x.png new file mode 100644 index 0000000..a00cf42 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-45@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-47-1@2x.png b/Package-Web/img/color-games-menu-oval-copy-47-1@2x.png new file mode 100644 index 0000000..4de3ef1 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-47-1@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval-copy-8@2x.png b/Package-Web/img/color-games-menu-oval-copy-8@2x.png new file mode 100644 index 0000000..5dc120f Binary files /dev/null and b/Package-Web/img/color-games-menu-oval-copy-8@2x.png differ diff --git a/Package-Web/img/color-games-menu-oval@2x.png b/Package-Web/img/color-games-menu-oval@2x.png new file mode 100644 index 0000000..8fb4f22 Binary files /dev/null and b/Package-Web/img/color-games-menu-oval@2x.png differ diff --git a/Package-Web/img/color-games-menu-path-2-copy-2@2x.png b/Package-Web/img/color-games-menu-path-2-copy-2@2x.png new file mode 100644 index 0000000..d58ffde Binary files /dev/null and b/Package-Web/img/color-games-menu-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/color-games-menu-path-2-copy@2x.png b/Package-Web/img/color-games-menu-path-2-copy@2x.png new file mode 100644 index 0000000..dfc0416 Binary files /dev/null and b/Package-Web/img/color-games-menu-path-2-copy@2x.png differ diff --git a/Package-Web/img/color-games-menu-path-3-copy@2x.png b/Package-Web/img/color-games-menu-path-3-copy@2x.png new file mode 100644 index 0000000..da12dff Binary files /dev/null and b/Package-Web/img/color-games-menu-path-3-copy@2x.png differ diff --git a/Package-Web/img/color-games-menu-path-4-copy-2@2x.png b/Package-Web/img/color-games-menu-path-4-copy-2@2x.png new file mode 100644 index 0000000..dee5217 Binary files /dev/null and b/Package-Web/img/color-games-menu-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/color-games-menu-rectangle-5@2x.png b/Package-Web/img/color-games-menu-rectangle-5@2x.png new file mode 100644 index 0000000..648370f Binary files /dev/null and b/Package-Web/img/color-games-menu-rectangle-5@2x.png differ diff --git a/Package-Web/img/color-games-menu-rectangle-7@2x.png b/Package-Web/img/color-games-menu-rectangle-7@2x.png new file mode 100644 index 0000000..f2690ba Binary files /dev/null and b/Package-Web/img/color-games-menu-rectangle-7@2x.png differ diff --git a/Package-Web/img/color-games-menu-rectangle-copy-2@2x.png b/Package-Web/img/color-games-menu-rectangle-copy-2@2x.png new file mode 100644 index 0000000..ad74a94 Binary files /dev/null and b/Package-Web/img/color-games-menu-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-game-group.png b/Package-Web/img/color-matching-game-group.png new file mode 100644 index 0000000..061a38c Binary files /dev/null and b/Package-Web/img/color-matching-game-group.png differ diff --git a/Package-Web/img/color-matching-game-oval-1@2x.png b/Package-Web/img/color-matching-game-oval-1@2x.png new file mode 100644 index 0000000..852a1f8 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-1@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-7@2x.png b/Package-Web/img/color-matching-game-oval-7@2x.png new file mode 100644 index 0000000..9880544 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-7@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-10@2x.png b/Package-Web/img/color-matching-game-oval-copy-10@2x.png new file mode 100644 index 0000000..a5a5c90 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-10@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-12@2x.png b/Package-Web/img/color-matching-game-oval-copy-12@2x.png new file mode 100644 index 0000000..340f62a Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-12@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-14@2x.png b/Package-Web/img/color-matching-game-oval-copy-14@2x.png new file mode 100644 index 0000000..7171805 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-14@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-16@2x.png b/Package-Web/img/color-matching-game-oval-copy-16@2x.png new file mode 100644 index 0000000..1bb52f8 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-16@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-18@2x.png b/Package-Web/img/color-matching-game-oval-copy-18@2x.png new file mode 100644 index 0000000..901c6d3 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-18@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-20@2x.png b/Package-Web/img/color-matching-game-oval-copy-20@2x.png new file mode 100644 index 0000000..9c1fc4d Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-20@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-45@2x.png b/Package-Web/img/color-matching-game-oval-copy-45@2x.png new file mode 100644 index 0000000..7259844 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-45@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-46-1@2x.png b/Package-Web/img/color-matching-game-oval-copy-46-1@2x.png new file mode 100644 index 0000000..b305c69 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-46-1@2x.png differ diff --git a/Package-Web/img/color-matching-game-oval-copy-47-1@2x.png b/Package-Web/img/color-matching-game-oval-copy-47-1@2x.png new file mode 100644 index 0000000..daa08d3 Binary files /dev/null and b/Package-Web/img/color-matching-game-oval-copy-47-1@2x.png differ diff --git a/Package-Web/img/color-matching-game-path-3-copy@2x.png b/Package-Web/img/color-matching-game-path-3-copy@2x.png new file mode 100644 index 0000000..b077b05 Binary files /dev/null and b/Package-Web/img/color-matching-game-path-3-copy@2x.png differ diff --git a/Package-Web/img/color-matching-game-rectangle-1@2x.png b/Package-Web/img/color-matching-game-rectangle-1@2x.png new file mode 100644 index 0000000..aa65f42 Binary files /dev/null and b/Package-Web/img/color-matching-game-rectangle-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-arm-r@2x.png b/Package-Web/img/color-matching-gamecorrect-arm-r@2x.png new file mode 100644 index 0000000..b8ade12 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-arm-r@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-bitmap.png b/Package-Web/img/color-matching-gamecorrect-bitmap.png new file mode 100644 index 0000000..1a21b23 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-bitmap.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-group.png b/Package-Web/img/color-matching-gamecorrect-group.png new file mode 100644 index 0000000..09e33aa Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-group.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-hand@2x.png b/Package-Web/img/color-matching-gamecorrect-hand@2x.png new file mode 100644 index 0000000..67d45cf Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-hand@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-11@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-11@2x.png new file mode 100644 index 0000000..75a7df8 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-11@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-13.png b/Package-Web/img/color-matching-gamecorrect-oval-13.png new file mode 100644 index 0000000..4afe323 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-13.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-1@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-1@2x.png new file mode 100644 index 0000000..8e163d3 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-2-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-2-copy@2x.png new file mode 100644 index 0000000..cd4df2c Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-2-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-2@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-2@2x.png new file mode 100644 index 0000000..8e2c52d Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-3@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-3@2x.png new file mode 100644 index 0000000..34adbfa Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-3@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-5@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-5@2x.png new file mode 100644 index 0000000..683206d Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-5@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-7@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-7@2x.png new file mode 100644 index 0000000..3ba5a94 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-7@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-9@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-9@2x.png new file mode 100644 index 0000000..fd879fb Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-9@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-10@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-10@2x.png new file mode 100644 index 0000000..2f09986 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-10@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-11@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-11@2x.png new file mode 100644 index 0000000..27f5513 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-11@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-12@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-12@2x.png new file mode 100644 index 0000000..88bf8af Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-12@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-13@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-13@2x.png new file mode 100644 index 0000000..9ede972 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-13@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-14@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-14@2x.png new file mode 100644 index 0000000..faf04be Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-14@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-15@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-15@2x.png new file mode 100644 index 0000000..af5ebd0 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-15@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-16@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-16@2x.png new file mode 100644 index 0000000..c69df88 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-16@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-17@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-17@2x.png new file mode 100644 index 0000000..352cdea Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-17@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-18@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-18@2x.png new file mode 100644 index 0000000..93e4c06 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-18@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-19.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-19.png new file mode 100644 index 0000000..45d7519 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-19.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-2-1@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-2-1@2x.png new file mode 100644 index 0000000..81d53aa Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-2-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-20.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-20.png new file mode 100644 index 0000000..4701568 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-20.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-21@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-21@2x.png new file mode 100644 index 0000000..b913262 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-21@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-2@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-2@2x.png new file mode 100644 index 0000000..b78207b Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-3@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-3@2x.png new file mode 100644 index 0000000..23b51de Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-3@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-40-1@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-40-1@2x.png new file mode 100644 index 0000000..23a9768 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-40-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-43@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-43@2x.png new file mode 100644 index 0000000..7949d61 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-43@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-44@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-44@2x.png new file mode 100644 index 0000000..adf733e Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-44@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-45@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-45@2x.png new file mode 100644 index 0000000..89d3b78 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-45@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-46@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-46@2x.png new file mode 100644 index 0000000..1a679be Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-46@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-47@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-47@2x.png new file mode 100644 index 0000000..2da8f58 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-47@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-7@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-7@2x.png new file mode 100644 index 0000000..dfd114a Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-7@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-8@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-8@2x.png new file mode 100644 index 0000000..54fcba0 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-8@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy-9@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy-9@2x.png new file mode 100644 index 0000000..9662ec7 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy-9@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-oval-copy@2x.png new file mode 100644 index 0000000..26fbcbb Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-oval.png b/Package-Web/img/color-matching-gamecorrect-oval.png new file mode 100644 index 0000000..1235fbd Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-oval.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-2-copy-2@2x.png b/Package-Web/img/color-matching-gamecorrect-path-2-copy-2@2x.png new file mode 100644 index 0000000..416723e Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-2-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-path-2-copy@2x.png new file mode 100644 index 0000000..247a445 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-2-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-3-copy-2@2x.png b/Package-Web/img/color-matching-gamecorrect-path-3-copy-2@2x.png new file mode 100644 index 0000000..87fa65c Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-3-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-path-3-copy@2x.png new file mode 100644 index 0000000..69fb7aa Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-3-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-4-copy-2@2x.png b/Package-Web/img/color-matching-gamecorrect-path-4-copy-2@2x.png new file mode 100644 index 0000000..13a3af7 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-4-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-path-4-copy@2x.png new file mode 100644 index 0000000..f10b250 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-4-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-path-5-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-path-5-copy@2x.png new file mode 100644 index 0000000..1ebd62f Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-path-5-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-1@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-1@2x.png new file mode 100644 index 0000000..b1f3321 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-2.png b/Package-Web/img/color-matching-gamecorrect-rectangle-2.png new file mode 100644 index 0000000..448a0e1 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-2.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-3@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-3@2x.png new file mode 100644 index 0000000..b388ffa Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-3@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-4@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-4@2x.png new file mode 100644 index 0000000..0143995 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-4@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-copy-2@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-copy-2@2x.png new file mode 100644 index 0000000..3c51f8a Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-copy-5@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-copy-5@2x.png new file mode 100644 index 0000000..3eef1df Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle-copy@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle-copy@2x.png new file mode 100644 index 0000000..78dddd3 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-rectangle@2x.png b/Package-Web/img/color-matching-gamecorrect-rectangle@2x.png new file mode 100644 index 0000000..f38fc12 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-rectangle@2x.png differ diff --git a/Package-Web/img/color-matching-gamecorrect-star-copy-4@2x.png b/Package-Web/img/color-matching-gamecorrect-star-copy-4@2x.png new file mode 100644 index 0000000..7dcc587 Binary files /dev/null and b/Package-Web/img/color-matching-gamecorrect-star-copy-4@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-bitmap-1@2x.png b/Package-Web/img/color-matching-gamewrong-bitmap-1@2x.png new file mode 100644 index 0000000..abee358 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-bitmap-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-bitmap-2@2x.png b/Package-Web/img/color-matching-gamewrong-bitmap-2@2x.png new file mode 100644 index 0000000..b217dc7 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-bitmap-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-bitmap-3@2x.png b/Package-Web/img/color-matching-gamewrong-bitmap-3@2x.png new file mode 100644 index 0000000..f23e0dd Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-bitmap-3@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-group@2x.png b/Package-Web/img/color-matching-gamewrong-group@2x.png new file mode 100644 index 0000000..0304c66 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-group@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-2-1@2x.png b/Package-Web/img/color-matching-gamewrong-oval-2-1@2x.png new file mode 100644 index 0000000..ef07a26 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-2-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-2-copy@2x.png b/Package-Web/img/color-matching-gamewrong-oval-2-copy@2x.png new file mode 100644 index 0000000..ffc61ed Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-2-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-2@2x.png b/Package-Web/img/color-matching-gamewrong-oval-2@2x.png new file mode 100644 index 0000000..1b41c85 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-3@2x.png b/Package-Web/img/color-matching-gamewrong-oval-3@2x.png new file mode 100644 index 0000000..1143b48 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-3@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-4@2x.png b/Package-Web/img/color-matching-gamewrong-oval-4@2x.png new file mode 100644 index 0000000..a12e1ed Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-4@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-copy-11@2x.png b/Package-Web/img/color-matching-gamewrong-oval-copy-11@2x.png new file mode 100644 index 0000000..69b5c6b Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-copy-11@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-copy-21@2x.png b/Package-Web/img/color-matching-gamewrong-oval-copy-21@2x.png new file mode 100644 index 0000000..5ba46b7 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-copy-21@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-copy-43-1@2x.png b/Package-Web/img/color-matching-gamewrong-oval-copy-43-1@2x.png new file mode 100644 index 0000000..fd0e53e Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-copy-43-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-copy-8-1@2x.png b/Package-Web/img/color-matching-gamewrong-oval-copy-8-1@2x.png new file mode 100644 index 0000000..0c7dc9e Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-copy-8-1@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-oval-copy-9@2x.png b/Package-Web/img/color-matching-gamewrong-oval-copy-9@2x.png new file mode 100644 index 0000000..bbcb3d1 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-oval-copy-9@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-path-2-copy@2x.png b/Package-Web/img/color-matching-gamewrong-path-2-copy@2x.png new file mode 100644 index 0000000..7b73073 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-path-2-copy@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-path-4-copy-2@2x.png b/Package-Web/img/color-matching-gamewrong-path-4-copy-2@2x.png new file mode 100644 index 0000000..322f787 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-rectangle-1.png b/Package-Web/img/color-matching-gamewrong-rectangle-1.png new file mode 100644 index 0000000..3d60749 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-rectangle-1.png differ diff --git a/Package-Web/img/color-matching-gamewrong-rectangle-4@2x.png b/Package-Web/img/color-matching-gamewrong-rectangle-4@2x.png new file mode 100644 index 0000000..c4e3c01 Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-rectangle-4@2x.png differ diff --git a/Package-Web/img/color-matching-gamewrong-rectangle-copy-5@2x.png b/Package-Web/img/color-matching-gamewrong-rectangle-copy-5@2x.png new file mode 100644 index 0000000..99bfe7e Binary files /dev/null and b/Package-Web/img/color-matching-gamewrong-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/confirm-anchor-bitmap.png b/Package-Web/img/confirm-anchor-bitmap.png new file mode 100644 index 0000000..ef3f234 Binary files /dev/null and b/Package-Web/img/confirm-anchor-bitmap.png differ diff --git a/Package-Web/img/confirm-anchor-oval-1.png b/Package-Web/img/confirm-anchor-oval-1.png new file mode 100644 index 0000000..ad3e11b Binary files /dev/null and b/Package-Web/img/confirm-anchor-oval-1.png differ diff --git a/Package-Web/img/confirm-anchor-oval@2x.png b/Package-Web/img/confirm-anchor-oval@2x.png new file mode 100644 index 0000000..c439ed9 Binary files /dev/null and b/Package-Web/img/confirm-anchor-oval@2x.png differ diff --git a/Package-Web/img/confirm-anchor-triangle-1@2x.png b/Package-Web/img/confirm-anchor-triangle-1@2x.png new file mode 100644 index 0000000..0376231 Binary files /dev/null and b/Package-Web/img/confirm-anchor-triangle-1@2x.png differ diff --git a/Package-Web/img/confirm-anchor-triangle-6@2x.png b/Package-Web/img/confirm-anchor-triangle-6@2x.png new file mode 100644 index 0000000..3d10068 Binary files /dev/null and b/Package-Web/img/confirm-anchor-triangle-6@2x.png differ diff --git a/Package-Web/img/confirm-anchor-triangle-7@2x.png b/Package-Web/img/confirm-anchor-triangle-7@2x.png new file mode 100644 index 0000000..651b68b Binary files /dev/null and b/Package-Web/img/confirm-anchor-triangle-7@2x.png differ diff --git a/Package-Web/img/confirm-anchor-triangle-8@2x.png b/Package-Web/img/confirm-anchor-triangle-8@2x.png new file mode 100644 index 0000000..410b2d1 Binary files /dev/null and b/Package-Web/img/confirm-anchor-triangle-8@2x.png differ diff --git a/Package-Web/img/confirm-anchor-triangle@2x.png b/Package-Web/img/confirm-anchor-triangle@2x.png new file mode 100644 index 0000000..fafa4ec Binary files /dev/null and b/Package-Web/img/confirm-anchor-triangle@2x.png differ diff --git a/Package-Web/img/cooking-arm-r-copy@2x.png b/Package-Web/img/cooking-arm-r-copy@2x.png new file mode 100644 index 0000000..e41e858 Binary files /dev/null and b/Package-Web/img/cooking-arm-r-copy@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-1@2x.png b/Package-Web/img/cooking-bitmap-1@2x.png new file mode 100644 index 0000000..d8301eb Binary files /dev/null and b/Package-Web/img/cooking-bitmap-1@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-2@2x.png b/Package-Web/img/cooking-bitmap-2@2x.png new file mode 100644 index 0000000..bb66b06 Binary files /dev/null and b/Package-Web/img/cooking-bitmap-2@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-3@2x.png b/Package-Web/img/cooking-bitmap-3@2x.png new file mode 100644 index 0000000..8235dc7 Binary files /dev/null and b/Package-Web/img/cooking-bitmap-3@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-4@2x.png b/Package-Web/img/cooking-bitmap-4@2x.png new file mode 100644 index 0000000..4b9cf77 Binary files /dev/null and b/Package-Web/img/cooking-bitmap-4@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-5@2x.png b/Package-Web/img/cooking-bitmap-5@2x.png new file mode 100644 index 0000000..0103f46 Binary files /dev/null and b/Package-Web/img/cooking-bitmap-5@2x.png differ diff --git a/Package-Web/img/cooking-bitmap-6@2x.png b/Package-Web/img/cooking-bitmap-6@2x.png new file mode 100644 index 0000000..4be919e Binary files /dev/null and b/Package-Web/img/cooking-bitmap-6@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-bitmap-1@2x.png b/Package-Web/img/cooking-games-menu-bitmap-1@2x.png new file mode 100644 index 0000000..967a828 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-bitmap-1@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-bitmap-2@2x.png b/Package-Web/img/cooking-games-menu-bitmap-2@2x.png new file mode 100644 index 0000000..c24a98f Binary files /dev/null and b/Package-Web/img/cooking-games-menu-bitmap-2@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-bitmap-3.png b/Package-Web/img/cooking-games-menu-bitmap-3.png new file mode 100644 index 0000000..3d1c446 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-bitmap-3.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-2@2x.png b/Package-Web/img/cooking-games-menu-oval-2@2x.png new file mode 100644 index 0000000..0a37da0 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-2@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-6@2x.png b/Package-Web/img/cooking-games-menu-oval-6@2x.png new file mode 100644 index 0000000..b4de43d Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-6@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-copy-13@2x.png b/Package-Web/img/cooking-games-menu-oval-copy-13@2x.png new file mode 100644 index 0000000..08a6b7e Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-copy-13@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-copy-15@2x.png b/Package-Web/img/cooking-games-menu-oval-copy-15@2x.png new file mode 100644 index 0000000..83d0b6b Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-copy-15@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-copy-19@2x.png b/Package-Web/img/cooking-games-menu-oval-copy-19@2x.png new file mode 100644 index 0000000..51b0c5d Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-copy-19@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-oval-copy-40@2x.png b/Package-Web/img/cooking-games-menu-oval-copy-40@2x.png new file mode 100644 index 0000000..941876e Binary files /dev/null and b/Package-Web/img/cooking-games-menu-oval-copy-40@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-path-2-copy-2@2x.png b/Package-Web/img/cooking-games-menu-path-2-copy-2@2x.png new file mode 100644 index 0000000..f51090e Binary files /dev/null and b/Package-Web/img/cooking-games-menu-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-path-5-copy@2x.png b/Package-Web/img/cooking-games-menu-path-5-copy@2x.png new file mode 100644 index 0000000..affba15 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-path-5-copy@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-rectangle-1.png b/Package-Web/img/cooking-games-menu-rectangle-1.png new file mode 100644 index 0000000..aa38140 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-rectangle-1.png differ diff --git a/Package-Web/img/cooking-games-menu-rectangle-3@2x.png b/Package-Web/img/cooking-games-menu-rectangle-3@2x.png new file mode 100644 index 0000000..79a53ef Binary files /dev/null and b/Package-Web/img/cooking-games-menu-rectangle-3@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-rectangle-5@2x.png b/Package-Web/img/cooking-games-menu-rectangle-5@2x.png new file mode 100644 index 0000000..aa15a85 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-rectangle-5@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-rectangle-7@2x.png b/Package-Web/img/cooking-games-menu-rectangle-7@2x.png new file mode 100644 index 0000000..217bcee Binary files /dev/null and b/Package-Web/img/cooking-games-menu-rectangle-7@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-rectangle-copy@2x.png b/Package-Web/img/cooking-games-menu-rectangle-copy@2x.png new file mode 100644 index 0000000..bde21a2 Binary files /dev/null and b/Package-Web/img/cooking-games-menu-rectangle-copy@2x.png differ diff --git a/Package-Web/img/cooking-games-menu-triangle@2x.png b/Package-Web/img/cooking-games-menu-triangle@2x.png new file mode 100644 index 0000000..586e95a Binary files /dev/null and b/Package-Web/img/cooking-games-menu-triangle@2x.png differ diff --git a/Package-Web/img/cooking-oval-11@2x.png b/Package-Web/img/cooking-oval-11@2x.png new file mode 100644 index 0000000..83d3668 Binary files /dev/null and b/Package-Web/img/cooking-oval-11@2x.png differ diff --git a/Package-Web/img/cooking-oval-13@2x.png b/Package-Web/img/cooking-oval-13@2x.png new file mode 100644 index 0000000..7aaba37 Binary files /dev/null and b/Package-Web/img/cooking-oval-13@2x.png differ diff --git a/Package-Web/img/cooking-oval-15@2x.png b/Package-Web/img/cooking-oval-15@2x.png new file mode 100644 index 0000000..1e50141 Binary files /dev/null and b/Package-Web/img/cooking-oval-15@2x.png differ diff --git a/Package-Web/img/cooking-oval-17@2x.png b/Package-Web/img/cooking-oval-17@2x.png new file mode 100644 index 0000000..cca57bd Binary files /dev/null and b/Package-Web/img/cooking-oval-17@2x.png differ diff --git a/Package-Web/img/cooking-oval-2-copy@2x.png b/Package-Web/img/cooking-oval-2-copy@2x.png new file mode 100644 index 0000000..0a9170b Binary files /dev/null and b/Package-Web/img/cooking-oval-2-copy@2x.png differ diff --git a/Package-Web/img/cooking-oval-2@2x.png b/Package-Web/img/cooking-oval-2@2x.png new file mode 100644 index 0000000..d36ac2d Binary files /dev/null and b/Package-Web/img/cooking-oval-2@2x.png differ diff --git a/Package-Web/img/cooking-oval-3@2x.png b/Package-Web/img/cooking-oval-3@2x.png new file mode 100644 index 0000000..4a93c4e Binary files /dev/null and b/Package-Web/img/cooking-oval-3@2x.png differ diff --git a/Package-Web/img/cooking-oval-4@2x.png b/Package-Web/img/cooking-oval-4@2x.png new file mode 100644 index 0000000..1101226 Binary files /dev/null and b/Package-Web/img/cooking-oval-4@2x.png differ diff --git a/Package-Web/img/cooking-oval-5@2x.png b/Package-Web/img/cooking-oval-5@2x.png new file mode 100644 index 0000000..a189acd Binary files /dev/null and b/Package-Web/img/cooking-oval-5@2x.png differ diff --git a/Package-Web/img/cooking-oval-7@2x.png b/Package-Web/img/cooking-oval-7@2x.png new file mode 100644 index 0000000..734ca92 Binary files /dev/null and b/Package-Web/img/cooking-oval-7@2x.png differ diff --git a/Package-Web/img/cooking-oval-8@2x.png b/Package-Web/img/cooking-oval-8@2x.png new file mode 100644 index 0000000..6f9cd07 Binary files /dev/null and b/Package-Web/img/cooking-oval-8@2x.png differ diff --git a/Package-Web/img/cooking-oval-9@2x.png b/Package-Web/img/cooking-oval-9@2x.png new file mode 100644 index 0000000..84fd6fd Binary files /dev/null and b/Package-Web/img/cooking-oval-9@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-10@2x.png b/Package-Web/img/cooking-oval-copy-10@2x.png new file mode 100644 index 0000000..edd7695 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-10@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-11@2x.png b/Package-Web/img/cooking-oval-copy-11@2x.png new file mode 100644 index 0000000..315f719 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-11@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-12@2x.png b/Package-Web/img/cooking-oval-copy-12@2x.png new file mode 100644 index 0000000..a60b923 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-12@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-13@2x.png b/Package-Web/img/cooking-oval-copy-13@2x.png new file mode 100644 index 0000000..3199b37 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-13@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-14@2x.png b/Package-Web/img/cooking-oval-copy-14@2x.png new file mode 100644 index 0000000..b0df9d0 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-14@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-15@2x.png b/Package-Web/img/cooking-oval-copy-15@2x.png new file mode 100644 index 0000000..be3940c Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-15@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-16@2x.png b/Package-Web/img/cooking-oval-copy-16@2x.png new file mode 100644 index 0000000..d0263b8 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-16@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-17@2x.png b/Package-Web/img/cooking-oval-copy-17@2x.png new file mode 100644 index 0000000..43729b7 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-17@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-18@2x.png b/Package-Web/img/cooking-oval-copy-18@2x.png new file mode 100644 index 0000000..3903cb0 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-18@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-19@2x.png b/Package-Web/img/cooking-oval-copy-19@2x.png new file mode 100644 index 0000000..ee01654 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-19@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-20@2x.png b/Package-Web/img/cooking-oval-copy-20@2x.png new file mode 100644 index 0000000..8461d52 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-20@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-21@2x.png b/Package-Web/img/cooking-oval-copy-21@2x.png new file mode 100644 index 0000000..d02bdfd Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-21@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-40@2x.png b/Package-Web/img/cooking-oval-copy-40@2x.png new file mode 100644 index 0000000..ed2deae Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-40@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-41@2x.png b/Package-Web/img/cooking-oval-copy-41@2x.png new file mode 100644 index 0000000..e25afd2 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-41@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-43@2x.png b/Package-Web/img/cooking-oval-copy-43@2x.png new file mode 100644 index 0000000..eb8e253 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-43@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-44-1@2x.png b/Package-Web/img/cooking-oval-copy-44-1@2x.png new file mode 100644 index 0000000..a2b700a Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-44-1@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-45-1@2x.png b/Package-Web/img/cooking-oval-copy-45-1@2x.png new file mode 100644 index 0000000..652dd71 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-45-1@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-46-1@2x.png b/Package-Web/img/cooking-oval-copy-46-1@2x.png new file mode 100644 index 0000000..97c44d9 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-46-1@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-47@2x.png b/Package-Web/img/cooking-oval-copy-47@2x.png new file mode 100644 index 0000000..f53b50c Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-47@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-8@2x.png b/Package-Web/img/cooking-oval-copy-8@2x.png new file mode 100644 index 0000000..aa7d648 Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-8@2x.png differ diff --git a/Package-Web/img/cooking-oval-copy-9@2x.png b/Package-Web/img/cooking-oval-copy-9@2x.png new file mode 100644 index 0000000..279463e Binary files /dev/null and b/Package-Web/img/cooking-oval-copy-9@2x.png differ diff --git a/Package-Web/img/cooking-path-2-copy-2@2x.png b/Package-Web/img/cooking-path-2-copy-2@2x.png new file mode 100644 index 0000000..9f7def0 Binary files /dev/null and b/Package-Web/img/cooking-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/cooking-path-2-copy@2x.png b/Package-Web/img/cooking-path-2-copy@2x.png new file mode 100644 index 0000000..af143c7 Binary files /dev/null and b/Package-Web/img/cooking-path-2-copy@2x.png differ diff --git a/Package-Web/img/cooking-path-3-copy-2@2x.png b/Package-Web/img/cooking-path-3-copy-2@2x.png new file mode 100644 index 0000000..2a536d2 Binary files /dev/null and b/Package-Web/img/cooking-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/cooking-path-3-copy@2x.png b/Package-Web/img/cooking-path-3-copy@2x.png new file mode 100644 index 0000000..0387f7a Binary files /dev/null and b/Package-Web/img/cooking-path-3-copy@2x.png differ diff --git a/Package-Web/img/cooking-path-4-copy-2@2x.png b/Package-Web/img/cooking-path-4-copy-2@2x.png new file mode 100644 index 0000000..1f17d35 Binary files /dev/null and b/Package-Web/img/cooking-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/cooking-path-4-copy@2x.png b/Package-Web/img/cooking-path-4-copy@2x.png new file mode 100644 index 0000000..4d42d33 Binary files /dev/null and b/Package-Web/img/cooking-path-4-copy@2x.png differ diff --git a/Package-Web/img/cooking-path-5-copy@2x.png b/Package-Web/img/cooking-path-5-copy@2x.png new file mode 100644 index 0000000..f4d159b Binary files /dev/null and b/Package-Web/img/cooking-path-5-copy@2x.png differ diff --git a/Package-Web/img/cooking-path-8@2x.png b/Package-Web/img/cooking-path-8@2x.png new file mode 100644 index 0000000..2ace8e7 Binary files /dev/null and b/Package-Web/img/cooking-path-8@2x.png differ diff --git a/Package-Web/img/cooking-path-9@2x.png b/Package-Web/img/cooking-path-9@2x.png new file mode 100644 index 0000000..bbbb536 Binary files /dev/null and b/Package-Web/img/cooking-path-9@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-1.png b/Package-Web/img/cooking-rectangle-1.png new file mode 100644 index 0000000..ef0eead Binary files /dev/null and b/Package-Web/img/cooking-rectangle-1.png differ diff --git a/Package-Web/img/cooking-rectangle-2@2x.png b/Package-Web/img/cooking-rectangle-2@2x.png new file mode 100644 index 0000000..4c3c948 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-2@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-3@2x.png b/Package-Web/img/cooking-rectangle-3@2x.png new file mode 100644 index 0000000..de8c549 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-3@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-4@2x.png b/Package-Web/img/cooking-rectangle-4@2x.png new file mode 100644 index 0000000..fa65f38 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-4@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-5@2x.png b/Package-Web/img/cooking-rectangle-5@2x.png new file mode 100644 index 0000000..b581208 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-5@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-6@2x.png b/Package-Web/img/cooking-rectangle-6@2x.png new file mode 100644 index 0000000..bdbd3bf Binary files /dev/null and b/Package-Web/img/cooking-rectangle-6@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-copy-2@2x.png b/Package-Web/img/cooking-rectangle-copy-2@2x.png new file mode 100644 index 0000000..07d2139 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-copy-5@2x.png b/Package-Web/img/cooking-rectangle-copy-5@2x.png new file mode 100644 index 0000000..bfeeaa3 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/cooking-rectangle-copy@2x.png b/Package-Web/img/cooking-rectangle-copy@2x.png new file mode 100644 index 0000000..16f3413 Binary files /dev/null and b/Package-Web/img/cooking-rectangle-copy@2x.png differ diff --git a/Package-Web/img/cooking-star-copy-4@2x.png b/Package-Web/img/cooking-star-copy-4@2x.png new file mode 100644 index 0000000..df3ac10 Binary files /dev/null and b/Package-Web/img/cooking-star-copy-4@2x.png differ diff --git a/Package-Web/img/cookingfinish-fill-29@2x.png b/Package-Web/img/cookingfinish-fill-29@2x.png new file mode 100644 index 0000000..f0edb74 Binary files /dev/null and b/Package-Web/img/cookingfinish-fill-29@2x.png differ diff --git a/Package-Web/img/cookingfinish-line.png b/Package-Web/img/cookingfinish-line.png new file mode 100644 index 0000000..c4098c4 Binary files /dev/null and b/Package-Web/img/cookingfinish-line.png differ diff --git a/Package-Web/img/cookingfinish-oval-14@2x.png b/Package-Web/img/cookingfinish-oval-14@2x.png new file mode 100644 index 0000000..e234f7e Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-14@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-3.png b/Package-Web/img/cookingfinish-oval-3.png new file mode 100644 index 0000000..e96515c Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-3.png differ diff --git a/Package-Web/img/cookingfinish-oval-7.png b/Package-Web/img/cookingfinish-oval-7.png new file mode 100644 index 0000000..1852dea Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-7.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-14@2x.png b/Package-Web/img/cookingfinish-oval-copy-14@2x.png new file mode 100644 index 0000000..56c7356 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-14@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-15@2x.png b/Package-Web/img/cookingfinish-oval-copy-15@2x.png new file mode 100644 index 0000000..d6ab73d Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-15@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-16@2x.png b/Package-Web/img/cookingfinish-oval-copy-16@2x.png new file mode 100644 index 0000000..2076f1f Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-16@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-17@2x.png b/Package-Web/img/cookingfinish-oval-copy-17@2x.png new file mode 100644 index 0000000..5926ae6 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-17@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-18@2x.png b/Package-Web/img/cookingfinish-oval-copy-18@2x.png new file mode 100644 index 0000000..d085b41 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-18@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-19@2x.png b/Package-Web/img/cookingfinish-oval-copy-19@2x.png new file mode 100644 index 0000000..534be0a Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-19@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-20@2x.png b/Package-Web/img/cookingfinish-oval-copy-20@2x.png new file mode 100644 index 0000000..c9697d9 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-20@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-21@2x.png b/Package-Web/img/cookingfinish-oval-copy-21@2x.png new file mode 100644 index 0000000..ac6c074 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-21@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval-copy-8@2x.png b/Package-Web/img/cookingfinish-oval-copy-8@2x.png new file mode 100644 index 0000000..7210688 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval-copy-8@2x.png differ diff --git a/Package-Web/img/cookingfinish-oval@2x.png b/Package-Web/img/cookingfinish-oval@2x.png new file mode 100644 index 0000000..11c4d51 Binary files /dev/null and b/Package-Web/img/cookingfinish-oval@2x.png differ diff --git a/Package-Web/img/cookingfinish-path-2-copy-2@2x.png b/Package-Web/img/cookingfinish-path-2-copy-2@2x.png new file mode 100644 index 0000000..9ab03b4 Binary files /dev/null and b/Package-Web/img/cookingfinish-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/cookingfinish-path-3-copy@2x.png b/Package-Web/img/cookingfinish-path-3-copy@2x.png new file mode 100644 index 0000000..acdeb05 Binary files /dev/null and b/Package-Web/img/cookingfinish-path-3-copy@2x.png differ diff --git a/Package-Web/img/cookingfinish-path-5-copy@2x.png b/Package-Web/img/cookingfinish-path-5-copy@2x.png new file mode 100644 index 0000000..115fb77 Binary files /dev/null and b/Package-Web/img/cookingfinish-path-5-copy@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle-1@2x.png b/Package-Web/img/cookingfinish-rectangle-1@2x.png new file mode 100644 index 0000000..db1d924 Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle-1@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle-3@2x.png b/Package-Web/img/cookingfinish-rectangle-3@2x.png new file mode 100644 index 0000000..c8acf76 Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle-3@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle-5@2x.png b/Package-Web/img/cookingfinish-rectangle-5@2x.png new file mode 100644 index 0000000..c60164c Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle-5@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle-copy-2@2x.png b/Package-Web/img/cookingfinish-rectangle-copy-2@2x.png new file mode 100644 index 0000000..9df52a3 Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle-copy@2x.png b/Package-Web/img/cookingfinish-rectangle-copy@2x.png new file mode 100644 index 0000000..ea52699 Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle-copy@2x.png differ diff --git a/Package-Web/img/cookingfinish-rectangle@2x.png b/Package-Web/img/cookingfinish-rectangle@2x.png new file mode 100644 index 0000000..906537d Binary files /dev/null and b/Package-Web/img/cookingfinish-rectangle@2x.png differ diff --git a/Package-Web/img/cookingfinish-star@2x.png b/Package-Web/img/cookingfinish-star@2x.png new file mode 100644 index 0000000..4a173e6 Binary files /dev/null and b/Package-Web/img/cookingfinish-star@2x.png differ diff --git a/Package-Web/img/cookingstep1-group-2@2x.png b/Package-Web/img/cookingstep1-group-2@2x.png new file mode 100644 index 0000000..676b1a3 Binary files /dev/null and b/Package-Web/img/cookingstep1-group-2@2x.png differ diff --git a/Package-Web/img/cookingstep1-oval-2@2x.png b/Package-Web/img/cookingstep1-oval-2@2x.png new file mode 100644 index 0000000..c157f83 Binary files /dev/null and b/Package-Web/img/cookingstep1-oval-2@2x.png differ diff --git a/Package-Web/img/cookingstep1-oval-3.png b/Package-Web/img/cookingstep1-oval-3.png new file mode 100644 index 0000000..9ababb6 Binary files /dev/null and b/Package-Web/img/cookingstep1-oval-3.png differ diff --git a/Package-Web/img/cookingstep1-oval-4@2x.png b/Package-Web/img/cookingstep1-oval-4@2x.png new file mode 100644 index 0000000..0a0cef9 Binary files /dev/null and b/Package-Web/img/cookingstep1-oval-4@2x.png differ diff --git a/Package-Web/img/cookingstep1-triangle-copy-2@2x.png b/Package-Web/img/cookingstep1-triangle-copy-2@2x.png new file mode 100644 index 0000000..1808eec Binary files /dev/null and b/Package-Web/img/cookingstep1-triangle-copy-2@2x.png differ diff --git a/Package-Web/img/cookingstep1finished-group-2@2x.png b/Package-Web/img/cookingstep1finished-group-2@2x.png new file mode 100644 index 0000000..7a8868f Binary files /dev/null and b/Package-Web/img/cookingstep1finished-group-2@2x.png differ diff --git a/Package-Web/img/cookingstep1finished-rectangle@2x.png b/Package-Web/img/cookingstep1finished-rectangle@2x.png new file mode 100644 index 0000000..fc5dc0a Binary files /dev/null and b/Package-Web/img/cookingstep1finished-rectangle@2x.png differ diff --git a/Package-Web/img/cookingstep1finished-triangle-copy-2-1@2x.png b/Package-Web/img/cookingstep1finished-triangle-copy-2-1@2x.png new file mode 100644 index 0000000..d0dd018 Binary files /dev/null and b/Package-Web/img/cookingstep1finished-triangle-copy-2-1@2x.png differ diff --git a/Package-Web/img/cookingstep1finished-triangle-copy-2-3@2x.png b/Package-Web/img/cookingstep1finished-triangle-copy-2-3@2x.png new file mode 100644 index 0000000..e0b40fa Binary files /dev/null and b/Package-Web/img/cookingstep1finished-triangle-copy-2-3@2x.png differ diff --git a/Package-Web/img/cookingstep1finished-triangle-copy-2@2x.png b/Package-Web/img/cookingstep1finished-triangle-copy-2@2x.png new file mode 100644 index 0000000..b385912 Binary files /dev/null and b/Package-Web/img/cookingstep1finished-triangle-copy-2@2x.png differ diff --git a/Package-Web/img/favicon.png b/Package-Web/img/favicon.png new file mode 100644 index 0000000..48885e0 Binary files /dev/null and b/Package-Web/img/favicon.png differ diff --git a/Package-Web/img/favorites-oval-4@2x.png b/Package-Web/img/favorites-oval-4@2x.png new file mode 100644 index 0000000..c809caf Binary files /dev/null and b/Package-Web/img/favorites-oval-4@2x.png differ diff --git a/Package-Web/img/favorites-triangle@2x.png b/Package-Web/img/favorites-triangle@2x.png new file mode 100644 index 0000000..e312309 Binary files /dev/null and b/Package-Web/img/favorites-triangle@2x.png differ diff --git a/Package-Web/img/favoritesedit-oval-1@2x.png b/Package-Web/img/favoritesedit-oval-1@2x.png new file mode 100644 index 0000000..83048c5 Binary files /dev/null and b/Package-Web/img/favoritesedit-oval-1@2x.png differ diff --git a/Package-Web/img/favoritesedit-oval-2@2x.png b/Package-Web/img/favoritesedit-oval-2@2x.png new file mode 100644 index 0000000..9d57d81 Binary files /dev/null and b/Package-Web/img/favoritesedit-oval-2@2x.png differ diff --git a/Package-Web/img/favoritesedit-oval-6@2x.png b/Package-Web/img/favoritesedit-oval-6@2x.png new file mode 100644 index 0000000..74353f2 Binary files /dev/null and b/Package-Web/img/favoritesedit-oval-6@2x.png differ diff --git a/Package-Web/img/favoritesedit-oval@2x.png b/Package-Web/img/favoritesedit-oval@2x.png new file mode 100644 index 0000000..f608d31 Binary files /dev/null and b/Package-Web/img/favoritesedit-oval@2x.png differ diff --git a/Package-Web/img/favoritesedit-path-2-2@2x.png b/Package-Web/img/favoritesedit-path-2-2@2x.png new file mode 100644 index 0000000..7040493 Binary files /dev/null and b/Package-Web/img/favoritesedit-path-2-2@2x.png differ diff --git a/Package-Web/img/favoritesedit-path-2-3@2x.png b/Package-Web/img/favoritesedit-path-2-3@2x.png new file mode 100644 index 0000000..f6131aa Binary files /dev/null and b/Package-Web/img/favoritesedit-path-2-3@2x.png differ diff --git a/Package-Web/img/fc-game-fail-group-1@2x.png b/Package-Web/img/fc-game-fail-group-1@2x.png new file mode 100644 index 0000000..bfbb15e Binary files /dev/null and b/Package-Web/img/fc-game-fail-group-1@2x.png differ diff --git a/Package-Web/img/fc-game-fail-group-2@2x.png b/Package-Web/img/fc-game-fail-group-2@2x.png new file mode 100644 index 0000000..3b4d2b3 Binary files /dev/null and b/Package-Web/img/fc-game-fail-group-2@2x.png differ diff --git a/Package-Web/img/fc-game-fail-group-3@2x.png b/Package-Web/img/fc-game-fail-group-3@2x.png new file mode 100644 index 0000000..cb89371 Binary files /dev/null and b/Package-Web/img/fc-game-fail-group-3@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-1.png b/Package-Web/img/fc-game-fail-oval-1.png new file mode 100644 index 0000000..65e3982 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-1.png differ diff --git a/Package-Web/img/fc-game-fail-oval-11@2x.png b/Package-Web/img/fc-game-fail-oval-11@2x.png new file mode 100644 index 0000000..f000e14 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-11@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-15@2x.png b/Package-Web/img/fc-game-fail-oval-15@2x.png new file mode 100644 index 0000000..588c4d5 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-15@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-19@2x.png b/Package-Web/img/fc-game-fail-oval-19@2x.png new file mode 100644 index 0000000..95ec491 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-19@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-8@2x.png b/Package-Web/img/fc-game-fail-oval-8@2x.png new file mode 100644 index 0000000..cec9155 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-8@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-9@2x.png b/Package-Web/img/fc-game-fail-oval-9@2x.png new file mode 100644 index 0000000..1baf51a Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-9@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-11@2x.png b/Package-Web/img/fc-game-fail-oval-copy-11@2x.png new file mode 100644 index 0000000..d85f67d Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-11@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-13@2x.png b/Package-Web/img/fc-game-fail-oval-copy-13@2x.png new file mode 100644 index 0000000..fffe16c Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-13@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-17@2x.png b/Package-Web/img/fc-game-fail-oval-copy-17@2x.png new file mode 100644 index 0000000..6cb2dce Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-17@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-19@2x.png b/Package-Web/img/fc-game-fail-oval-copy-19@2x.png new file mode 100644 index 0000000..aacabf3 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-19@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-21@2x.png b/Package-Web/img/fc-game-fail-oval-copy-21@2x.png new file mode 100644 index 0000000..7814147 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-21@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-2@2x.png b/Package-Web/img/fc-game-fail-oval-copy-2@2x.png new file mode 100644 index 0000000..ebbe95a Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-2@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-40@2x.png b/Package-Web/img/fc-game-fail-oval-copy-40@2x.png new file mode 100644 index 0000000..96e8005 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-40@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-44@2x.png b/Package-Web/img/fc-game-fail-oval-copy-44@2x.png new file mode 100644 index 0000000..9e9150f Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-44@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-46@2x.png b/Package-Web/img/fc-game-fail-oval-copy-46@2x.png new file mode 100644 index 0000000..91bcf12 Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-46@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy-8@2x.png b/Package-Web/img/fc-game-fail-oval-copy-8@2x.png new file mode 100644 index 0000000..9e3bc8a Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy-8@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval-copy@2x.png b/Package-Web/img/fc-game-fail-oval-copy@2x.png new file mode 100644 index 0000000..3b3efab Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval-copy@2x.png differ diff --git a/Package-Web/img/fc-game-fail-oval@2x.png b/Package-Web/img/fc-game-fail-oval@2x.png new file mode 100644 index 0000000..6ec750e Binary files /dev/null and b/Package-Web/img/fc-game-fail-oval@2x.png differ diff --git a/Package-Web/img/fc-game-fail-path-3-copy-2@2x.png b/Package-Web/img/fc-game-fail-path-3-copy-2@2x.png new file mode 100644 index 0000000..0a25db0 Binary files /dev/null and b/Package-Web/img/fc-game-fail-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/fc-game-fail-path-3-copy@2x.png b/Package-Web/img/fc-game-fail-path-3-copy@2x.png new file mode 100644 index 0000000..7d134ee Binary files /dev/null and b/Package-Web/img/fc-game-fail-path-3-copy@2x.png differ diff --git a/Package-Web/img/fc-game-fail-path-4-copy-2@2x.png b/Package-Web/img/fc-game-fail-path-4-copy-2@2x.png new file mode 100644 index 0000000..509dbae Binary files /dev/null and b/Package-Web/img/fc-game-fail-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/fc-game-fail-path-5-copy@2x.png b/Package-Web/img/fc-game-fail-path-5-copy@2x.png new file mode 100644 index 0000000..3a8f791 Binary files /dev/null and b/Package-Web/img/fc-game-fail-path-5-copy@2x.png differ diff --git a/Package-Web/img/fc-game-fail-rectangle-1@2x.png b/Package-Web/img/fc-game-fail-rectangle-1@2x.png new file mode 100644 index 0000000..1fe1eb5 Binary files /dev/null and b/Package-Web/img/fc-game-fail-rectangle-1@2x.png differ diff --git a/Package-Web/img/fc-game-fail-rectangle-2@2x.png b/Package-Web/img/fc-game-fail-rectangle-2@2x.png new file mode 100644 index 0000000..26441c7 Binary files /dev/null and b/Package-Web/img/fc-game-fail-rectangle-2@2x.png differ diff --git a/Package-Web/img/fc-game-fail-rectangle-3@2x.png b/Package-Web/img/fc-game-fail-rectangle-3@2x.png new file mode 100644 index 0000000..d7c5f78 Binary files /dev/null and b/Package-Web/img/fc-game-fail-rectangle-3@2x.png differ diff --git a/Package-Web/img/fc-game-fail-rectangle-copy-5@2x.png b/Package-Web/img/fc-game-fail-rectangle-copy-5@2x.png new file mode 100644 index 0000000..d321ce0 Binary files /dev/null and b/Package-Web/img/fc-game-fail-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/fc-game-fail-rectangle-copy@2x.png b/Package-Web/img/fc-game-fail-rectangle-copy@2x.png new file mode 100644 index 0000000..5788a8b Binary files /dev/null and b/Package-Web/img/fc-game-fail-rectangle-copy@2x.png differ diff --git a/Package-Web/img/fc-game-fail-star-copy-3@2x.png b/Package-Web/img/fc-game-fail-star-copy-3@2x.png new file mode 100644 index 0000000..b6b1c93 Binary files /dev/null and b/Package-Web/img/fc-game-fail-star-copy-3@2x.png differ diff --git a/Package-Web/img/fc-game-pass-group-1@2x.png b/Package-Web/img/fc-game-pass-group-1@2x.png new file mode 100644 index 0000000..fc77750 Binary files /dev/null and b/Package-Web/img/fc-game-pass-group-1@2x.png differ diff --git a/Package-Web/img/fc-game-pass-group-3@2x.png b/Package-Web/img/fc-game-pass-group-3@2x.png new file mode 100644 index 0000000..3a9e2b8 Binary files /dev/null and b/Package-Web/img/fc-game-pass-group-3@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-10@2x.png b/Package-Web/img/fc-game-pass-oval-10@2x.png new file mode 100644 index 0000000..3d0582c Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-10@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-19.png b/Package-Web/img/fc-game-pass-oval-19.png new file mode 100644 index 0000000..c4c7955 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-19.png differ diff --git a/Package-Web/img/fc-game-pass-oval-2-copy@2x.png b/Package-Web/img/fc-game-pass-oval-2-copy@2x.png new file mode 100644 index 0000000..8555d72 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-2-copy@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-20.png b/Package-Web/img/fc-game-pass-oval-20.png new file mode 100644 index 0000000..4570787 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-20.png differ diff --git a/Package-Web/img/fc-game-pass-oval-3@2x.png b/Package-Web/img/fc-game-pass-oval-3@2x.png new file mode 100644 index 0000000..b6eaf7f Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-3@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-14@2x.png b/Package-Web/img/fc-game-pass-oval-copy-14@2x.png new file mode 100644 index 0000000..a391022 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-14@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-16@2x.png b/Package-Web/img/fc-game-pass-oval-copy-16@2x.png new file mode 100644 index 0000000..eebfc38 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-16@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-18@2x.png b/Package-Web/img/fc-game-pass-oval-copy-18@2x.png new file mode 100644 index 0000000..4589494 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-18@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-1@2x.png b/Package-Web/img/fc-game-pass-oval-copy-1@2x.png new file mode 100644 index 0000000..d5c5478 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-1@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-20@2x.png b/Package-Web/img/fc-game-pass-oval-copy-20@2x.png new file mode 100644 index 0000000..1f21349 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-20@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-2@2x.png b/Package-Web/img/fc-game-pass-oval-copy-2@2x.png new file mode 100644 index 0000000..1401217 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-2@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-41@2x.png b/Package-Web/img/fc-game-pass-oval-copy-41@2x.png new file mode 100644 index 0000000..ffd9414 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-41@2x.png differ diff --git a/Package-Web/img/fc-game-pass-oval-copy-43@2x.png b/Package-Web/img/fc-game-pass-oval-copy-43@2x.png new file mode 100644 index 0000000..6b38905 Binary files /dev/null and b/Package-Web/img/fc-game-pass-oval-copy-43@2x.png differ diff --git a/Package-Web/img/fc-game-pass-path-2-copy@2x.png b/Package-Web/img/fc-game-pass-path-2-copy@2x.png new file mode 100644 index 0000000..7be6e78 Binary files /dev/null and b/Package-Web/img/fc-game-pass-path-2-copy@2x.png differ diff --git a/Package-Web/img/fc-game-pass-rectangle-5@2x.png b/Package-Web/img/fc-game-pass-rectangle-5@2x.png new file mode 100644 index 0000000..c050fbb Binary files /dev/null and b/Package-Web/img/fc-game-pass-rectangle-5@2x.png differ diff --git a/Package-Web/img/fc-game-pass-star-1@2x.png b/Package-Web/img/fc-game-pass-star-1@2x.png new file mode 100644 index 0000000..6dfc67c Binary files /dev/null and b/Package-Web/img/fc-game-pass-star-1@2x.png differ diff --git a/Package-Web/img/fc-game-pass-star-copy-2-1@2x.png b/Package-Web/img/fc-game-pass-star-copy-2-1@2x.png new file mode 100644 index 0000000..18c7e4d Binary files /dev/null and b/Package-Web/img/fc-game-pass-star-copy-2-1@2x.png differ diff --git a/Package-Web/img/fc-game-pass-star-copy-2@2x.png b/Package-Web/img/fc-game-pass-star-copy-2@2x.png new file mode 100644 index 0000000..78eec9e Binary files /dev/null and b/Package-Web/img/fc-game-pass-star-copy-2@2x.png differ diff --git a/Package-Web/img/fc-game-pass-star-copy-3-1.png b/Package-Web/img/fc-game-pass-star-copy-3-1.png new file mode 100644 index 0000000..e0b8d6f Binary files /dev/null and b/Package-Web/img/fc-game-pass-star-copy-3-1.png differ diff --git a/Package-Web/img/fc-game-pass-star@2x.png b/Package-Web/img/fc-game-pass-star@2x.png new file mode 100644 index 0000000..ebb6d9c Binary files /dev/null and b/Package-Web/img/fc-game-pass-star@2x.png differ diff --git a/Package-Web/img/find--counting-game-arm-r-copy@2x.png b/Package-Web/img/find--counting-game-arm-r-copy@2x.png new file mode 100644 index 0000000..47a5024 Binary files /dev/null and b/Package-Web/img/find--counting-game-arm-r-copy@2x.png differ diff --git a/Package-Web/img/find--counting-game-group-2@2x.png b/Package-Web/img/find--counting-game-group-2@2x.png new file mode 100644 index 0000000..efdb6b6 Binary files /dev/null and b/Package-Web/img/find--counting-game-group-2@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-16@2x.png b/Package-Web/img/find--counting-game-oval-16@2x.png new file mode 100644 index 0000000..35110cb Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-16@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-1@2x.png b/Package-Web/img/find--counting-game-oval-1@2x.png new file mode 100644 index 0000000..f6411af Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-1@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-20@2x.png b/Package-Web/img/find--counting-game-oval-20@2x.png new file mode 100644 index 0000000..092a87a Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-20@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-4@2x.png b/Package-Web/img/find--counting-game-oval-4@2x.png new file mode 100644 index 0000000..8ee5784 Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-4@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-5@2x.png b/Package-Web/img/find--counting-game-oval-5@2x.png new file mode 100644 index 0000000..dfa80ce Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-5@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-7@2x.png b/Package-Web/img/find--counting-game-oval-7@2x.png new file mode 100644 index 0000000..59605eb Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-7@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-copy-12@2x.png b/Package-Web/img/find--counting-game-oval-copy-12@2x.png new file mode 100644 index 0000000..fc1957f Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-copy-12@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-copy-45@2x.png b/Package-Web/img/find--counting-game-oval-copy-45@2x.png new file mode 100644 index 0000000..69392fa Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-copy-45@2x.png differ diff --git a/Package-Web/img/find--counting-game-oval-copy-47@2x.png b/Package-Web/img/find--counting-game-oval-copy-47@2x.png new file mode 100644 index 0000000..27fa054 Binary files /dev/null and b/Package-Web/img/find--counting-game-oval-copy-47@2x.png differ diff --git a/Package-Web/img/find--counting-game-path-2-copy-2@2x.png b/Package-Web/img/find--counting-game-path-2-copy-2@2x.png new file mode 100644 index 0000000..8ebf440 Binary files /dev/null and b/Package-Web/img/find--counting-game-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/find--counting-game-path-4-copy@2x.png b/Package-Web/img/find--counting-game-path-4-copy@2x.png new file mode 100644 index 0000000..f96b774 Binary files /dev/null and b/Package-Web/img/find--counting-game-path-4-copy@2x.png differ diff --git a/Package-Web/img/find--counting-game-rectangle-2@2x.png b/Package-Web/img/find--counting-game-rectangle-2@2x.png new file mode 100644 index 0000000..37a06a7 Binary files /dev/null and b/Package-Web/img/find--counting-game-rectangle-2@2x.png differ diff --git a/Package-Web/img/find--counting-game-rectangle-copy-2@2x.png b/Package-Web/img/find--counting-game-rectangle-copy-2@2x.png new file mode 100644 index 0000000..6e7955f Binary files /dev/null and b/Package-Web/img/find--counting-game-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/food-detail-bitmap-1.png b/Package-Web/img/food-detail-bitmap-1.png new file mode 100644 index 0000000..3234637 Binary files /dev/null and b/Package-Web/img/food-detail-bitmap-1.png differ diff --git a/Package-Web/img/food-detail-oval-1.png b/Package-Web/img/food-detail-oval-1.png new file mode 100644 index 0000000..58c1dd8 Binary files /dev/null and b/Package-Web/img/food-detail-oval-1.png differ diff --git a/Package-Web/img/food-detail-oval-2@2x.png b/Package-Web/img/food-detail-oval-2@2x.png new file mode 100644 index 0000000..22c2c16 Binary files /dev/null and b/Package-Web/img/food-detail-oval-2@2x.png differ diff --git a/Package-Web/img/food-detail-oval-3@2x.png b/Package-Web/img/food-detail-oval-3@2x.png new file mode 100644 index 0000000..61998e4 Binary files /dev/null and b/Package-Web/img/food-detail-oval-3@2x.png differ diff --git a/Package-Web/img/food-detail-rectangle-1.png b/Package-Web/img/food-detail-rectangle-1.png new file mode 100644 index 0000000..05f25db Binary files /dev/null and b/Package-Web/img/food-detail-rectangle-1.png differ diff --git a/Package-Web/img/food-map-bitmap-1.png b/Package-Web/img/food-map-bitmap-1.png new file mode 100644 index 0000000..e1dbc31 Binary files /dev/null and b/Package-Web/img/food-map-bitmap-1.png differ diff --git a/Package-Web/img/food-map-oval-1@2x.png b/Package-Web/img/food-map-oval-1@2x.png new file mode 100644 index 0000000..53603c5 Binary files /dev/null and b/Package-Web/img/food-map-oval-1@2x.png differ diff --git a/Package-Web/img/food-map-path-4@2x.png b/Package-Web/img/food-map-path-4@2x.png new file mode 100644 index 0000000..fa429e7 Binary files /dev/null and b/Package-Web/img/food-map-path-4@2x.png differ diff --git a/Package-Web/img/food-map-triangle-1@2x.png b/Package-Web/img/food-map-triangle-1@2x.png new file mode 100644 index 0000000..ca25f30 Binary files /dev/null and b/Package-Web/img/food-map-triangle-1@2x.png differ diff --git a/Package-Web/img/food-map-triangle@2x.png b/Package-Web/img/food-map-triangle@2x.png new file mode 100644 index 0000000..cf6763c Binary files /dev/null and b/Package-Web/img/food-map-triangle@2x.png differ diff --git a/Package-Web/img/food-mapzoom-in-bitmap-1.png b/Package-Web/img/food-mapzoom-in-bitmap-1.png new file mode 100644 index 0000000..d44124c Binary files /dev/null and b/Package-Web/img/food-mapzoom-in-bitmap-1.png differ diff --git a/Package-Web/img/food-mapzoom-in-bitmap.png b/Package-Web/img/food-mapzoom-in-bitmap.png new file mode 100644 index 0000000..6236e95 Binary files /dev/null and b/Package-Web/img/food-mapzoom-in-bitmap.png differ diff --git a/Package-Web/img/food-mapzoom-in-group-4@2x.png b/Package-Web/img/food-mapzoom-in-group-4@2x.png new file mode 100644 index 0000000..0928188 Binary files /dev/null and b/Package-Web/img/food-mapzoom-in-group-4@2x.png differ diff --git a/Package-Web/img/food-mapzoom-in-oval-2-copy-6-1@2x.png b/Package-Web/img/food-mapzoom-in-oval-2-copy-6-1@2x.png new file mode 100644 index 0000000..e4cb992 Binary files /dev/null and b/Package-Web/img/food-mapzoom-in-oval-2-copy-6-1@2x.png differ diff --git a/Package-Web/img/food-mapzoom-in-path-4.png b/Package-Web/img/food-mapzoom-in-path-4.png new file mode 100644 index 0000000..7a7871d Binary files /dev/null and b/Package-Web/img/food-mapzoom-in-path-4.png differ diff --git a/Package-Web/img/food-market-arm-r@2x.png b/Package-Web/img/food-market-arm-r@2x.png new file mode 100644 index 0000000..836d790 Binary files /dev/null and b/Package-Web/img/food-market-arm-r@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-10@2x.png b/Package-Web/img/food-market-bitmap-10@2x.png new file mode 100644 index 0000000..71da2e9 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-10@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-1@2x.png b/Package-Web/img/food-market-bitmap-1@2x.png new file mode 100644 index 0000000..06572ba Binary files /dev/null and b/Package-Web/img/food-market-bitmap-1@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-2@2x.png b/Package-Web/img/food-market-bitmap-2@2x.png new file mode 100644 index 0000000..a5fdd38 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-2@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-3@2x.png b/Package-Web/img/food-market-bitmap-3@2x.png new file mode 100644 index 0000000..b68ed93 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-3@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-4@2x.png b/Package-Web/img/food-market-bitmap-4@2x.png new file mode 100644 index 0000000..59b2b7c Binary files /dev/null and b/Package-Web/img/food-market-bitmap-4@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-5@2x.png b/Package-Web/img/food-market-bitmap-5@2x.png new file mode 100644 index 0000000..641fee5 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-5@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-6@2x.png b/Package-Web/img/food-market-bitmap-6@2x.png new file mode 100644 index 0000000..936b7e9 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-6@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-7@2x.png b/Package-Web/img/food-market-bitmap-7@2x.png new file mode 100644 index 0000000..0af243e Binary files /dev/null and b/Package-Web/img/food-market-bitmap-7@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-8@2x.png b/Package-Web/img/food-market-bitmap-8@2x.png new file mode 100644 index 0000000..948a14c Binary files /dev/null and b/Package-Web/img/food-market-bitmap-8@2x.png differ diff --git a/Package-Web/img/food-market-bitmap-9@2x.png b/Package-Web/img/food-market-bitmap-9@2x.png new file mode 100644 index 0000000..fffb2d0 Binary files /dev/null and b/Package-Web/img/food-market-bitmap-9@2x.png differ diff --git a/Package-Web/img/food-market-group-1@2x.png b/Package-Web/img/food-market-group-1@2x.png new file mode 100644 index 0000000..6dcaf46 Binary files /dev/null and b/Package-Web/img/food-market-group-1@2x.png differ diff --git a/Package-Web/img/food-market-group@2x.png b/Package-Web/img/food-market-group@2x.png new file mode 100644 index 0000000..a838ed0 Binary files /dev/null and b/Package-Web/img/food-market-group@2x.png differ diff --git a/Package-Web/img/food-market-oval-10@2x.png b/Package-Web/img/food-market-oval-10@2x.png new file mode 100644 index 0000000..38a15d0 Binary files /dev/null and b/Package-Web/img/food-market-oval-10@2x.png differ diff --git a/Package-Web/img/food-market-oval-12@2x.png b/Package-Web/img/food-market-oval-12@2x.png new file mode 100644 index 0000000..3676a90 Binary files /dev/null and b/Package-Web/img/food-market-oval-12@2x.png differ diff --git a/Package-Web/img/food-market-oval-1@2x.png b/Package-Web/img/food-market-oval-1@2x.png new file mode 100644 index 0000000..44af0f5 Binary files /dev/null and b/Package-Web/img/food-market-oval-1@2x.png differ diff --git a/Package-Web/img/food-market-oval-4@2x.png b/Package-Web/img/food-market-oval-4@2x.png new file mode 100644 index 0000000..77621ac Binary files /dev/null and b/Package-Web/img/food-market-oval-4@2x.png differ diff --git a/Package-Web/img/food-market-oval-8@2x.png b/Package-Web/img/food-market-oval-8@2x.png new file mode 100644 index 0000000..4319aa3 Binary files /dev/null and b/Package-Web/img/food-market-oval-8@2x.png differ diff --git a/Package-Web/img/food-market-oval-copy-17@2x.png b/Package-Web/img/food-market-oval-copy-17@2x.png new file mode 100644 index 0000000..02c2f4c Binary files /dev/null and b/Package-Web/img/food-market-oval-copy-17@2x.png differ diff --git a/Package-Web/img/food-market-oval-copy-44@2x.png b/Package-Web/img/food-market-oval-copy-44@2x.png new file mode 100644 index 0000000..6f04cfa Binary files /dev/null and b/Package-Web/img/food-market-oval-copy-44@2x.png differ diff --git a/Package-Web/img/food-market-oval-copy-9@2x.png b/Package-Web/img/food-market-oval-copy-9@2x.png new file mode 100644 index 0000000..2f182e9 Binary files /dev/null and b/Package-Web/img/food-market-oval-copy-9@2x.png differ diff --git a/Package-Web/img/food-market-path-3-copy-2@2x.png b/Package-Web/img/food-market-path-3-copy-2@2x.png new file mode 100644 index 0000000..b4088ac Binary files /dev/null and b/Package-Web/img/food-market-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/food-market-path-4-copy@2x.png b/Package-Web/img/food-market-path-4-copy@2x.png new file mode 100644 index 0000000..0d679ae Binary files /dev/null and b/Package-Web/img/food-market-path-4-copy@2x.png differ diff --git a/Package-Web/img/food-market-rectangle-2@2x.png b/Package-Web/img/food-market-rectangle-2@2x.png new file mode 100644 index 0000000..2669555 Binary files /dev/null and b/Package-Web/img/food-market-rectangle-2@2x.png differ diff --git a/Package-Web/img/food-market-rectangle-copy-2@2x.png b/Package-Web/img/food-market-rectangle-copy-2@2x.png new file mode 100644 index 0000000..630eb13 Binary files /dev/null and b/Package-Web/img/food-market-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-arm-r@2x.png b/Package-Web/img/food-preference-arm-r@2x.png new file mode 100644 index 0000000..ca60281 Binary files /dev/null and b/Package-Web/img/food-preference-arm-r@2x.png differ diff --git a/Package-Web/img/food-preference-bitmap.png b/Package-Web/img/food-preference-bitmap.png new file mode 100644 index 0000000..45bef70 Binary files /dev/null and b/Package-Web/img/food-preference-bitmap.png differ diff --git a/Package-Web/img/food-preference-hand@2x.png b/Package-Web/img/food-preference-hand@2x.png new file mode 100644 index 0000000..b597b51 Binary files /dev/null and b/Package-Web/img/food-preference-hand@2x.png differ diff --git a/Package-Web/img/food-preference-oval-10@2x.png b/Package-Web/img/food-preference-oval-10@2x.png new file mode 100644 index 0000000..2d1061a Binary files /dev/null and b/Package-Web/img/food-preference-oval-10@2x.png differ diff --git a/Package-Web/img/food-preference-oval-11@2x.png b/Package-Web/img/food-preference-oval-11@2x.png new file mode 100644 index 0000000..875e28f Binary files /dev/null and b/Package-Web/img/food-preference-oval-11@2x.png differ diff --git a/Package-Web/img/food-preference-oval-1@2x.png b/Package-Web/img/food-preference-oval-1@2x.png new file mode 100644 index 0000000..c61b5ed Binary files /dev/null and b/Package-Web/img/food-preference-oval-1@2x.png differ diff --git a/Package-Web/img/food-preference-oval-2-copy@2x.png b/Package-Web/img/food-preference-oval-2-copy@2x.png new file mode 100644 index 0000000..e994032 Binary files /dev/null and b/Package-Web/img/food-preference-oval-2-copy@2x.png differ diff --git a/Package-Web/img/food-preference-oval-2@2x.png b/Package-Web/img/food-preference-oval-2@2x.png new file mode 100644 index 0000000..0b21534 Binary files /dev/null and b/Package-Web/img/food-preference-oval-2@2x.png differ diff --git a/Package-Web/img/food-preference-oval-6@2x.png b/Package-Web/img/food-preference-oval-6@2x.png new file mode 100644 index 0000000..1b3aeca Binary files /dev/null and b/Package-Web/img/food-preference-oval-6@2x.png differ diff --git a/Package-Web/img/food-preference-oval-8@2x.png b/Package-Web/img/food-preference-oval-8@2x.png new file mode 100644 index 0000000..54d4d1c Binary files /dev/null and b/Package-Web/img/food-preference-oval-8@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-10@2x.png b/Package-Web/img/food-preference-oval-copy-10@2x.png new file mode 100644 index 0000000..a70fc33 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-10@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-11@2x.png b/Package-Web/img/food-preference-oval-copy-11@2x.png new file mode 100644 index 0000000..7e840fe Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-11@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-12@2x.png b/Package-Web/img/food-preference-oval-copy-12@2x.png new file mode 100644 index 0000000..c52c1e1 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-12@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-13@2x.png b/Package-Web/img/food-preference-oval-copy-13@2x.png new file mode 100644 index 0000000..2b90922 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-13@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-14@2x.png b/Package-Web/img/food-preference-oval-copy-14@2x.png new file mode 100644 index 0000000..ae09fa1 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-14@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-15@2x.png b/Package-Web/img/food-preference-oval-copy-15@2x.png new file mode 100644 index 0000000..c7507cd Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-15@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-16@2x.png b/Package-Web/img/food-preference-oval-copy-16@2x.png new file mode 100644 index 0000000..82c55f8 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-16@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-17@2x.png b/Package-Web/img/food-preference-oval-copy-17@2x.png new file mode 100644 index 0000000..5946969 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-17@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-18@2x.png b/Package-Web/img/food-preference-oval-copy-18@2x.png new file mode 100644 index 0000000..21e63fa Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-18@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-19.png b/Package-Web/img/food-preference-oval-copy-19.png new file mode 100644 index 0000000..56865fb Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-19.png differ diff --git a/Package-Web/img/food-preference-oval-copy-20.png b/Package-Web/img/food-preference-oval-copy-20.png new file mode 100644 index 0000000..d2b8c72 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-20.png differ diff --git a/Package-Web/img/food-preference-oval-copy-21@2x.png b/Package-Web/img/food-preference-oval-copy-21@2x.png new file mode 100644 index 0000000..e2e0c9a Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-21@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-40-1@2x.png b/Package-Web/img/food-preference-oval-copy-40-1@2x.png new file mode 100644 index 0000000..6a21d6b Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-40-1@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-40@2x.png b/Package-Web/img/food-preference-oval-copy-40@2x.png new file mode 100644 index 0000000..5bcea75 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-40@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-41@2x.png b/Package-Web/img/food-preference-oval-copy-41@2x.png new file mode 100644 index 0000000..50c0ee7 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-41@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-43@2x.png b/Package-Web/img/food-preference-oval-copy-43@2x.png new file mode 100644 index 0000000..1f47e73 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-43@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-44@2x.png b/Package-Web/img/food-preference-oval-copy-44@2x.png new file mode 100644 index 0000000..d01dc23 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-44@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-45@2x.png b/Package-Web/img/food-preference-oval-copy-45@2x.png new file mode 100644 index 0000000..d39e0b2 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-45@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-46@2x.png b/Package-Web/img/food-preference-oval-copy-46@2x.png new file mode 100644 index 0000000..39c2433 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-46@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-47@2x.png b/Package-Web/img/food-preference-oval-copy-47@2x.png new file mode 100644 index 0000000..be2713d Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-47@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-8@2x.png b/Package-Web/img/food-preference-oval-copy-8@2x.png new file mode 100644 index 0000000..e040447 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-8@2x.png differ diff --git a/Package-Web/img/food-preference-oval-copy-9@2x.png b/Package-Web/img/food-preference-oval-copy-9@2x.png new file mode 100644 index 0000000..1d7d393 Binary files /dev/null and b/Package-Web/img/food-preference-oval-copy-9@2x.png differ diff --git a/Package-Web/img/food-preference-oval.png b/Package-Web/img/food-preference-oval.png new file mode 100644 index 0000000..ca352b0 Binary files /dev/null and b/Package-Web/img/food-preference-oval.png differ diff --git a/Package-Web/img/food-preference-path-2-copy-2@2x.png b/Package-Web/img/food-preference-path-2-copy-2@2x.png new file mode 100644 index 0000000..1de0d5f Binary files /dev/null and b/Package-Web/img/food-preference-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-path-2-copy@2x.png b/Package-Web/img/food-preference-path-2-copy@2x.png new file mode 100644 index 0000000..811316b Binary files /dev/null and b/Package-Web/img/food-preference-path-2-copy@2x.png differ diff --git a/Package-Web/img/food-preference-path-3-copy-2@2x.png b/Package-Web/img/food-preference-path-3-copy-2@2x.png new file mode 100644 index 0000000..0589f05 Binary files /dev/null and b/Package-Web/img/food-preference-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-path-3-copy@2x.png b/Package-Web/img/food-preference-path-3-copy@2x.png new file mode 100644 index 0000000..ba26fd9 Binary files /dev/null and b/Package-Web/img/food-preference-path-3-copy@2x.png differ diff --git a/Package-Web/img/food-preference-path-4-copy-2@2x.png b/Package-Web/img/food-preference-path-4-copy-2@2x.png new file mode 100644 index 0000000..b98b2bc Binary files /dev/null and b/Package-Web/img/food-preference-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-path-4-copy@2x.png b/Package-Web/img/food-preference-path-4-copy@2x.png new file mode 100644 index 0000000..20156cc Binary files /dev/null and b/Package-Web/img/food-preference-path-4-copy@2x.png differ diff --git a/Package-Web/img/food-preference-path-5-copy@2x.png b/Package-Web/img/food-preference-path-5-copy@2x.png new file mode 100644 index 0000000..073203a Binary files /dev/null and b/Package-Web/img/food-preference-path-5-copy@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-1@2x.png b/Package-Web/img/food-preference-rectangle-1@2x.png new file mode 100644 index 0000000..0ec2260 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-1@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-2.png b/Package-Web/img/food-preference-rectangle-2.png new file mode 100644 index 0000000..10ea2e5 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-2.png differ diff --git a/Package-Web/img/food-preference-rectangle-3@2x.png b/Package-Web/img/food-preference-rectangle-3@2x.png new file mode 100644 index 0000000..788b036 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-3@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-4@2x.png b/Package-Web/img/food-preference-rectangle-4@2x.png new file mode 100644 index 0000000..f9a2138 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-4@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-6@2x.png b/Package-Web/img/food-preference-rectangle-6@2x.png new file mode 100644 index 0000000..d4fc0ad Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-6@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-8.png b/Package-Web/img/food-preference-rectangle-8.png new file mode 100644 index 0000000..c33c209 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-8.png differ diff --git a/Package-Web/img/food-preference-rectangle-copy-2@2x.png b/Package-Web/img/food-preference-rectangle-copy-2@2x.png new file mode 100644 index 0000000..0c26cfc Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-copy-5@2x.png b/Package-Web/img/food-preference-rectangle-copy-5@2x.png new file mode 100644 index 0000000..34cfa96 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle-copy@2x.png b/Package-Web/img/food-preference-rectangle-copy@2x.png new file mode 100644 index 0000000..da86012 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle-copy@2x.png differ diff --git a/Package-Web/img/food-preference-rectangle@2x.png b/Package-Web/img/food-preference-rectangle@2x.png new file mode 100644 index 0000000..3ef4e36 Binary files /dev/null and b/Package-Web/img/food-preference-rectangle@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-4@2x.png b/Package-Web/img/food-preference-settings-oval-4@2x.png new file mode 100644 index 0000000..0dc1b23 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-4@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-8@2x.png b/Package-Web/img/food-preference-settings-oval-8@2x.png new file mode 100644 index 0000000..ccc94af Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-8@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-10-1@2x.png b/Package-Web/img/food-preference-settings-oval-copy-10-1@2x.png new file mode 100644 index 0000000..5dc4f50 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-10-1@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-12@2x.png b/Package-Web/img/food-preference-settings-oval-copy-12@2x.png new file mode 100644 index 0000000..ea67f91 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-12@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-14@2x.png b/Package-Web/img/food-preference-settings-oval-copy-14@2x.png new file mode 100644 index 0000000..1a83b2e Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-14@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-16@2x.png b/Package-Web/img/food-preference-settings-oval-copy-16@2x.png new file mode 100644 index 0000000..f16070e Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-16@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-18@2x.png b/Package-Web/img/food-preference-settings-oval-copy-18@2x.png new file mode 100644 index 0000000..3187a60 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-18@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-20@2x.png b/Package-Web/img/food-preference-settings-oval-copy-20@2x.png new file mode 100644 index 0000000..d315e66 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-20@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-43-1@2x.png b/Package-Web/img/food-preference-settings-oval-copy-43-1@2x.png new file mode 100644 index 0000000..ad07a83 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-43-1@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-45@2x.png b/Package-Web/img/food-preference-settings-oval-copy-45@2x.png new file mode 100644 index 0000000..e2b39a8 Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-45@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-47@2x.png b/Package-Web/img/food-preference-settings-oval-copy-47@2x.png new file mode 100644 index 0000000..c07a3fc Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-47@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-8@2x.png b/Package-Web/img/food-preference-settings-oval-copy-8@2x.png new file mode 100644 index 0000000..99ae63b Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-8@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval-copy-9-1@2x.png b/Package-Web/img/food-preference-settings-oval-copy-9-1@2x.png new file mode 100644 index 0000000..e293dba Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval-copy-9-1@2x.png differ diff --git a/Package-Web/img/food-preference-settings-oval@2x.png b/Package-Web/img/food-preference-settings-oval@2x.png new file mode 100644 index 0000000..8847cfc Binary files /dev/null and b/Package-Web/img/food-preference-settings-oval@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-2-1@2x.png b/Package-Web/img/food-preference-settings-path-2-1@2x.png new file mode 100644 index 0000000..23bfe6a Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-2-1@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-2@2x.png b/Package-Web/img/food-preference-settings-path-2@2x.png new file mode 100644 index 0000000..9450c3a Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-2@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-3-copy-2@2x.png b/Package-Web/img/food-preference-settings-path-3-copy-2@2x.png new file mode 100644 index 0000000..9d38906 Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-3-copy@2x.png b/Package-Web/img/food-preference-settings-path-3-copy@2x.png new file mode 100644 index 0000000..7a36476 Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-3-copy@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-4-copy-2@2x.png b/Package-Web/img/food-preference-settings-path-4-copy-2@2x.png new file mode 100644 index 0000000..563435c Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-settings-path-5-copy@2x.png b/Package-Web/img/food-preference-settings-path-5-copy@2x.png new file mode 100644 index 0000000..c020eef Binary files /dev/null and b/Package-Web/img/food-preference-settings-path-5-copy@2x.png differ diff --git a/Package-Web/img/food-preference-settings-rectangle-3@2x.png b/Package-Web/img/food-preference-settings-rectangle-3@2x.png new file mode 100644 index 0000000..084e568 Binary files /dev/null and b/Package-Web/img/food-preference-settings-rectangle-3@2x.png differ diff --git a/Package-Web/img/food-preference-settings-rectangle-copy-2@2x.png b/Package-Web/img/food-preference-settings-rectangle-copy-2@2x.png new file mode 100644 index 0000000..fc752fc Binary files /dev/null and b/Package-Web/img/food-preference-settings-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/food-preference-settings-rectangle.png b/Package-Web/img/food-preference-settings-rectangle.png new file mode 100644 index 0000000..8c8928a Binary files /dev/null and b/Package-Web/img/food-preference-settings-rectangle.png differ diff --git a/Package-Web/img/food-preference-settings-rectangle@2x.png b/Package-Web/img/food-preference-settings-rectangle@2x.png new file mode 100644 index 0000000..320e6bb Binary files /dev/null and b/Package-Web/img/food-preference-settings-rectangle@2x.png differ diff --git a/Package-Web/img/landing-oval-1.png b/Package-Web/img/landing-oval-1.png new file mode 100644 index 0000000..d27acf0 Binary files /dev/null and b/Package-Web/img/landing-oval-1.png differ diff --git a/Package-Web/img/landing-oval-2-copy@2x.png b/Package-Web/img/landing-oval-2-copy@2x.png new file mode 100644 index 0000000..65ebe18 Binary files /dev/null and b/Package-Web/img/landing-oval-2-copy@2x.png differ diff --git a/Package-Web/img/landing-oval-2@2x.png b/Package-Web/img/landing-oval-2@2x.png new file mode 100644 index 0000000..51187b3 Binary files /dev/null and b/Package-Web/img/landing-oval-2@2x.png differ diff --git a/Package-Web/img/landing-oval-4@2x.png b/Package-Web/img/landing-oval-4@2x.png new file mode 100644 index 0000000..b705454 Binary files /dev/null and b/Package-Web/img/landing-oval-4@2x.png differ diff --git a/Package-Web/img/landing-oval-6@2x.png b/Package-Web/img/landing-oval-6@2x.png new file mode 100644 index 0000000..dbb3d62 Binary files /dev/null and b/Package-Web/img/landing-oval-6@2x.png differ diff --git a/Package-Web/img/landing-oval-7@2x.png b/Package-Web/img/landing-oval-7@2x.png new file mode 100644 index 0000000..f60ba75 Binary files /dev/null and b/Package-Web/img/landing-oval-7@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-10@2x.png b/Package-Web/img/landing-oval-copy-10@2x.png new file mode 100644 index 0000000..78aa992 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-10@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-11@2x.png b/Package-Web/img/landing-oval-copy-11@2x.png new file mode 100644 index 0000000..6967098 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-11@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-12@2x.png b/Package-Web/img/landing-oval-copy-12@2x.png new file mode 100644 index 0000000..d428ad0 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-12@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-13@2x.png b/Package-Web/img/landing-oval-copy-13@2x.png new file mode 100644 index 0000000..0f0d17f Binary files /dev/null and b/Package-Web/img/landing-oval-copy-13@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-14@2x.png b/Package-Web/img/landing-oval-copy-14@2x.png new file mode 100644 index 0000000..1ac2389 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-14@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-15@2x.png b/Package-Web/img/landing-oval-copy-15@2x.png new file mode 100644 index 0000000..e6b6183 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-15@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-16@2x.png b/Package-Web/img/landing-oval-copy-16@2x.png new file mode 100644 index 0000000..2cb3cb2 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-16@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-17@2x.png b/Package-Web/img/landing-oval-copy-17@2x.png new file mode 100644 index 0000000..2f56ced Binary files /dev/null and b/Package-Web/img/landing-oval-copy-17@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-18@2x.png b/Package-Web/img/landing-oval-copy-18@2x.png new file mode 100644 index 0000000..5954a9e Binary files /dev/null and b/Package-Web/img/landing-oval-copy-18@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-19.png b/Package-Web/img/landing-oval-copy-19.png new file mode 100644 index 0000000..4e6d706 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-19.png differ diff --git a/Package-Web/img/landing-oval-copy-20.png b/Package-Web/img/landing-oval-copy-20.png new file mode 100644 index 0000000..b9e1c36 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-20.png differ diff --git a/Package-Web/img/landing-oval-copy-21@2x.png b/Package-Web/img/landing-oval-copy-21@2x.png new file mode 100644 index 0000000..5153230 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-21@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-6@2x.png b/Package-Web/img/landing-oval-copy-6@2x.png new file mode 100644 index 0000000..a7e93ff Binary files /dev/null and b/Package-Web/img/landing-oval-copy-6@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-8@2x.png b/Package-Web/img/landing-oval-copy-8@2x.png new file mode 100644 index 0000000..1a61f0d Binary files /dev/null and b/Package-Web/img/landing-oval-copy-8@2x.png differ diff --git a/Package-Web/img/landing-oval-copy-9@2x.png b/Package-Web/img/landing-oval-copy-9@2x.png new file mode 100644 index 0000000..5baf583 Binary files /dev/null and b/Package-Web/img/landing-oval-copy-9@2x.png differ diff --git a/Package-Web/img/landing-oval.png b/Package-Web/img/landing-oval.png new file mode 100644 index 0000000..44a069c Binary files /dev/null and b/Package-Web/img/landing-oval.png differ diff --git a/Package-Web/img/landing-path-2-copy-2@2x.png b/Package-Web/img/landing-path-2-copy-2@2x.png new file mode 100644 index 0000000..fdda383 Binary files /dev/null and b/Package-Web/img/landing-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/landing-path-2-copy@2x.png b/Package-Web/img/landing-path-2-copy@2x.png new file mode 100644 index 0000000..c3dce31 Binary files /dev/null and b/Package-Web/img/landing-path-2-copy@2x.png differ diff --git a/Package-Web/img/landing-path-3-copy-2@2x.png b/Package-Web/img/landing-path-3-copy-2@2x.png new file mode 100644 index 0000000..1943687 Binary files /dev/null and b/Package-Web/img/landing-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/landing-path-3-copy@2x.png b/Package-Web/img/landing-path-3-copy@2x.png new file mode 100644 index 0000000..7b4adad Binary files /dev/null and b/Package-Web/img/landing-path-3-copy@2x.png differ diff --git a/Package-Web/img/landing-path-4-copy-2@2x.png b/Package-Web/img/landing-path-4-copy-2@2x.png new file mode 100644 index 0000000..95325b8 Binary files /dev/null and b/Package-Web/img/landing-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/landing-path-4-copy@2x.png b/Package-Web/img/landing-path-4-copy@2x.png new file mode 100644 index 0000000..d91fc8e Binary files /dev/null and b/Package-Web/img/landing-path-4-copy@2x.png differ diff --git a/Package-Web/img/landing-path-5-copy.png b/Package-Web/img/landing-path-5-copy.png new file mode 100644 index 0000000..7113b4b Binary files /dev/null and b/Package-Web/img/landing-path-5-copy.png differ diff --git a/Package-Web/img/landing-rectangle-copy-2@2x.png b/Package-Web/img/landing-rectangle-copy-2@2x.png new file mode 100644 index 0000000..3484fd9 Binary files /dev/null and b/Package-Web/img/landing-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/landing-rectangle-copy@2x.png b/Package-Web/img/landing-rectangle-copy@2x.png new file mode 100644 index 0000000..9108d1c Binary files /dev/null and b/Package-Web/img/landing-rectangle-copy@2x.png differ diff --git a/Package-Web/img/landing-triangle@2x.png b/Package-Web/img/landing-triangle@2x.png new file mode 100644 index 0000000..c347d81 Binary files /dev/null and b/Package-Web/img/landing-triangle@2x.png differ diff --git a/Package-Web/img/login-oval-10@2x.png b/Package-Web/img/login-oval-10@2x.png new file mode 100644 index 0000000..8b84aa6 Binary files /dev/null and b/Package-Web/img/login-oval-10@2x.png differ diff --git a/Package-Web/img/login-oval-11@2x.png b/Package-Web/img/login-oval-11@2x.png new file mode 100644 index 0000000..0ed292b Binary files /dev/null and b/Package-Web/img/login-oval-11@2x.png differ diff --git a/Package-Web/img/login-oval-1@2x.png b/Package-Web/img/login-oval-1@2x.png new file mode 100644 index 0000000..5202c07 Binary files /dev/null and b/Package-Web/img/login-oval-1@2x.png differ diff --git a/Package-Web/img/login-oval-2-1@2x.png b/Package-Web/img/login-oval-2-1@2x.png new file mode 100644 index 0000000..ff845d3 Binary files /dev/null and b/Package-Web/img/login-oval-2-1@2x.png differ diff --git a/Package-Web/img/login-oval-2@2x.png b/Package-Web/img/login-oval-2@2x.png new file mode 100644 index 0000000..2b466fd Binary files /dev/null and b/Package-Web/img/login-oval-2@2x.png differ diff --git a/Package-Web/img/login-oval-3@2x.png b/Package-Web/img/login-oval-3@2x.png new file mode 100644 index 0000000..d0e2f2c Binary files /dev/null and b/Package-Web/img/login-oval-3@2x.png differ diff --git a/Package-Web/img/login-oval-4@2x.png b/Package-Web/img/login-oval-4@2x.png new file mode 100644 index 0000000..540c232 Binary files /dev/null and b/Package-Web/img/login-oval-4@2x.png differ diff --git a/Package-Web/img/login-oval-5@2x.png b/Package-Web/img/login-oval-5@2x.png new file mode 100644 index 0000000..583d4d3 Binary files /dev/null and b/Package-Web/img/login-oval-5@2x.png differ diff --git a/Package-Web/img/login-oval-6@2x.png b/Package-Web/img/login-oval-6@2x.png new file mode 100644 index 0000000..fab1815 Binary files /dev/null and b/Package-Web/img/login-oval-6@2x.png differ diff --git a/Package-Web/img/login-oval-7@2x.png b/Package-Web/img/login-oval-7@2x.png new file mode 100644 index 0000000..b187cda Binary files /dev/null and b/Package-Web/img/login-oval-7@2x.png differ diff --git a/Package-Web/img/login-oval-8@2x.png b/Package-Web/img/login-oval-8@2x.png new file mode 100644 index 0000000..d215c37 Binary files /dev/null and b/Package-Web/img/login-oval-8@2x.png differ diff --git a/Package-Web/img/login-oval-9@2x.png b/Package-Web/img/login-oval-9@2x.png new file mode 100644 index 0000000..d247f46 Binary files /dev/null and b/Package-Web/img/login-oval-9@2x.png differ diff --git a/Package-Web/img/login-oval-copy-4@2x.png b/Package-Web/img/login-oval-copy-4@2x.png new file mode 100644 index 0000000..a82a992 Binary files /dev/null and b/Package-Web/img/login-oval-copy-4@2x.png differ diff --git a/Package-Web/img/login-oval-copy-5@2x.png b/Package-Web/img/login-oval-copy-5@2x.png new file mode 100644 index 0000000..d592cd5 Binary files /dev/null and b/Package-Web/img/login-oval-copy-5@2x.png differ diff --git a/Package-Web/img/login-oval-copy-7-1@2x.png b/Package-Web/img/login-oval-copy-7-1@2x.png new file mode 100644 index 0000000..36869c8 Binary files /dev/null and b/Package-Web/img/login-oval-copy-7-1@2x.png differ diff --git a/Package-Web/img/login-oval-copy-7@2x.png b/Package-Web/img/login-oval-copy-7@2x.png new file mode 100644 index 0000000..358e879 Binary files /dev/null and b/Package-Web/img/login-oval-copy-7@2x.png differ diff --git a/Package-Web/img/login-oval@2x.png b/Package-Web/img/login-oval@2x.png new file mode 100644 index 0000000..bbfdd89 Binary files /dev/null and b/Package-Web/img/login-oval@2x.png differ diff --git a/Package-Web/img/login-path-3-1@2x.png b/Package-Web/img/login-path-3-1@2x.png new file mode 100644 index 0000000..849ef3b Binary files /dev/null and b/Package-Web/img/login-path-3-1@2x.png differ diff --git a/Package-Web/img/login-path-3@2x.png b/Package-Web/img/login-path-3@2x.png new file mode 100644 index 0000000..90d2245 Binary files /dev/null and b/Package-Web/img/login-path-3@2x.png differ diff --git a/Package-Web/img/login-path-4-1@2x.png b/Package-Web/img/login-path-4-1@2x.png new file mode 100644 index 0000000..afb0f42 Binary files /dev/null and b/Package-Web/img/login-path-4-1@2x.png differ diff --git a/Package-Web/img/login-path-4@2x.png b/Package-Web/img/login-path-4@2x.png new file mode 100644 index 0000000..ab9602f Binary files /dev/null and b/Package-Web/img/login-path-4@2x.png differ diff --git a/Package-Web/img/login-path-5@2x.png b/Package-Web/img/login-path-5@2x.png new file mode 100644 index 0000000..eb313fb Binary files /dev/null and b/Package-Web/img/login-path-5@2x.png differ diff --git a/Package-Web/img/login-rectangle-1@2x.png b/Package-Web/img/login-rectangle-1@2x.png new file mode 100644 index 0000000..d8e6a91 Binary files /dev/null and b/Package-Web/img/login-rectangle-1@2x.png differ diff --git a/Package-Web/img/login-rectangle@2x.png b/Package-Web/img/login-rectangle@2x.png new file mode 100644 index 0000000..95bc508 Binary files /dev/null and b/Package-Web/img/login-rectangle@2x.png differ diff --git a/Package-Web/img/loginpassword-back@2x.png b/Package-Web/img/loginpassword-back@2x.png new file mode 100644 index 0000000..e981f1d Binary files /dev/null and b/Package-Web/img/loginpassword-back@2x.png differ diff --git a/Package-Web/img/loginpassword-base.png b/Package-Web/img/loginpassword-base.png new file mode 100644 index 0000000..6221723 Binary files /dev/null and b/Package-Web/img/loginpassword-base.png differ diff --git a/Package-Web/img/loginpassword-key-1.png b/Package-Web/img/loginpassword-key-1.png new file mode 100644 index 0000000..3b5a3d2 Binary files /dev/null and b/Package-Web/img/loginpassword-key-1.png differ diff --git a/Package-Web/img/loginpassword-key-6@2x.png b/Package-Web/img/loginpassword-key-6@2x.png new file mode 100644 index 0000000..200467a Binary files /dev/null and b/Package-Web/img/loginpassword-key-6@2x.png differ diff --git a/Package-Web/img/loginpassword-shift@2x.png b/Package-Web/img/loginpassword-shift@2x.png new file mode 100644 index 0000000..14753e9 Binary files /dev/null and b/Package-Web/img/loginpassword-shift@2x.png differ diff --git a/Package-Web/img/loginusername-emoji@2x.png b/Package-Web/img/loginusername-emoji@2x.png new file mode 100644 index 0000000..b615b33 Binary files /dev/null and b/Package-Web/img/loginusername-emoji@2x.png differ diff --git a/Package-Web/img/loginusername-key-13@2x.png b/Package-Web/img/loginusername-key-13@2x.png new file mode 100644 index 0000000..1cecfeb Binary files /dev/null and b/Package-Web/img/loginusername-key-13@2x.png differ diff --git a/Package-Web/img/loginusername-key-3@2x.png b/Package-Web/img/loginusername-key-3@2x.png new file mode 100644 index 0000000..047c142 Binary files /dev/null and b/Package-Web/img/loginusername-key-3@2x.png differ diff --git a/Package-Web/img/loginusername-key-4@2x.png b/Package-Web/img/loginusername-key-4@2x.png new file mode 100644 index 0000000..708d2a4 Binary files /dev/null and b/Package-Web/img/loginusername-key-4@2x.png differ diff --git a/Package-Web/img/loginusername-key@2x.png b/Package-Web/img/loginusername-key@2x.png new file mode 100644 index 0000000..ae653d7 Binary files /dev/null and b/Package-Web/img/loginusername-key@2x.png differ diff --git a/Package-Web/img/loginusername-speech@2x.png b/Package-Web/img/loginusername-speech@2x.png new file mode 100644 index 0000000..1e4ad98 Binary files /dev/null and b/Package-Web/img/loginusername-speech@2x.png differ diff --git a/Package-Web/img/menu-arm-r@2x.png b/Package-Web/img/menu-arm-r@2x.png new file mode 100644 index 0000000..5c9d3ce Binary files /dev/null and b/Package-Web/img/menu-arm-r@2x.png differ diff --git a/Package-Web/img/menu-hand@2x.png b/Package-Web/img/menu-hand@2x.png new file mode 100644 index 0000000..dba931b Binary files /dev/null and b/Package-Web/img/menu-hand@2x.png differ diff --git a/Package-Web/img/menu-menubuttonscolors.png b/Package-Web/img/menu-menubuttonscolors.png new file mode 100644 index 0000000..5fd3057 Binary files /dev/null and b/Package-Web/img/menu-menubuttonscolors.png differ diff --git a/Package-Web/img/menu-oval-11@2x.png b/Package-Web/img/menu-oval-11@2x.png new file mode 100644 index 0000000..78e7305 Binary files /dev/null and b/Package-Web/img/menu-oval-11@2x.png differ diff --git a/Package-Web/img/menu-oval-13@2x.png b/Package-Web/img/menu-oval-13@2x.png new file mode 100644 index 0000000..41d2433 Binary files /dev/null and b/Package-Web/img/menu-oval-13@2x.png differ diff --git a/Package-Web/img/menu-oval-1@2x.png b/Package-Web/img/menu-oval-1@2x.png new file mode 100644 index 0000000..f06aec7 Binary files /dev/null and b/Package-Web/img/menu-oval-1@2x.png differ diff --git a/Package-Web/img/menu-oval-2-copy@2x.png b/Package-Web/img/menu-oval-2-copy@2x.png new file mode 100644 index 0000000..25b6cbf Binary files /dev/null and b/Package-Web/img/menu-oval-2-copy@2x.png differ diff --git a/Package-Web/img/menu-oval-2@2x.png b/Package-Web/img/menu-oval-2@2x.png new file mode 100644 index 0000000..eed03e0 Binary files /dev/null and b/Package-Web/img/menu-oval-2@2x.png differ diff --git a/Package-Web/img/menu-oval-3@2x.png b/Package-Web/img/menu-oval-3@2x.png new file mode 100644 index 0000000..9aa5976 Binary files /dev/null and b/Package-Web/img/menu-oval-3@2x.png differ diff --git a/Package-Web/img/menu-oval-4@2x.png b/Package-Web/img/menu-oval-4@2x.png new file mode 100644 index 0000000..128171f Binary files /dev/null and b/Package-Web/img/menu-oval-4@2x.png differ diff --git a/Package-Web/img/menu-oval-5@2x.png b/Package-Web/img/menu-oval-5@2x.png new file mode 100644 index 0000000..96c92a8 Binary files /dev/null and b/Package-Web/img/menu-oval-5@2x.png differ diff --git a/Package-Web/img/menu-oval-6@2x.png b/Package-Web/img/menu-oval-6@2x.png new file mode 100644 index 0000000..803b690 Binary files /dev/null and b/Package-Web/img/menu-oval-6@2x.png differ diff --git a/Package-Web/img/menu-oval-7@2x.png b/Package-Web/img/menu-oval-7@2x.png new file mode 100644 index 0000000..4acebba Binary files /dev/null and b/Package-Web/img/menu-oval-7@2x.png differ diff --git a/Package-Web/img/menu-oval-9@2x.png b/Package-Web/img/menu-oval-9@2x.png new file mode 100644 index 0000000..f6d0b89 Binary files /dev/null and b/Package-Web/img/menu-oval-9@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-10@2x.png b/Package-Web/img/menu-oval-copy-10@2x.png new file mode 100644 index 0000000..4462901 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-10@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-11@2x.png b/Package-Web/img/menu-oval-copy-11@2x.png new file mode 100644 index 0000000..f3e2e0b Binary files /dev/null and b/Package-Web/img/menu-oval-copy-11@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-12@2x.png b/Package-Web/img/menu-oval-copy-12@2x.png new file mode 100644 index 0000000..c300b88 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-12@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-13@2x.png b/Package-Web/img/menu-oval-copy-13@2x.png new file mode 100644 index 0000000..7e2ec48 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-13@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-14@2x.png b/Package-Web/img/menu-oval-copy-14@2x.png new file mode 100644 index 0000000..0ab4365 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-14@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-15@2x.png b/Package-Web/img/menu-oval-copy-15@2x.png new file mode 100644 index 0000000..75092d9 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-15@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-16@2x.png b/Package-Web/img/menu-oval-copy-16@2x.png new file mode 100644 index 0000000..1be19b8 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-16@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-17@2x.png b/Package-Web/img/menu-oval-copy-17@2x.png new file mode 100644 index 0000000..b30ac54 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-17@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-18@2x.png b/Package-Web/img/menu-oval-copy-18@2x.png new file mode 100644 index 0000000..242e56c Binary files /dev/null and b/Package-Web/img/menu-oval-copy-18@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-19@2x.png b/Package-Web/img/menu-oval-copy-19@2x.png new file mode 100644 index 0000000..3c5cb2f Binary files /dev/null and b/Package-Web/img/menu-oval-copy-19@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-20@2x.png b/Package-Web/img/menu-oval-copy-20@2x.png new file mode 100644 index 0000000..7b13b5b Binary files /dev/null and b/Package-Web/img/menu-oval-copy-20@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-21@2x.png b/Package-Web/img/menu-oval-copy-21@2x.png new file mode 100644 index 0000000..37ab892 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-21@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-40-1@2x.png b/Package-Web/img/menu-oval-copy-40-1@2x.png new file mode 100644 index 0000000..a687e28 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-40-1@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-40@2x.png b/Package-Web/img/menu-oval-copy-40@2x.png new file mode 100644 index 0000000..3491d31 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-40@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-42@2x.png b/Package-Web/img/menu-oval-copy-42@2x.png new file mode 100644 index 0000000..5eccf8b Binary files /dev/null and b/Package-Web/img/menu-oval-copy-42@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-43@2x.png b/Package-Web/img/menu-oval-copy-43@2x.png new file mode 100644 index 0000000..ee84fb9 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-43@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-44@2x.png b/Package-Web/img/menu-oval-copy-44@2x.png new file mode 100644 index 0000000..0432804 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-44@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-45@2x.png b/Package-Web/img/menu-oval-copy-45@2x.png new file mode 100644 index 0000000..a0df19e Binary files /dev/null and b/Package-Web/img/menu-oval-copy-45@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-46@2x.png b/Package-Web/img/menu-oval-copy-46@2x.png new file mode 100644 index 0000000..48b59cd Binary files /dev/null and b/Package-Web/img/menu-oval-copy-46@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-47@2x.png b/Package-Web/img/menu-oval-copy-47@2x.png new file mode 100644 index 0000000..b0cdc91 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-47@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-8@2x.png b/Package-Web/img/menu-oval-copy-8@2x.png new file mode 100644 index 0000000..9fba9a7 Binary files /dev/null and b/Package-Web/img/menu-oval-copy-8@2x.png differ diff --git a/Package-Web/img/menu-oval-copy-9@2x.png b/Package-Web/img/menu-oval-copy-9@2x.png new file mode 100644 index 0000000..80f317b Binary files /dev/null and b/Package-Web/img/menu-oval-copy-9@2x.png differ diff --git a/Package-Web/img/menu-oval@2x.png b/Package-Web/img/menu-oval@2x.png new file mode 100644 index 0000000..6d6b6f1 Binary files /dev/null and b/Package-Web/img/menu-oval@2x.png differ diff --git a/Package-Web/img/menu-path-2-copy-2@2x.png b/Package-Web/img/menu-path-2-copy-2@2x.png new file mode 100644 index 0000000..57c3f8f Binary files /dev/null and b/Package-Web/img/menu-path-2-copy-2@2x.png differ diff --git a/Package-Web/img/menu-path-2-copy@2x.png b/Package-Web/img/menu-path-2-copy@2x.png new file mode 100644 index 0000000..0160b9d Binary files /dev/null and b/Package-Web/img/menu-path-2-copy@2x.png differ diff --git a/Package-Web/img/menu-path-3-copy-2@2x.png b/Package-Web/img/menu-path-3-copy-2@2x.png new file mode 100644 index 0000000..f469824 Binary files /dev/null and b/Package-Web/img/menu-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/menu-path-3-copy@2x.png b/Package-Web/img/menu-path-3-copy@2x.png new file mode 100644 index 0000000..71546dc Binary files /dev/null and b/Package-Web/img/menu-path-3-copy@2x.png differ diff --git a/Package-Web/img/menu-path-4-copy-2@2x.png b/Package-Web/img/menu-path-4-copy-2@2x.png new file mode 100644 index 0000000..155e7bf Binary files /dev/null and b/Package-Web/img/menu-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/menu-path-4-copy@2x.png b/Package-Web/img/menu-path-4-copy@2x.png new file mode 100644 index 0000000..3aa8f51 Binary files /dev/null and b/Package-Web/img/menu-path-4-copy@2x.png differ diff --git a/Package-Web/img/menu-path-5-copy@2x.png b/Package-Web/img/menu-path-5-copy@2x.png new file mode 100644 index 0000000..9e6f26a Binary files /dev/null and b/Package-Web/img/menu-path-5-copy@2x.png differ diff --git a/Package-Web/img/menu-rectangle-10@2x.png b/Package-Web/img/menu-rectangle-10@2x.png new file mode 100644 index 0000000..c0a7995 Binary files /dev/null and b/Package-Web/img/menu-rectangle-10@2x.png differ diff --git a/Package-Web/img/menu-rectangle-5.png b/Package-Web/img/menu-rectangle-5.png new file mode 100644 index 0000000..f2f48d1 Binary files /dev/null and b/Package-Web/img/menu-rectangle-5.png differ diff --git a/Package-Web/img/menu-rectangle-5@2x.png b/Package-Web/img/menu-rectangle-5@2x.png new file mode 100644 index 0000000..20e6a88 Binary files /dev/null and b/Package-Web/img/menu-rectangle-5@2x.png differ diff --git a/Package-Web/img/menu-rectangle-6@2x.png b/Package-Web/img/menu-rectangle-6@2x.png new file mode 100644 index 0000000..9d0bfa7 Binary files /dev/null and b/Package-Web/img/menu-rectangle-6@2x.png differ diff --git a/Package-Web/img/menu-rectangle-7@2x.png b/Package-Web/img/menu-rectangle-7@2x.png new file mode 100644 index 0000000..2bfb298 Binary files /dev/null and b/Package-Web/img/menu-rectangle-7@2x.png differ diff --git a/Package-Web/img/menu-rectangle-8@2x.png b/Package-Web/img/menu-rectangle-8@2x.png new file mode 100644 index 0000000..eb162fa Binary files /dev/null and b/Package-Web/img/menu-rectangle-8@2x.png differ diff --git a/Package-Web/img/menu-rectangle-9@2x.png b/Package-Web/img/menu-rectangle-9@2x.png new file mode 100644 index 0000000..bc2b84f Binary files /dev/null and b/Package-Web/img/menu-rectangle-9@2x.png differ diff --git a/Package-Web/img/menu-rectangle-copy-2@2x.png b/Package-Web/img/menu-rectangle-copy-2@2x.png new file mode 100644 index 0000000..6ad1883 Binary files /dev/null and b/Package-Web/img/menu-rectangle-copy-2@2x.png differ diff --git a/Package-Web/img/menu-rectangle-copy-5@2x.png b/Package-Web/img/menu-rectangle-copy-5@2x.png new file mode 100644 index 0000000..ff356fa Binary files /dev/null and b/Package-Web/img/menu-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/menu-rectangle-copy@2x.png b/Package-Web/img/menu-rectangle-copy@2x.png new file mode 100644 index 0000000..777ef75 Binary files /dev/null and b/Package-Web/img/menu-rectangle-copy@2x.png differ diff --git a/Package-Web/img/number-games-oval-12@2x.png b/Package-Web/img/number-games-oval-12@2x.png new file mode 100644 index 0000000..f2ce1a0 Binary files /dev/null and b/Package-Web/img/number-games-oval-12@2x.png differ diff --git a/Package-Web/img/number-games-oval-1@2x.png b/Package-Web/img/number-games-oval-1@2x.png new file mode 100644 index 0000000..4fdeecb Binary files /dev/null and b/Package-Web/img/number-games-oval-1@2x.png differ diff --git a/Package-Web/img/number-games-oval-2@2x.png b/Package-Web/img/number-games-oval-2@2x.png new file mode 100644 index 0000000..8357f20 Binary files /dev/null and b/Package-Web/img/number-games-oval-2@2x.png differ diff --git a/Package-Web/img/number-games-oval-3@2x.png b/Package-Web/img/number-games-oval-3@2x.png new file mode 100644 index 0000000..ed29ee4 Binary files /dev/null and b/Package-Web/img/number-games-oval-3@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-10@2x.png b/Package-Web/img/number-games-oval-copy-10@2x.png new file mode 100644 index 0000000..5f83936 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-10@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-11@2x.png b/Package-Web/img/number-games-oval-copy-11@2x.png new file mode 100644 index 0000000..45b4df3 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-11@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-13@2x.png b/Package-Web/img/number-games-oval-copy-13@2x.png new file mode 100644 index 0000000..6d58907 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-13@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-15@2x.png b/Package-Web/img/number-games-oval-copy-15@2x.png new file mode 100644 index 0000000..939a4e9 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-15@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-17@2x.png b/Package-Web/img/number-games-oval-copy-17@2x.png new file mode 100644 index 0000000..6dfc21e Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-17@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-19@2x.png b/Package-Web/img/number-games-oval-copy-19@2x.png new file mode 100644 index 0000000..79528fa Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-19@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-21@2x.png b/Package-Web/img/number-games-oval-copy-21@2x.png new file mode 100644 index 0000000..3ebc914 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-21@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-40@2x.png b/Package-Web/img/number-games-oval-copy-40@2x.png new file mode 100644 index 0000000..47e7138 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-40@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-44@2x.png b/Package-Web/img/number-games-oval-copy-44@2x.png new file mode 100644 index 0000000..f49ab49 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-44@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-46@2x.png b/Package-Web/img/number-games-oval-copy-46@2x.png new file mode 100644 index 0000000..17dcf68 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-46@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-8@2x.png b/Package-Web/img/number-games-oval-copy-8@2x.png new file mode 100644 index 0000000..81b2206 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-8@2x.png differ diff --git a/Package-Web/img/number-games-oval-copy-9@2x.png b/Package-Web/img/number-games-oval-copy-9@2x.png new file mode 100644 index 0000000..7c912f4 Binary files /dev/null and b/Package-Web/img/number-games-oval-copy-9@2x.png differ diff --git a/Package-Web/img/number-games-oval@2x.png b/Package-Web/img/number-games-oval@2x.png new file mode 100644 index 0000000..a38b939 Binary files /dev/null and b/Package-Web/img/number-games-oval@2x.png differ diff --git a/Package-Web/img/number-games-path-3-copy-2@2x.png b/Package-Web/img/number-games-path-3-copy-2@2x.png new file mode 100644 index 0000000..aa775e4 Binary files /dev/null and b/Package-Web/img/number-games-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/number-games-path-4-copy@2x.png b/Package-Web/img/number-games-path-4-copy@2x.png new file mode 100644 index 0000000..ead28be Binary files /dev/null and b/Package-Web/img/number-games-path-4-copy@2x.png differ diff --git a/Package-Web/img/number-games-path-5-copy@2x.png b/Package-Web/img/number-games-path-5-copy@2x.png new file mode 100644 index 0000000..fbf46d9 Binary files /dev/null and b/Package-Web/img/number-games-path-5-copy@2x.png differ diff --git a/Package-Web/img/number-games-rectangle-7@2x.png b/Package-Web/img/number-games-rectangle-7@2x.png new file mode 100644 index 0000000..b7cc8e8 Binary files /dev/null and b/Package-Web/img/number-games-rectangle-7@2x.png differ diff --git a/Package-Web/img/number-games-rectangle-9@2x.png b/Package-Web/img/number-games-rectangle-9@2x.png new file mode 100644 index 0000000..d798483 Binary files /dev/null and b/Package-Web/img/number-games-rectangle-9@2x.png differ diff --git a/Package-Web/img/number-games-rectangle-copy-5@2x.png b/Package-Web/img/number-games-rectangle-copy-5@2x.png new file mode 100644 index 0000000..261b87c Binary files /dev/null and b/Package-Web/img/number-games-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/number-games-rectangle-copy@2x.png b/Package-Web/img/number-games-rectangle-copy@2x.png new file mode 100644 index 0000000..2f65eb4 Binary files /dev/null and b/Package-Web/img/number-games-rectangle-copy@2x.png differ diff --git a/Package-Web/img/number-menu-4-bitmap-1.png b/Package-Web/img/number-menu-4-bitmap-1.png new file mode 100644 index 0000000..a85895c Binary files /dev/null and b/Package-Web/img/number-menu-4-bitmap-1.png differ diff --git a/Package-Web/img/number-menu-4-oval-1@2x.png b/Package-Web/img/number-menu-4-oval-1@2x.png new file mode 100644 index 0000000..d876f45 Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-1@2x.png differ diff --git a/Package-Web/img/number-menu-4-oval-copy-2@2x.png b/Package-Web/img/number-menu-4-oval-copy-2@2x.png new file mode 100644 index 0000000..f1ab577 Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-copy-2@2x.png differ diff --git a/Package-Web/img/number-menu-4-oval-copy-3@2x.png b/Package-Web/img/number-menu-4-oval-copy-3@2x.png new file mode 100644 index 0000000..8d9727b Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-copy-3@2x.png differ diff --git a/Package-Web/img/number-menu-4-oval-copy-4@2x.png b/Package-Web/img/number-menu-4-oval-copy-4@2x.png new file mode 100644 index 0000000..343e3e4 Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-copy-4@2x.png differ diff --git a/Package-Web/img/number-menu-4-oval-copy-7@2x.png b/Package-Web/img/number-menu-4-oval-copy-7@2x.png new file mode 100644 index 0000000..1ddd0ce Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-copy-7@2x.png differ diff --git a/Package-Web/img/number-menu-4-oval-copy@2x.png b/Package-Web/img/number-menu-4-oval-copy@2x.png new file mode 100644 index 0000000..a18011d Binary files /dev/null and b/Package-Web/img/number-menu-4-oval-copy@2x.png differ diff --git a/Package-Web/img/number-menu-arm-r@2x.png b/Package-Web/img/number-menu-arm-r@2x.png new file mode 100644 index 0000000..eaae4aa Binary files /dev/null and b/Package-Web/img/number-menu-arm-r@2x.png differ diff --git a/Package-Web/img/number-menu-oval-11@2x.png b/Package-Web/img/number-menu-oval-11@2x.png new file mode 100644 index 0000000..220df37 Binary files /dev/null and b/Package-Web/img/number-menu-oval-11@2x.png differ diff --git a/Package-Web/img/number-menu-oval-12.png b/Package-Web/img/number-menu-oval-12.png new file mode 100644 index 0000000..51acfde Binary files /dev/null and b/Package-Web/img/number-menu-oval-12.png differ diff --git a/Package-Web/img/number-menu-oval-2-copy@2x.png b/Package-Web/img/number-menu-oval-2-copy@2x.png new file mode 100644 index 0000000..0fc888e Binary files /dev/null and b/Package-Web/img/number-menu-oval-2-copy@2x.png differ diff --git a/Package-Web/img/number-menu-oval-3@2x.png b/Package-Web/img/number-menu-oval-3@2x.png new file mode 100644 index 0000000..1ca9bf1 Binary files /dev/null and b/Package-Web/img/number-menu-oval-3@2x.png differ diff --git a/Package-Web/img/number-menu-oval-4@2x.png b/Package-Web/img/number-menu-oval-4@2x.png new file mode 100644 index 0000000..d64c952 Binary files /dev/null and b/Package-Web/img/number-menu-oval-4@2x.png differ diff --git a/Package-Web/img/number-menu-oval-5@2x.png b/Package-Web/img/number-menu-oval-5@2x.png new file mode 100644 index 0000000..bd7ad5d Binary files /dev/null and b/Package-Web/img/number-menu-oval-5@2x.png differ diff --git a/Package-Web/img/number-menu-oval-7@2x.png b/Package-Web/img/number-menu-oval-7@2x.png new file mode 100644 index 0000000..c12ac54 Binary files /dev/null and b/Package-Web/img/number-menu-oval-7@2x.png differ diff --git a/Package-Web/img/number-menu-oval-9@2x.png b/Package-Web/img/number-menu-oval-9@2x.png new file mode 100644 index 0000000..c0db09d Binary files /dev/null and b/Package-Web/img/number-menu-oval-9@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-10@2x.png b/Package-Web/img/number-menu-oval-copy-10@2x.png new file mode 100644 index 0000000..3dfd3fa Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-10@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-11@2x.png b/Package-Web/img/number-menu-oval-copy-11@2x.png new file mode 100644 index 0000000..bb3b412 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-11@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-12@2x.png b/Package-Web/img/number-menu-oval-copy-12@2x.png new file mode 100644 index 0000000..9127495 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-12@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-13@2x.png b/Package-Web/img/number-menu-oval-copy-13@2x.png new file mode 100644 index 0000000..c177c43 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-13@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-40-1@2x.png b/Package-Web/img/number-menu-oval-copy-40-1@2x.png new file mode 100644 index 0000000..65d3da6 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-40-1@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-43-1@2x.png b/Package-Web/img/number-menu-oval-copy-43-1@2x.png new file mode 100644 index 0000000..f29027f Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-43-1@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-44@2x.png b/Package-Web/img/number-menu-oval-copy-44@2x.png new file mode 100644 index 0000000..7ba0dcd Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-44@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-45@2x.png b/Package-Web/img/number-menu-oval-copy-45@2x.png new file mode 100644 index 0000000..e7d8d93 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-45@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-46@2x.png b/Package-Web/img/number-menu-oval-copy-46@2x.png new file mode 100644 index 0000000..c7e3a97 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-46@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-47-1@2x.png b/Package-Web/img/number-menu-oval-copy-47-1@2x.png new file mode 100644 index 0000000..1ca2ae9 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-47-1@2x.png differ diff --git a/Package-Web/img/number-menu-oval-copy-9@2x.png b/Package-Web/img/number-menu-oval-copy-9@2x.png new file mode 100644 index 0000000..94f9ea7 Binary files /dev/null and b/Package-Web/img/number-menu-oval-copy-9@2x.png differ diff --git a/Package-Web/img/number-menu-path-2-copy@2x.png b/Package-Web/img/number-menu-path-2-copy@2x.png new file mode 100644 index 0000000..e15d938 Binary files /dev/null and b/Package-Web/img/number-menu-path-2-copy@2x.png differ diff --git a/Package-Web/img/number-menu-path-3-copy-2@2x.png b/Package-Web/img/number-menu-path-3-copy-2@2x.png new file mode 100644 index 0000000..b6bd635 Binary files /dev/null and b/Package-Web/img/number-menu-path-3-copy-2@2x.png differ diff --git a/Package-Web/img/number-menu-path-4-copy-2@2x.png b/Package-Web/img/number-menu-path-4-copy-2@2x.png new file mode 100644 index 0000000..09041b5 Binary files /dev/null and b/Package-Web/img/number-menu-path-4-copy-2@2x.png differ diff --git a/Package-Web/img/number-menu-path-4-copy@2x.png b/Package-Web/img/number-menu-path-4-copy@2x.png new file mode 100644 index 0000000..6d5926b Binary files /dev/null and b/Package-Web/img/number-menu-path-4-copy@2x.png differ diff --git a/Package-Web/img/number-menu-rectangle-2@2x.png b/Package-Web/img/number-menu-rectangle-2@2x.png new file mode 100644 index 0000000..d4990e0 Binary files /dev/null and b/Package-Web/img/number-menu-rectangle-2@2x.png differ diff --git a/Package-Web/img/number-menu-rectangle-3@2x.png b/Package-Web/img/number-menu-rectangle-3@2x.png new file mode 100644 index 0000000..2128940 Binary files /dev/null and b/Package-Web/img/number-menu-rectangle-3@2x.png differ diff --git a/Package-Web/img/number-menu-rectangle-5.png b/Package-Web/img/number-menu-rectangle-5.png new file mode 100644 index 0000000..ec4c29a Binary files /dev/null and b/Package-Web/img/number-menu-rectangle-5.png differ diff --git a/Package-Web/img/number-menu-rectangle-copy-5@2x.png b/Package-Web/img/number-menu-rectangle-copy-5@2x.png new file mode 100644 index 0000000..55255f9 Binary files /dev/null and b/Package-Web/img/number-menu-rectangle-copy-5@2x.png differ diff --git a/Package-Web/img/number-menu-star@2x.png b/Package-Web/img/number-menu-star@2x.png new file mode 100644 index 0000000..f9731d0 Binary files /dev/null and b/Package-Web/img/number-menu-star@2x.png differ diff --git a/Package-Web/img/nutrition-details-bitmap-1.png b/Package-Web/img/nutrition-details-bitmap-1.png new file mode 100644 index 0000000..d365d1a Binary files /dev/null and b/Package-Web/img/nutrition-details-bitmap-1.png differ diff --git a/Package-Web/img/nutrition-details-bitmap.png b/Package-Web/img/nutrition-details-bitmap.png new file mode 100644 index 0000000..152a0ef Binary files /dev/null and b/Package-Web/img/nutrition-details-bitmap.png differ diff --git a/Package-Web/img/nutrition-details-group-2-1@2x.png b/Package-Web/img/nutrition-details-group-2-1@2x.png new file mode 100644 index 0000000..285ba6d Binary files /dev/null and b/Package-Web/img/nutrition-details-group-2-1@2x.png differ diff --git a/Package-Web/img/nutrition-details-group-2@2x.png b/Package-Web/img/nutrition-details-group-2@2x.png new file mode 100644 index 0000000..6678a5b Binary files /dev/null and b/Package-Web/img/nutrition-details-group-2@2x.png differ diff --git a/Package-Web/img/nutrition-details-oval-1@2x.png b/Package-Web/img/nutrition-details-oval-1@2x.png new file mode 100644 index 0000000..2c11b9b Binary files /dev/null and b/Package-Web/img/nutrition-details-oval-1@2x.png differ diff --git a/Package-Web/img/nutrition-details-oval-2@2x.png b/Package-Web/img/nutrition-details-oval-2@2x.png new file mode 100644 index 0000000..39f95f3 Binary files /dev/null and b/Package-Web/img/nutrition-details-oval-2@2x.png differ diff --git a/Package-Web/img/nutrition-details-path-3.png b/Package-Web/img/nutrition-details-path-3.png new file mode 100644 index 0000000..6b1a44b Binary files /dev/null and b/Package-Web/img/nutrition-details-path-3.png differ diff --git a/Package-Web/img/nutrition-details-rectangle-1.png b/Package-Web/img/nutrition-details-rectangle-1.png new file mode 100644 index 0000000..ee20c48 Binary files /dev/null and b/Package-Web/img/nutrition-details-rectangle-1.png differ diff --git a/Package-Web/img/nutrition-oval-2@2x.png b/Package-Web/img/nutrition-oval-2@2x.png new file mode 100644 index 0000000..7834f1c Binary files /dev/null and b/Package-Web/img/nutrition-oval-2@2x.png differ diff --git a/Package-Web/img/nutrition-rectangle-2@2x.png b/Package-Web/img/nutrition-rectangle-2@2x.png new file mode 100644 index 0000000..a2c37a9 Binary files /dev/null and b/Package-Web/img/nutrition-rectangle-2@2x.png differ diff --git a/Package-Web/img/parentcenter-1011589346.png b/Package-Web/img/parentcenter-1011589346.png new file mode 100644 index 0000000..014fdf5 Binary files /dev/null and b/Package-Web/img/parentcenter-1011589346.png differ diff --git a/Package-Web/img/parentcenter-585861431.png b/Package-Web/img/parentcenter-585861431.png new file mode 100644 index 0000000..ff8603c Binary files /dev/null and b/Package-Web/img/parentcenter-585861431.png differ diff --git a/Package-Web/img/parentcenter-902830088@2x.png b/Package-Web/img/parentcenter-902830088@2x.png new file mode 100644 index 0000000..b8831b5 Binary files /dev/null and b/Package-Web/img/parentcenter-902830088@2x.png differ diff --git a/Package-Web/img/parentcenter-993795898@2x.png b/Package-Web/img/parentcenter-993795898@2x.png new file mode 100644 index 0000000..7cec555 Binary files /dev/null and b/Package-Web/img/parentcenter-993795898@2x.png differ diff --git a/Package-Web/img/parentcenter-oval-2@2x.png b/Package-Web/img/parentcenter-oval-2@2x.png new file mode 100644 index 0000000..aea93ec Binary files /dev/null and b/Package-Web/img/parentcenter-oval-2@2x.png differ diff --git a/Package-Web/img/parentcenter-oval-3@2x.png b/Package-Web/img/parentcenter-oval-3@2x.png new file mode 100644 index 0000000..acc12fc Binary files /dev/null and b/Package-Web/img/parentcenter-oval-3@2x.png differ diff --git a/Package-Web/img/parentcenter-rectangle-1@2x.png b/Package-Web/img/parentcenter-rectangle-1@2x.png new file mode 100644 index 0000000..4cc2dd4 Binary files /dev/null and b/Package-Web/img/parentcenter-rectangle-1@2x.png differ diff --git a/Package-Web/img/parentcenter-rectangle-2@2x.png b/Package-Web/img/parentcenter-rectangle-2@2x.png new file mode 100644 index 0000000..8965580 Binary files /dev/null and b/Package-Web/img/parentcenter-rectangle-2@2x.png differ diff --git a/Package-Web/img/parentcode-oval-12@2x.png b/Package-Web/img/parentcode-oval-12@2x.png new file mode 100644 index 0000000..a84977d Binary files /dev/null and b/Package-Web/img/parentcode-oval-12@2x.png differ diff --git a/Package-Web/img/parentcode-oval-3@2x.png b/Package-Web/img/parentcode-oval-3@2x.png new file mode 100644 index 0000000..05f9f24 Binary files /dev/null and b/Package-Web/img/parentcode-oval-3@2x.png differ diff --git a/Package-Web/img/parentcode-oval-copy-13@2x.png b/Package-Web/img/parentcode-oval-copy-13@2x.png new file mode 100644 index 0000000..bbb9023 Binary files /dev/null and b/Package-Web/img/parentcode-oval-copy-13@2x.png differ diff --git a/Package-Web/img/parentcode-oval@2x.png b/Package-Web/img/parentcode-oval@2x.png new file mode 100644 index 0000000..6c8ee8a Binary files /dev/null and b/Package-Web/img/parentcode-oval@2x.png differ diff --git a/Package-Web/img/parentcode-rectangle-1@2x.png b/Package-Web/img/parentcode-rectangle-1@2x.png new file mode 100644 index 0000000..8dabb57 Binary files /dev/null and b/Package-Web/img/parentcode-rectangle-1@2x.png differ diff --git a/Package-Web/img/parentcode-rectangle.png b/Package-Web/img/parentcode-rectangle.png new file mode 100644 index 0000000..4c22086 Binary files /dev/null and b/Package-Web/img/parentcode-rectangle.png differ diff --git a/Package-Web/img/recipe-list-fill-29@2x.png b/Package-Web/img/recipe-list-fill-29@2x.png new file mode 100644 index 0000000..4bd5318 Binary files /dev/null and b/Package-Web/img/recipe-list-fill-29@2x.png differ diff --git a/Package-Web/img/recipe-list-oval-2@2x.png b/Package-Web/img/recipe-list-oval-2@2x.png new file mode 100644 index 0000000..69a3bd5 Binary files /dev/null and b/Package-Web/img/recipe-list-oval-2@2x.png differ diff --git a/Package-Web/img/recipe-list-oval-3@2x.png b/Package-Web/img/recipe-list-oval-3@2x.png new file mode 100644 index 0000000..06f6163 Binary files /dev/null and b/Package-Web/img/recipe-list-oval-3@2x.png differ diff --git a/Package-Web/img/recipe-list-oval-4@2x.png b/Package-Web/img/recipe-list-oval-4@2x.png new file mode 100644 index 0000000..aaa4dbd Binary files /dev/null and b/Package-Web/img/recipe-list-oval-4@2x.png differ diff --git a/Package-Web/img/recipe-list-oval-5@2x.png b/Package-Web/img/recipe-list-oval-5@2x.png new file mode 100644 index 0000000..78c9dda Binary files /dev/null and b/Package-Web/img/recipe-list-oval-5@2x.png differ diff --git a/Package-Web/img/recipe-list-oval-6@2x.png b/Package-Web/img/recipe-list-oval-6@2x.png new file mode 100644 index 0000000..b43f97d Binary files /dev/null and b/Package-Web/img/recipe-list-oval-6@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-fill-29@2x.png b/Package-Web/img/recipe-listhelp-fill-29@2x.png new file mode 100644 index 0000000..d9894fa Binary files /dev/null and b/Package-Web/img/recipe-listhelp-fill-29@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-oval-1@2x.png b/Package-Web/img/recipe-listhelp-oval-1@2x.png new file mode 100644 index 0000000..497003d Binary files /dev/null and b/Package-Web/img/recipe-listhelp-oval-1@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-oval-5@2x.png b/Package-Web/img/recipe-listhelp-oval-5@2x.png new file mode 100644 index 0000000..a6ae07e Binary files /dev/null and b/Package-Web/img/recipe-listhelp-oval-5@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-oval-6@2x.png b/Package-Web/img/recipe-listhelp-oval-6@2x.png new file mode 100644 index 0000000..3cf4b10 Binary files /dev/null and b/Package-Web/img/recipe-listhelp-oval-6@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-oval@2x.png b/Package-Web/img/recipe-listhelp-oval@2x.png new file mode 100644 index 0000000..03be26c Binary files /dev/null and b/Package-Web/img/recipe-listhelp-oval@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-rectangle-1.png b/Package-Web/img/recipe-listhelp-rectangle-1.png new file mode 100644 index 0000000..2582fba Binary files /dev/null and b/Package-Web/img/recipe-listhelp-rectangle-1.png differ diff --git a/Package-Web/img/recipe-listhelp-rectangle-2@2x.png b/Package-Web/img/recipe-listhelp-rectangle-2@2x.png new file mode 100644 index 0000000..40635d0 Binary files /dev/null and b/Package-Web/img/recipe-listhelp-rectangle-2@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-rectangle-3.png b/Package-Web/img/recipe-listhelp-rectangle-3.png new file mode 100644 index 0000000..da148ef Binary files /dev/null and b/Package-Web/img/recipe-listhelp-rectangle-3.png differ diff --git a/Package-Web/img/recipe-listhelp-rectangle-copy-3-1@2x.png b/Package-Web/img/recipe-listhelp-rectangle-copy-3-1@2x.png new file mode 100644 index 0000000..6c85104 Binary files /dev/null and b/Package-Web/img/recipe-listhelp-rectangle-copy-3-1@2x.png differ diff --git a/Package-Web/img/recipe-listhelp-rectangle-copy-3@2x.png b/Package-Web/img/recipe-listhelp-rectangle-copy-3@2x.png new file mode 100644 index 0000000..bfce3d9 Binary files /dev/null and b/Package-Web/img/recipe-listhelp-rectangle-copy-3@2x.png differ diff --git a/Package-Web/img/settings-oval-1@2x.png b/Package-Web/img/settings-oval-1@2x.png new file mode 100644 index 0000000..d4218d5 Binary files /dev/null and b/Package-Web/img/settings-oval-1@2x.png differ diff --git a/Package-Web/img/settings-oval@2x.png b/Package-Web/img/settings-oval@2x.png new file mode 100644 index 0000000..1e534ba Binary files /dev/null and b/Package-Web/img/settings-oval@2x.png differ diff --git a/Package-Web/img/settings-path-2-1@2x.png b/Package-Web/img/settings-path-2-1@2x.png new file mode 100644 index 0000000..23bfe6a Binary files /dev/null and b/Package-Web/img/settings-path-2-1@2x.png differ diff --git a/Package-Web/img/settings-path-2@2x.png b/Package-Web/img/settings-path-2@2x.png new file mode 100644 index 0000000..9450c3a Binary files /dev/null and b/Package-Web/img/settings-path-2@2x.png differ diff --git a/Package-Web/img/settings-rectangle.png b/Package-Web/img/settings-rectangle.png new file mode 100644 index 0000000..567cb91 Binary files /dev/null and b/Package-Web/img/settings-rectangle.png differ diff --git a/Package-Web/img/settings-triangle@2x.png b/Package-Web/img/settings-triangle@2x.png new file mode 100644 index 0000000..b3329b0 Binary files /dev/null and b/Package-Web/img/settings-triangle@2x.png differ diff --git a/Package-Web/img/user-1011589346.png b/Package-Web/img/user-1011589346.png new file mode 100644 index 0000000..96c9921 Binary files /dev/null and b/Package-Web/img/user-1011589346.png differ diff --git a/Package-Web/img/user-585861431.png b/Package-Web/img/user-585861431.png new file mode 100644 index 0000000..f9e4220 Binary files /dev/null and b/Package-Web/img/user-585861431.png differ diff --git a/Package-Web/img/user-902830088.png b/Package-Web/img/user-902830088.png new file mode 100644 index 0000000..e7085cf Binary files /dev/null and b/Package-Web/img/user-902830088.png differ diff --git a/Package-Web/img/user-993795898@2x.png b/Package-Web/img/user-993795898@2x.png new file mode 100644 index 0000000..508e18f Binary files /dev/null and b/Package-Web/img/user-993795898@2x.png differ diff --git a/Package-Web/img/user-group@2x.png b/Package-Web/img/user-group@2x.png new file mode 100644 index 0000000..6a510ed Binary files /dev/null and b/Package-Web/img/user-group@2x.png differ diff --git a/Package-Web/img/user-line-1@2x.png b/Package-Web/img/user-line-1@2x.png new file mode 100644 index 0000000..727fd67 Binary files /dev/null and b/Package-Web/img/user-line-1@2x.png differ diff --git a/Package-Web/img/user-line@2x.png b/Package-Web/img/user-line@2x.png new file mode 100644 index 0000000..807cec8 Binary files /dev/null and b/Package-Web/img/user-line@2x.png differ diff --git a/Package-Web/img/user-rectangle.png b/Package-Web/img/user-rectangle.png new file mode 100644 index 0000000..127eb69 Binary files /dev/null and b/Package-Web/img/user-rectangle.png differ diff --git a/Package-Web/landing.html b/Package-Web/landing.html new file mode 100644 index 0000000..0c3b508 --- /dev/null +++ b/Package-Web/landing.html @@ -0,0 +1,166 @@ + + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ AR kitchen +
+
+ for Kids +
+ +
+
+
+
+
+ + +
+
+
+ + +
+
+
+
+ + +
+
+ +
+
+ + + + + diff --git a/Package-Web/login.html b/Package-Web/login.html new file mode 100644 index 0000000..9765f02 --- /dev/null +++ b/Package-Web/login.html @@ -0,0 +1,173 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+
+ AR kitchen +
+
+ for Kids +
+
+
+ +
+
+ +
+
+
+
+
+ LOG IN +
+ +
+ Email or username +
+
+ Password +
+
+
+ + + + + diff --git a/Package-Web/loginpassword.html b/Package-Web/loginpassword.html new file mode 100644 index 0000000..9094531 --- /dev/null +++ b/Package-Web/loginpassword.html @@ -0,0 +1,354 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ + + +
+ 123456@gmail.com +
+
+ ******* +
+
+
+
+
+
+
+ +
+
+
+
+ +
+ return +
+
+
+ +
+ space +
+
+
+ + +
+
+ + +
+
+ +
+ 123 +
+
+
+
+
+ + +
+
+ +
+ m +
+
+
+ +
+ n +
+
+
+ +
+ b +
+
+
+ +
+ v +
+
+
+ +
+ c +
+
+
+ +
+ x +
+
+
+ +
+ z +
+
+
+ + +
+
+
+
+ +
+ l +
+
+
+ +
+ k +
+
+
+ +
+ j +
+
+
+ +
+ h +
+
+
+ +
+ g +
+
+
+ +
+ f +
+
+
+ +
+ d +
+
+
+ +
+ s +
+
+
+ +
+ a +
+
+
+
+
+ +
+ p +
+
+
+ +
+ o +
+
+
+ +
+ i +
+
+
+ +
+ u +
+
+
+ +
+ y +
+
+
+ +
+ t +
+
+
+ +
+ r +
+
+
+ +
+ e +
+
+
+ +
+ w +
+
+
+ +
+ q +
+
+
+
+
+
+
+
+
+
+
+
+ I’m +
+
+ the +
+
+ I +
+
+
+
+ AR kitchen +
+
+ for Kids +
+
+
+ + + + + diff --git a/Package-Web/loginusername.html b/Package-Web/loginusername.html new file mode 100644 index 0000000..2c26612 --- /dev/null +++ b/Package-Web/loginusername.html @@ -0,0 +1,356 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+ | +
+
+ +
+
+ +
+
+
+
+ + +
+ Password +
+
+
+
+
+
+
+ +
+
+
+
+ +
+ return +
+
+
+ +
+ space +
+
+
+ + +
+
+ + +
+
+ +
+ 123 +
+
+
+
+
+ + +
+
+ +
+ m +
+
+
+ +
+ n +
+
+
+ +
+ b +
+
+
+ +
+ v +
+
+
+ +
+ c +
+
+
+ +
+ x +
+
+
+ +
+ z +
+
+
+ + +
+
+
+
+ +
+ l +
+
+
+ +
+ k +
+
+
+ +
+ j +
+
+
+ +
+ h +
+
+
+ +
+ g +
+
+
+ +
+ f +
+
+
+ +
+ d +
+
+
+ +
+ s +
+
+
+ +
+ a +
+
+
+
+
+ +
+ p +
+
+
+ +
+ o +
+
+
+ +
+ i +
+
+
+ +
+ u +
+
+
+ +
+ y +
+
+
+ +
+ t +
+
+
+ +
+ r +
+
+
+ +
+ e +
+
+
+ +
+ w +
+
+
+ +
+ q +
+
+
+
+
+
+
+
+
+
+
+
+ I’m +
+
+ the +
+
+ I +
+
+
+
+ AR kitchen +
+
+ for Kids +
+
+
+ + + + + diff --git a/Package-Web/menu.html b/Package-Web/menu.html new file mode 100644 index 0000000..aff5bcc --- /dev/null +++ b/Package-Web/menu.html @@ -0,0 +1,234 @@ + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+ +
+ Numbers +
+
+ +
+ 1 +
+
+ 3 +
+
+ 2 +
+
+
+ + +
+ +
+ Colors +
+
+ +
+
+ + +
+ +
+ Foods +
+
+ +
+
+ + +
+ +
+ Cooking +
+
+ +
+
+ + + +
+ + +
+ + +
+ Hi there! Where should we begin? +
+
button-ag +
+ +
+
+ + + + + + + +
+ +
+ +
+
+
+
+
+ +
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/numbergames.html b/Package-Web/numbergames.html new file mode 100644 index 0000000..42618ce --- /dev/null +++ b/Package-Web/numbergames.html @@ -0,0 +1,239 @@ + + + + + + + + + + + + + + +
+
+
+
+
+ + +
+ +
+ Find & Count +
+
+ +
+
+ +
+ +
+ Ordinal Numbers +
+
+ +
+
+
+ +
+ Remember Numbers +
+
+ +
+
+
+ +
+ Basic Math +
+
+ +
+
+ +
+ + +
+ + +
+ OK! Which game do you prefer? +
+ +
+
+
+ + + + + + +
+ +
+
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + diff --git a/Package-Web/numbermenu.html b/Package-Web/numbermenu.html new file mode 100644 index 0000000..444d8cb --- /dev/null +++ b/Package-Web/numbermenu.html @@ -0,0 +1,219 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+
+ +
+ + + + + + + +
+ +
+
+ + + + + + + +
+ +
+
+ + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ + +
+ +
+ Today’s lunch recomendation is Chicken & Waffles. Do you like it? +
+
+
+ +
+ Yes +
+
+ +
+
+ +
+
+ +
+ +
+ No +
+
+ +
+
+ +
+
+ +
+
+ + +
+ +
+
+ +
+
+
+ + + + + diff --git a/Package-Web/numbermenu4.html b/Package-Web/numbermenu4.html new file mode 100644 index 0000000..3444f36 --- /dev/null +++ b/Package-Web/numbermenu4.html @@ -0,0 +1,124 @@ + + + + + + + + + + + + +
+
+
+
+
+ + +
+ + +
+ + + + + + + + + + + + + +
+
+
+ My Palette +
+
+
+
+ + + + + diff --git a/Package-Web/nutrition.html b/Package-Web/nutrition.html new file mode 100644 index 0000000..417b735 --- /dev/null +++ b/Package-Web/nutrition.html @@ -0,0 +1,145 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+ +
+
+
+ +
+ Map +
+
+ +
+
+ +
+
+ +
+ +
+ Nutrition +
+
+ +
+
+ +
+
+ +
+
+
+
+ Onion +
+
+
+
+ + + + + diff --git a/Package-Web/nutritiondetails.html b/Package-Web/nutritiondetails.html new file mode 100644 index 0000000..a369400 --- /dev/null +++ b/Package-Web/nutritiondetails.html @@ -0,0 +1,128 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ + + + + +
+ +
+ +
+ Onions are good for your heart! In later life, it may help lower cholesterol. +
+
+
+
+ Nutrition Facts about Onions +
+
+ +
+
+
+
+ + + + + diff --git a/Package-Web/parentcenter.html b/Package-Web/parentcenter.html new file mode 100644 index 0000000..b874beb --- /dev/null +++ b/Package-Web/parentcenter.html @@ -0,0 +1,211 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+ +
+ Avaliable +
+ +
+
+ Caroline’s Playing Time +
+
+ Total +
+
+ 120 min +
+
+ 70 min +
+
+ Cost +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+
+
+
+ + +
+
+ +
+
+ +
+
+
+
+
+ Ann’s Playing Time +
+
+ Total +
+
+ 120 min +
+
+ 45 min +
+
+ Cost +
+
+
+
+
+
+ Lester’s Playing Time +
+
+ Total +
+
+ 120 min +
+
+ 120 min +
+ +
+ Avaliable +
+ +
+ +
+ Blocked +
+ +
+
+ Cost +
+
+
+
+
+
+
+
+ Parent Center +
+
+
+ + + + + diff --git a/Package-Web/parentcode.html b/Package-Web/parentcode.html new file mode 100644 index 0000000..7cc6bd2 --- /dev/null +++ b/Package-Web/parentcode.html @@ -0,0 +1,185 @@ + + + + + + + + + + + + +
+
+ + +
+
+ +
+
+
+ Enter Parent Code +
+
+ +
+ 1 +
+
+
+ +
+ 4 +
+
+
+ +
+ 7 +
+
+
+ +
+ 2 +
+
+
+ +
+ 5 +
+
+
+ +
+ 8 +
+
+
+ +
+ 0 +
+
+
+ +
+ Delete +
+
+
+ +
+ 3 +
+
+
+ +
+ 6 +
+
+
+ +
+ 9 +
+
+
+ + +
+ + + + + + +
+
+ +
+
+ + + + + diff --git a/Package-Web/recipelist.html b/Package-Web/recipelist.html new file mode 100644 index 0000000..c77fcae --- /dev/null +++ b/Package-Web/recipelist.html @@ -0,0 +1,196 @@ + + + + + + + + + + + + +
+
+
+
+
+ + +
+ + +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ Chicken & Waffles +
+
+ 25 minutes +
+
+ Banana Sandwiches +
+
+ 10 minutes +
+
+ Banana Smoothies +
+
+ 10 minutes +
+
+ Fruit Kabobs +
+
+ 15 minutes +
+
+ Turkey Sloppy Joes +
+
+ 30 minutes +
+
+ Mac & Cheese Bites +
+
+ 10 minutes +
+
+
+
+ Recipe List +
+
+
+
+ +
+
+ ? +
+
+ +
+
+ + + + + + + +
+
+ + + + + diff --git a/Package-Web/recipelisthelp.html b/Package-Web/recipelisthelp.html new file mode 100644 index 0000000..bda632c --- /dev/null +++ b/Package-Web/recipelisthelp.html @@ -0,0 +1,226 @@ + + + + + + + + + + + + +
+
+
+
+
+ +
+ + +
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ Chicken & Waffles +
+
+ 25 minutes +
+
+ Banana Sandwiches +
+
+ 10 minutes +
+
+ Banana Smoothies +
+
+ 10 minutes +
+
+ Fruit Kabobs +
+
+ 15 minutes +
+
+ Turkey Sloppy Joes +
+
+ 30 minutes +
+
+ Mac & Cheese Bites +
+
+ 10 minutes +
+
+
+
+ Recipe List +
+
+
+
+ +
+
+ ? +
+
+ + + + + + + + +
+ Recipes that you’ve already learnt before. +
+ +
+ +
+ Recipes that you have not already learnt yet. +
+
+
+ +
+ Recipes that you have already liked. +
+
+
+
+ +
+
+ ? +
+
+ +
+
+ + + +
+
+ + + + + diff --git a/Package-Web/settings.html b/Package-Web/settings.html new file mode 100644 index 0000000..d19a6b5 --- /dev/null +++ b/Package-Web/settings.html @@ -0,0 +1,158 @@ + + + + + + + + + + + + +
+
+
+
+
+
+ AR kitchen +
+
+ for Kids +
+ + + +
+ Music +
+
+ Language +
+
+ Accessibility
Features +
+
+
+
+
+ + + +
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ English +
+
+
+
+
+ + + + + diff --git a/Package-Web/sitemap.xml b/Package-Web/sitemap.xml new file mode 100644 index 0000000..53220a6 --- /dev/null +++ b/Package-Web/sitemap.xml @@ -0,0 +1,203 @@ + + + + + http://green-pine-2163.animaapp.io/ + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/fooddetail + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/user + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/parentcode + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/recipelisthelp + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/landing + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/anchor + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/parentcenter + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/badgewallhelp + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/login + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/numbergames + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/cooking + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/foodmap + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/loginpassword + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/cookingstep1finished + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/foodmapzoomin + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/foodpreferencesettings + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/colorgamesmenu + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/nutritiondetails + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/numbermenu + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/colormatchinggamewrong + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/settings + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/nutrition + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/confirmanchor + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/menu + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/findcountinggame + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/cookinggamesmenu + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/colormatchinggame + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/loginusername + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/numbermenu4 + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/fcgamefail + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/colormatchinggamecorrect + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/foodmarket + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/fcgamepass + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/foodpreference + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/badgewall + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/cookingfinish + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/recipelist + 2019-04-29 + + + + http://green-pine-2163.animaapp.io/cookingstep1 + 2019-04-29 + + + \ No newline at end of file diff --git a/Package-Web/user.html b/Package-Web/user.html new file mode 100644 index 0000000..c7ad6c0 --- /dev/null +++ b/Package-Web/user.html @@ -0,0 +1,142 @@ + + + + + + + + + + + + +
+
+ +
+
+
+ + +
+
+ Caroline +
+
+ Ann +
+
+ Lester +
+
+ Parent center +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+ +
+
+ + +
+
+ +
+
+ + + + +