Advertisement
Guest User

Untitled

a guest
Feb 19th, 2019
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 KB | None | 0 0
  1. .panel{padding: 15px;}
  2. .panel h2{margin:-5px -5px 10px -5px;padding:5px 6px;background:#aaa;text-align:left;text-transform:uppercase;font-weight:bold;color:#FFFEC0;font-size:10px;}
  3. html { background: url(https://gaia.hs.llnwd.net/e1/images/profiles/v2/backgrounds/bg_wallpaper.jpg) repeat; }
  4. body { background: no-repeat; }
  5. .panel h2{background:#000000color:#000;}
  6. .panel{background:#000;color:#000;}
  7. a{color:#000000;}
  8. #header a{color:#000000;}
  9.  
  10. /* User-specified Theme Background */
  11. html,body{background:url(http://www.youtube.com/v/ePX5qgDe9s4?autoplay=1) repeat 0 0;}
  12.  
  13. /* User-specified Theme Override CSS */
  14. html, body{
  15. background: url(https://i.pinimg.com/originals/d1/cf/2d/d1cf2de1da9167d508f0fb4560a1f8f7.gif) no-repeat center center/cover fixed black;
  16. }
  17.  
  18. @font-face {
  19. font-family: 'Bahiana';
  20. font-style: normal;
  21. font-weight: 400;
  22. src: local('Bahiana Regular'), local('Bahiana-Regular'), url(https://fonts.gstatic.com/s/bahiana/v1/-RY91ALayRKBoudC01XTCA.woff2) format('woff2');
  23. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  24. }
  25. @font-face {
  26. font-family: 'Contrail One';
  27. font-style: normal;
  28. font-weight: 400;
  29. src: local('Contrail One'), local('ContrailOne-Regular'), url(https://fonts.gstatic.com/s/contrailone/v6/b41KxjgiyqX-hkggANDU6Ogdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  30. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  31. }
  32.  
  33. @font-face {
  34. font-family: 'Source Sans Pro';
  35. font-style: normal;
  36. font-weight: 400;
  37. src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  38. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  39. }
  40.  
  41. @font-face {
  42. font-family: 'Noto Sans Japanese';
  43. font-style: normal;
  44. font-weight: 900;
  45. src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
  46. url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
  47. url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
  48. }
  49.  
  50.  
  51. #gaia_header, #gaia_header ul{
  52. background: none !important;
  53. font-family: 'Arial', sans-serif;
  54. font-size: 0 !important;
  55. text-transform: uppercase;
  56. text-shadow: 0 0 5px black;
  57. }
  58.  
  59. #gaia_header a{
  60. color: white !important;
  61. font-weight: normal;
  62. font-size: 10px;
  63. text-decoration: none;
  64. line-height: 30px;
  65. margin: 0 5px;
  66. opacity: .6;
  67. transition: .3s all;
  68. }
  69.  
  70. #gaia_header a:hover{opacity: 1;}
  71.  
  72. #header_left img {width: 0px; padding: 0 50px 0 0; background: url('http://i.imgur.com/wtwGGOm.png') bottom left no-repeat;}
  73.  
  74. #columns, #pictures_container, #texts_container{
  75. top: 50%;
  76. left: 50%;
  77. margin: -200px 0 0 -550px;
  78. width: 1100px;
  79. position: absolute;
  80. overflow: visible;
  81. font-family: 'Arial', sans-serif;
  82. font-size: 10px;
  83. }
  84.  
  85. #column_1, #column_2, #column_3{width: 100px; margin: 0; overflow: visible; font-size: 0;}
  86.  
  87.  
  88. /** PINK TEXT **/
  89.  
  90. #column_1:before{
  91. content: 'Sush uwu♡';
  92. font-weight: 650;
  93. color: #000000;
  94. font-family: 'Noto Sans Japanese';
  95. font-size: 50px;
  96. line-height: 100px;
  97. text-align: center;
  98. height: 100px;
  99. width: 500px;
  100. position: absolute;
  101. top: 130px;
  102. left: calc(50% - 265px);
  103. animation: glitch 1s cubic-bezier(.25, .46, .45, .1) both infinite;
  104. transition: 1s ease-out 1s;
  105. }
  106.  
  107. /** BLUE TEXT **/
  108.  
  109. #column_3:before{
  110. content: 'Sush uwu♡';
  111. font-weight: 650;
  112. color: #fffff0;
  113. font-family: 'Noto Sans Japanese';
  114. font-size: 50px;
  115. line-height: 100px;
  116. text-align: center;
  117. height: 100px;
  118. width: 500px;
  119. position: absolute;
  120. top: 130px;
  121. left: calc(50% - 265px);
  122. animation: glitch 1s cubic-bezier(.25, .46, .45, .1) reverse both infinite;
  123. transition: 1s ease-out 1s;
  124. }
  125.  
  126. /** WHITE TEXT **/
  127.  
  128. #column_2:before{
  129. content: 'Sush uwu♡';
  130. font-weight: 800;
  131. color: #FFB6C1;
  132. font-family: 'Noto Sans Japanese';
  133. font-size: 50px;
  134. line-height: 100px;
  135. text-align: center;
  136. height: 100px;
  137. width: 500px;
  138. position: absolute;
  139. top: 130px;
  140. left: calc(50% - 265px);
  141. z-index: 100;
  142. transition: 1s ease-out 1s;
  143. }
  144.  
  145. /** PINK TRANSITION **/
  146.  
  147. #columns:hover #column_1:before{
  148. top: 0;
  149. transition: 1s ease-out;
  150. }
  151.  
  152. /** BLUE TRANSITION **/
  153.  
  154. #columns:hover #column_2:before{
  155. top: 0;
  156. transition: 1s ease-out;
  157. }
  158.  
  159. /** WHITE TRANSITION **/
  160.  
  161. #columns:hover #column_3:before{
  162. top: 0;
  163. transition: 1s ease-out;
  164. }
  165.  
  166. /** GLITCH ANIMATION **/
  167.  
  168. @keyframes glitch {
  169. 0% {
  170. -webkit-transform: translate(0);
  171. transform: translate(0)
  172. }
  173. 20% {
  174. -webkit-transform: translate(-4px, 4px);
  175. transform: translate(-4px, 4px)
  176. }
  177. 40% {
  178. -webkit-transform: translate(-4px, -4px);
  179. transform: translate(-4px, -4px)
  180. }
  181. 60% {
  182. -webkit-transform: translate(4px, 4px);
  183. transform: translate(4px, 4px)
  184. }
  185. 80% {
  186. -webkit-transform: translate(4px, -4px);
  187. transform: translate(4px, -4px)
  188. }
  189. to {
  190. -webkit-transform: translate(0);
  191. transform: translate(0)
  192. }
  193. }
  194.  
  195. .panel{
  196. color: white;
  197. font-family: 'Arial', sans-serif;
  198. text-align: center;
  199. font-size: 10px;
  200. line-height: 12px;
  201. background: none;
  202. padding: 0;
  203. margin: 0;
  204. position: absolute;
  205. overflow: hidden;
  206. display: none;
  207. }
  208.  
  209. .panel a{color: #000000; font-weight: normal; transition: .3s all;}
  210. .panel a:hover{color: #FCFBE3; text-decoration: none; text-shadow: 0 0 0px white;}
  211.  
  212. .panel img{
  213. max-width: 100% !important;
  214. }
  215.  
  216. .panel img:hover{
  217. max-width: 100% !important;
  218. filter: drop-shadow(1px 1px 0px #f0f) drop-shadow(-1px -1px 0px #0ff);
  219. }
  220.  
  221. .panel .buttons{top: 0; right: 0;}
  222.  
  223. /** SCROLLBAR **/
  224.  
  225. #id_footprints ::-webkit-scrollbar-track {
  226. -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 1);
  227. background-color: transparent;
  228. }
  229.  
  230. #id_footprints ::-webkit-scrollbar {
  231. width: 5px;
  232. height: 10px;
  233. background-color: transparent;
  234. }
  235.  
  236. #id_footprints ::-webkit-scrollbar-thumb {
  237. background-color: #0FF;
  238. background-image: -webkit-linear-gradient(
  239. 90deg,
  240. rgba(255, 0, 255, 1) 0%,
  241. rgba(255, 0, 255, 1) 25%,
  242. transparent 100%,
  243. rgba(255, 0, 255, 1) 75%,
  244. transparent
  245. );
  246. }
  247.  
  248.  
  249.  
  250. #id_about{
  251. display: block;
  252. opacity: 0;
  253. top: 155px;
  254. padding: 5px;
  255. border: 10px solid transparent;
  256. border-radius: 0px;
  257. height: 150px;
  258. width: 400px;
  259. overflow-y: auto;
  260. background: rgba(255, 255, 255, 0);
  261. box-shadow: 0 0 10px rgba(252, 251, 227, 0);
  262. transition: .5s ease-out .5s;
  263. z-index: 1000;
  264. }
  265.  
  266. #id_wishlist{
  267. display: block;
  268. opacity: 0;
  269. color: black;
  270. top: 155px;
  271. padding: 5px;
  272. border: 10px solid transparent;
  273. border-radius: 0px;
  274. height: 150px;
  275. width: 160px;
  276. overflow-y: hidden;
  277. background: rgba(255, 255, 255, 0);
  278. box-shadow: 0 0 10px rgba(252, 251, 227, 0);
  279. transition: .5s ease-out .5s;
  280. z-index: 1000;
  281. }
  282.  
  283. #id_footprints{
  284. display: block;
  285. opacity: 0;
  286. color: black;
  287. top: 370px;
  288. padding: 5px;
  289. border: 10px solid transparent;
  290. border-radius: 0px;
  291. height: 30px;
  292. width: 397px;
  293. overflow-y: hidden;
  294. background: rgba(255, 255, 255, 0);
  295. box-shadow: 0 0 10px rgba(252, 251, 227, 0);
  296. transition: .5s ease-out .5s;
  297. z-index: 1000;
  298. }
  299.  
  300. #columns:hover #id_footprints{
  301. display: block;
  302. opacity: 1;
  303. top: 370px;
  304. padding: 5px;
  305. border: 10px solid transparent;
  306. border-radius: ;
  307. height: 30px;
  308. width: 397px;
  309. overflow-y: hidden;
  310. background: rgba(255, 255, 255, 1);
  311. box-shadow: 3px 3px 0px rgba(255, 0, 255, 1), -3px -3px 0px rgba(0, 255, 255, 1);
  312. display: block;
  313. transition: 1s ease-out .5s;
  314. z-index: 1000;
  315. }
  316.  
  317. #columns:hover #id_wishlist{
  318. display: block;
  319. opacity: 1;
  320. top: 155px;
  321. padding: 5px;
  322. border: 10px solid transparent;
  323. border-radius: ;
  324. height: 150px;
  325. width: 160px;
  326. overflow-y: hidden;
  327. background: rgba(255, 255, 255, 1);
  328. box-shadow: 5px 5px 0px rgba(255, 99, 71, 1), -5px -5px 0px rgba(0, 0, 0, 1);
  329. display: block;
  330. transition: 1s ease-out .5s;
  331. z-index: 1000;
  332. }
  333.  
  334. #columns:hover #id_about{
  335. display: block;
  336. opacity: 1;
  337. color: black;
  338. top: 155px;
  339. padding: 5px;
  340. border: 10px solid transparent;
  341. border-radius: ;
  342. height: 150px;
  343. width: 400px;
  344. overflow-y: hidden;
  345. background: rgba(255, 255, 255, 1);
  346. box-shadow: 5px 5px 0px rgba(0, 0, 0, 1), -5px -5px 0px rgba(255, 99, 71, 1);
  347. display: block;
  348. transition: 1s ease-out .5s;
  349. z-index: 1000;
  350. }
  351.  
  352. #id_about{
  353. left: calc(50% - (40% / 2));
  354. }
  355.  
  356. #id_footprints{
  357. left: calc(50% - (-3% / 2));
  358. }
  359.  
  360. #id_footprints{
  361. left: calc(50% - (40% / 2));
  362. }
  363.  
  364. #id_contact, #id_store{
  365. top: 120px;
  366. left: calc(50% - 200px);
  367. display: block;
  368. overflow: visible;
  369. width: 400px;
  370. }
  371.  
  372. #id_contact, #id_store{top: 120px; left: calc(50% - 200px); display: block; overflow: visible; width: 400px;}
  373. #id_store p{margin: 0; line-height: 0;}
  374.  
  375. #id_contact ul li span, #id_contact ul li a, #id_store a{
  376. font-size: 0;
  377. display: block;
  378. font-family: 'Source Sans Pro', sans-serif;
  379. color: #ff0000;
  380. text-transform: uppercase;
  381. letter-spacing: 1px;
  382. line-height: 10px;
  383. height: 10px;
  384. width: 50px;
  385. overflow: hidden;
  386. padding: 5px;
  387. background: rgba(252, 251, 227, 0);
  388. box-shadow: 0 0 5px rgba(0, 0, 0, 0);
  389. border-radius: 5px;
  390. position: absolute;
  391. opacity: 0;
  392. transition: .5s ease-out .5s;
  393. }
  394.  
  395. #id_contact ul li span{
  396. opacity: 0;
  397. transition: .5s ease-out .5s;
  398. }
  399.  
  400. #id_contact ul li a{
  401. opacity: 0;
  402. transition: .5s ease-out .5s;
  403. }
  404.  
  405. #id_store a{
  406. opacity: 0;
  407. transition: .5s ease-out .5s;
  408. }
  409.  
  410. #columns:hover #id_contact ul li span{
  411. opacity: 1;
  412. transition: .5s ease-out .5s;
  413. }
  414.  
  415. #columns:hover #id_contact ul li a{
  416. opacity: 1;
  417. transition: .5s ease-out .5s;
  418. }
  419.  
  420. #columns:hover #id_store a{
  421. opacity: 1;
  422. transition: .5s ease-out .5s;
  423. }
  424.  
  425.  
  426. #id_contact ul li span:hover, #id_contact ul li a:hover, #id_store a:hover{color: white; text-shadow:1px 1px 0px #ff0000,-1px -1px 0px #000000;}
  427.  
  428. #id_contact ul li span:before, #id_contact ul li a:before, #id_store a:before{font-size: 10px;}
  429. #id_contact ul li:nth-of-type(1) span:before, #id_contact ul li:nth-of-type(1) a:before{content: 'friend';}
  430. #id_contact ul li:nth-of-type(2) span:before, #id_contact ul li:nth-of-type(2) a:before{content: 'mail';}
  431. #id_contact ul li:nth-of-type(3) span:before, #id_contact ul li:nth-of-type(3) a:before{content: 'trade';}
  432. #id_store a:before{content: 'store';}
  433.  
  434. #id_contact ul li:nth-child(1) span, #id_contact ul li:nth-child(1) a{left: 0; opacity: 0;}
  435. #id_contact ul li:nth-child(2) span, #id_contact ul li:nth-child(2) a{left: 90px; opacity: 0;}
  436. #id_contact ul li:nth-child(3) span, #id_contact ul li:nth-child(3) a{right: 90px; opacity: 0;}
  437. #id_store a{right: 0; opacity: 0;}
  438.  
  439. /** MEDIA PANEL TRANSITION WORKAROUND **/
  440.  
  441. #columns .media_panel{background: url(https://i.imgbox.com/ueUVm9Tw.gif) no-repeat center center;
  442. height: 30px;
  443. width: 67px;
  444. top: 115px;
  445. left: calc(50% - 40px);
  446. display: block;
  447. font-size: 0;
  448. opacity: 0;
  449. transition: .5s ease-out .5s;
  450. }
  451.  
  452. #columns:hover .media_panel{background: url(https://i.imgbox.com/ueUVm9Tw.gif) no-repeat center center;
  453. height: 30px;
  454. width: 67px;
  455. top: 115px;
  456. left: calc(50% - 40px);
  457. display: block;
  458. font-size: 0;
  459. opacity: 1;
  460. transition: .5s ease-out .5s;
  461. }
  462.  
  463. #columns .media_panel object{height: 400px; width: 400px; position: absolute; bottom: 0; left: 0; opacity: 0;}
  464.  
  465. .panel h2, #id_store div, .premium_sparkle, #avatar_menu+div+div, #footer~script[src*='blockedimage']~script+script+div[style*='display']~div, noscript+script+script+noscript+div[style*='display']~div {
  466. display: none !important;}
  467.  
  468. #gaia_header {display:block !important; position:relative !important; top:0px !important; left:0px !important; width:100% !important; height:25px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important;}
  469. #header_left {display:block !important; position:relative !important; top:0px !important; float:left !important; width:49% !important; height:25px !important; line-height:24px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important; text-align:left !important;}
  470. #header_right {display:block !important; position:relative !important; top:0px !important; right:0px !important; width:49% !important; height:25px !important; line-height:24px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important; text-align:right !important;}
  471. #header_left img {display:inline !important;}
  472. #header_left ul {display:inline !important;}
  473. #header_right ul {display:inline !important;}
  474. #header_left li {display:inline !important;}
  475. #header_right li {display:inline !important;}
  476. #header_left a {display:inline !important;}
  477. #header_right a {display:inline !important;}
  478. * {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement