miguel o'hara layout

Tags: red, blue, spiderman

Description:

real ones comment "using"🙏 anyway this is a miggy layout,, uhh yeah im mentally sane yall i promise don't tell my gf bout this 🥶 the spot layout coming soon bc he's my babygirl

Preview:

click on the image for a larger preview

Code:

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

<style>  body {

text-align: center;

}</style>

<style>

body {
   background: #fff url();
   color: #fff;

}


main {
   background: #f2f0f000;
   color: #fff;
}

div.top {
    background:linear-gradient(rgba(24, 24, 24, 0.8) 0%, rgb(255, 255, 255, 0.2) 100%);
   border-top: 4px solid #190e8c;
   border-left: 4px solid  #190e8c;
   border-right: 4px solid #190e8c;
   padding: 10px;
   margin-top: 10px;
}

.links {
   background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(94,94,94,1) 50%, rgba(117,117,117,1) 50%, rgba(196,196,196,1) 100%);;
   border-bottom: 2px solid #190e8c;
   border-left: 3px solid #190e8c;
   border-right: 3px solid #190e8c;
   padding: 2px;
   font-size: 12px;
   text-align: center;
}


.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview, .friends-grid, .mood {
   Font-size: 14px;
   Color: #fff;
    background:linear-gradient(rgba(24, 24, 24, 0.8) 0%, rgb(255, 255, 255, 0.2) 100%);
   border: 4px solid #190e8c;
   padding: 2px;
}

.profile-pic img {
   width: 200px;
   padding: 10px;
}

.details {
   color: #fff;
}

.mood {
   color: #fff;
   margin-top: 15px;
   margin-bottom: 15px;
}

.contact {
   background: #000;
}


.contact .inner a img {
   filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}

.comments-table {
   color: #000;
   background:linear-gradient(rgba(24, 24, 24, 0.8) 0%, rgb(255, 255, 255, 0.2) 100%);

}

.general-about {
   overflow: auto;
}

.profile .url-info {
   border: 4px solid #190e8c;
}
.profile .contact {
   border: 4px solid  #190e8c;
}
.profile .table-section {
   border: 4px solid  #190e8c;
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
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: "🕷"
}

footer {
   color: #fff;
   background: #00000087;
   border: 4px solid #190e8c;
}

footer .links {
   background: rgba(0, 0, 0, 0);
   border: 0px;

}

.inner {
   color: #fff;
}

button {
   color: #fff;
   background: #000; 
   border: 2px solid  #190e8c;
}

button:hover {
   color: #fff;
   background: #b60006;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
  }

.count {
   color: #b60006;
   background: #000;
}

a:hover {
   color: #b60006;
}
nav .links a:hover {
  text-decoration: none;
  Color: #b60006;
}

::selection {
   background: #fff;
   color: #000
}

.online {
   content: url(https://64.media.tumblr.com/28789e488fa4c695076016018e3e0340/cf4cfc18005defb7-30/s250x400/4b372e50cc105a1e2edb4c870a8151a131099ca0.gifv); height: 50px; width: 100px
   
}

h1 {
   text-align: center;
   color:#fff;
}

.logo {
   content: url(https://i.imgur.com/yeRU4Gt.png) width= "100px";
}

:root {
  --light-gray: #f2f0f0;
  --gray: #e3e3e3;
  --dark-gray: #190e8c;
  --darker-gray: #545454;
  --logo-blue: #000;
  --darker-blue: #fff;
  --lighter-blue: #000;
  --even-lighter-blue: #000;
  --lightest-blue: #00000087;
  --red: #fff;
  --dark-orange: #fff;
  --light-orange: #000;
  --even-lighter-orange: #fff;
  --strange-yellow: #00abff;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
}

</style>




<style>
body{background:url("https://images.unsplash.com/photo-1604149312346-aca6a2a742c5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8c3BpZGVyJTIwd2VifGVufDB8fDB8fHww&w=1000&q=80") no-repeat fixed; background-size:cover;}
</style>

<style>
@import url("https://fonts.google.com/specimen/Young+Serif");

.w-40 h1{
font-family: Young Serif;
font-size: 40px;
text-align: center;
background: -webkit-linear-gradient(#d60202, #190e8c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px black;
}
</style>

<style>
.profile .profile-info {
	background-image: url(https://64.media.tumblr.com/2de1bf498b83a2aacb0453eeebcdb4e9/26baf68af9a9830e-36/s640x960/b8ad1241496935ebb5b3b8af7535facbb09bcf7b.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
        height: 200px
}
 nav { background-image: url(https://media.tenor.com/cuIXakVUGUMAAAAC/across-the-spiderverse-miguel-ohara.gif) 

       
</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/564x/91/93/fe/9193fef39eef875ee3b59f2c57f7eac3.jpg"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>

<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</style>

<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}

</style>

<style>

body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://i.pinimg.com/originals/b3/ed/68/b3ed684cefb7ede652cdc351e361f584.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<style>

.url-info{
background: url('https://i.pinimg.com/originals/88/a1/eb/88a1ebb51ac45a6349435af824b305da.gif');
background-position: center;
border: var(--borders)!important;
border-radius: 0px;
height:300px;
}

</style>

<style>
@import url('https://fonts.google.com/specimen/Roboto+Mono');
body{font-family: "roboto_mono" ;}


</style>


<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}



</style>

<style>
/*Customizes scroll bar*/
/* width */
::-webkit-scrollbar
{
  width: 15px;
}

/*Customizes color of the direction buttons*/  
::-webkit-scrollbar-button:start {
    background-color: #190e8c;
}

::-webkit-scrollbar-button:end {
    background-color: #190e8c;
}

/*Customizes color of Handle */
::-webkit-scrollbar-thumb
{
  background-color: #cc0c02;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #190e8c;
  background-color: #190e8c;
  border-radius: 0px;
}
</style>



<style>
/* Scrollbar Buttons */
/*Width*/  
::-webkit-scrollbar-button
{
  height: 16px;
  width: 16px;
}

/* Up */
::-webkit-scrollbar-button:vertical:decrement
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/0yt2dVc/Arrow-Up.png");
}

/*Up Hover*/  
::-webkit-scrollbar-button:vertical:decrement:hover
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/Fn2qWmj/Arrow-Up-hover.png");
}


/* Down */
::-webkit-scrollbar-button:vertical:increment
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/rGMFVKm/Arrow-Down.png");
}

/*Down Hover*/  
::-webkit-scrollbar-button:vertical:increment:hover
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/PYWv05Q/Arrow-Down-hover.png");
}


/* Left */
::-webkit-scrollbar-button:horizontal:decrement
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/brJnjD4/Arrow-Left.png");
}

/*Left Hover*/  
::-webkit-scrollbar-button:horizontal:decrement:hover
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/0rQhWN5/Arrow-Left-hover.png");
}


/* Right */
::-webkit-scrollbar-button:horizontal:increment
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/4dyTzJt/Right.png");
}

/*Right Hover*/
::-webkit-scrollbar-button:horizontal:increment:hover
{
    height: 16px;
    width: 16px;
    background-position: center center;
    background-image: url("https://i.ibb.co/qrRZ8CR/Right-Hover.png");
}
</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 6 of 6 comments ( View all | Add Comment )

Miguel O'hara.	1715087109 //using Report Comment
indy	1701320184 THIS LAYOUT IS MINE BTW!! I JUST DELETED MY ACC Report Comment
LmXqK	1698282084 This is beautiful, I'm using it btw. Report Comment
Gₕₒₛₜ✪ₗₑₐf	1697551646 Indy he's not even that hot Report Comment Gasp! How dare thee speak to thee in such way!! by Gₕₒₛₜ✪ₗₑₐf; 1697552404; Report
H4UNTED	1697496835 damn you now i have to change my theme lol Report Comment
vincent ★	1697486006 OMG THIS IS SO COOL ! Report Comment