killthecake | [14] Make Up! x2 (or 11)

🙜 Individual Scouts 🙞
Click here for live previews!

Moon <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #fffdc7 30%,#f0e84a, #b5af35);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Moon_symbol_crescent.svg/50px-Moon_symbol_crescent.svg.png" style="width: 25px;padding: 8px 0 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #ff96d9;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#fffc7a;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #ff96d9;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #ff96d9;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 150, 217,0.8),rgba(255, 150, 217,0.5),rgba(255, 255, 255,0.0),rgba(255, 150, 217,0.5),rgba(255, 150, 217,0.8));margin-bottom: 5px;border: 1px solid #ff96d9;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 150, 217,0.8),rgba(255, 150, 217,0.5),rgba(255, 255, 255,0.0),rgba(255, 150, 217,0.5),rgba(255, 150, 217,0.8));margin-bottom: 5px;border: 1px solid #ff96d9;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="http://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 150, 217,0.8),rgba(255, 150, 217,0.5),rgba(255, 255, 255,0.0),rgba(255, 150, 217,0.5),rgba(255, 150, 217,0.8));margin-bottom: 5px;border: 1px solid #ff96d9;border-radius: 40px;"> credit </div></a> </font></div></details>		Mini Moon <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #ffeded 30%,#ffb3b3,#c28888);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Moon_symbol_crescent.svg/50px-Moon_symbol_crescent.svg.png" style="width: 25px;padding: 8px 0 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #ff7070;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#ffb3b3;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #ff7070;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #ff7070;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 112, 112,0.8),rgba(255, 112, 112,0.5),rgba(255, 255, 255,0.0),rgba(255, 112, 112,0.5),rgba(255, 112, 112,0.8));margin-bottom: 5px;border: 1px solid #ff7070;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 112, 112,0.8),rgba(255, 112, 112,0.5),rgba(255, 255, 255,0.0),rgba(255, 112, 112,0.5),rgba(255, 112, 112,0.8));margin-bottom: 5px;border: 1px solid #ff7070;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 112, 112,0.8),rgba(255, 112, 112,0.5),rgba(255, 255, 255,0.0),rgba(255, 112, 112,0.5),rgba(255, 112, 112,0.8));margin-bottom: 5px;border: 1px solid #ff7070;border-radius: 40px;"> credit </div></a> </font></div></details>
Mercury <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #bde8ff 30%,#4aaef0,#2e7494);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Mercury_symbol.svg/50px-Mercury_symbol.svg.png" style="width: 25px;padding: 8px 0 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #b5e2ff;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#4aaef0;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #b5e2ff;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #b5e2ff;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 226, 255,0.8),rgba(181, 226, 255,0.5),rgba(255, 255, 255,0.0),rgba(181, 226, 255,0.5),rgba(181, 226, 255,0.8));margin-bottom: 5px;border: 1px solid #b5e2ff;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 226, 255,0.8),rgba(181, 226, 255,0.5),rgba(255, 255, 255,0.0),rgba(181, 226, 255,0.5),rgba(181, 226, 255,0.8));margin-bottom: 5px;border: 1px solid #b5e2ff;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 226, 255,0.8),rgba(181, 226, 255,0.5),rgba(255, 255, 255,0.0),rgba(181, 226, 255,0.5),rgba(181, 226, 255,0.8));margin-bottom: 5px;border: 1px solid #b5e2ff;border-radius: 40px;"> credit </div></a> </font></div></details>	Mars <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #fcaeae 30%,#f04a4a,#8c2b2b);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Mars_symbol.svg/800px-Mars_symbol.svg.png" style="width: 25px;padding: 8px 2px 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #c559e3;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#ff7575;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #c559e3;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #c559e3;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(197, 89, 227,0.8),rgba(197, 89, 227,0.5),rgba(255, 255, 255,0.0),rgba(197, 89, 227,0.5),rgba(197, 89, 227,0.8));margin-bottom: 5px;border: 1px solid #aa3ac9;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(197, 89, 227,0.8),rgba(197, 89, 227,0.5),rgba(255, 255, 255,0.0),rgba(197, 89, 227,0.5),rgba(197, 89, 227,0.8));margin-bottom: 5px;border: 1px solid #aa3ac9;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(197, 89, 227,0.8),rgba(197, 89, 227,0.5),rgba(255, 255, 255,0.0),rgba(197, 89, 227,0.5),rgba(197, 89, 227,0.8));margin-bottom: 5px;border: 1px solid #aa3ac9;border-radius: 40px;"> credit </div></a> </font></div></details>	Jupiter <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #cafac5 30%,#55f04a, #379c30);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/26/Jupiter_symbol.svg/50px-Jupiter_symbol.svg.png" style="width: 25px;padding: 8px 2px 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #ffb3b3;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#84e87d;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #ffb3b3;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #ffb3b3;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 179, 179,0.9),rgba(255, 179, 179,0.6),rgba(255, 255, 255,0.0),rgba(255, 179, 179,0.6),rgba(255, 179, 179,0.9));margin-bottom: 5px;border: 1px solid #FF69B4;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 179, 179,0.9),rgba(255, 179, 179,0.6),rgba(255, 255, 255,0.0),rgba(255, 179, 179,0.6),rgba(255, 179, 179,0.9));margin-bottom: 5px;border: 1px solid #FF69B4;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 179, 179,0.9),rgba(255, 179, 179,0.6),rgba(255, 255, 255,0.0),rgba(255, 179, 179,0.6),rgba(255, 179, 179,0.9));margin-bottom: 5px;border: 1px solid #FF69B4;border-radius: 40px;"> credit </div></a> </font></div></details>	Venus <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #fff4c9 30%,#f0c14a, #a18132);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/66/Venus_symbol.svg/75px-Venus_symbol.svg.png" style="width: 25px;padding: 8px 0 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #ffe900;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#ffbb26;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #ffe900;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #ffe900;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 238, 56,0.8),rgba(255, 238, 56,0.5),rgba(255, 255, 255,0.0),rgba(255, 238, 56,0.5),rgba(255, 238, 56,0.8));margin-bottom: 5px;border: 1px solid #ffe900;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 238, 56,0.8),rgba(255, 238, 56,0.5),rgba(255, 255, 255,0.0),rgba(255, 238, 56,0.5),rgba(255, 238, 56,0.8));margin-bottom: 5px;border: 1px solid #ffe900;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 238, 56,0.8),rgba(255, 238, 56,0.5),rgba(255, 255, 255,0.0),rgba(255, 238, 56,0.5),rgba(255, 238, 56,0.8));margin-bottom: 5px;border: 1px solid #ffe900;border-radius: 40px;"> credit </div></a> </font></div></details>
Neptune <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #cffce9 30%,#4af0b3, #2c916c);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Neptune_symbol.svg/50px-Neptune_symbol.svg.png" style="width: 25px;padding: 8px 1px 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #8099ff;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#4af0b3;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #8099ff;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #8099ff;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(128, 153, 255,0.8),rgba(128, 153, 255,0.5),rgba(255, 255, 255,0.0),rgba(128, 153, 255,0.5),rgba(128, 153, 255,0.8));margin-bottom: 5px;border: 1px solid #8099ff;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(128, 153, 255,0.8),rgba(128, 153, 255,0.5),rgba(255, 255, 255,0.0),rgba(128, 153, 255,0.5),rgba(128, 153, 255,0.8));margin-bottom: 5px;border: 1px solid #8099ff;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(128, 153, 255,0.8),rgba(128, 153, 255,0.5),rgba(255, 255, 255,0.0),rgba(128, 153, 255,0.5),rgba(128, 153, 255,0.8));margin-bottom: 5px;border: 1px solid #8099ff;border-radius: 40px;"> credit </div></a> </font></div></details>	Uranus <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #b8bbfc 30%,#584af0, #332b8f);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Uranus%27s_astrological_symbol.svg/50px-Uranus%27s_astrological_symbol.svg.png" style="width: 25px;padding: 8px 2px 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #ffeb69;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#9187ff;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #ffeb69;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #ffe53b;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 237, 117,0.9),rgba(255, 237, 117,0.7),rgba(255, 255, 255,0.0),rgba(255, 237, 117,0.7),rgba(255, 237, 117,0.9));margin-bottom: 5px;border: 1px solid #ffe53b;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 237, 117,0.9),rgba(255, 237, 117,0.7),rgba(255, 255, 255,0.0),rgba(255, 237, 117,0.7),rgba(255, 237, 117,0.9));margin-bottom: 5px;border: 1px solid #ffe53b;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(255, 237, 117,0.9),rgba(255, 237, 117,0.7),rgba(255, 255, 255,0.0),rgba(255, 237, 117,0.7),rgba(255, 237, 117,0.9));margin-bottom: 5px;border: 1px solid #ffe53b;border-radius: 40px;"> credit </div></a> </font></div></details>	Pluto <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #e39db4 30%,#b03564, #661f3a);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/ff/Pluto_symbol.svg/50px-Pluto_symbol.svg.png" style="width: 25px;padding: 8px 0 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #454545;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#c4517d;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #454545;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #636363;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(69, 69, 69,0.9),rgba(69, 69, 69,0.7),rgba(255, 255, 255,0.0),rgba(69, 69, 69,0.7),rgba(69, 69, 69,0.9));margin-bottom: 5px;border: 1px solid #000;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(69, 69, 69,0.9),rgba(69, 69, 69,0.7),rgba(255, 255, 255,0.0),rgba(69, 69, 69,0.7),rgba(69, 69, 69,0.9));margin-bottom: 5px;border: 1px solid #000;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(69, 69, 69,0.9),rgba(69, 69, 69,0.7),rgba(255, 255, 255,0.0),rgba(69, 69, 69,0.7),rgba(69, 69, 69,0.9));margin-bottom: 5px;border: 1px solid #000;border-radius: 40px;"> credit </div></a> </font></div></details>	Saturn <center><details> <summary style="outline:none;color: transparent;cursor: pointer;"><div style="width: 40px; height: 40px; border-radius: 50px; background: radial-gradient(circle at top left, #f4b6fa 30%,#dd4af0, #7c2987);box-shadow: 2px 2px 1px grey;"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Saturn_symbol.svg/50px-Saturn_symbol.svg.png" style="width: 25px;padding: 8px 2px 0 0;"> </div></summary> <div style="width: 200px;border: 2px solid #c25b5b;border-radius: 40px 40px 0px 40px; background: url(https://www.chisouthfl.org/wp-content/uploads/2019/05/Sparkle-Transparent-Image.png),#eb88f7;margin-top: 5px;padding: 10px;box-shadow: 8px 8px 5px #c25b5b;"> <font style="color: rgba(0,0,0,0.8);font-family: helvetica;font-variant: small-caps;font-size: medium;font-weight: bold;"> <div style="margin: -5px 0 -15px 0;"><font style="font-size: xx-large; text-shadow: 2px 2px 0 #cc6868;color: rgba(0,0,0,0.7);"> make up! </font></div><br /> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 72, 72,0.8),rgba(181, 72, 72,0.5),rgba(255, 255, 255,0.0),rgba(181, 72, 72,0.5),rgba(181, 72, 72,0.8));margin-bottom: 5px;border: 1px solid #c25b5b;border-radius: 40px;"> link </div></a> <a href="URL" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 72, 72,0.8),rgba(181, 72, 72,0.5),rgba(255, 255, 255,0.0),rgba(181, 72, 72,0.5),rgba(181, 72, 72,0.8));margin-bottom: 5px;border: 1px solid #c25b5b;border-radius: 40px;"> link </div></a> <!----DONT REMOVE THIS ONE----> <a href="https://killthecake.dreamwidth.org/" style="color: rgba(0,0,0,0.8);text-decoration: none;"><div style="width: 90%; background: linear-gradient(90deg, rgba(181, 72, 72,0.8),rgba(181, 72, 72,0.5),rgba(255, 255, 255,0.0),rgba(181, 72, 72,0.5),rgba(181, 72, 72,0.8));margin-bottom: 5px;border: 1px solid #c25b5b;border-radius: 40px;"> credit </div></a> </font></div></details>

Click here for live previews!

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ All of these open if you click on the icon (aka the planetary symbols). You can see how they work in the live preview.

❖ If you want the menu to always be open, look at the first line of code. Change <details> to <details open>.

❖ You can add as many links as you want. The height will adjust. Just copy/paste everything between the <a> tags. It's a lot there. And make sure to add new links BEFORE the credit link. Unless you want to put the credit somewhere else, I'm not picky.

❖ The text goes into "small caps" automatically. For instance, all of the text in the examples is in lower case.

Ctrl+F & Replace:
❖ make up! - Header.
❖ URL - URL links go here.
❖ link - Text for your link.

🙜 All Together 🙞
Click here for live preview!

Code:

<div style="height: 400px;overflow:hidden;">

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #584af0, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #4af0b3, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #55f04a, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #4aaef0, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #f0e84a, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #ffb3b3,rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #f04a4a, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #f0c14a,rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height:400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #b03564,rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="display:inline-block;width: 43px;height: 400px;background: linear-gradient(180deg, rgba(0,0,0,0.0), #dd4af0, rgba(0,0,0,0.0));border-radius: 40px 40px 0 0;">

</div>
</div>

<div style="position:relative;bottom: 320px;background: rgba(255,255,255,0.4); width: 400px; height: 250px;box-shadow: 0 0 5px 15px rgba(255,255,255,0.4)">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet ante eu arcu rutrum ullamcorper sed ut sapien. Fusce sed lacus rhoncus, feugiat sapien pretium, condimentum purus. Sed pulvinar risus eu mauris molestie, quis viverra diam hendrerit.

<a href="URL" style="text-decoration: none; color: black; background: rgba(255,255,255,0.6); border: 2px dotted #fff;border-radius: 40px;padding: 1px 10px;margin: 5px;">credit</a>

</center></font></font>
</div></div>

</div>

❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post.

❖ I wouldn't add more than six links to this one. Could get a little wonky. If you know some html/css, have at it. Otherwise, if you want to add more, let me know and I can try to make something work.

❖ You'll have to scroll down pretty far to get to the editable part. Everything's marked for you. It probably would have been easier to take a screenshot of my code and turn it into a picture instead of leaving it as code but who likes easy? Amirite?

Ctrl+F & Replace:
❖ make up! - Header.
❖ Lorem ipsum - The little blurb.
❖ URL - URL links go here.
❖ link - Text for your link.

rgba(255,255,255,0.4) Background and shadow (blurry part) for the text holder.
rgba(255,255,255,0.6) Background of the links.
rgba(0,0,0,0.0) The transparency the colored banners fade into on both ends. Looks kind of neat if you make the bottoms black or something. You can do that by taking the second instance of this code for each scout and changing the 0.0 to 1.

#fff Text shadow for the header, dotted border of links.

black Link text.