green layout cuz u cant post layouts no mo

<style>

/* credit to Bela (https://spacehey.com/bela); i copied some parts of their theme (https://layouts.spacehey.com/layout?id=2719) to build this one cause i dont know how to work this site */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Play&display=swap')

img.pfp-fallback {
/* filter: sepia(65%) hue-rotate(44deg) saturate(1.99) brightness(110%) contrast(150%); */
box-shadow: 0px 0px 10px #d3e323;
}

body {
background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVQCIx94fxJYvdRgRU0DYgiliNl2lvuimCwA&usqp=CAU");
background-size: 256px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Orbitron', sans-serif;
color: #90e335 !important;
text-shadow: 0px 0px 2px #FFFFFF !important;
}

h1 {
display: block !important;
text-align: center !important;
font-weight: bold;
color: #6ed13e;
font-size: 26pt !important;
/* -webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: #cdf9a3; */
font-size: 20pt !important;
}

h4 {
font-size: 14pt !important;
}

nav .top {
background: repeating-linear-gradient(
  45deg,
  #555555,
  #555555 10px,
  #222222 10px,
  #222222 20px
) !important;
border: 2.5px #888888 !important;
border-style: outset outset hidden outset !important;
border-radius: 20px 20px 0px 0px;
margin-top: 2.5%;
}

nav .links {
border: 2.5px #888888 !important;
border-style: outset outset outset outset !important;
border-radius: 0px 0px 20px 20px;
background: repeating-linear-gradient(
  45deg,
  #202020 ,
  #202020 10px,
  #333333 10px,
  #333333 20px
);
}

nav .links > li > a {
color: #6ed13e;
text-shadow: 0px 0px 0px #000000;
}

nav .links > li > a:hover{
color: #f4f357;
}

a {
color: #6ed13e;
}

a:hover {
color: #f4f357;
}

main {
color: #FFFFFF;
background-image: linear-gradient(#222222, #101010) !important;
background-size: 128px;
border: 2.5px #888888 outset !important;
border-radius: 20px;
margin-top: 2.5%;
margin-bottom: 2.5%;
}

.blurbs, .mood, .friends, .contact, .table, .blog-preview, .profile-info, .table-section, .url-info {
background-image: linear-gradient(#666666, #111111) !important;
background-size: 64px !important;
border: 2.5px #888888 outset !important;
border-radius: 10px;
}

.profile-info {
background-image: url("https://upload.wikimedia.org/wikipedia/en/6/67/Most_Known_Unknown.jpg") !important;
background-size: 475px !important;
background-position: center !important;
padding: 40px 0px 40px 0px;
}

.blog-preview {
background-image: url("https://upload.wikimedia.org/wikipedia/en/thumb/4/41/Basshunter_%E2%80%93_LOL.jpg/220px-Basshunter_%E2%80%93_LOL.jpg") !important;
background-size: 475px !important;
background-position: center !important;
}

.mood {
padding-left: 2%;
padding-top: 2%;
margin-bottom: 3%;
}

.blog-preview {
padding-left: 1%;
}

.friends {
background-image: url("https://upload.wikimedia.org/wikipedia/en/d/d5/Project_Pat_-_Layin%27_da_Smack_Down.jpg") !important;
background-size: 475px !important;
background-position: center !important;
}

#comments {
background-image: linear-gradient(#666666, #111111) !important;
}

.profile-pic > img.pfp-fallback{
border: 2.5px #BBBBBB inset !important;
border-radius: 50px !important;
}

th {
border: 2.5px #BBBBBB outset !important;
border-radius: 20px;
background-image: linear-gradient(#999999, #111111) !important;
padding: 5px;
margin: 1% !important;
}

td {
border: 2.5px #BBBBBB outset !important;
border-radius: 20px;
background-image: linear-gradient(#999999, #111111) !important;
padding: 5px;
margin: 1% !important;
}

td > p {
color: #FFFFFF !important;
}

.heading {
/* background-image: linear-gradient(#2b5e07, #333333) !important; */
background: repeating-linear-gradient(
  45deg,
  #222222,
  #222222 10px,
  #101010 10px,
  #101010 20px
) !important;
padding: 1.5% !important;
color: #FFFFFF;
border-bottom: 2.5px #333333 solid;
border-radius: 9px 9px 0px 0px;
}

.person > a > p {
color: #FFFFFF !important;
}

.person > a > .pfp-fallback, td > a > .pfp-fallback {
border: 2px #BBBBBB inset !important;
border-radius: 30px !important;
background-image: linear-gradient(#111111, #CCCCCC) !important;
}

hr {
height: 0px;
border: 2px #666666 solid;
border-radius: 10px;
background-color: #666666;
}

a > button {
box-shadow: 0px 0px 5px #90e335 !important;
}

.comments-table, tbody {
border: 0px none #000000 !important;
border-width: 0px !important;
}

tbody > tr > td {
background: repeating-linear-gradient(
  45deg,
  #333333,
  #333333 10px,
  #202020 10px,
  #202020 20px
) !important;
}

.comment-replies {
border: 0px none #000000 !important;
}

.comment-reply {
border: 2px #BBBBBB outset;
border-radius: 10px;
background: repeating-linear-gradient(
  45deg,
  #333333,
  #333333 10px,
  #202020 10px,
  #202020 20px
) !important;
}

footer {
margin: 0px 0px 0px 0px;
}

</style>


2 Kudos

Comments

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