constellation
๐บ ๐๐๐๐๐ ๐๐๐บ๐
[class=border]height: 600px; width: 800px; margin: auto;[/class]
[class=container]position: absolute; width: 800px; height: 600px;[/class]
[class=icon]margin: auto; height: 280px; width: 336px; background: url(https://i.imgur.com/eHqSWQL.png);[/class]
[class=circle]position: absolute; height: 150px; width: 150px; background: #c7d0d8; border-radius: 100%;[/class]
[class=icon2]position: absolute; height: 130px; width: 130px; border: 1px solid #c7d0d8; border-radius: 100%; transition: 1s;[/class]
[class=mtc]height: 100px; width: 250px; position: absolute; top: 265px; left: 275px; font-family: Reenie Beanie; font-size: 65px; text-align: center; line-height: 70%;[/class]
[class=text]height: 110px; width: 110px; border-radius: 100%; opacity: 0; color: #fff; text-align: center; transition: 1s; font-family: Sawarabi Gothic; text-transform: uppercase; font-size: 11px; font-weight: 600; padding: 10px; display: table-cell; vertical-align: middle;[/class]
[class=names]height: 130px; width: 130px; padding: 10px; border-radius: 100%; font-family: Reenie Beanie; text-align: center; font-size: 30px; line-height: 90%; display: table-cell; vertical-align: middle;[/class]
[class name=icon2 state=hover]
transition: 1s;
filter: grayscale(100%);
[/class]
[class name=text state=hover]
opacity: 1;
transition: 1s;
background-color: rgba(0,0,0,0.5);
[/class]
[div class=border][div class=container][div class=icon][/div][div class=mtc]meet the couples![/div]
[div class=circle style="left: 0; top: 150px;"][div class=names]"she's too good for him"[/div][/div]
[div class=icon2 style="left: 130px; top: 180px; background: url(https://i.imgur.com/QEZL5xb.jpg); background-size: cover; background-position: center;"][div class=text]will jenkins. played by
constellation
[/div][/div][div class=icon2 style="left: 30px; top: 280px; background: url(https://i.imgur.com/9uQCXVm.jpg); background-size: cover; background-position: 50% 25%;"][div class=text]phoebe martin. played by
yousmelldead
[/div][/div]
[div class=circle style="right: 0; top: 150px;"][div class=names style="font-size: 25px;"]"my only
love sprung from my
only hate"[/div][/div] [div class=icon2 style="right: 130px; top: 180px; background: url(https://cdn.discordapp.com/attachments/672444402039390210/673565474252128296/tumblr_p4uq2vKtJH1ujzyrdo1_1280.png); background-size: cover; background-position: top center;"][div class=text]dante ballesteros. played by
sereiin [/div][/div][div class=icon2 style="right: 30px; top: 280px; background: url(https://i.imgur.com/AcySr7H.jpg); background-size: cover; background-position: 50% 85%;"][div class=text]renรฉe chesney. played by constellation [/div][/div] [div class=circle style="bottom: 0; left: 325px;"][div class=names style="font-size: 25px;"]"please cancel my subscription to your issues"[/div][/div] [div class=icon2 style="left: 250px; bottom: 100px; background: url(https://i.imgur.com/bmh2kfJ.jpg); background-size: cover; background-position: 30% 50%;"][div class=text]ensley jacobs. played by
sereiin [/div][/div][div class=icon2 style="right: 250px; bottom: 100px; background: url(https://i.imgur.com/NajClYL.jpg); background-size: cover; background-position: 50% 60%;"][div class=text]myles andrews. played by yousmelldead [/div][/div] [/div][/div] [div class=credit][/div][div class=credit2 style="display: none;"]code + design by constellation. 'on the road' icon by yousmelldead.[/div] [class=credit]position: absolute; top: 10px; left: 10px; font-size: 15px; color: #c7d0d8; transition: 1s;[/class] [class=credit2]position: absolute; top: 20px; left: 20px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #c7d0d8; border: 1px solid #e2e2e2; background: white;[/class] [class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: black; transitions: 1s;[/class] [script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]
love sprung from my
only hate"[/div][/div] [div class=icon2 style="right: 130px; top: 180px; background: url(https://cdn.discordapp.com/attachments/672444402039390210/673565474252128296/tumblr_p4uq2vKtJH1ujzyrdo1_1280.png); background-size: cover; background-position: top center;"][div class=text]dante ballesteros. played by
sereiin [/div][/div][div class=icon2 style="right: 30px; top: 280px; background: url(https://i.imgur.com/AcySr7H.jpg); background-size: cover; background-position: 50% 85%;"][div class=text]renรฉe chesney. played by constellation [/div][/div] [div class=circle style="bottom: 0; left: 325px;"][div class=names style="font-size: 25px;"]"please cancel my subscription to your issues"[/div][/div] [div class=icon2 style="left: 250px; bottom: 100px; background: url(https://i.imgur.com/bmh2kfJ.jpg); background-size: cover; background-position: 30% 50%;"][div class=text]ensley jacobs. played by
sereiin [/div][/div][div class=icon2 style="right: 250px; bottom: 100px; background: url(https://i.imgur.com/NajClYL.jpg); background-size: cover; background-position: 50% 60%;"][div class=text]myles andrews. played by yousmelldead [/div][/div] [/div][/div] [div class=credit][/div][div class=credit2 style="display: none;"]code + design by constellation. 'on the road' icon by yousmelldead.[/div] [class=credit]position: absolute; top: 10px; left: 10px; font-size: 15px; color: #c7d0d8; transition: 1s;[/class] [class=credit2]position: absolute; top: 20px; left: 20px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #c7d0d8; border: 1px solid #e2e2e2; background: white;[/class] [class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: black; transitions: 1s;[/class] [script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]
Last edited: