Arctic Monkeys layout

Tags: black, white, arctic, monkeys, red

Description:

Arctic monkeys inspired layout i just love there music

Preview:

click on the image for a larger preview

Code:

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

<div class="ena"></div>
<div class="moon"></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
p{
font-family: 'Cinzel', serif;
font-size: 90%;

}
h1{
font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 300%;  

}
h2,h3,h4,h5{
font-family: 'Cinzel', serif;
  font-weight: 200;
  font-size: 150%;  

}
:root {
 --logo-blue: #000000; 
--darker-blue: #16537e; 
--lighter-blue: #000000; 
--even-lighter-blue: #16537e; 
--lightest-blue: #16537e; 
--light-orange: #e4f0fc; 
--dark-orange: #000000; 
--even-lighter-orange: #e4f0fc; 
--green: #16537e; 
--red: #7fcaff;

}
body{
   background-image: url(https://i.pinimg.com/originals/9d/f7/06/9df70674065bca7c07bda43ad2aca44c.jpg) !important;

        background-repeat: no-repeat !important;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;

}
a:link {
  color:#000000 ;
  background-color: transparent;
  text-decoration: none;

}
a:visited {
  color: #000000;
  background-color: transparent;
  text-decoration: none;

}
a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;

}
a:active {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;

}
body{
font-family: 'Cinzel', serif;
  background-color: #000000;

}
.mood a{
font-family: 'Cinzel', serif;

}
span.count, .details-table td:first-child {
  color: #000000;
  font-size: 16px;

}
.blog-preview p {
  padding: 5px 10px;
  color: #000000;
font-family: 'Cinzel', serif;
    font-size: 1rem;
    font-weight: bold;

}
.blog-preview p a:hover,
.blog-preview p a:active,
.blog-preview p a:focus, {
  color: #000000 !important;

}
table.details-table {
  border-collapse: collapse;
  border: 1px transparent;

}
table.details-table td {
  background-color: transparent !important;
  border: 1px #000000;

}
nav {
  border-radius: 15px 15px 0 0;
  text-align: center;
  font-size: 14px;
  overflow: hidden;

}
nav .links a{
color:  #000000;

}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
  border: none;

}
.profile h1 {
font-family: 'Cinzel', serif;
  font-size: 2rem;

}
.heading h4{
font-family: 'Cinzel', serif;

}
.profile-pic {
  border-radius: 1px;
  overflow: hidden;

}
.profile-info {
	background: url(https://i.pinimg.com/564x/eb/ad/32/ebad32ccdf677aa174bc28b8d94e4438.jpg);
	background-size: cover;
	background-position: center;
	box-shadow: -10px 8px 0 #0006;
	color: #000000;
	padding:4em 0;

}
.profile-info h3 a {
	color: #000000;
        font-size: 1.4rem;

}
.heading {
  padding: 5px 0 !important;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: transparent !important;
  text-align: center;
  color: #000000 !important;
  border-bottom: 2px solid;

}
/* Main Text */
main {
	background:#00000066;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	padding:2px;
	color: #000000;

}
.container {
  border-radius: 15px 15px 15px 15px;
  overflow: hidden;
  margin-top: 30px;
  padding: 10px;
  width: 90%;
  max-width: 900px;

}
footer {
  font-size: 12px;
  border-radius: 0 0 15px 15px;
  background: #000000 !important;
  display: block !important;

}
table.comments-table td {
        background-color:#00000066 !important;
	padding:2px;
	color:#000000;
        border-color: black;
        border-width: 1px;

}
.comments-table td:first-child img {
  width: 80px;
  border-radius: 500px;

}
.comments-table tr td:last-child {
	height: 150px;
	display: block;
	overflow-y: scroll;

}
.profile .friends .person img {
  border-radius: 5px;
  overflow: hidden;
  color: #00000045 !important;

}
.blog-preview p {
  font-size: 1.2rem;
  font-weight: 500;

}
a.addme {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;

}
table,
td,
tr {
  border-color: transparent;
  border-collapse: collapse;

}
.comment-replies {
  border-color: black;
  border-width: 1px;
  margin: 5px;
  background-color: ;

}
button {
  margin: 5px;

}
.online {
  color: #000000;
  font-weight: bold;
  font-size: 95%;

}47) no-repeat;77%!important;
    position: fixed;
    left: -65px;7
    bottom: 0px0;
    opacity: 90%;

}
.moon {
    background: url(https://cdn3.emoji.gg/emojis/9664-orange-pumpkin.png) no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: -1px;
    bottom: 0px;
    height: 200px;
    width: 160px;
    z-index: 1000;
    opacity: 90%;

</style>

<a class="two" href="https://spacehey.com/layouttestdummy" target="_blank"><div style="position:fixed; top: 0; left: 7; z-index: 10; width: 120px; height: 120px;">Your Link Here</div></a>

<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 4em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content:  "🖤"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🖤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:  "🖤"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🖤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content:  "🖤"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content:  "🖤"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🖤"

</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 12 of 12 comments ( View all | Add Comment )

Kassyyy <3	1744482456 Using ;) Report Comment
Kassyyy <3	1744482456 Using ;) Report Comment
Kassyyy <3	1744482456 Using ;) Report Comment
Kassyyy <3	1744482391 Usingggg Report Comment
bo !	1744165185 using! arctic monkeys is a special interest of mine lol Report Comment
SusOfUs24	1739113664 using ) Report Comment
𝔪𝔞𝔯𝔦𝔫𝔞 🍊🪐	1728214827 using and kudos <<<3333 Report Comment
🦑🐇._xXstarving_dayXx_.🪖	1727273270 Using ^_^ Report Comment
Beck	1697949157 using ty sm Report Comment
rin101	1668839982 i might use this :D Report Comment
🎵Nisha🖤	1666572230 YR PAST TIMEs CONSISTED OF THE STRANGE AND TWSTED AND DERANged ok I just rly love the arctic monkeys this is cool Report Comment
Tax_Fraudulence...?	1664169320 love this, but its kinda hard to read the text :-: Im still gonna use it for a bit tho lol Report Comment