heytony

Greetings Cat SpaceHey Layout (+Cursor)

Jan 12th, 2021 (edited)
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.46 KB | None | 0 0
  1. <style>*
  2. {cursor: url(https://cur.cursors-4u.net/anime/ani-9/ani844.cur), auto !important;}
  3. </style><a href="https://www.cursors-4u.com/cursor/2009/04/13/hello-kitty-red-dress.html" target="_blank" title="Hello Kitty Red Dress">
  4.     <img src="https://cur.cursors-4u.net/cursor.png" alt="Hello Kitty Red Dress" style="position:absolute; top: 0px; right: 0px;"/></a>
  5.  
  6. <style>
  7.  
  8. /* Greetings Cat Layout w/Cursor, by TonyTheTiger (spacehey.com/heytony) */
  9.  
  10. /*  to start off, this part bellow will control the base of your profile. */
  11.  
  12.  
  13.     body {
  14.     background-color: white;
  15.     background-image: url('https://static.wikia.nocookie.net/sanrio_danshi/images/c/ce/HelloKittyProfile.png');
  16.     background-position: center left;
  17.     background-size: 18%;
  18.     background-repeat: no-repeat;
  19.     background-attachment: fixed;
  20.     }
  21.     Main {
  22.         Background-color: white;
  23.         background-image: ;
  24.         background-position: top;
  25.         background-size: cover;
  26.         background-repeat: repeat;
  27.         background-attachment: fixed;
  28.         border: ;
  29.         border-color: ;
  30.     }
  31.     nav {
  32.         background-color: ;
  33.     }
  34.     nav .top {
  35.         background-image: url('https://i.imgur.com/3mRp8Je.png');
  36.         background-color: #ed3d40;
  37.         background-position: bottom right;
  38.         background-size: 25%;
  39.         background-repeat: no-repeat;
  40.         background-attachment: ;
  41.         border: ;
  42.     }
  43.     nav .links {
  44.         background-color: #f8b9d4;
  45.         background-image: ;
  46.         color: ;
  47.     }
  48.     nav .links a{
  49.     text-decoration: none;
  50.     color: #ed3d40;
  51.     font-size: 12px;
  52.     }
  53.     nav .links a:hover{
  54.     text-decoration: underline;
  55.     color: white;
  56.     }
  57.     footer {
  58.         background: transparent;
  59.         background-image: url('https://i.pinimg.com/originals/f6/39/97/f639974ca4c7cbefdd8fa662eadb581f.png');
  60.         background-repeat: no-repeat;
  61.         background-size: contain;
  62.         background-position: right;
  63.     }
  64.     body, div {
  65.         font-family: courier;
  66.         font-size: 13px;
  67.         color: ;
  68.         font-weight: bold;
  69.         font-style:     ;
  70.         text-decoration: ;
  71.     }
  72.    
  73.  
  74. /*  bellow this you can change the left side of your profile,
  75. including the interests details' table, but only the heading! */
  76.     .profile-pic img {
  77.         border-radius: 25%;
  78.         border: solid 4px;
  79.     }
  80.     .profile .contact,
  81.     .profile .url-info,
  82.     .profile .table-section,
  83.     .home-actions {
  84.         background: #ed3d40;
  85.         width: 100%;
  86.         border: solid black;
  87.         margin: 10px 0;
  88.     }
  89.     .profile .contact .heading,
  90.     .profile .table-section .heading,
  91.     .home-actions .heading {
  92.         background: #f8b9d4;
  93.         color: white;
  94.         padding: 2px 7px;
  95.     }
  96.    
  97.    
  98. /*  this is the part where you tweak the right side of your profile */  
  99.    
  100.     .profile .blurbs {
  101.         background: ;
  102.         margin: 20px 0;
  103.         border: solid;
  104.         border-color: black;
  105.     }
  106.     .profile .friends {
  107.         background: white;
  108.         border: solid;
  109.         border-color: black;
  110.     }
  111.     .profile img {
  112.         border-radius: 25%;
  113.     }
  114.     .profile .blurbs .heading {
  115.         background-color: #f8b9d4;
  116.         color: white;
  117.     }
  118.     .profile .friends .heading {
  119.         background-color: #ed3d40;
  120.         color: white;
  121.     }
  122.     .profile .blurbs .section h4 {
  123.         background: ;
  124.         margin: 14px;
  125.         color:  #ed3d40;
  126.         font-weight: bold;
  127.     }
  128.     .profile .friends .person p {
  129.         color:  #ed3d40;
  130.         font-weight: bold;
  131.         width: 100%;
  132.         word-break: break-word;
  133.         font-size: 100%;
  134.         text-align: center;
  135.     }
  136.     .count {
  137.         color: #fdb823;
  138.     }
  139.    
  140.    
  141. /*  this is the part you change your comments background colors,
  142. and your interests table background colors.
  143. P.S.: the ones with ":first-child" variables, will control the left side of the tables. */
  144.    
  145.     .comments-table td,
  146.     .music-table td {
  147.         background: #ed3d40;
  148.         vertical-align: top;
  149.         position: relative;
  150.     }
  151.     .comments-table td:first-child,
  152.     .music-table td:first-child {
  153.         background:     #ed3d40;
  154.         text-align: center;
  155.         font-weight: bold;
  156.         width: 38%;
  157.     }
  158.     .details-table td {
  159.         background: #f8b9d4;
  160.         vertical-align: top;
  161.     }
  162.     .details-table td:first-child {
  163.         background:     #f8b9d4;
  164.         color: white;
  165.         font-weight: bold;
  166.         width: 33%;
  167.     }
  168.    
  169.    
  170. /*  this is the part you can change how the colors of the links look
  171.  DON'T mess with anything but the color! (or do... im not your mom.) */
  172.    
  173.     a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
  174.     a.man:link, a.man:active, a.man:visited, a.man:hover,
  175.     a, a:link, a:active, a:visited, a:hover,
  176.     a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
  177.     a.text:link, a.text:active, a.text:visited, a.text:hover,
  178.     a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
  179.     a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
  180.     a.redlink:hover {
  181.         color: #fdb823;
  182.         font-weight: bold;
  183.         font-style: normal;
  184.         text-decoration: none;
  185.     }
  186.     a.navbar:hover, a.man:hover, a:hover {
  187.         color:  #f8b9d4;
  188.         font-weight: bold;
  189.         font-style: normal;
  190.         text-decoration: underline;
  191.     }
  192.  
  193. </style>
Add Comment
Please, Sign In to add comment