heytony

Scarlet Witch WandaVision SpaceHey Layout

Jan 15th, 2021 (edited)
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.86 KB | None | 0 0
  1. <style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur76.cur), auto !important;}</style>
  2. <a href="https://www.cursors-4u.com/cursor/2008/11/23/red-pointer-4.html" target="_blank" title="Red Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Red Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
  3. <style>
  4.  
  5. /*  Scarlet Witch WandaVision layout by TonyTheTiger (spacehey.com/heytony)  */
  6. /*  to start off, this part bellow will control the base of your profile.*/
  7.  
  8.  
  9.     body {
  10.         background-color: ;
  11.         background-image: url('https://i.imgur.com/OQ6aorT.png');
  12.         background-size: cover;
  13.         background-position: left;
  14.         background-repeat: repeat;
  15.         background-attachment: ;
  16.     }
  17.     Main {
  18.         background: rgb(208,17,17);
  19.         background: linear-gradient(180deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  20.         background-size: contain;
  21.         background-position: left;
  22.         background-repeat: no-repeat;
  23.         background-attachment: scroll;
  24.         border: ;
  25.         border-radius: ;
  26.         border-color: ;
  27.      }
  28.     nav {
  29.         color: ;
  30.     }
  31.     nav .top {
  32.         background-color: #ae1a28;
  33.         background-image: url('https://i.imgur.com/9LLkJyA.png');
  34.         background-size: contain;
  35.         background-repeat: no-repeat;
  36.         background-position: right;
  37.         background-attachment: scroll;
  38.     }
  39.         nav .links {
  40.         background-color: #15070e;
  41.         color: ;
  42.         padding: 3.5px 16px 5.5px 16px;
  43.         }
  44.         nav .links a{
  45.         text-decoration: none;
  46.         color: #F0DECB;
  47.         font-size: 12px;
  48.     }
  49.     nav .links a:hover{
  50.         text-decoration: underline;
  51.         color: #c1816c;
  52.     }
  53.     footer {
  54.         background-color: #15070e;
  55.         background-image: url('https://i.imgur.com/GcrfEHW.png');
  56.         background-size: ;
  57.         background-repeat: no-repeat;
  58.     }
  59.     body, div {
  60.         font-family: verdana;
  61.         font-size: 14px;
  62.         color: #ffffff;
  63.         font-weight: bold;
  64.         font-style: ;
  65.         text-decoration: none;
  66.     }
  67.    
  68.  
  69. /*  bellow this you can change the left side of your profile,
  70. including the interests details' table, but only the heading! */  
  71.    
  72.     .profile h1 {
  73.         background-color: ;
  74.         color: ;
  75.     }
  76.     .profile-pic img {
  77.             border-radius: ;
  78.             border-width: ;
  79.             border:  ;
  80.             border-color: ;
  81.         }
  82.     .profile .contact,
  83.     .profile .url-info {
  84.         background: rgb(208,17,17);
  85. background: radial-gradient(circle, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  86.         width: 100%;
  87.         border: solid transparent;
  88.         margin: 10px 0;
  89.     }
  90.     .profile .table-section,
  91.     .home-actions {
  92.         background: rgb(208,17,17);
  93.         background: radial-gradient(circle, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  94.         width: 100%;
  95.         border: transparent;
  96.         margin: 10px 0;
  97.     }
  98.     .profile .contact .heading,
  99.     .profile .table-section .heading,
  100.     .home-actions .heading {
  101.         background: transparent;
  102.         color: ;
  103.         padding: 2px 7px;
  104.     }
  105.    
  106.    
  107. /*  this is the part where you tweak the right side of your profile */  
  108.    
  109.     .profile .blurbs {
  110.         background: rgb(208,17,17);
  111.         background: radial-gradient(circle, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  112.         margin: 20px 0;
  113.         border: ;
  114.         border-color: ;
  115.     }
  116.     .profile .friends {
  117.         border: ;
  118.         border-color: ;
  119.     }
  120.     .profile .blurbs .heading {
  121.         background: rgb(208,17,17);
  122.         background: linear-gradient(267deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);;
  123.         color: #d01111;
  124.     }
  125.     .profile .friends .heading {
  126.         background: rgb(208,17,17);
  127.         background: linear-gradient(267deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  128.         color: ;
  129.     }
  130.     .profile .blurbs .section h4 {
  131.         background-color: ;
  132.         margin: 14px;
  133.         color: #d01111;
  134.         font-weight: ;
  135.     }
  136.     .profile .friends {
  137.         background: rgb(208,17,17);
  138.         background: radial-gradient(circle, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  139.     }
  140.     .profile .friends .person p {
  141.         background: rgb(208,17,17);
  142.         background: linear-gradient(4deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  143.         color: #F0DECB;
  144.         font-weight: ;
  145.         width: 100%;
  146.         word-break: break-word;
  147.         font-size: 95%;
  148.         text-align: center;
  149.     }
  150.     .count {
  151.         color:  #d01111;
  152.     }
  153.    
  154.    
  155. /*  this is the part you change your comments background colors,
  156. and your interests table background colors.
  157. P.S.: the ones with ":first-child" variables, will control the left side of the tables. */
  158.     .comments-table {
  159.         border: transparent;
  160.     }
  161.     .comments-table td,
  162.     .music-table td {
  163.         background: rgb(208,17,17);
  164.         background: linear-gradient(90deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  165.         vertical-align: top;
  166.         position: relative;
  167.     }
  168.     .comments-table td:first-child,
  169.     .music-table td:first-child {
  170.         background:     #d01111;
  171.         text-align: center;
  172.         font-weight: bold;
  173.         width: 38%;
  174.     }
  175.     .details-table td {
  176.         background: rgb(208,17,17);
  177. background: linear-gradient(270deg, rgba(208,17,17,1) 0%, rgba(174,26,40,1) 35%, rgba(0,0,0,1) 100%);
  178.         vertical-align: top;
  179.     }
  180.     .details-table td:first-child {
  181.         background: #15070e;
  182.         color: #f0decb;
  183.         font-weight: bold;
  184.         width: 33%;
  185.     }
  186.    
  187.    
  188. /*  this is the part you can change how the colors of the links look
  189.  DON'T mess with anything but the color! (or do... im not your mom.) */
  190.    
  191.     a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
  192.     a.man:link, a.man:active, a.man:visited, a.man:hover,
  193.     a, a:link, a:active, a:visited, a:hover,
  194.     a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
  195.     a.text:link, a.text:active, a.text:visited, a.text:hover,
  196.     a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
  197.     a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
  198.     a.redlink:hover {
  199.         color: #f0DECB;
  200.         font-weight: bold;
  201.         font-style: normal;
  202.         text-decoration: none;
  203.     }
  204.     a.navbar:hover, a.man:hover, a:hover {
  205.         color: #c1816c;
  206.         font-weight: bold;
  207.         font-style: normal;
  208.         text-decoration: underline;
  209.     }
  210.  
  211.  
  212. /*  Hope this helped you out!
  213. and i suggest you YouTube Noah's SpaceHey CSS tutorials, if you're completely lost. */
  214.  
  215. </style>
Add Comment
Please, Sign In to add comment