Rouxls Kaard Layout

Tags: deltarune, rouxls kaard

Description:

Rouxls Kaard From Deltarune as a LAYOUT!!!

Preview:

click on the image for a larger preview

Code:

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

<marquee direction="left">I amst the Duke of Puzzles, Rouxls Kaard.
My hobbies includest calligraphy, lawkeeping, bugkeeping, cages...
... and long walks in the dungeon</marquee>


<img src="https://static.wixstatic.com/media/19a176_9bca5bae476f4a5faf50b90a9b45efe4~mv2.gif"/>

<iframe width="560" height="315" src="https://www.youtube.com/embed/DQ0aryDlPi4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<div style="&#10; &#10; background: url(https://i.ibb.co/6H1MYs0/2023-08-13-0ou-Kleki.png) no-repeat;&#10; &#10; background-size: 100%!important;&#10; &#10; position: absolute;&#10; &#10; left: -10px;&#10; &#10; bottom: -640px;&#10; &#10; height: 600px;&#10; &#10; width: 600px;&#10; &#10; z-index: 1300;&#10; &#10; opacity: 100%;"></div>

<div style="&#10; &#10; background: url(https://i.ibb.co/Lt0LNFL/image.png) no-repeat;&#10; &#10; background-size: 100%!important;&#10; &#10; position: absolute;&#10; &#10; left: 1200px;&#10; &#10; bottom: 300px;&#10; &#10; height: 600px;&#10; &#10; width: 700px;&#10; &#10; z-index: 1300;&#10; &#10; opacity: 100%;"></div>

<div style="&#10; &#10; background: url(https://i.ibb.co/9bT8Vgg/image.png) no-repeat;&#10; &#10; background-size: 100%!important;&#10; &#10; position: absolute;&#10; &#10; left: 10px;&#10; &#10; bottom: 400px;&#10; &#10; height: 300px;&#10; &#10; width: 500px;&#10; &#10; z-index: 1300;&#10; &#10; opacity: 100%;"></div>

<div style="&#10; &#10; background: url(https://i.ibb.co/dbCPQrt/image.png) no-repeat;&#10; &#10; background-size: 100%!important;&#10; &#10; position: absolute;&#10; &#10; left: 1300px;&#10; &#10; bottom: 100px;&#10; &#10; height: 300px;&#10; &#10; width: 500px;&#10; &#10; z-index: 1300;&#10; &#10; opacity: 100%;"></div>





<div id="profile">

<ul>

<center>
<h1> HALT!!</h1>



<p>before thine shall enter....<br/>

<br/> but i guess you can change that
<br/> and the text n stuff if there's flashing lights
<br/> this is also very... not well made....



<br/><br/><br/>ARE YOU WILLING TO SEE THE AWESOMEST PROFILE EVER!??!?@!!?<br/>




<a href="#profile">YAY</a>
<br/><a href="https://spacehey.com/home">NAY</a>
<br/><br/><br/>

</p><center><img src="https://static.wikia.nocookie.net/sexypedia/images/0/0b/He_hath_swordeth.gif/revision/latest?cb=20211025214517"/>
<br/>

https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png



</center></center></ul></div>


<style> 

:root {
  --warning-background-image: black;
  --warning-text-color: white;
}

#profile {
 position: fixed;
 background-image: url('INSET BACKGROUND IMAGE URL');
 background-color: #000000;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}

#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 5px double #fffffff;
 background-color: black;
}

p {
color: white;
}

a {
color: #FFFFFF;
}

h1{
color: #030056;
background-color: #FFFFFF;
}

body{
	background-color: black;
	}
main{
		background-color: black;
	}

.online { visibility: hidden; } .online img { content: url("https://i.ibb.co/Dg02TP3/2023-08-13-0ps-Kleki.png"); animation-name: none; visibility: visible; height: 23px; width: 70px; }

.logo {

content:url("https://i.ibb.co/GPgNNyf/2023-08-13-0py-Kleki.png");

}

.profile .contact, .profile .table-section, .profile .url-info {

  border: 2px solid #FFFFFF;

}
.profile .friends td {

  background: #000000;

  border: 20px solid
 border-radius: 0px
} 

.profile .table-section .details-table td {
  background-color:#black;
  color: #black;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #000000;

  color:#FFFFFF ;

}

nav{background-color:#000000;(--box_color_and_seethru); !important;border-radius: 0px 0px var(--curve) var(--curve); !important;}

nav ul{background:none !important;}

nav img{filter: opacity(80%) !important;}

nav ul a img, .mood a img{display:none !important;}

.top{background:none !important;background-color:rgba(0, 0, 0, 0.1); !important;}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #000000;
  color: #FFFFF;
}
.profile .table-section .details-table td {
  background-color:#000000;
  color: #black;
}


.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: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url("https://i.ibb.co/HhDSBXR/Screenshot-from-2023-08-13-16-16-04-3.png")
}

footer {

        border-radius: 0px;

        background: rgba(255, 255, 255, 0) !important;

        display: block !important;

}

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

h4{
color: #FFFFFF;
}


.profile .blurbs .section h4 {
color: #0017ff;
}
</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 4 of 4 comments ( View all | Add Comment )

ROULXKAARD	1707951311 I useth! Report Comment
! ajax	1700157526 using!! Report Comment
Ralsei	1694836293 * Mr. Antagonist, you're cool! The Rouxls layout is, too... Report Comment tysm! :D by Salmon; 1695062673; Report
[Sandy_Strawberry]	1692727471 Using Report Comment