ulla
Administrator
in turning divine, we tangle endlessly
[nospaces] [attr="class","ubBG"] [attr="class","ubWater"] [attr="class","ubOB"] [attr="class","ubIB"] [attr="class","ubIMG"] [attr="class","ubTitle"]Table of[break]Contents [attr="class","ubSubTitle"]- Click to Navigate to Bingo Board - [attr="class","ubGrid"] [attr="class","ubGItem incomplete"]01. Conqueror [attr="class","ubGItem incomplete"]02. Clean Slate [attr="class","ubGItem incomplete"]03. Beloved [attr="class","ubGItem incomplete"]04. Storm Warning [attr="class","ubGItem void"]05. So They Say [attr="class","ubGItem incomplete"]06. How Have You Been? [attr="class","ubGItem void"]07. Dollhouse [attr="class","ubGItem incomplete"]08. Call & Response [attr="class","ubGItem void"]09. To the Moon [attr="class","ubGItem incomplete"]10. Risk [attr="class","ubGItem incomplete"]11. Magnetic [attr="class","ubGItem incomplete"]12. Forbidden [attr="class","ubGItem void"]13. Palace [attr="class","ubGItem incomplete"]14. 1924 [attr="class","ubGItem incomplete"]15. From Afar [attr="class","ubGItem incomplete"]16. Smoke & Mirrors [attr="class","ubGItem incomplete"]17. White Sand [attr="class","ubGItem incomplete"]18. Burn it Down [attr="class","ubGItem incomplete"]19. Symmetry [attr="class","ubGItem incomplete"]20. Going Nowhere [attr="class","ubGItem incomplete"]21. Emptiness [attr="class","ubGItem incomplete"]22. Gold [attr="class","ubGItem incomplete"]23. Once More... [attr="class","ubGItem incomplete"]24. Heartbeat [attr="class","ubGItem incomplete"]25. Creation [attr="class","ubGItem void"]26. Judgement Day [attr="class","ubGItem void"]27. Free Fall [attr="class","ubGItem incomplete"]28. Hero [attr="class","ubGItem incomplete"]29. Coming Home [attr="class","ubGItem incomplete"]30. At World's End [newclass=.ubBG] --bg1:#1a1a1a; --bg2:#000; --accent1:#3e8b82; --waterBG:url(https://i.ibb.co/nj6G3C0/waterbg1.png); --ubHeadIMG:url(https://i.ibb.co/CHBfF2B/basebg.png); --ubTitleFont:'Cormorant SC'; --ubSansFont:'Montserrat'; position:relative; width:550px; padding-bottom:300px; box-sizing:border-box; background:linear-gradient(var(--bg1),var(--bg2) 50%);[/newclass] [newclass=.ubWater] background-image:var(--waterBG); position:absolute; height:100%; width:100%; opacity:.1; z-index:1;[/newclass] [newclass=.ubOB] position:absolute; top:0; left:0; height:calc(100% - 2px); width:calc(100% - 2px); border:#fff 1px solid; z-index:5; opacity:.5;[/newclass] [newclass=.ubIB] position:absolute; top:5px; left:5px; height:calc(100% - 12px); width:calc(100% - 12px); border:#fff 1px solid; z-index:2; opacity:.5;[/newclass] [newclass=.ubIMG] position:absolute; z-index:2; left:0; bottom:0; height:300px; width:100%; background-image:var(--ubHeadIMG); filter:brightness(60%);-webkit-filter:brightness(60%); clip-path: polygon(70% 3%, 4% 24%, 87% 0, 5% 30%, 100% 0, 100% 100%, 0 100%, 0 22%, 50% 7%, 6% 11%);clip-path: polygon(67% 0, 4% 23%, 87% 0, 31% 23%, 100% 0, 100% 100%, 0 100%, 0 17%, 45% 6%, 6% 11%); -webkit-clip-path: polygon(70% 3%, 4% 24%, 87% 0, 5% 30%, 100% 0, 100% 100%, 0 100%, 0 22%, 50% 7%, 6% 11%);clip-path: polygon(67% 0, 4% 23%, 87% 0, 31% 23%, 100% 0, 100% 100%, 0 100%, 0 17%, 45% 6%, 6% 11%);[/newclass] [newclass=.ubTitle] color:#fff; position:relative; font-family:var(--ubTitleFont); font-size:45px; letter-spacing:3px; line-height:40px; padding-top:35px;[/newclass] [newclass=.ubTitle b] font-weight:400; font-size:65px; letter-spacing:7px;[/newclass] [newclass=.ubTitle div] height:150px; width:150px; position:absolute; border:#fff 1px solid; top:0; box-sizing:border-box; left:calc(50% - 75px); opacity:.2; transform:rotate(45deg); -webkit-transform:rotate(45deg);[/newclass] [newclass=.ubSubTitle] font-family:var(--ubTitleFont); font-size:15px; letter-spacing:2px; line-height:20px; margin-top:10px; margin-bottom:-5px; position:relative; z-index:10;[/newclass] [newclass=.ubSubTitle a]font-family:var(--ubTitleFont); color:var(--accent1);text-decoration:none[/newclass] [newclass=.ubGrid] position:relative; z-index:9; color:#aaa; padding:20px 10px; display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:center; align-content:center; font-family:var(--ubTitleFont); font-size:17px; line-height:20px; letter-spacing:0px; margin-bottom:-45px;[/newclass] [newclass=.ubGItem] padding:5px 7px 5px 28px; border:rgba(244,244,244,.3) 1px solid; background-color:rgba(0,0,0,.3); width:122px; margin:7px 0; text-align:left; position:relative;[/newclass] [newclass=.ubGrid b] color:var(--accent1); font-family:var(--ubSansFont); font-weight:800; letter-spacing:-1px; font-size:15px; width:25px; text-align:center; left:3px; position:absolute;[/newclass] [newclass=.ubGrid b::before] content:''; position:absolute; border:#fff 1px solid; opacity:.15; height:32px; width:32px; top:-6px; left:-4px; box-sizing:border-box; transform:rotate(45deg); -webkit-transform:rotate(45deg);[/newclass] [newclass=.ubGrid .void]filter:grayscale(100%) brightness(50%);cursor:not-allowed;[/newclass] [newclass=.ubGrid .incomplete]cursor: wait;[/newclass] [newclass=.ubGrid .complete a] color:#fff; text-decoration:none;[/newclass] [newclass=.ubGrid .complete b::before] border:0; background-color:var(--accent1);[/newclass] |
