Generic Light Theme Kitty

Tags: light, simple, cat, kittie, beige, grey, pink, happy

Description:

It's a very simple light theme featuring a kitty in the background. Comment or credit if you use it!! Your pfp is circular and it rotates! That can be adjusted in the code. You can customize the interests' titles! It can be adjusted in the code. All count numbers (number of friends/number of comments) glow rainbow!

Preview:

click on the image for a larger preview

Code:

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

<style>
  @keyframes pfp-rotation {
    0% {
      rotate: 0deg;
    }
    50% {
      rotate: 360deg;
    }
    100% {
      rotate: 360deg;
    }
  }

  @keyframes text-rainbow {
    0% {
      color: #f00;
    }
    16.6% {
      color: #ff0;
    }
    33.2% {
      color: #0f0;
    }
    49.8% {
      color: #0ff;
    }
    66.4% {
      color: #00f;
    }
    83% {
      color: #f0f;
    }
    100% {
      color: #f00;
    }
  }

  .container .top {
    background-color: transparent;
  }
  .container .top .left img{
    -webkit-filter: drop-shadow(0px 0px 5px #262730);
    filter: drop-shadow(0px 0px 5px #262730);
  }
  .container .center label {
    text-shadow: 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730;
  }
  .container .top div.right {
    text-shadow: 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730;
  }
  .container .top .right a:hover {
    color: #ca0057;
  }
  .container .top .right .logout-btn {
    text-shadow: 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730;
  }
  .container .top .right button:hover {
    color: #ca0057;
  }
  .container .links {
    display: flex;
    justify-content: center;
    background-color: transparent;
  }
  .container ul.links a {
    text-shadow: 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730;
  }
  .container ul.links a:hover {
    color: #ca0057;
  }
  .container ul.links {
    list-style-type: none !important;
  }

  main {
    color: #ca0057;
    background-color: #F7DFCE !important;
  }
  
  a:hover {
    color: #ca0057;
  }

  p {
    color: #494947;
    text-decoration: #494947;
  }

  /* image by depositphotos.com */
  body {
    background-color: #262730 !important;
    background-image: url('https://st3.depositphotos.com/29168400/32642/v/450/depositphotos_326425206-stock-illustration-vector-seamless-cat-pattern-grey.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    background-position: top left !important;
  }

  .blog-preview {
    color: #ca0057;
    border-style: double;
  }
  .blog-preview h4 {
    margin: 2%;
    font-size: larger;
    text-transform: lowercase;
    text-align: center;
  }
  .blog-preview p {
    text-transform: lowercase;
    text-align: center;
  }

  .blurbs {
    color: #ca0057;
    border-style: double;
  }
  .blurbs .heading {
    display: none;
  }
  .blurbs .inner .section {
    color: #262730;
  }
  .blurbs .inner .section h4 {
    color: #ca0057;
    font-size: larger;
    text-transform: lowercase;
    text-align: center;
  }
  .blurbs .inner .section p {
    text-align: justify;
    margin: 2%;
  }

  .friends {
    color: #ca0057;
    border-style: double;
  }
  .friends .heading {
    position: relative !important;
    text-transform: lowercase;
    margin: auto;
    margin-top: 2%;
  }
  .friends .heading h4 {
    position: absolute !important;
    white-space: nowrap;
    text-overflow: clip;
    left: 50%;
    transform: translateX(-50%) !important;
    color: #ca0057;
    font-size: larger;
  }
  .friends .inner p {
    margin: 2%;
  }
  .friends .inner p b span.count {
    color: #ca0057;
    animation-name: text-rainbow;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  .friends .inner .friends-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }
  .friends .inner .friends-grid .person a {
    color: #5B6D6E;
  }

  .heading {
    background-color: #F7DFCE !important;
  }

  .profile-pic img {
    border-radius: 50%;
    rotate: 0deg;
    animation-name: pfp-rotation;
    animation-duration: 3s;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
  }

  .profile a {
    color: #5B6D6E;
  }
  .profile a:hover {
    color: #ca0057;
  }

  .profile .left .heading {
    color: #ca0057;
    text-transform: lowercase;
    text-align: center;
  }

  .profile .left .contact {
    border-color: #ca0057;
  }
  .profile .left .url-info {
    border-color: #ca0057;
  }
  .profile .left .table-section {
    border-color: #ca0057;
  }
  
  table, th, td {
    border: 0px solid;
  }
  :root {
    /* Change these to change the topic theme */
    --topic1: "General";
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";
    
  }
  .table-section:not(:last-child) .details-table tr td:first-child p {
    color: transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;
  } 
  .details-table tr td:first-child p::after {
    color: #F7DFCE;
    letter-spacing: normal;
  }
  .table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after {
    content: var(--topic1);
  } 
  .table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after { 
    content: var(--topic2); 
  } 
  .table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after { 
    content: var(--topic3); 
  } 
  .table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after { 
    content: var(--topic4); 
  } 
  .table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after { 
    content: var(--topic5); 
  } 
  .table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after { 
    content: var(--topic6); 
  }

  .profile .left .table-section .inner td:nth-child(1) {
    background-color: #5B6D6E;
  }
  .profile .left .table-section .inner td:nth-child(1) p {
    color: #F7DFCE;
  }
  .profile .left .table-section .inner td:nth-child(2) {
    background-color: #90A1A2;
  }
  .profile .left .table-section .inner td:nth-child(2) p {
    color: #262730  ;
  }

  .profile .left .table-section .inner .details-table td:nth-child(1) p a {
    color: #F7DFCE;
  }
  .profile .left .table-section .inner .details-table td:nth-child(1) p a:hover {
    color: #ca0057;
  }
  .profile .left .table-section .inner .details-table td:nth-child(2) p a {
    color: #262730;
  }
  .profile .left .table-section .inner .details-table td:nth-child(2) p a:hover {
    color: #ca0057;
  }

  .container footer {
    background-color: transparent;
  }
  .container footer a {
    color: #FFF;
  }
  .container footer a:hover {
    color: #ca0057;
  }
  .container footer p {
    color: #FFF;
    text-shadow: 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730, 0px 0px 5px #262730;
  }

  table.comments-table {
    display: block;
    height: 250px !important;
    overflow-y: scroll;
  }
  table.comments-table tr td {
    border-bottom: 2px solid #F7DFCE;
  }
  table.comments-table td:nth-child(1) {
    background-color: #5B6D6E !important;
  }
  table.comments-table td:nth-child(1) p {
    color: #F7DFCE;
  }
  table.comments-table a p:hover {
    color: #ca0057 !important;
  }
  table.comments-table td:nth-child(2) {
    background-color: #90A1A2 !important;
  }
  table.comments-table td:nth-child(2) a {
    color: #5B6D6E;
  }
  table.comments-table td:nth-child(2) a:hover {
    color: #ca0057;
  }
  table.comments-table td:nth-child(2) p {
    color: #262730;
  }
</style>
<!--Cursor by cursors-4u (https://www.cursors-4u.com/cursor/2009/05/05/cat-paw.html)-->
<style>
  * {
    cursor: url(https://external-media.spacehey.net/media/szfieBXjmgRCK0_0ZjM_G_UeLekShFoAtGjBj1Fifycg=/https://cur.cursors-4u.net/nature/nat-8/nat733.cur),
      auto !important;
  }
</style>
<a href="https://www.cursors-4u.com/cursor/2009/05/05/cat-paw.html" target="_blank" title="Cat Paw">
  <img src="dede6giu's%20Profile%20SpaceHey_files/cursor.png" alt="Cat Paw" style="position: absolute; top: 0px; right: 0px"/>
</a>

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

Cal	1718815377 This is so cute!! Do you know if/how I could be able to remove the cat background? Mainly just because of the area of them at the top Report Comment
seth ᶻ 𝗓 𐰁	1713775222 using! Report Comment
RIDLEY!	1712012190 using :3 Report Comment
⍤Finnly⍤	1711507640 using!! Report Comment
Leopoldo Johannesberg Thrillington	1711474703 Using, I love the colors. Report Comment
yul	1711250043 usin Report Comment
h20milo	1710700846 usingggg Report Comment