Class of 09' layout

Tags: 2000s

Description:

Simple class of 09 themed layout, yipeee Ty everyone using this >_<)/!!<3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by CupcakeJunkie (https://layouts.spacehey.com/layout?id=89019) -->

<style>
body {
    background: #000;
    font-family: Arial, Verdana, sans-serif;
}
p {
    color: #8cf4ff;
}
a {
    color: #8cf4ff;
}
.left.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;    
    padding: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    position: relative;
    right: 4px;
}
.left .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 5px 1px #535353;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #808080;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 3px !important;
}
.contact .heading {
    background: none !important;
    border: none !important;
    box-shadow: none;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
.profile .table-section {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #808080;
}
.details-table td {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 10px 0px;
    border: 0px;
    padding-left: 5px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px; 
}
.profile .contact {
    border-radius: 5px 5px 0px 0px;
    border: none;  
    background: linear-gradient(#535353 0%, #000 20%);
}
.right.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    position: relative;
    left: 4px;
    margin-left: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
main {
    border: none;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    background: black;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
}
nav .top {
    margin-top: 10px;
    border-radius: 5px;
    background: linear-gradient(#535353 0%, #000 69%);
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
    border: 0px;
    padding: 4px;
}
nav .links {
    background: linear-gradient(#535353 0%, #222 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 5px;
    position: relative;
    gap: 5px;
    justify-content: center;
}
nav .links a {
    text-shadow: 1px 1px 0px #000;
}
nav .links a:hover {
    color: #8cf4ff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000;
}
.top .right a {
    text-shadow: 1px 1px 0px #000;    
}
.logout-btn {
    text-shadow: 1px 1px 0px #000 !important;     
}
body &gt; div.container &gt; nav &gt; ul &gt; li.special {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(12) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(3) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(13) {
    border: none;
}
nav li {
    font-size: 0pt;
    padding-right: 5px;
    border-right: 2px ridge #555555;
}
.right .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 50px 0px;
    border: 0px;
    padding-left: 10px !important;
    color: #8cf4ff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;    
}
.comments-table {
    border: 0px;
}
.comments-table td {
    border: 0px;
    background: linear-gradient(#535353 0%, #000 20%) !important;
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.url-info {
    border: none !important;
    background: linear-gradient(#535353 0%, #000 40%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #8cf4ff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.comments-table .pfp-fallback {
    border: 2px ridge #555555;
}
.person .pfp-fallback {
    border: 2px ridge #555555;    
}
.profile-pic .pfp-fallback {
    border: 2px ridge #555555;     
}
#comments &gt; div.inner &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1) {
    background: none;
}
.comment-replies {
    border: none;
    border-top: 2px ridge #555555;
}
footer {
    background: none;
}
</style>

<style>

.logo {
   content: url("https://i.ibb.co/wQT0DMn/oie-oie-glitters-2.gif");
}

</style>

<style>
body{background:url("https://breezecrafts.com/cdn/shop/products/il_fullxfull.663806166_62c3_1024x.jpg?v=1571726604") no-repeat fixed; background-size:cover;}
</style>

<style>

.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  width: px;
  background-image: url(https://i0.wp.com/natalie.tf/wp-content/uploads/2023/06/Class-of-09-The-Re-Up.png?ssl=1);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  margin-left: 10px;
}

</style>

<style>
    
    .blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://media.tenor.com/gQDbv1W2JfgAAAAC/class-of-09-nicole.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 0px solid black;
  margin-bottom: 10px;

}

    .profile .blurbs .inner:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  background-image: url(under who id like to meet picture url);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center ;
  border: 0px solid black;
  margin-bottom: 10px;


}
    
</style>

<style>
main:before {
width: ;
height: 150px;
display: block;
content: "";
background-image: url('https://breezecrafts.com/cdn/shop/products/il_fullxfull.663806166_62c3_1024x.jpg?v=1571726604');
background-position: center top;
background-size: cover;
margin-bottom: 20px;
margin-top: 10px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>

.profile .profile-info {
	background-image: url(https://breezecrafts.com/cdn/shop/products/il_fullxfull.663806166_62c3_1024x.jpg?v=1571726604);
	height: 150px;
	text-align: center;
}

</style>


<style>
img {
filter: sepia(100%) hue-rotate(179deg) saturate(1.19);
}
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 13 of 13 comments ( View all | Add Comment )

audrey	1719119917 using fs!! Report Comment
Jecka ᝰ.ᐟ	1717566020 Using Report Comment
NUMBERONE_MSIFAN	1716878844 Using! Report Comment
Boobies .ᐟ	1714577848 Using!! I <3 class of 09 Report Comment
jay :3	1714079566 using!! this is so cute Report Comment
ocean !!	1709651493 using ! ! ! love it smsm Report Comment
athena	1709566520 Using :3 Report Comment
VIKO ☆	1709282469 IM DEF USING THISS ^_^ Report Comment
des	1708830141 using :33 Report Comment
☆	1707797973 LOVE IT DEF USING TYSM Report Comment
TUNAG	1705883563 LOVE IT!! using the before blog gif <3 Report Comment
Max	1705501635 love this, i really like the glossy finish :)) Report Comment
yona	1701940412 THIS IS SOO CUTEE Report Comment TYYY!!! 🧁 by CupcakeJunkie; 1701986656; Report