mars argo layout?

Tags: layout

Description:

excuse how unorganized this is- It's pretty minimalistic so i doubt anyone will use it, if so, enjoy. also, runaway runaway is on autoplay for this layout... :P lmk if it doesn't work.

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/jbgWXRxlSuQ?si=V7um6QhGnuz_hmol//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
 .logo {
content:url("https://file.garden/Zhh9kCUtsAenJyWs/happyheart.jpg");
}
</style>

<style>
main:before {
	width: 100%;
	height: 150px ;
	display: block;
	content: "";
	background-image: url('https://file.garden/Zhh9kCUtsAenJyWs/theinternetisboring.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-7/oth708.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/27/gruppled-pointer.html" target="_blank" title="Gruppled Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gruppled Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>.online { visibility: hidden; } .online img { content: url("http://img2.coolspacetricks.com/images/myspaceicons/060.gif"); animation-name: none; visibility: visible; height: 30px; width: 90px; }</style>


<style>
@font-face {
font-family: "typewriter";
src: url("https://file.garden/Zhh9kCUtsAenJyWs/typewriter");
}
p{
  font-family: 'typewriter';
  font-size: 95%;
}
h1,h2,h3,h4,h5{
  font-family: 'typewriter';
  font-size: 120%;
}
:root { --mainfont: "typewriter" }
</style>

<style>
.profile {
   background-color: #fff; 
}
  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: #fff;

   color: black;
}
:root {

    --logo-blue: #000000;

    --darker-blue: #000;

    --lighter-blue:;

    --even-lighter-blue: #fff;

    --lightest-blue: ;

    --dark-orange: #000;

    --light-orange:;

    --even-lighter-orange: ;

    --green: ;

}
Body{
Background-color: #fff;
}


.profile {
    background: transparent;
  }
.profile {
    background-color: transparent;
    color:#000;     
}
h3 , h4, h5, .url-info b {
    color: #000;  
}
a {
     color: #000;
}
p, h2 {
     color: #000;
}
 
h1, .count, .friends a p {
     color: #000;
} 
</style>


<style>
body {
    html, body {
    background: #ffffff;
    color: #333333;
}
.container{
    width: 100%;
}

main{
    Background-color: #fffff;
    background-size: 100%100%;
    background-repeat: repeat;
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin: auto;
    background-color: #ffffff;
}
h1{
    color: #000;
    font-weight: 1;
    text-align: center;
    text-transform: uppercase;
   }
nav{
    background-color: #000;
    border: none;
    margin-bottom: 50px;
}
nav .top{
    background: #ffffff;
    color: #000000;
}
nav .top a, nav .links a{
    color: #000000;
}
nav .links{
    background-color: #ffffff;
    text-align: center;
    }
nav .links a, nav .links li .special a{
    text-shadow: none;
}


.contact{
    border:none!important;
    background-color: #ffffff!important;
    padding:10px;
    margin-bottom: 30px!important;
}
.mood{
    border:none;
    background-color: #ffffff!important;
    text-align: center;
    padding:10px;
}
.icon{
    border:none !important;
    font-size: 12px!important;
}
.comment-replies{
    border:none!important; 
    
} 
.comment-reply:not(:first-child){
    border-top: 2px solid;
}


td{
    background-color: #ffffff!important;
}

.table-section{
    border:none !important;
    background-color:#ffffff!important;
    text-align: center;
}
.details-table{
    border:none;
    background-color: #ffffff!important;
    padding:10px;
    border-spacing: 0px 10px;
}
.details-table td{
    display:flex;
    flex-direction:column;
}
.details-table td:first-child{
    width:100%;
  text-align:center;
}

.profile .blurbs .section:not(:nth-child(2)){
    border:none;
    background-color: #ffffff!important;
    padding:10px;
}

.profile .blurbs .section:nth-child(2){
    border:none;
    background-color: #ffffff!important;
    padding:10px;
}

.friends{
    border:none;
    background-color: #ffffff!important;
    text-align: center;
    padding:10px;
}

#comments{
    border:none;
    background-color: #ffffff!important;
    text-align: center;
    padding:10px;
}

.heading, .blog-preview h4, .section h4{
    background: none !important;
    text-align: center;
}


.profile-info {
    border:none;
    background-color: #ffffff!important;
    text-align: center;
    padding:10px;
}

.general-about{
    background-color: #ffffff;
    padding-bottom: 70px; /* adjust this to fit your profile photo */
    border: 10px solid #ffffff;
}
.blog-preview{
    border:none;
    background-color: #ffffff!important;
    text-align: center;
    padding:10px;
}

.friends, .mood, .general-about .details, 
.blog-preview, .profile .blurbs .section:nth-child(2), 
.profile .blurbs .section:not(:nth-child(2)){margin-bottom: 30px!important;} 

.url-info{display:none;}

.comments-table {
    border-spacing: 10px;
    border:none;
}
.comments-table td{
    border:2px solid #ffffff;
}
.comments-table td:nth-child(2) p{
    font-style: italic;
}
footer{
    margin-top:10px;
    background-color: #ffffff;
    border: none;
    text-align: left;
}
footer .links{
    margin-top: 0px;
    text-align: left;
}

</style>


<style>
.contact .inner a img {
    font-size: 0;
    font-color: #000000;
}
.contact .inner a img:before {
    font-size: 1em;
    font-color: #000000;
    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 Favorites */
	content: "Ⅱ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "Ⅲ"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "Ⅵ"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	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 8 of 8 comments ( View all | Add Comment )

@ N , ,	1747529226 Using Report Comment
laine	1741272083 using!! Report Comment
itati	1739752579 using Report Comment
NoName :P	1732559233 using Report Comment
☆ Ｓｐｅｃｔｒｉ ☆	1719556582 using!! ★★ Report Comment
melrxse	1718486086 using Report Comment
⸝⸝ ꒰ Angel Food 🍉ㆍ₊⊹	1715108084 love this Report Comment
LAZARUS	1714997318 works very well! I added my own little tweaks to it, but its truly so awesome! Report Comment