Advertisement
althindor

Restoration for Himemiya Neko

Dec 18th, 2019
436
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.22 KB | None | 0 0
  1. /* Profile Made by : ch0psuey --- NO STEALING */
  2. /* Modernization by AlthIndor at Cinnamon Tea */
  3.  
  4. /* Globals */
  5.  
  6. html, body {min-height: 100vh;}
  7. body, a:hover {cursor: url('http://cur.cursors-4u.net/symbols/sym-6/sym596.cur'), default !important;}
  8.  
  9. body {
  10.  background: repeating-linear-gradient(to right, transparent 0px, transparent 4px, #D0C9C4A0 4px, #D0C9C4A0 5px, transparent 5px, transparent 6px, #D0C9C4A0 6px, #D0C9C4A0 7px),
  11.   repeating-linear-gradient(to bottom, transparent 0px, transparent 4px, #D0C9C4A0 4px, #D0C9C4A0 5px, transparent 5px, transparent 6px, #D0C9C4A0 6px, #D0C9C4A0 7px),
  12.   repeating-linear-gradient(to right, transparent 0px, transparent 1px, #D0C8C460 1px, #D0C8C460 3px, transparent 3px, transparent 7px),
  13.   repeating-linear-gradient(to bottom, transparent 0px, transparent 1px, #D0C8C460 1px, #D0C8C460 3px, transparent 3px, transparent 7px) #F4EAE6;
  14. }
  15.  
  16. body a {
  17.  text-decoration: none !important;
  18.  transition: all .5s ease-in-out;
  19. }
  20.  
  21. #profile .avatar, #profile .caption, #profile .items, .section h2 {display: none;}
  22. #header, #details, #wishlist, #friends, #comments, #journal, #signature {display: none;}
  23. #header_left img, #content, #bar li a {background: url('https://i.imgur.com/HXLAvHm.png') !important;}
  24.  
  25. /* Gaia Header */
  26.  
  27. #gaia_header {
  28.  background: #514F4F;
  29.  height: 28px;
  30. }
  31.  
  32. #gaia_header #header_left, #gaia_header #header_right {
  33.  background: none;
  34.  color: #F5E8E2;
  35.  font: bold 0/26px 'Century Gothic', sans-serif !important;
  36. }
  37. #gaia_header li.spacer {display: none;}
  38. #gaia_header li {margin: 0 5px;}
  39.  
  40. #header_left img {
  41.  background-position: bottom right !important;
  42.  width: 0;
  43.  height: 0;
  44.  padding: 15px 34px 0 0;
  45.  transition: filter .5s ease-in-out;
  46. }
  47. #header_left li:nth-of-type(n+2) a:hover img {filter: drop-shadow(0 0 .5px #F5E8E2);}
  48.  
  49. #gaia_header a {
  50.  color: #FFBBBB !important;
  51.  font-size: 11px;
  52. }
  53. #gaia_header a:hover {text-shadow: 0 0 2px #F5E8E2;}
  54.  
  55. /* Main Section */
  56.  
  57. #site, #content #main {margin: 0;}
  58. #content, #content #main {border: none;}
  59. #content #sidebar {left: 0;}
  60. #content #main {min-height: 0;}
  61.  
  62. #site {
  63.  width: 670px;
  64.  height: 570px;
  65.  position: absolute;
  66.  top: calc((100% - 570px) / 2);
  67.  left: calc((100% - 670px) / 2);
  68. }
  69.  
  70. #content {
  71.  width: 100%;
  72.  height: 100%;
  73.  padding: 0;
  74. }
  75.  
  76. #content #sidebar, #content #main {
  77.  width: 1px;
  78.  height: 1px;
  79. }
  80.  
  81. /* Scrollbars */
  82.  
  83. #content ::-webkit-scrollbar {width: 0;}
  84. .section {scrollbar-width: none;}
  85.  
  86. /* Sections */
  87.  
  88. .section {
  89.  background: none !important;
  90.  color: #FFFFFF;
  91.  font: 10px/1.6 'Century Gothic', sans-serif;
  92.  padding: 0;
  93.  margin: 0;
  94.  position: absolute;
  95.  overflow: hidden;
  96. }
  97. .section .links {display: none;}
  98.  
  99. /* About Me */
  100.  
  101. #about {
  102.  width: 300px;
  103.  height: 180px;
  104.  top: 345px;
  105.  left: 318px;
  106.  overflow-y: auto;
  107.  opacity: .6;
  108.  transition: opacity .5s ease-in-out;
  109. }
  110. #about:hover {opacity: 1;}
  111.  
  112. #about a:link, #about a:visited, #about a:active {
  113.  color: inherit !important;
  114.  font-weight: bold;
  115. }
  116.  
  117. #about a:hover {
  118.  color: #F0B9C8;
  119.  text-shadow: 0 0 3px #FFFFFF;
  120. }
  121.  
  122. /*buttons*/
  123.  
  124. #profile {
  125.  width: 303px;
  126.  height: 25px;
  127.  top: 310px;
  128.  left: 341px;
  129. }
  130.  
  131. #profile #bar, #bar li {background: none !important;}
  132. #profile #bar, #bar li, #bar li a {height: 100% !important;}
  133. #bar #onlineButton, #bar #offlineButton {display: none;}
  134.  
  135. #profile #bar {
  136.  width: 100%;
  137.  margin: 0;
  138. }
  139.  
  140. #bar li a {
  141.  background-position-y: -570px !important;
  142.  font-size: 0;
  143.  padding: 0;
  144.  margin: 0 12px 0 0;
  145.  opacity: .3;
  146. }
  147. #bar li a:hover {opacity: 1;}
  148.  
  149. #bar #addButton a {
  150.  background-position-x: 0 !important;
  151.  width: 51px;
  152. }
  153.  
  154. #profile #bar #msgButton a {
  155.  background-position-x: -51px !important;
  156.  width: 49px;
  157. }
  158.  
  159. #profile #bar #tradeButton a {
  160.  background-position-x: -100px !important;
  161.  width: 67px;
  162. }
  163.  
  164. #profile #bar #ignoreButton a {
  165.  background-position-x: -167px !important;
  166.  width: 56px;
  167. }
  168.  
  169. /* Media */
  170.  
  171. #multimedia {
  172.  background: url('https://i.imgur.com/MWTKBXK.gif') center no-repeat !important;
  173.  width: 24px;
  174.  height: 24px;
  175.  top: 520px;
  176.  left: 220px;
  177.  overflow: hidden;
  178. }
  179.  
  180. #multimedia object, #multimedia embed {
  181.  width: 300px;
  182.  height: 200px;
  183. }
  184.  
  185. #multimedia object {
  186.  position: absolute;
  187.  bottom: -5px;
  188.  left: -23px;
  189.  opacity: .01;
  190. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement