API tools faq
paste
mik98

take me back - css

mik98
Jan 21st, 2026
26
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 KB | None | 0 0
raw download clone embed print report
  1. body { background-color:#000!important;}
  2.  
  3.  
  4. #xg_body a { color: #FFD700;
  5. }
  6.  
  7. #xg_body a:hover { color: #aaa;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #aaa;
  12. font-family: poppins;
  13. font-size: 12px;
  14. margin-left: -100px;
  15. margin-top: 40px;
  16. width: 1200px;
  17. height: 500px;
  18. }
  19.  
  20. ::-webkit-scrollbar {
  21. display: none;
  22. }
  23.  
  24. /****html****/
  25.  
  26. #code { height: 1500px;}
  27.  
  28.  
  29.  
  30. #container { background: linear-gradient(0deg, #1F140D, #3D2E25, #7D665B);
  31. linear-gradient(90deg, #1F140D, #3D2E25, #7D665B);
  32. linear-gradient(180deg,#1F140D, #3D2E25, #7D665B);
  33. linear-gradient(270deg,#1F140D, #3D2E25, #7D665B);
  34.  
  35. linear-gradient(45deg, #1F140D, #3D2E25, #7D665B);
  36. linear-gradient(135deg, #1F140D, #3D2E25, #7D665B);
  37. linear-gradient(225deg, #1F140D, #3D2E25, #7D665B);
  38. linear-gradient(315deg, #1F140D, #3D2E25, #7D665B);
  39.  
  40. radial-gradient(#1F140D, #3D2E25, #7D665B);; padding: 60px; z-index: 1px; width: 700px; height: 480px; left: 250px; top: 40px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-left: 200px #111 solid; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-sizing: border-box;}
  41.  
  42. #container2 { background-color: #111!important; z-index: 1px; width: 535px; height: 50px; left: 380px; top: 60px; border-radius: 10px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  43.  
  44. #pfp { background-image: url(https://i.pinimg.com/736x/7e/01/dc/7e01dcf265b874a562152a09d9b62d2e.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 410px; top: 70px; border-radius: 100px; position: absolute; filter: grayscale(100%) brightness(100%); background-size: cover; border: 10px #111 solid; }
  45.  
  46. #title { background-color: #trans!important; z-index: 1px; width: 605px; height: 35px; left: -10px; 90px; top: 180px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 4px; font-size: 55px; text-align: left; padding-top: 0px; font-family: kanit; text-transform: uppercase; color: #fff; line-height: 10px; transform: rotate(-90deg); -webkit-text-fill-color: #111; -webkit-text-stroke: 1px}
  47.  
  48. #title2 { background-color: #trans!important; z-index: 1px; width: 605px; height: 35px; left: 10px; 90px; top: 160px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 4px; font-size: 80px; text-align: left; padding-top: 0px; font-family: collection; text-transform: lowercase; color: #7D665B; line-height: 10px; transform: rotate(-90deg); word-spacing: 32px;}
  49.  
  50. #image1 { background-image:url(https://storage.ning.com/topology/rest/1.0/file/get/31053534697?profile=original)!important; z-index:10; width:300px; height:400px; left:240px; top:75px; border-radius:0px; position:absolute; border:0px solid #fff; background-size:cover; filter:contrast(100%) grayscale(0%) brightness(80%); color:#bcdfa3; letter-spacing:2px; font-family:herrmes; font-size:74px; text-align:center; padding:10px; overflow:hidden; transform: rotate(0deg); font-weight: 1; }
  51.  
  52. #scroll { background-color: #trans; z-index: 1px; width: 250px; height: 0px; left: 640px; 90px; top: 112px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 10px; text-align: justify; font-size: 7px; line-height: 0px; letter-spacing: 8px; color: #fff; transform: rotate(0deg); font-style: normal;
  53. }
  54.  
  55. #contain {
  56. position: absolute;
  57. width: 285px;
  58. height: 350px;
  59. margin-left: 605px;
  60. margin-top: 130px;
  61. background: #111;
  62. overflow: auto;
  63. padding: 10px;
  64. border-radius: 6px;
  65. border-top: 0px #222 solid;
  66.  
  67.  
  68.  
  69. }
  70.  
  71.  
  72. .view {
  73. width: 75px;
  74. height: 100px;
  75. top: 0px;
  76. margin: 7px;
  77. float: left;
  78. overflow: hidden;
  79. position: relative;
  80. text-align: center;
  81. box-shadow: 0px 1px 1px 0px #trans;
  82. filter: grayscale(10.3) brightness(60%) contrast(100%);
  83. border: 2px #8B5C59 double;
  84. border-radius: 6px;
  85.  
  86.  
  87. }
  88.  
  89. .view .mask,.view .content {
  90. width: 75px;
  91. height: 100px;
  92. position: absolute;
  93. overflow: hidden;
  94. top: 0;
  95. left: 0;
  96. }
  97.  
  98. .view img {
  99. top: -5px;
  100. left: -8px;
  101. width: 75px!important;
  102. height: 100px!important;
  103. display: block;
  104. position: relative;
  105. border-radius: 0px;
  106. }
  107.  
  108. .view .bio {
  109. overflow: auto;
  110. font-family: 'caviar dreams';
  111. font-size: 7px!important;
  112. font-style: normal;
  113. position: relative;
  114. color: #fff!important;
  115. padding: 0px 20px -5px;
  116. text-align: center;
  117. height: 30px!important;
  118. text-transform: lowercase;
  119. letter-spacing: 0px;
  120. font-weight: 1000;
  121.  
  122. }
  123.  
  124. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  125.  
  126. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  127.  
  128.  
  129.  
  130. .view .info {
  131. margin-top: 15px;
  132. display: inline-block;
  133. text-decoration: none;
  134. padding: 9px;
  135. color: #fff;
  136. font-size: 7px;
  137. text-transform: uppercase;
  138. letter-spacing: 0px;
  139. }
  140.  
  141. .view-tenth img {
  142. -webkit-transform: scaleY(1);
  143. -moz-transform: scaleY(1);
  144. -o-transform: scaleY(1);
  145. -ms-transform: scaleY(1);
  146. transform: scaleY(1);
  147. -webkit-transition: all 0.7s ease-in-out;
  148. -moz-transition: all 0.7s ease-in-out;
  149. -o-transition: all 0.7s ease-in-out;
  150. -ms-transition: all 0.7s ease-in-out;
  151. transition: all 0.7s ease-in-out;
  152. }
  153. .view-tenth .mask {
  154. background-color: #222;
  155. -webkit-transition: all 0.5s linear;
  156. -moz-transition: all 0.5s linear;
  157. -o-transition: all 0.5s linear;
  158. -ms-transition: all 0.5s linear;
  159. transition: all 0.5s linear;
  160. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  161. filter: alpha(opacity=0);
  162. opacity: 0;
  163. }
  164.  
  165. .view-tenth .bio {
  166. color: #333;
  167. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  168. filter: alpha(opacity=0);
  169. opacity: 0;
  170. -webkit-transform: scale(0);
  171. -moz-transform: scale(0);
  172. -o-transform: scale(0);
  173. -ms-transform: scale(0);
  174. transform: scale(0);
  175. -webkit-transition: all 0.5s linear;
  176. -moz-transition: all 0.5s linear;
  177. -o-transition: all 0.5s linear;
  178. -ms-transition: all 0.5s linear;
  179. transition: all 0.5s linear;
  180. }
  181. .view-tenth .info {
  182. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  183. filter: alpha(opacity=0);
  184. opacity: 0;
  185. -webkit-transform: scale(0);
  186. -moz-transform: scale(0);
  187. -o-transform: scale(0);
  188. -ms-transform: scale(0);
  189. transform: scale(0);
  190. -webkit-transition: all 0.5s linear;
  191. -moz-transition: all 0.5s linear;
  192. -o-transition: all 0.5s linear;
  193. -ms-transition: all 0.5s linear;
  194. transition: all 0.5s linear;
  195. }
  196. .view-tenth:hover img {
  197. -webkit-transform: scale(10);
  198. -moz-transform: scale(10);
  199. -o-transform: scale(10);
  200. -ms-transform: scale(10);
  201. transform: scale(10);
  202. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  203. filter: alpha(opacity=0);
  204. opacity: 0;
  205. }
  206. .view-tenth:hover .mask {
  207. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  208. filter: alpha(opacity=100);
  209. opacity: 1;
  210. }
  211. .view-tenth:hover .bio,.view-tenth:hover .info {
  212. -webkit-transform: scale(1);
  213. -moz-transform: scale(1);
  214. -o-transform: scale(1);
  215. -ms-transform: scale(1);
  216. transform: scale(1);
  217. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  218. filter: alpha(opacity=100);
  219. opacity: 1;
  220. }
  221.  
  222. #essay { background-color: #trans; z-index: 1px; width: 100px; height: 223px; left: 450px; 90px; top: 120px; border-radius: 0px; position: absolute; border: 0px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: justify; font-size: 5px; line-height: 15px; letter-spacing: 1px; color: #fff;
  223. }
  224.  
  225. .essay b, strong {color: #8B5C59; font-family: poppins; font-size:5px; font-weight: 1200; opacity: 100%; line-height: 14px; letter-spacing: 1px; font-style: italic;}
  226.  
  227. #title3 { background-color: #trans!important; z-index: 1px; width: 605px; height: 35px; left: 500px; 90px; top: 80px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 1px; font-size: 30px; text-align: left; padding-top: 0px; font-family: kanit; text-transform: uppercase; color: #222; line-height: 10px; transform: rotate(0deg); -webkit-text-fill-color: #7D665B; -webkit-text-stroke: 1px}
  228.  
  229. #link {
  230. display: inline-block;
  231. position: absolute;
  232. width: 140px;
  233. height: 10px;
  234. -webkit-transition-duration: 0.8s;
  235. -moz-transition-duration: 0.8s;
  236. opacity: 0.7;
  237. margin-top: 67px;
  238. margin-left: 765px;
  239. padding: 0px 15px 10px 0px;
  240. line-height: 0px;
  241. -webkit-filter: grayscale(10) brightness(21220%) contrast(20%);
  242. border-radius:6px;
  243. text-align: center;
  244.  
  245.  
  246. }
  247.  
  248. #link a.links {
  249. display: inline-block;
  250. width: 25px;
  251. height: 25px;
  252. text-align: center;
  253. text-transform: uppercase;
  254. text-align: center;
  255. line-height: 0px;
  256. color: #fff;
  257. text-shadow: 0px 0px 6px #FFFFFF;
  258. font-size: 0px;
  259. font-family: 'beckman';
  260. -webkit-transition: all 0.5s ease-in-out;
  261. -moz-transition: all 0.5s ease-in-out;
  262. -o-transition: all 0.5s ease-in-out;
  263. -ms-transition: all 0.5s ease-in-out;
  264. transition: all 0.5s ease-in-out;
  265. margin: 0px;
  266. -webkit-filter: grayscale(10) contrast(80%);
  267.  
  268. }
  269.  
  270.  
  271. @font-face {font-family: kanit; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d7m5s3os2884104/Kanit-Black.ttf);}
  272.  
  273. @font-face{font-family:'collection';src:url('https://static.tumblr.com/uopakca/nGSq4csw6/collectionfree.otf');}
  274.  
  275.  
  276. @font-face { font-family: "shoppingscript"; src: url('https://dl.dropboxusercontent.com/s/e7qp7hl7wyjrvne/shopping_script_demo.ttf?dl=0'); format("truetype");}
  277.  
  278.  
  279.  
  280. @font-face { font-family: "hollanda"; src: url('https://dl.dropboxusercontent.com/s/5ez5g189i6aozdi/Hollanda.ttf'); ;}
  281.  
  282. /****deleted codes****/
  283.  
  284. h1, h2, h3 {display:none} #xg_head, #xg_foot{display:none} #xg_layout_column_1 {display:none} .xg_module.xg_module_comment_wall {display:none} .xg_span-5 {display:none} ul.nobullets.last-child {display:none} .xg_chat.chatFooter {display:none} li.right {display:none} #xn_bar {display:none} #xn_bar_menu_tabs, #xn_bar_menu_more, p#xn_gyo_link, p#xn_brand{ display:none !important; }
  285.  
  286. /****fonts****/
  287.  
  288. @font-face { font-family: qwenzy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/5by6d7bk0k6fkoj/Qwenzy.ttf); }
  289.  
  290. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  291.  
  292. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  293.  
  294. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
  295.  
  296. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  297.  
  298.  
  299. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  300.  
  301. @font-face {font-family: noteworthy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf); }
  302.  
  303.  
  304. @font-face {font-family: soulmaze; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);}
  305.  
  306.  
  307. @font-face {
  308. font-family: HelveticaNeueLight;
  309. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  310. }
  311.  
  312. @font-face {
  313. font-family: HelveticaNeueBold;
  314. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  315. }
  316.  
  317.  
  318. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  319.  
  320.  
  321.  
  322.  
  323.  
Advertisement
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!