API tools faq
paste
mik98

red - arri - css

mik98
Mar 24th, 2021 (edited)
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.47 KB | None | 0 0
raw download clone embed print report
  1. body {
  2. background-color: #000;
  3. background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8706400452?profile=original);
  4. background-repeat: repeat;
  5. }
  6.  
  7. html,body{cursor: url(http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png), progress;}
  8.  
  9. #xg_body {
  10. left: auto;
  11. position: fixed!important;
  12. margin-top: -50px;
  13. margin-left: -20px;
  14. }
  15.  
  16. div#xg_ad_below_header, div#xg_ad_below_footer {
  17. display: none!important;
  18. }
  19.  
  20. div#xg_navigation {
  21. visibility: hidden;
  22. position: fixed;
  23. }
  24.  
  25. div.xg_theme #xg_navigation ul li a, .xg_theme #xg_navigation ul {
  26. display: none;
  27. }
  28.  
  29.  
  30. div#xg_masthead {
  31. position: relative;
  32. }
  33.  
  34. div#xn_bar {
  35. display: none;
  36. }
  37.  
  38. #xg_body:before {
  39. content:""; /* CHANGE TEXT HERE */
  40. position: absolute;
  41. top: 135px;
  42. left: 270px;
  43. font: 11px 'Roboto';
  44. color: #000;
  45. text-transform: lowercase;
  46. box-shadow: 8px 8px 8px #222;
  47. text-align: justify;
  48. width: 530px;
  49. height: 385px;
  50. background: #111;
  51. padding-top: 220px!important;
  52. padding: 60px;
  53. box-sizing: border-box;
  54. overflow: hidden;
  55. }
  56.  
  57. div#xg_layout_column_1 {
  58. position: relative;
  59. z-index: 1;
  60. top: 100px;
  61. left: 100px;
  62. width: 800px;
  63. height: auto;
  64. overflow: hidden;
  65. background: #;
  66. }
  67.  
  68. div#xg_layout_column_1:before {
  69. content:"";
  70. position: absolute;
  71. width: 265px;
  72. height: 215px;
  73. top: 65px;
  74. left: 410px;
  75. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8706303892?profile=original);
  76. border-top: 50px solid #222;
  77. border-bottom: 55px solid #222;
  78. box-shadow: 0 0 220px rgba(139, 0, 0, .80) inset;
  79.  
  80. background-size: cover;
  81. border-radius: 10px;
  82. -webkit-filter: grayscale(0.3);
  83. }
  84.  
  85. .notes {
  86. color: #fff;
  87. z-index: 100;
  88. font-family: Roboto;
  89. font-size: 9px;
  90. text-align: center;
  91. text-transform: uppercase;
  92. width: 325px;
  93. height: 150px;
  94. margin-top: 100px;
  95. margin-left: 355px;
  96. overflow: hidden;
  97. font-weight: bold;
  98.  
  99.  
  100. }
  101.  
  102. .xg_3col:after {
  103. z-index: 100;
  104. content:"arrivelasquez"; /* CHANGE TEXT HERE */
  105. position: absolute;
  106. font-family: roboto;
  107. color: #fff;
  108. font-size: 12px;
  109. text-transform: lowercase;
  110. top: 175px;
  111. left: 570px;
  112. width: 120px;
  113. height: 120px;
  114. border-radius:6px;
  115. background: trans;
  116. font-family: robold;
  117. text-transform: uppercase;
  118. color: #8b0000;
  119. font-size: 12px;
  120. letter-spacingP
  121. font-weight: 900;
  122.  
  123. }
  124.  
  125. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  126.  
  127.  
  128.  
  129. .xg_span-16:after{
  130. z-index: 100;
  131. content:""; /* CHANGE TEXT HERE */
  132. position: absolute;
  133. top: 168px;
  134. left: 520px;
  135. width: 40px;
  136. height: 40px;
  137. background: url(https://media3.giphy.com/media/9svY6RWONVCRr7ZkPY/giphy.gif) 0px -10px;
  138. background-size: cover;
  139. border-radius:100px;
  140. -webkit-filter: grayscale(10.3);
  141.  
  142.  
  143.  
  144. }
  145.  
  146. .xg_3col:before {
  147. z-index: 100;
  148. content:"Tuesday, 24th March"; /* CHANGE TEXT HERE */
  149. position: absolute;
  150. font-family: quicksand;
  151. color: #fff;
  152. font-size: 13px;
  153. text-transform: uppercase;
  154. top: 323px;
  155. left: 250px;
  156. width: 180px;
  157. height: 80px;
  158. border-radius:6px;
  159. background: trans;
  160. }
  161.  
  162. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  163.  
  164.  
  165. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  166.  
  167.  
  168. div#xg_layout_column_1:after {
  169. content:"";
  170. position: absolute;
  171. background: rgb(255, 255, 255);
  172. top: 55px;
  173. left: 115px;
  174. width: 205px;
  175. height: 285px;
  176. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8706302684?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  177. background-size: cover;
  178. border: 10px solid #222;
  179. border-radius: 20px;
  180. box-shadow: 0 0 220px rgba(139, 0, 0, .80) inset;
  181.  
  182.  
  183. filter: grayscale(0.1);
  184. }
  185.  
  186. div.module_user_summary:before {
  187. z-index: 100!important;
  188. visibility: visible!important;
  189. content:"";
  190. position: absolute;
  191. top: 280px;
  192. left: 175px;
  193. width: 44px;
  194. height: 44px;
  195. background: url(https://media0.giphy.com/media/GWZbaPSm6yyhkB3fry/giphy.gif) 0px -12px no-repeat; /* CHANGE IMAGE HERE */
  196. background-size: cover;
  197. filter: grayscale(10);
  198. border: 8px solid #222;
  199.  
  200. border-radius: 100px;
  201. }
  202.  
  203. div.module_user_summary:after {
  204. z-index: -100!important;
  205. visibility: visible;
  206. content:"";
  207. position: absolute;
  208. top: 70px;
  209. left: 130px;
  210. width: 45px;
  211. height: 7px;
  212. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8617674873?profile=original) 0px 0px no-repeat; /* CHANGE IMAGE HERE */
  213. background-size: cover;
  214. filter: grayscale(1) brightness(320%);
  215. }
  216.  
  217. div.xg_span-16:before {
  218. visibility: visible!important;
  219. z-index: 100;
  220. content:"12:34"; /* CHANGE TEXT HERE */
  221. position: absolute;
  222. top: 275px;
  223. left: 270px;
  224. width: 200px;
  225. height: 60px;
  226. font: 40px 'quicksand';
  227. font-weight: bold;
  228. overflow: hidden;
  229. box-sizing: border-box;
  230. padding: 10px;
  231. text-transform: uppercase;
  232. background: #trans;
  233. color: #ddd;
  234. }
  235.  
  236. @font-face { font-family:"quicksand"; src: url('https://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  237.  
  238.  
  239. div.module_user_thumbnail:before {
  240. opacity: 100;
  241. visibility: visible;
  242. content:"bio goes here. "; /* CHANGE TEXT HERE */
  243. position: absolute;
  244. z-index: 10;
  245. top: 310px;
  246. left: 200px;
  247. width: 185px;
  248. height: 70px;
  249. font: 10px 'robold';
  250. font-weight: 900;
  251. color: #fff;
  252. overflow: hidden;
  253. text-transform: lowercase;
  254. padding-top: 21px!important;
  255. padding-left: 20px!important;
  256. text-align: center;
  257. padding: 10px;
  258. box-sizing: border-box;
  259. background: rgba(139, 0, 0, 0.5);
  260. border-radius: 10px;
  261. }
  262.  
  263. .likes {
  264. background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/8706422273?profile=original);
  265. background-size: cover;
  266. position: fixed;
  267. z-index: -10;
  268. border-radius: 6px;
  269. margin-top: 100px;
  270. margin-left: 410px;
  271. width: 255px;
  272. height: 16px;
  273. filter: grayscale(10.2);
  274. }
  275.  
  276. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  277.  
  278. @font-face { font-family: "ronda"; src: url('https://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }
  279.  
  280. div.module_user_thumbnail:after {
  281. opacity: 10;
  282. visibility: visible;
  283. content:""; /* CHANGE TEXT HERE */
  284. position: absolute;
  285. top: 60px;
  286. left: 180px;
  287. width: 95px;
  288. height: 10px;
  289. font: 12px 'Roboto';
  290. font-weight: 900;
  291. color: #000;
  292. overflow: hidden;
  293. text-transform: uppercase;
  294. text-align: center;
  295. padding-top: 5px!important;
  296. background: #222;
  297. border-radius: 15px;
  298. }
  299.  
  300. .dy-avatar.dy-avatar-full-width:after {
  301. opacity: 10;
  302. z-index: 100!important;
  303. visibility: visible;
  304. content:""; /* CHANGE TEXT HERE */
  305. position: absolute;
  306. top: 65px;
  307. left: 275px;
  308. width: 30px;
  309. height: 1px;
  310. font: 12px 'Roboto';
  311. font-weight: 900;
  312. color: #000;
  313. overflow: hidden;
  314. text-transform: uppercase;
  315. text-align: center;
  316. padding-top: 5px!important;
  317. padding: 10px;
  318. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8617660873?profile=original);
  319. background-size: cover;
  320. filter: grayscale(1)contrast(10%)brightness(280%);
  321.  
  322. }
  323.  
  324. div#xg_layout_column_1:hover div.module_user_thumbnail:before, div#xg_layout_column_1:hover div.module_user_thumbnail:after, div#xg_layout_column_1:hover .dy-avatar.dy-avatar-full-width:after {
  325. opacity: 1;
  326. }
  327.  
  328. .dy-avatar.dy-avatar-full-width:before {
  329. visibility: visible;
  330. z-index: -100;
  331. content:""; /* CHANGE TEXT HERE */
  332. position: absolute;
  333. top: 295px;
  334. left: 130px;
  335. width: 200px;
  336. height: 45px;
  337. font: 20px 'Montserrat';
  338. font-weight: bold;
  339. text-align: center;
  340. overflow: hidden;
  341. box-sizing: border-box;
  342. line-height: 30px;
  343. padding: 10px;
  344. text-transform: uppercase;
  345. background: url(https://storage.ning.com/topology/rest/1.0/file/get/8617749863?profile=original);
  346. background-size: cover;
  347. filter: grayscale(1)contrast(80%)brightness(180%);
  348. color: #fff;
  349. }
  350.  
  351. .title {
  352. color: #8b0000;
  353. font-family: robold;
  354. font-style: noraml;
  355. position: fixed;
  356. font-size: 10px;
  357. line-height: 25px;
  358. text-transform: uppercase;
  359. width: 365px;
  360. height: 310px;
  361. margin-top: 110px;
  362. margin-left: 404px;
  363. overflow: hidden;
  364. padding: 10px;
  365. border: 0px solid #fff;
  366.  
  367. }
  368.  
  369.  
  370. .caption {
  371. color: #fff;
  372. font-family: roboto;
  373. font-style: noraml;
  374. position: fixed;
  375. font-size: 10px;
  376. line-height: 25px;
  377. text-transform: lowercase;
  378. width: 365px;
  379. height: 310px;
  380. margin-top: 110px;
  381. margin-left: 480px;
  382. overflow: hidden;
  383. padding: 10px;
  384. border: 0px solid #fff;
  385.  
  386. }
  387.  
  388. .quote {
  389. color: #fff;
  390. font-family: sr;
  391. font-style: noraml;
  392. position: fixed;
  393. font-size: 45px;
  394. line-height: 25px;
  395. text-transform: lowercase;
  396. width: 285px;
  397. text-align: center;
  398. height: 310px;
  399. margin-top: 135px;
  400. margin-left: 90px;
  401. overflow: hidden;
  402. padding: 10px;
  403. border: 0px solid #fff;
  404.  
  405. }
  406.  
  407. @font-face { font-family: sr; src: url('https://dl.dropboxusercontent.com/s/ctk5xx66kg93rog/Stay%20Rad%20-%20Demo.ttf') ;}
  408.  
  409. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  410.  
  411.  
  412. @font-face {font-family: housky; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/418gosng3fzj9d0/Housky%20Demo.ttf);}
  413.  
  414.  
  415. @font-face { font-family: "nouvelle vague"; src: url('https://dl.dropboxusercontent.com/s/o94aqv6kpx8mbri/nouvelle_vague_final.ttf'); }
  416.  
  417.  
  418. div#xg_layout_column_2 {
  419. position: absolute;
  420. z-index: 100!important;
  421. width: 820px;
  422. height: 40px;
  423. top: 70px;
  424. font-size: 11px;
  425. left: 9%;
  426. background: #trans;
  427. font-family:'Roboto';
  428. color: #fff;
  429. -moz-transition: all 0.5s ease-out;
  430. -o-transition: all 0.5s ease-out;
  431. }
  432.  
  433. div.module_user_summary {
  434. visibility: hidden;
  435. }
  436.  
  437.  
  438. .dy-avatar.dy-avatar-full-width {
  439. z-index: -1!important;
  440. width: 900px;
  441. margin-left: 0px;
  442. margin-top: 0px;
  443. height: 30px;
  444. background: #trans;
  445. }
  446.  
  447.  
  448.  
  449. img#xj_photo_img_tag {
  450. visibility: hide;
  451. z-index: 1!important;
  452. width: 28px!important;
  453. height: 28px!important;
  454. margin-left: 480px;
  455. margin-top: 67px;
  456. border-radius: 100px;
  457. filter: grayscale(1);
  458.  
  459. }
  460.  
  461. div.xg_span-16 {
  462. visibility: visible;
  463. z-index: -1!important;
  464. }
  465.  
  466. div.xg_3col {
  467. visibility: visible;
  468. }
  469.  
  470. /* POP UP + BUTTON COLOURS */
  471.  
  472. .xg_floating_container.xg_lightborder {
  473. background-color: rgb(132, 132, 132);
  474. }
  475.  
  476. input.button.action-primary {
  477. background-color: rgb(85, 85, 85);
  478. }
  479.  
  480. p.buttongroup {
  481. background-color: rgb(170, 170, 170);
  482. padding: 5px;
  483. }
  484.  
  485. a.xj_cancel.action-secondary {
  486. color: rgb (255, 255, 255);
  487. }
  488.  
  489. /* REMOVED CODES */
  490.  
  491. .online {
  492. display: none;
  493.  
  494. }
  495.  
  496. .xg_module_body.profile.vcard {
  497. display: none;
  498. }
  499.  
  500. .account-links {
  501. display: none;
  502.  
  503. }
  504.  
  505. #xg_foot {
  506. display: none;
  507. }
  508.  
  509. p.left {
  510. display: none;
  511. }
  512.  
  513. p.right.xg_lightfont {
  514. display: none;
  515. }
  516.  
  517. #xg_sitedesc {
  518. display: none;
  519. }
  520.  
  521. #xg_sitename {
  522. display: none;
  523. }
  524.  
  525. img.poweredbyLogo {
  526. display: none;
  527. }
  528.  
  529. .xg_module_head {
  530. display: auto;
  531. border-bottom: 0px solid #fff!important;
  532. }
  533.  
  534. #xg_profile_activity{
  535. display:none;
  536. }
  537.  
  538. .xg_sprite {
  539. background: transparent;
  540. }
  541.  
  542. a.send-message-link {
  543. display: none;
  544. }
  545.  
  546. dd.profile-like-button {
  547. display: none;
  548. }
  549.  
  550. dd.profile-social-buttons {
  551. display: none;
  552. }
  553.  
  554. .module_blog {
  555. display: none!important;
  556. }
  557.  
  558. a.xj_block_messages {
  559. display: none;
  560. }
  561.  
  562. h1, h2, h3, #xj_approvalBox, .module_groups, .xg_sprite.xg_sprite-add, .xg_module_comment_wall, .xg_chatBar, .xg_span-5, .module_feed, .module_about_user, .module_members, #xj_module_gift {
  563. display: none;
  564. }
  565.  
  566. ul.nobullets.last-child {
  567. display: none;
  568. }
  569.  
  570. span.fn {
  571. display: none;
  572. }
  573.  
  574. span.fn:before {
  575. content:"";
  576. }
  577.  
  578. a.xj_appearance_editor_profile {
  579. display: none;
  580. }
  581.  
  582. .xg_module.topmsg.birthday_msg {
  583. display: none!important;
  584. }
  585.  
  586. /* TEXT + LINK CODES*/
  587.  
  588. a#add-as-friend-link {
  589. position: fixed;
  590. font-size: 20px;
  591. font-weight: 900;
  592. font-family: 'Playfair Display';
  593. margin-top: 89px;
  594. margin-left: -120px;
  595. letter-spacing: 2px;
  596. text-transform: uppercase;
  597. text-align: right;
  598. color: rgb(255, 255, 255)!important;
  599. -webkit-transition: ease-in-out 0.6s;
  600. -webkit-transition-duration: 700ms;
  601. text-shadow: 0px 2px 2px #111111;
  602. transform: rotate(-90deg);
  603. }
  604.  
  605. #xg_body a {
  606. color: auto!important;
  607. background-color: transparent;
  608. font-style: normal;
  609. -webkit-transition: 1s;
  610.  
  611. }
  612.  
  613. p {
  614. color: auto!important;
  615. font-size: 11px;
  616. font-family: 'Tahoma';
  617. }
  618.  
  619.  
  620. ::selection {
  621. background: #c6f3f5;
  622. color: #ffffff;
  623. }
  624.  
  625. ::-webkit-scrollbar {
  626. width: 4px;
  627. height: 0px;
  628. background: transparent;
  629. }
  630.  
  631. ::-webkit-scrollbar-thumb {
  632. background: #aaa;
  633. border-radius: 4px;
  634. }
  635.  
  636. ::-webkit-scrollbar-corner {
  637. background: transparent;
  638. }
  639.  
  640.  
  641. #links {
  642. z-index: 100!important;
  643. position: fixed;
  644. overflow: hidden;
  645. font: 1px 'Roboto';
  646. text-transform: lowercase;
  647. margin-top: -135px;
  648. margin-left: 350px;
  649. text-align: left;
  650. width: 50px;
  651. height: 215px!important;
  652. background: #trans;
  653. line-height: 45px;
  654. filter: grayscale(0.5);
  655. }
  656.  
  657. #links a {
  658. color: rgb(128, 0, 0)!important;
  659. margin-left: 20px;
  660. padding-left:10px;
  661. padding: 5px;
  662. -webkit-transition: all 0.7s ease;
  663. }
  664.  
  665.  
  666. #links a {
  667. color: trans!important;
  668. background: trans;
  669. border: 2px solid rgb(128, 0, 0);
  670.  
  671. border-radius: 100%;
  672. padding: 6px;
  673. margin: 10px;
  674. -webkit-transition: all 0.7s ease;
  675. }
  676.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!