/* ╔═════════════════════════════════════════════════════════════════════════╗ */ /* ║ INFO BOX : DIORAMAS : TOP (WINTER) ║ */ /* ╚═════════════════════════════════════════════════════════════════════════╝ */ /* header : garden */ .positioning-winter-main-garden-flora-1 { --x: -800%; --y: 1100%; } /* left 800, down 1100 */ .positioning-winter-main-garden-flora-2 { --x: 3900%; --y: 3900%; } /* right 3900, down 3900 */ .positioning-winter-main-garden-grass-1 { --x: 900%; --y: 1600%; } /* right 900, down 1600 */ .positioning-winter-main-garden-grass-2 { --x: 2350%; --y: 2450%; } /* right 2350, down 2450 */ .positioning-winter-main-garden-patch-1 { --x: 200%; --y: 300%; } /* right 200, down 300 */ .positioning-winter-main-garden-patch-2 { --x: 300%; --y: 370%; } /* right 300, down 370 */ /* header : forest */ .positioning-winter-main-forest-flora-1 { --x: -500%; --y: 1900%; } /* left 500, down 1900 */ .positioning-winter-main-forest-flora-2 { --x: 1100%; --y: 5200%; } /* right 1100, down 5200 */ .positioning-winter-main-forest-flora-3 { --x: -1100%; --y: 2400%; } /* left 1100, down 2400 */ .positioning-winter-main-forest-flora-4 { --x: 500%; --y: 5000%; } /* right 500, down 5000 */ .positioning-winter-main-forest-flora-5 { --x: -600%; --y: 9300%; } /* left 600, down 9300 */ .positioning-winter-main-forest-grass-1 { --x: -850%; --y: 3400%; } /* left 850, down 3400 */ .positioning-winter-main-forest-grass-2 { --x: 1500%; --y: 11700%; } /* right 1500, down 11700 */ /* diorama : "16 Colours" (box 2) : top */ .positioning-winter-box2-top-flora-1 { --x: 1500%; --y: -1000%; } /* right 1500, up 1000 */ .positioning-winter-box2-top-flora-2 { --x: -4800%; --y: -1000%; } /* left 4800, up 1000 */ .positioning-winter-box2-top-grass { --x: 700%; --y: -400%; } /* right 700, up 400 */ /* diorama : "Unique Artwork" (box 3) : top */ .positioning-winter-box3-top-flora { --x: 1000%; --y: -1000%; } /* right 1000, up 1000 */ .positioning-winter-box3-top-grass-1 { --x: -1400%; --y: -2050%; } /* left 1400, up 2050 */ .positioning-winter-box3-top-grass-2 { --x: 600%; --y: -200%; } /* right 600, up 200 */ .positioning-winter-box3-top-grass-3 { --x: -1800%; --y: -150%; } /* left 1800, up 150 */ /* diorama : "Continuity" (box 4) : top */ .positioning-winter-box4-top-flora-1 { --x: -1200%; --y: -3900%; } /* left 1200, up 3900 */ .positioning-winter-box4-top-flora-2 { --x: 500%; --y: -1500%; } /* right 500, up 1500 */ .positioning-winter-box4-top-flora-3 { --x: -1400%; --y: -500%; } /* left 1400, up 500 */ .positioning-winter-box4-top-grass-1 { --x: -2500%; --y: -3000%; } /* left 2500, up 3000 */ .positioning-winter-box4-top-grass-2 { --x: 1400%; --y: -1600%; } /* right 1400, up 1600 */ .positioning-winter-box4-top-grass-3 { --x: 650%; --y: -300%; } /* right 650, up 300 */ /* diorama : "Destructive Elements" (box 5) : top */ .positioning-winter-box5-top-flora-1 { --x: -1450%; --y: -2100%; } /* left 1450, up 2100 */ .positioning-winter-box5-top-flora-2 { --x: 1000%; --y: -4900%; } /* right 1000, up 4900 */ .positioning-winter-box5-top-flora-3 { --x: 2400%; --y: -1000%; } /* right 2400, up 1000 */ .positioning-winter-box5-top-flora-4 { --x: 1300%; --y: -600%; } /* right 1300, up 600 */ .positioning-winter-box5-top-grass-1 { --x: 2200%; --y: -5700%; } /* right 2200, up 5700 */ .positioning-winter-box5-top-grass-2 { --x: -600%; --y: -4500%; } /* left 600, up 4500 */ .positioning-winter-box5-top-grass-3 { --x: -800%; --y: -400%; } /* left 800, up 400 */ /* diorama : "Collect To Advance" (box 6) : top */ .positioning-winter-box6-top-grass-1 { --x: 340%; --y: -900%; } /* right 340, up 900 */ .positioning-winter-box6-top-grass-2 { --x: -2600%; --y: -2000%; } /* left 2600, up 2000 */ .positioning-winter-box6-top-flora-1 { --x: -1800%; --y: -400%; } /* left 1800, up 400 */ .positioning-winter-box6-top-flora-2 { --x: 900%; --y: -200%; } /* right 900, up 200 */ .positioning-winter-box6-top-flora-3 { --x: 3500%; --y: -400%; } /* right 3500, up 400 */ /* diorama : "Inventory" (box 7) : top */ .positioning-winter-box7-top-flora { --x: -650%; --y: -1050%; } /* left 650, up 1050 */ .positioning-winter-box7-top-grass-1 { --x: -1000%; --y: -1050%; } /* left 1000, up 1050 */ .positioning-winter-box7-top-grass-2 { --x: 500%; --y: -300%; } /* right 500, up 300 */ .positioning-winter-box7-top-grass-3 { --x: 1900%; --y: -1200%; } /* right 1900, up 1200 */ /* diorama : "Trading Shop" (box 8) : top */ .positioning-winter-box8-top-flora { --x: 300%; --y: -700%; } /* right 300, up 700 */ .positioning-winter-box8-top-grass-1 { --x: 1700%; --y: -1900%; } /* right 1700, up 1900 */ .positioning-winter-box8-top-grass-2 { --x: -2000%; --y: -1500%; } /* left 2000, up 1500 */ .positioning-winter-box8-top-grass-3 { --x: 1400%; --y: -300%; } /* right 1400, up 300 */ /* diorama : "New Gardens" (box 9) : top */ .positioning-winter-box9-top-flora-1 { --x: 350%; --y: -1150%; } /* right 350, up 1150 */ .positioning-winter-box9-top-flora-2 { --x: -1800%; --y: -1300%; } /* left 1800, up 1300 */ .positioning-winter-box9-top-flora-3 { --x: -300%; --y: -750%; } /* left 300, up 750 */ .positioning-winter-box9-top-grass-1 { --x: 1200%; --y: -3200%; } /* right 1200, up 3200 */ .positioning-winter-box9-top-grass-2 { --x: -1350%; --y: -100%; } /* left 1350, up 100 */ /* diorama : "Skills Employed" (box 10) : top */ .positioning-winter-box10-top-flora-1 { --x: 2200%; --y: -1200%; } /* right 2200, up 1200 */ .positioning-winter-box10-top-flora-2 { --x: -1650%; --y: -100%; } /* left 1650, up 100 */ .positioning-winter-box10-top-grass-1 { --x: 1450%; --y: -1050%; } /* right 1450, up 1050 */ .positioning-winter-box10-top-grass-2 { --x: -1700%; --y: -1050%; } /* left 1700, up 1050 */ /* ╔═════════════════════════════════════════════════════════════════════════╗ */ /* ║ INFO BOX : DIORAMAS : SIDES (WINTER) ║ */ /* ╚═════════════════════════════════════════════════════════════════════════╝ */ /* info box : "What is Fuml For ?" (box 1) : left */ .positioning-winter-box1-left-grass { --x: -1100%; --y: 1200%; } /* left 1100, down 1200 */ /* info box : "What is Fuml For ?" (box 1) : right */ .positioning-winter-box1-right-flora { --x: 1600%; --y: 3500%; } /* right 1600, down 3500 */ .positioning-winter-box1-right-grass { --x: 1400%; --y: 3500%; } /* right 1400, down 3500 */ /* info box : "16 Colours" (box 2) : left */ .positioning-winter-box2-left-flora { --x: -700%; --y: 1200%; } /* left 700, down 1200 */ /* info box : "16 Colours" (box 2) : right */ .positioning-winter-box2-right-flora { --x: 900%; --y: 3400%; } /* right 900, down 3400 */ .positioning-winter-box2-right-easter-egg { --x: 320%; --y: 680%; } /* right 320, down 680 */ /* info box : "Unique Artwork" (box 3) : left */ .positioning-winter-box3-left-flora { --x: -1600%; --y: 1200%; } /* left 1600, down 1200 */ /* info box : "Continuity" (box 4) : left */ .positioning-winter-box4-left-grass { --x: -800%; --y: 100%; } /* left 800, down 100 */ /* info box : "Continuity" (box 4) : right */ .positioning-winter-box4-right-flora-1 { --x: 1200%; --y: 550%; } /* right 1200, down 550 */ .positioning-winter-box4-right-flora-2 { --x: 2950%; --y: 5100%; } /* right 2950, down 5100 */ /* info box : "Destructive Elements" (box 5) : left */ .positioning-winter-box5-left-grass-1 { --x: -1100%; --y: 2220%; } /* left 1100, down 2220 */ .positioning-winter-box5-left-grass-2 { --x: -1600%; --y: 7020%; } /* left 1600, down 7020 */ /* info box : "Destructive Elements" (box 5) : right */ .positioning-winter-box5-right-flora-1 { --x: 750%; --y: 1200%; } /* right 750, down 1200 */ .positioning-winter-box5-right-flora-2 { --x: 2200%; --y: 4500%; } /* right 2200, down 4500 */ /* info box : "Collect To Advance" (box 6) : left */ .positioning-winter-box6-left-flora { --x: -1560%; --y: 2300%; } /* left 1560, down 2300 */ /* info box : "Inventory" (box 7) : left */ .positioning-winter-box7-left-grass { --x: -400%; --y: 500%; } /* left 400, down 500 */ /* info box : "Inventory" (box 7) : right */ .positioning-winter-box7-right-grass { --x: 2000%; --y: 2000%; } /* right 2000, down 2000 */ /* info box : "Trading Shop" (box 8) : left */ .positioning-winter-box8-left-flora { --x: -1400%; --y: 260%; } /* left 1400, down 260 */ /* info box : "Trading Shop" (box 8) : right */ .positioning-winter-box8-right-grass-1 { --x: 100%; --y: 1000%; } /* right 100, down 1000 */ .positioning-winter-box8-right-grass-2 { --x: 100%; --y: 2500%; } /* right 100, down 2500 */ /* info box : "New Gardens" (box 9) : left */ .positioning-winter-box9-left-grass { --x: -1100%; --y: 550%; } /* left 1100, down 550 */ .positioning-winter-box9-left-flora { --x: -1500%; --y: 4200%; } /* left 1500, down 4200 */ /* info box : "New Gardens" (box 9) : right */ .positioning-winter-box9-right-grass { --x: 900%; --y: 2000%; } /* right 900, down 2000 */ .positioning-winter-box9-top-patch-1 { --x: -100%; --y: -60%; } /* left 100, up 60 */ .positioning-winter-box9-top-patch-2 { --x: -30%; --y: -10%; } /* left 30, up 10 */ .positioning-winter-box9-top-patch-3 { --x: 50%; --y: -90%; } /* right 50, up 90 */ .positioning-winter-box9-top-patch-4 { --x: 140%; --y: -50%; } /* right 140, up 50 */ /* info box : "Skills Employed" (box 10) : left */ .positioning-winter-box10-left-grass { --x: -700%; --y: 1000%; } /* left 700, down 1000 */ /* info box : "Skills Employed" (box 10) : right */ .positioning-winter-box10-right-flora { --x: 800%; --y: 2000%; } /* right 800, down 2000 */ .positioning-winter-box10-right-grass { --x: 2000%; --y: 1750%; } /* right 2000, down 1750 */ /* info box : "Sheeba" (box 11) : left */ .positioning-winter-box11-left-grass { --x: -1350%; --y: 5500%; } /* left 1350, down 5500 */ /* info box : "Sheeba" (box 11) : right */ .positioning-winter-box11-right-flora { --x: 1560%; --y: 850%; } /* right 1560, down 850 */ .positioning-winter-box11-right-grass-1 { --x: 950%; --y: 50%; } /* right 950, down 50 */ .positioning-winter-box11-right-grass-2 { --x: 100%; --y: 1900%; } /* right 100, down 1900 */