/* ╔═════════════════════════════════════════════════════════════════════════╗ */ /* ║ INFO BOX : DIORAMAS : TOP (AUTUMN) ║ */ /* ╚═════════════════════════════════════════════════════════════════════════╝ */ /* header : garden */ .positioning-autumn-main-garden-flora-1 { --x: 50%; --y: 160%; } /* right 50, down 160 */ .positioning-autumn-main-garden-flora-2 { --x: 560%; --y: 135%; } /* right 560, down 135 */ .positioning-autumn-main-garden-flora-3 { --x: -750%; --y: 570%; } /* left 750, down 570 */ .positioning-autumn-main-garden-flora-4 { --x: -150%; --y: 310%; } /* left 150, down 310 */ .positioning-autumn-main-garden-flora-5 { --x: -310%; --y: 250%; } /* left 310, down 250 */ .positioning-autumn-main-garden-flora-6 { --x: -500%; --y: 3500%; } /* left 500, down 3500 */ .positioning-autumn-main-garden-flora-7 { --x: -1000%; --y: 1500%; } /* left 1000, down 1500 */ .positioning-autumn-main-garden-flora-8 { --x: 80%; --y: 400%; } /* right 80, down 400 */ .positioning-autumn-main-garden-flora-9 { --x: -90%; --y: 870%; } /* left 90, down 870 */ .positioning-autumn-main-garden-flora-10 { --x: 590%; --y: 780%; } /* right 590, down 780 */ .positioning-autumn-main-garden-flora-11 { --x: 415%; --y: 735%; } /* right 415, down 735 */ .positioning-autumn-main-garden-flora-12 { --x: 1360%; --y: 940%; } /* right 1360, down 940 */ .positioning-autumn-main-garden-flora-13 { --x: 1750%; --y: 630%; } /* right 1750, down 630 */ .positioning-autumn-main-garden-patch-1 { --x: 200%; --y: 300%; } /* right 200, down 300 */ .positioning-autumn-main-garden-patch-2 { --x: 300%; --y: 370%; } /* right 300, down 370 */ /* header : forest */ .positioning-autumn-main-forest-flora-1 { --x: -350%; --y: 850%; } /* left 350, down 850 */ .positioning-autumn-main-forest-flora-2 { --x: -1150%; --y: 3750%; } /* left 1150, down 3750 */ .positioning-autumn-main-forest-flora-3 { --x: 520%; --y: 2920%; } /* right 520, down 2920 */ .positioning-autumn-main-forest-flora-4 { --x: 185%; --y: 1680%; } /* right 185, down 1680 */ .positioning-autumn-main-forest-flora-5 { --x: -420%; --y: 2560%; } /* left 420, down 2560 */ /* diorama : "16 Colours" (box 2) : top */ .positioning-autumn-box2-top-flora-1 { --x: -300%; --y: -2000%; } /* left 300, up 2000 */ .positioning-autumn-box2-top-flora-2 { --x: 250%; --y: -380%; } /* right 250, up 380 */ .positioning-autumn-box2-top-flora-3 { --x: -1600%; --y: -120%; } /* left 1600, up 120 */ /* diorama : "Unique Artwork" (box 3) : top */ .positioning-autumn-box3-top-flora-1 { --x: -185%; --y: -170%; } /* left 185, up 170 */ .positioning-autumn-box3-top-flora-2 { --x: 500%; --y: -80%; } /* right 500, up 80 */ /* diorama : "Destructive Elements" (box 5) : top */ .positioning-autumn-box5-top-flora-1 { --x: -660%; --y: -660%; } /* left 660, up 660 */ .positioning-autumn-box5-top-flora-2 { --x: 20%; --y: -480%; } /* right 20, up 480 */ .positioning-autumn-box5-top-flora-3 { --x: 320%; --y: -910%; } /* right 320, up 910 */ .positioning-autumn-box5-top-flora-4 { --x: 340%; --y: -140%; } /* right 340, up 140 */ .positioning-autumn-box5-top-flora-5 { --x: -280%; --y: -230%; } /* left 280, up 230 */ /* diorama : "Inventory" (box 7) : top */ .positioning-autumn-box7-top-flora-1 { --x: 150%; --y: -150%; } /* right 150, up 150 */ .positioning-autumn-box7-top-flora-2 { --x: -580%; --y: -480%; } /* left 580, up 480 */ .positioning-autumn-box7-top-flora-3 { --x: -1670%; --y: -250%; } /* left 1670, up 250 */ .positioning-autumn-box7-top-flora-4 { --x: 540%; --y: -300%; } /* right 540, up 300 */ .positioning-autumn-box7-top-flora-5 { --x: 850%; --y: -10%; } /* right 850, up 10 */ .positioning-autumn-box7-top-flora-6 { --x: -40%; --y: -10%; } /* left 40, up 10 */ /* diorama : "Trading Shop" (box 8) : top */ .positioning-autumn-box8-top-flora-1 { --x: 750%; --y: -1200%; } /* right 750, up 1200 */ .positioning-autumn-box8-top-flora-2 { --x: 2500%; --y: -1050%; } /* right 2500, up 1050 */ .positioning-autumn-box8-top-flora-3 { --x: -1350%; --y: -250%; } /* left 1350, up 250 */ .positioning-autumn-box8-top-flora-4 { --x: 80%; --y: -160%; } /* right 80, up 160 */ .positioning-autumn-box8-top-flora-5 { --x: 1230%; --y: -90%; } /* right 1230, up 90 */ /* diorama : "New Gardens" (box 9) : top */ .positioning-autumn-box9-top-flora-1 { --x: -800%; --y: -400%; } /* left 800, up 400 */ .positioning-autumn-box9-top-flora-2 { --x: -490%; } /* left 490 */ .positioning-autumn-box9-top-flora-3 { --x: 290%; --y: -500%; } /* right 290, up 500 */ .positioning-autumn-box9-top-flora-4 { --x: 720%; --y: 20%; } /* right 720, down 20 */ .positioning-autumn-box9-top-patch-1 { --x: -160%; --y: -60%; } /* left 160, up 60 */ .positioning-autumn-box9-top-patch-2 { --x: -40%; --y: -20%; } /* left 40, up 20 */ .positioning-autumn-box9-top-patch-3 { --x: 60%; --y: -60%; } /* right 60, up 60 */ .positioning-autumn-box9-top-patch-4 { --x: 180%; --y: -80%; } /* right 180, up 80 */ /* diorama : "Skills Employed" (box 10) : top */ .positioning-autumn-box10-top-flora-1 { --x: -560%; --y: -780%; } /* left 560, up 780 */ .positioning-autumn-box10-top-flora-2 { --x: -260%; --y: -140%; } /* left 260, up 140 */ .positioning-autumn-box10-top-flora-3 { --x: 390%; --y: -1070%; } /* right 390, up 1070 */ .positioning-autumn-box10-top-flora-4 { --x: 840%; --y: -350%; } /* right 840, up 350 */ .positioning-autumn-box10-top-flora-5 { --x: -3000%; --y: -240%; } /* left 3000, up 240 */ /* ╔═════════════════════════════════════════════════════════════════════════╗ */ /* ║ INFO BOX : DIORAMAS : SIDES (AUTUMN) ║ */ /* ╚═════════════════════════════════════════════════════════════════════════╝ */ /* info box : "What is Fuml For ?" (box 1) : left */ .positioning-autumn-box1-left-flora-1 { --x: -790%; --y: 2950%; } /* left 790, down 2950 */ /* info box : "What is Fuml For ?" (box 1) : right */ .positioning-autumn-box1-right-flora-1 { --x: 1200%; --y: 1180%; } /* right 1200, down 1180 */ .positioning-autumn-box1-right-flora-2 { --x: 1640%; --y: 1920%; } /* right 1640, down 1920 */ /* info box : "16 Colours" (box 2) : left */ .positioning-autumn-box2-left-flora-1 { --x: -200%; --y: 260%; } /* left 200, down 260 */ /* info box : "16 Colours" (box 2) : right */ .positioning-autumn-box2-right-flora-1 { --x: 270%; --y: 320%; } /* right 270, down 320 */ /* info box : "Unique Artwork" (box 3) : left */ .positioning-autumn-box3-left-flora-1 { --x: -310%; --y: 3450%; } /* left 310, down 3450 */ .positioning-autumn-box3-left-flora-2 { --x: -890%; --y: 1650%; } /* left 890, down 1650 */ /* info box : "Unique Artwork" (box 3) : right */ .positioning-autumn-box3-right-flora-1 { --x: 160%; --y: 470%; } /* right 160, down 470 */ /* info box : "Continuity" (box 4) : left */ .positioning-autumn-box4-left-flora-1 { --x: -800%; --y: 1050%; } /* left 800, down 1050 */ /* info box : "Continuity" (box 4) : right */ .positioning-autumn-box4-right-flora-1 { --x: 520%; --y: 500%; } /* right 520, down 500 */ /* info box : "Destructive Elements" (box 5) : left */ .positioning-autumn-box5-left-flora-1 { --x: -80%; --y: 985%; } /* left 80, down 985 */ /* info box : "Destructive Elements" (box 5) : right */ .positioning-autumn-box5-right-flora-1 { --x: 400%; --y: 920%; } /* right 400, down 920 */ /* info box : "Collect To Advance" (box 6) : left */ .positioning-autumn-box6-left-flora-1 { --x: -140%; --y: 790%; } /* left 140, down 790 */ /* info box : "Collect To Advance" (box 6) : right */ .positioning-autumn-box6-right-flora-1 { --x: 160%; --y: 980%; } /* right 160, down 980 */ /* info box : "Inventory" (box 7) : left */ .positioning-autumn-box7-left-flora-1 { --x: -200%; --y: 470%; } /* left 200, down 470 */ /* info box : "Inventory" (box 7) : right */ .positioning-autumn-box7-right-flora-1 { --x: 1850%; --y: 1000%; } /* right 1850, down 1000 */ .positioning-autumn-box7-right-flora-2 { --x: 125%; --y: 1400%; } /* right 125, down 1400 */ /* info box : "Trading Shop" (box 8) : left */ .positioning-autumn-box8-left-flora-1 { --x: -160%; --y: 240%; } /* left 160, down 240 */ .positioning-autumn-box8-left-flora-2 { --x: -1800%; --y: 1750%; } /* left 1800, down 1750 */ /* info box : "Trading Shop" (box 8) : right */ .positioning-autumn-box8-right-flora-1 { --x: 170%; --y: 410%; } /* right 170, down 410 */ /* info box : "New Gardens" (box 9) : right */ .positioning-autumn-box9-right-flora-1 { --x: 140%; --y: 570%; } /* 140 right, 570 down */ /* info box : "Skills Employed" (box 10) : left */ .positioning-autumn-box10-left-flora-1 { --x: -390%; --y: 840%; } /* left 390, down 840 */ .positioning-autumn-box10-left-flora-2 { --x: -50%; --y: 635%; } /* left 50, down 635 */ .positioning-autumn-box10-left-flora-3 { --x: -380%; --y: 560%; } /* left 380, down 560 */ /* info box : "Skills Employed" (box 10) : right */ .positioning-autumn-box10-right-flora-1 { --x: 2060%; --y: 2000%; } /* right 2060, down 2000 */ /* info box : "Sheeba" (box 11) : left */ .positioning-autumn-box11-left-flora-1 { --x: -1030%; --y: 1100%; } /* left 1030, down 1100 */ /* info box : "Sheeba" (box 11) : right */ .positioning-autumn-box11-right-flora-1 { --x: 160%; --y: 980%; } /* right 160, down 980 */