Sept 10, 2022 13:48:48 GMT
Post by Wesley Mackie on Sept 10, 2022 13:48:48 GMT
[nospaces][googlefont=Montserrat:300,700|Montserrat+Alternates:700|Open+Sans:400,400i]
[newclass=.buythestars] --buytsAccent:#69BC9B; [/newclass]
[newclass=.buytsHeader img]animation-play-state:running!important;[/newclass]
[newclass=.buythestars] --buytsAccent:#69BC9B; [/newclass]
[newclass=.buytsHeader img]animation-play-state:running!important;[/newclass]
[attr="class","buythestars"]
[newclass=.buythestars] width:500px; background-color:#eee; border-radius:5px; overflow:hidden; [/newclass]
[newclass=.buytsHeader] width:500px; height:150px; background-color:#aaa; background-color:var(--buytsAccent); position:relative; display:flex; align-items:center; justify-content:space-between; overflow:hidden; [/newclass]
[newclass=.buytsHeader img] width:75px; height:75px; position:relative; margin-left:25px; border-radius:100%; padding:5px; background-color:#fafafa; border:10px solid #333; animation: buytspulse 3s infinite; animation-play-state:paused; } @keyframes buytspulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); } 33% { -moz-box-shadow: 0 0 0 20px rgba(0,0,0, 0); box-shadow: 0 0 0 20px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }[/newclass]
[newclass=.buytsHeader div:last-child] width:50px; background-color:#333; height:100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; [/newclass]
[newclass=.buytsHeader div a] font-size:20px; color:#5a5a5a; margin:10px 0px; [/newclass]
[newclass=.buytsHeader h1] margin:0px 0px 0px 25px; display:block; position:relative; text-align:left; font:700 45px/40px montserrat; text-transform:uppercase; color:#fafafa; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; [/newclass]
[newclass=.buytsHeader:before] content:''; position:absolute; margin-top:-100px; left:0px; width:100%; height:500px; opacity:.15; background-image:url(https://i.imgur.com/nbwhVrl.png); background-size:cover; [/newclass]
[newclass=.buytsBody] padding:25px; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.buytsTrackerBox] width:100%; margin-bottom:25px; [/newclass]
[newclass=.buytsTrackerBox:last-child] margin-bottom:0px; [/newclass]
[newclass=.buytsTrackerBox h1] margin:0px 0px 0px 25px; text-align:left; font:700 25px/25px montserrat alternates; color:#aaa; color:var(--buytsAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.buytsTrackerBox div] background-color:#f5f5f5; margin-top:-5px; text-align:left; padding:10px; border-radius:5px; [/newclass]
[newclass=.buytsTrackerBox h2] margin:0px; min-height:20px; display:flex; align-items:center; justify-content:flex-start; font:300 20px/20px montserrat; font-style:italic; color:#aaa; [/newclass]
[newclass=.buytsTrackerBox h2 a]font:300 20px/20px montserrat; color:var(--buytsAccent);[/newclass]
[newclass=.buytsTrackerBox h2:before] content:''; min-width:25px; margin-right:10px; height:1px; background-color:#eaeaea; [/newclass]
[newclass=.buytsTrackerBox h2:after] content:''; margin-left:10px; flex-grow:1; min-width:25px; height:1px; background-color:#eaeaea; [/newclass]
[newclass=.buytsTrackerBox div div] margin:0px; padding:10px 20px; border-radius:0px; font:400 11px open sans; color:#aaa; [/newclass]
[newclass=.buytsTrackerBox div div a] font:700 11px montserrat alternates; [/newclass]
[newclass=.buytsCredit] font:bold 7px roboto; margin-left:425px; [/newclass]
[newclass=.buytsCredit a] font:bold 7px roboto!important; [/newclass]
[attr="class","buytsBody"]
[attr="class","buytsTrackerBox"]
ongoing
[attr="class","buytsTrackerBox"]
ongoing missions
[attr="class","buytsCredit"]SELKIE
[newclass=.buythestars] width:500px; background-color:#eee; border-radius:5px; overflow:hidden; [/newclass]
[newclass=.buytsHeader] width:500px; height:150px; background-color:#aaa; background-color:var(--buytsAccent); position:relative; display:flex; align-items:center; justify-content:space-between; overflow:hidden; [/newclass]
[newclass=.buytsHeader img] width:75px; height:75px; position:relative; margin-left:25px; border-radius:100%; padding:5px; background-color:#fafafa; border:10px solid #333; animation: buytspulse 3s infinite; animation-play-state:paused; } @keyframes buytspulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); box-shadow: 0 0 0 0 rgba(0,0,0, 0.25); } 33% { -moz-box-shadow: 0 0 0 20px rgba(0,0,0, 0); box-shadow: 0 0 0 20px rgba(0,0,0, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0); box-shadow: 0 0 0 0 rgba(0,0,0, 0); }[/newclass]
[newclass=.buytsHeader div:last-child] width:50px; background-color:#333; height:100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; [/newclass]
[newclass=.buytsHeader div a] font-size:20px; color:#5a5a5a; margin:10px 0px; [/newclass]
[newclass=.buytsHeader h1] margin:0px 0px 0px 25px; display:block; position:relative; text-align:left; font:700 45px/40px montserrat; text-transform:uppercase; color:#fafafa; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; [/newclass]
[newclass=.buytsHeader:before] content:''; position:absolute; margin-top:-100px; left:0px; width:100%; height:500px; opacity:.15; background-image:url(https://i.imgur.com/nbwhVrl.png); background-size:cover; [/newclass]
[newclass=.buytsBody] padding:25px; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; [/newclass]
[newclass=.buytsTrackerBox] width:100%; margin-bottom:25px; [/newclass]
[newclass=.buytsTrackerBox:last-child] margin-bottom:0px; [/newclass]
[newclass=.buytsTrackerBox h1] margin:0px 0px 0px 25px; text-align:left; font:700 25px/25px montserrat alternates; color:#aaa; color:var(--buytsAccent); text-shadow: -1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.buytsTrackerBox div] background-color:#f5f5f5; margin-top:-5px; text-align:left; padding:10px; border-radius:5px; [/newclass]
[newclass=.buytsTrackerBox h2] margin:0px; min-height:20px; display:flex; align-items:center; justify-content:flex-start; font:300 20px/20px montserrat; font-style:italic; color:#aaa; [/newclass]
[newclass=.buytsTrackerBox h2 a]font:300 20px/20px montserrat; color:var(--buytsAccent);[/newclass]
[newclass=.buytsTrackerBox h2:before] content:''; min-width:25px; margin-right:10px; height:1px; background-color:#eaeaea; [/newclass]
[newclass=.buytsTrackerBox h2:after] content:''; margin-left:10px; flex-grow:1; min-width:25px; height:1px; background-color:#eaeaea; [/newclass]
[newclass=.buytsTrackerBox div div] margin:0px; padding:10px 20px; border-radius:0px; font:400 11px open sans; color:#aaa; [/newclass]
[newclass=.buytsTrackerBox div div a] font:700 11px montserrat alternates; [/newclass]
[newclass=.buytsCredit] font:bold 7px roboto; margin-left:425px; [/newclass]
[newclass=.buytsCredit a] font:bold 7px roboto!important; [/newclass]