Strength

Tags: #space #goth #animated #gif #layouts #kitten #wierd
Description:

Just the layout that I whipped up for anyone who wants to use it it’s a very beautiful layout and everything else if you want to use it feel free to use it but do feel free to add me or comment below. You don’t have to take credit you can manipulate us as much as you can as I am very willing to share my creations to anyone
Hint the pic of me is not included in the package just so you know
Code:

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

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


<style>

  div.wrap { 
  width:960; 
 } 

  div,div.content,div.wrap  { 
  background-color:transparent; 
 } 

  body  { 
  background-image:url("https://media.giphy.com/media/X8k5k7wtsWkSJDgBwv/giphy.gif"); 
 background-position:Center Center; 
 background-attachment:fixed; 
 background-repeat:repeat; 
 border-width:0px; 
 border-style:Solid; 
 scrollbar-face-color:#8822AA; 
 scrollbar-highlight-color:#8822AA; 
 scrollbar-3dlight-color:#8822AA; 
 scrollbar-shadow-color:#DDBBFF; 
 scrollbar-darkshadow-color:#8822AA; 
 scrollbar-arrow-color:#DDBBFF; 
 scrollbar-track-color:#8822AA; 
 } 

  
  Body  { 
  border-style:Outset; 
 border-width:4px; 
 border-color:#BA55D3; 
 } 

  

  
  table, tr, td, li, p, div, div.moduleBody, div.commentsModule p.datePosted, span.count { 
  color:#8822AA; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

   h3.moduleHead, h3.moduleHead span  { 
  color:#882266; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

   div.blurbAboutMe h4, div.blurbLikeToMeet h4, div.interestsModule li h4, div.detailsModule li strong { 
  color:#882266; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

  div.basicInfoDetails h2 { 
  color:#8822AA; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:active, a:visited, a:link, div.moduleBody a:active, div.moduleBody a:visited  { 
  color:#DDBBFF; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

  a:hover, div.moduleBody a:hover  { 
  color:#8822AA; 
 font-size:10pt; 
 font-family:Arial; 
 font-weight:bold; 
 font-style:italic; 
 } 

.mood { 
  background-image:url("https://media.giphy.com/media/chk0qzsLFCiXlx5mLZ/giphy.gif"); 
 background-repeat:no-repeat; 
 background-position:top center; 
 width:500px; 
 padding-top:600px; 
 } 

			 
Main, footer {
Background-color:#B53AAD55;
border-radius: 25px}

:root {
        --logo-blue: #;
        --darker-blue: #;
        --lighter-blue: #;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;}

.comment-replies { border: 0px solid black;}


table, th, td {
  border: 0px solid #c8a2c8;
}
	


	}

</style>

<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Movies"
***************************************-->

  <h1 class="list-heading">movies</h1> <!--list title-->
<!--heading for games section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802246269924933632/ezgif.com-crop2.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">GAMES</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">PC</h1> <!--list title-->

    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5 </li>
    <li>6 </li>
    <li>7 </li>
  
  <h1 class="list-heading">Nintendo Switch</h1> <!--list title-->
  <ul>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
    <li>0</li>
  </ul>
  <h1 class="list-heading">Xbox</h1> <!--list title-->
  <ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>

  </ul>
  <h1 class="list-heading">Other</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Television"
***************************************-->


<!--heading for tv & movies section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/801967693834092594/ezgif.com-resize.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">TV &amp; MOVIES</h1> 
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <h1 class="list-heading">TV</h1> <!--list title-->
  <ul>
    <li>1</li>
    <li>2 </li>
    <li>3 </li>
    <li>4 </li>
    <li>5</li>
    <li>6  </li>
    <li>7 </li>
  </ul>
  <h1 class="list-heading">Movies</h1> <!--list title-->
  <ul>
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5 </li>
    <li>6  </li>
    <li>7 </li>
  </ul>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Books"
***************************************-->


<!--heading for books section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802377431600201728/ezgif.com-crop4.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">BOOKS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>
    <li>1 </li>
    <li>2 </li>
    <li>3</li>
    <li>4 </li>
    <li>5</li>
    <li>6 </li>
    <li>7</li>
  </ul>
</div>


<!-- REMOVE ALL OF THIS TEXT UNTIL THE CODE STARTS
***************************************
Code that I put in "Heroes"
***************************************-->


<!--heading for other interests section with an image in the background-->
<div class="interest-heading" style="width:100%; height:60px; background-image: url(https://cdn.discordapp.com/attachments/753067128583618600/802378570080976936/ezgif.com-crop5.gif); vertical-align: middle; text-align: center; position: relative;">
  <h1 style="color:#fff; font-family: 'Courier New', monospace; top: 50%; left: 50%; position:absolute; transform: translate(-50%, -50%); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">OTHER INTERESTS</h1>
</div>

<div class="scroll-box" style="height:200px;border:1px;overflow:auto;"> <!--setting up scroll box with a list inside it-->
  <ul>

    <li>1 </li>
    <li>2 </li>
    <li>3 </li>
    <li>4 </li>
     <li>5 </li>
    <li>6 </li>
    <li>7 </li>

  </ul>
</div>
--&gt;
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 0 of 0 comments ( View all | Add Comment )