ERA
New Member
[newclass="nullelem"]} @font-face { font-family:"oswald"; src:url("https://use.typekit.net/af/bed39a/00000000000000007735a0f4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/bed39a/00000000000000007735a0f4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/bed39a/00000000000000007735a0f4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:500; } @font-face { font-family:"mina"; src:url("https://use.typekit.net/af/3a757e/00000000000000007735cca5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3a757e/00000000000000007735cca5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3a757e/00000000000000007735cca5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; [/newclass] [newclass=".erainfo"]width:400px; padding:15px; margin:10px; border-radius:3px; background-color:#f2f2f2; position:relative; -webkit-box-shadow:0px 4px 5px 0px rgba(0,0,0,0.15); --accent:#b89be7;[/newclass] [newclass=".erainfo .header"]position:relative; padding:5px; right:15.5px; top:-15px; width:421px; border-top-right-radius:3px; border-top-left-radius:3px; background-color:var(--accent);[/newclass] [newclass=".erainfo h1"]position:relative; left:20px; font-family:'Oswald'; font-size:25px; font-weight:500; text-transform:uppercase; letter-spacing:2px; color:rgba(249,249,249,0.3); text-align:left;[/newclass] [newclass=".erainfo h2"]position:absolute; left:25px; top:-3px; font-family:'mina'; font-style:normal; font-size:25px; font-weight:400; color:#f9f9f9; text-align:left;[/newclass] [newclass=".erainfo h3"]position:relative; bottom:-25px; margin-bottom:5px; font-size:10px; font-family:'Oswald'; text-align:right; text-transform:uppercase; color: var(--accent);[/newclass] [newclass=".erainfo h4"]position:relative; font-size:10px; font-family:'verdana'; text-align:justify; color: var(--accent);[/newclass] [newclass=".erainfo .post"]position:relative; margin:10px 0px 10px 0px; width:354px; border-left: 4px solid var(--accent); padding:10px 15px; text-align:justify; color:#555; font-family:'verdana'; font-size:10px; letter-spacing:1px; line-height:15px;[/newclass] [newclass=".erainfo .post b"]font-size:11px; font-weight:bold; font-family:'varela round'; color: var(--accent);[/newclass] [attr="class","erainfo"] [attr="class","header"] Live Fast, Die Youngabout, please read[attr="class","post"] 01. Warning, Warning, this is the first table I've ever made![break] 02. Keep the notes short[break] 03. The accent color hex is #b89be7, changing that will change all of it's instances![break] 04. The icon and sidebar background auto-resize! The sidebar image will also automatically blur for you if you change it out![break] 05. The audio-visualizer is a non-responsive animation. Meaning it does not react to any music or sounds being played, it's strictly for looks![break] 06. Keep the lyrics of a similar length unless you're willing to tinker with placement![break] 07. Check out the song here! [break] 08. Don't mess with my credit please and let me know where you're using it![break]
- Era ❤[break]  |
last edit on Sept 1, 2021 18:48:16 GMT by ERA