althindor

2021 Upgrade for 90s_tripverse

Aug 7th, 2021 (edited)
512
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.58 KB | None | 0 0
  1. /* Profile By AlthIndor */
  2.  
  3. html, body {
  4.   background: #FFFFFF;
  5.   height: unset;
  6.   min-height: 100vh;
  7.   cursor: url('https://cur.cursors-4u.net/cursors/cur-4/cur330.cur'), auto;
  8. }
  9.  
  10. body {
  11.   padding-bottom: 20px;
  12.   box-sizing: border-box;
  13. }
  14.  
  15. /* Fonts */
  16.  
  17. @font-face {
  18.   font-family: 'Open Sans';
  19.   font-style: normal;
  20.   font-weight: 400;
  21.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  22. }
  23.  
  24. @font-face {
  25.   font-family: 'Open Sans';
  26.   font-style: normal;
  27.   font-weight: 700;
  28.   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  29. }
  30.  
  31. @font-face {
  32.   font-family: 'PT Sans Narrow';
  33.   font-style: normal;
  34.   font-weight: 400;
  35.   src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v12/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2');
  36. }
  37.  
  38. @font-face {
  39.   font-family: 'Font Awesome 5 Free';
  40.   font-style: normal;
  41.   font-weight: 900;
  42.   font-display: block;
  43.   src: url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff2') format('woff2'), url('https://ka-f.fontawesome.com/releases/v5.15.2/webfonts/free-fa-solid-900.woff') format('woff');
  44. }
  45.  
  46. /* Header */
  47.  
  48. #viewer #gaia_header {
  49.   background: #000;
  50.   height: 30px !important;
  51. }
  52. #gaia_header li {margin: 0 5px;}
  53. #gaia_header .spacer {display: none !important;}
  54.  
  55. #gaia_header #header_left, #gaia_header #header_right {
  56.   font: 400 0/30px 'PT Sans Narrow', sans-serif !important;
  57.   padding: 0 3px !important;
  58.   box-sizing: border-box;
  59. }
  60. #gaia_header #header_right {float: right;}
  61.  
  62. #gaia_header img {
  63.   background: url('https://i.imgur.com/cGGVY2x.png') no-repeat 0 3px;
  64.   width: 0;
  65.   padding: 0 34px 0 0;
  66.   filter: invert(100%);
  67. }
  68.  
  69. #gaia_header a {
  70.   color: #FFFFFF !important;
  71.   font-size: 11px;
  72.   font-weight: 400;
  73.   letter-spacing: .03em;
  74.   text-decoration: none;
  75.   text-transform: uppercase;
  76. }
  77. #gaia_header a:hover {opacity: .6;}
  78.  
  79. /* Columns */
  80.  
  81. #columns, #column_1 {
  82.   float: none;
  83.   height: 870px;
  84. }
  85. #column_2, #column_3 {display: none;}
  86.  
  87. #columns {
  88.   background: url('https://i.imgur.com/fsEBBCI.png') center 60px / contain no-repeat;
  89.   width: 480px;
  90.   position: static;
  91.   margin: 20px auto 0 auto;
  92.   overflow: visible;
  93. }
  94.  
  95. #column_1 {
  96.   display: block;
  97.   width: 520px;
  98.   margin: 0 0 0 -20px;
  99.   position: relative;
  100. }
  101.  
  102. #column_1::before {
  103.   content: '';
  104.   background: #181818;
  105.   width: 100%;
  106.   height: 30px;
  107.   position: absolute;
  108.   bottom: 157px;
  109.   left: 0;
  110.   border-radius: 10px;
  111. }
  112.  
  113. /* Panels */
  114.  
  115. .panel {
  116.   background: none;
  117.   color: #181818;
  118.   font: 9px/1.6 'Open Sans', sans-serif;
  119.   text-align: justify;
  120.   padding: 0;
  121.   margin: 0;
  122.   position: absolute;
  123.   overflow: hidden;
  124. }
  125. .panel h2 {display: none !important;}
  126.  
  127. #id_about, #id_wishlist {
  128.   background: #FFFFFF;
  129.   height: 130px;
  130.   bottom: 1px;
  131.   border: 10px solid transparent;
  132.   border-radius: 10px;
  133.   box-shadow: 0 0 0 1px #000000A0;
  134.   overflow-y: scroll;
  135. }
  136. #id_about .clear, #id_wishlist .clear {display: none;}
  137.  
  138. #id_about {
  139.   display: flex;
  140.   flex-flow: row wrap;
  141.   align-items: center;
  142.   width: 301px;
  143.   padding-right: 10px;
  144.   left: 1px;
  145. }
  146. #id_about img {max-width: 100%;}
  147.  
  148. #id_details, #id_contact {left: 188px;}
  149. #id_contact, .media_panel {top: 35px;}
  150. .media_panel {left: 299px;}
  151.  
  152. .panel a {
  153.   color: #785078;
  154.   font-weight: normal;
  155. }
  156.  
  157. /* Details */
  158.  
  159. #id_details, #avatar_menu {
  160.   width: 143px;
  161.   background: #000000;
  162.   border: 1px solid #808080;
  163.   border-radius: 5px;
  164.   box-sizing: border-box;
  165. }
  166.  
  167. #id_details {height: 30px;}
  168. #id_details p {display: none;}
  169.  
  170. #id_details * {
  171.   all: unset;
  172.   width: 100%;
  173.   height: 100%;
  174.   position: absolute;
  175.   top: 0;
  176. }
  177. #id_details .statuslinks {background: url('https://dl2.glitter-graphics.net/pub/3182/3182312fq3jotqn96.gif') calc(100% - 5px) center no-repeat !important;}
  178. #id_details .pushBox {z-index: 1;}
  179.  
  180. #id_details span, #avatar_menu a {
  181.   color: #FFFFFF80 !important;
  182.   font-family: 'PT Sans Narrow', sans-serif;
  183.   text-align: center;
  184. }
  185. #id_details:hover span, #avatar_menu a:hover {color: #FFFFFF !important;}
  186. #avatar_menu a:hover {background: #785078;}
  187.  
  188. #id_details span {
  189.   font-size: 14px;
  190.   line-height: 28px;
  191.   text-transform: uppercase;
  192. }
  193.  
  194. #avatar_menu {
  195.   padding-top: 2px;
  196.   margin: -2px 0 0 -1px;
  197.   border-top: none;
  198.   border-radius: 0 0 5px 5px;
  199. }
  200. #avatar_menu .menu_seperator {display: none;}
  201.  
  202. /* Things That Are Buttons */
  203.  
  204. .media_panel, #id_contact ul:not(.buttons) li {
  205.   background: #00000020;
  206.   width: 32px;
  207.   height: 32px !important;
  208.   text-align: center;
  209.   border: 1px solid #000000;
  210.   border-radius: 3px;
  211.   box-shadow: 0 0 0 1px #FFFFFF inset;
  212.   box-sizing: border-box;
  213.   opacity: .6;
  214. }
  215. .media_panel::before, #id_contact li::before {font: 900 16px/30px 'Font Awesome 5 Free';}
  216. .media_panel:hover, #id_contact ul:not(.buttons) li:hover {opacity: 1;}
  217.  
  218. /* Contact */
  219.  
  220. #id_contact span {display: none;}
  221.  
  222. #id_contact ul:not(.buttons) li {
  223.   float: left;
  224.   text-indent: 1px;
  225.   margin-right: 5px;
  226.   position: relative;
  227.   overflow: hidden;
  228. }
  229. #id_contact ul:not(.buttons) li:nth-of-type(1)::before {content: '';}
  230. #id_contact ul:not(.buttons) li:nth-of-type(2)::before {content: '';}
  231. #id_contact ul:not(.buttons) li:nth-of-type(3)::before {content: '';}
  232.  
  233. #id_contact a {
  234.   width: 100%;
  235.   height: 100%;
  236.   font-size: 0;
  237.   position: absolute;
  238.   left: 0;
  239. }
  240.  
  241. /* Media */
  242.  
  243. .media_panel {font-size: 0;}
  244. .media_panel::before {content: '';}
  245.  
  246. .media_panel iframe {
  247.   width: 300px;
  248.   height: 200px;
  249.   position: absolute;
  250.   bottom: 0;
  251.   left: -14px;
  252.   opacity: .001;
  253. }
  254.  
  255. /* Wish List */
  256.  
  257. #id_wishlist {
  258.   width: 160px;
  259.   right: 1px;
  260.   scroll-snap-type: y mandatory;
  261. }
  262. .premium_sparkle, .owner_checkmark {margin: 0;}
  263.  
  264. #id_wishlist .item {
  265.   background: #00000010;
  266.   width: 30px;
  267.   height: 30px;
  268.   padding: 4px;
  269.   margin: 0 3px 0 2px;
  270.   position: relative;
  271.   border: 1px solid #000000A0;
  272.   border-radius: 5px;
  273.   box-shadow: 0 0 0 1px #FFFFFF inset;
  274.   scroll-snap-align: start;
  275. }
  276. #id_wishlist .item:nth-of-type(n+4) {margin-top: 5px;}
  277. #id_wishlist .item:hover {background: #785078;}
  278.  
  279. .premium_sparkle {
  280.   top: 3px;
  281.   right: 0;
  282. }
  283.  
  284. .owner_checkmark {
  285.   left: 5px;
  286.   bottom: 5px;
  287. }
  288.  
  289. /* Misc */
  290.  
  291. #pictures_container, #texts_container {
  292.   width: 0;
  293.   height: 0;
  294.   position: absolute;
  295.   top: 50px;
  296.   left: 50%;
  297. }
  298.  
  299. #equipped-item-details_mask:nth-of-type(2), #avatar_menu + div + div {display: none !important;}
Add Comment
Please, Sign In to add comment