Asuna theme

Tags: swordartonline, anime, asuna

Description:

feel free to change , copy and paste just delete instructions

please give me credit if you use this, comment and hit the kudos button

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
body{font-family: "carter one" ;}
</style> 





<style>
body {
    background: url(https://i.pinimg.com/originals/62/8b/c6/628bc6699390ba438a1ec8abd593d984.gif);
}
.profile {
background-image:url(https://i.pinimg.com/originals/81/42/42/814242d5d12bb9fc0077aae6346f9416.png);
  background-repeat: repeat;
    border-radius: 12px;
}
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: red; 
	//text-shadow: 1px 1px #FFFFFF;
	
};
	text-shadow: 2px 2px 3px #FF0000, 0 0 25px #000000, 0 0 5px #FFFFFF;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: small;*/
    color: #000000;
{

.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#ffd1dc);
}
table, th, td

}
   border: 1px solid #00000;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #000000;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #000000;
   margin 10px 2;
}

.online
{
  color: #FFFFFF!important; 
  //text-shadow: 1px 1px #FFFFFF;
}

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--black: ;
        
        --table-header:#ffd1dc;
	--table-color: white;
	--link-text: white;
	--main-text: white;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: black;
    padding: 0;
    font-size: small;
    color: #000000;
text color: white;
  text-shadow: 1px 1px 2px #FF0000, 0 0 25px #000000, 0 0 3px #FFFFFF; 
}
footer 
{
    background: red!important;
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
color: white;
  text-shadow: 1px 1px 2px #FF0000, 0 0 25px #000000, 0 0 3px #FF0000; 
}
.contact {
  border-radius: 8px;
  background-image: url(https://wallpapermemory.com/uploads/603/asuna-yuuki-wallpaper-hd-1366x768-181221.jpg);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;

color: white;
  text-shadow: 1px 1px 2px #FF0000, 0 0 25px #000000, 0 0 3px #FFFFFF; 
}
.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 
{
border: 1px curve #000000 !important;
outline: curve !important;
}
img
{
border-radius: 12px;
}

main {
background:  black;
border-radius: 14px;
padding: 0;
font-size: 85%;
color: #000000;
}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 12px;
}
main {
background:  ;
border-radius: 12px;
border: 12px solid #000000;
padding: 0;
font-size: 90%;
color: #FFFFFF;
}
nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { 
background-image url(https://wallpapermemory.com/uploads/603/asuna-yuuki-background-hd-1080p-180763.jpg);
}


/*customising interests box*/
  .profile .table-section{
    border:2px solid #FFFFFF;
    border-radius: 15px;
  }
  .profile .table-section .heading{
    background:#000000;
    border: 1px solid #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
  }
  .profile .table-section .heading h4{
    color: #FFFFFF;
    text-shadow: 1px 1px 2px black;
  }
  .profile .table-section .details-table td{
    background: rgba(0, 0, 0, 0);
    padding-right: 10%;
  }
 /*customising friend space heading*/
  .profile .friends .heading{
    background: #FFFFFF;
    color: #000000;
    text-shadow: 1px 1px 2px black;
    text-align: center;
  }
  .profile .friends .heading h4{
    text-align: center;
    color: #000000;
    text-shadow: 1px 1px 2px white
  }
.general-about {
	background-image: url(https://thumbs.gfycat.com/DescriptiveTeemingArrowana-small.gif);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .blurbs .section :nth-child(2) {
	background-image: url(seethru);
     /* margin-top: -5px; */
	padding: 18px;
	box-shadow: 4px 4px 0 #000;
}

.profile .profile-info .inner h3 {
	filter: drop-shadow(3px 3px 0 #000000);
	margin: 0!important;
	color:#FFF;
}
.profile .profile-info .inner h3 a {
	color: #FFFFFF;
}
.profile .profile-info {
	background-image: url(https://media2.giphy.com/media/FvTrB8i4cC39S/giphy.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;
}



</style>


info about yourself, its up to you what you type, past the coding in the about me section and write up what you want underneath, the coding wont show up as text so dont worry. dont forget if you want to add images the code is <img src="giforimageurl"/>

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

Moeeeloveee

1636680528

I love this, thanks

Report Comment