API tools faq
paste
mik98

seraphic - css

mik98
Feb 19th, 2025
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  1. body { background-image:url();)!important;}
  2.  
  3.  
  4. #xg_body a { color: #fff;
  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: -40px;
  15. margin-top: 20px;
  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-color: #566D7E;!important; z-index: 1px; width: 400px; height: 380px; left: 450px; top: 150px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid;}
  31.  
  32. #container2 { background-color: #181818;!important; z-index: 1px; width: 400px; height: 400px; left: 290px; top: 70px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-left: 90px #111 solid;}
  33.  
  34. #container3 { background-color: #191919;!important; z-index: 1px; width: 360px; height: 360px; left: 200px; top: 10px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid;}
  35.  
  36. #container4 { background-color: #trans;!important; z-index: 1px; width: 90px; height: 400px; left: 290px; top: 70px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid;}
  37.  
  38. #container5 { background-color: #trans;!important; z-index: 1px; width: 490px; height: 400px; left: 290px; top: 70px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid;}
  39.  
  40. #contain {
  41. position: absolute;
  42. width: 85px;
  43. height: 370px;
  44. margin-left: 282px;
  45. margin-top: 73px;
  46. background: #trans;
  47. overflow: auto;
  48. padding: 10px;
  49. border-radius: 6px;
  50. border-top: 0px #fff solid;
  51.  
  52.  
  53.  
  54. }
  55.  
  56.  
  57. .view {
  58. width: 60px;
  59. height: 60px;
  60. top: -10px;
  61. margin: 7px;
  62. float: left;
  63. overflow: hidden;
  64. position: relative;
  65. text-align: center;
  66. box-shadow: 0px 1px 1px 0px #trans;
  67. filter: grayscale(0.3) brightness(80%) contrast(100%);
  68. border: 2px #566D7E double;
  69. border-radius: 6px;
  70.  
  71.  
  72. }
  73.  
  74. .view .mask,.view .content {
  75. width: 60px;
  76. height: 60px;
  77. position: absolute;
  78. overflow: hidden;
  79. top: 0;
  80. left: 0;
  81. }
  82.  
  83. .view img {
  84. top: -5px;
  85. left: -8px;
  86. width: 60px!important;
  87. height: 60px!important;
  88. display: block;
  89. position: relative;
  90. border-radius: 0px;
  91. }
  92.  
  93. .view .bio {
  94. overflow: auto;
  95. font-family: 'caviar dreams';
  96. font-size: 5px!important;
  97. font-style: normal;
  98. position: relative;
  99. color: #fff!important;
  100. padding: 0px 10px -5px;
  101. text-align: center;
  102. height: 30px!important;
  103. text-transform: lowercase;
  104. letter-spacing: 0px;
  105. font-weight: 1000;
  106.  
  107. }
  108.  
  109. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  110.  
  111. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  112.  
  113.  
  114.  
  115. .view .info {
  116. margin-top: 5px;
  117. display: inline-block;
  118. text-decoration: none;
  119. padding: 7px;
  120. color: #566D7E;
  121. font-size: 6px;
  122. text-transform: uppercase;
  123. letter-spacing: 0px;
  124. }
  125.  
  126. .view-tenth img {
  127. -webkit-transform: scaleY(1);
  128. -moz-transform: scaleY(1);
  129. -o-transform: scaleY(1);
  130. -ms-transform: scaleY(1);
  131. transform: scaleY(1);
  132. -webkit-transition: all 0.7s ease-in-out;
  133. -moz-transition: all 0.7s ease-in-out;
  134. -o-transition: all 0.7s ease-in-out;
  135. -ms-transition: all 0.7s ease-in-out;
  136. transition: all 0.7s ease-in-out;
  137. }
  138. .view-tenth .mask {
  139. background-color: #111;
  140. -webkit-transition: all 0.5s linear;
  141. -moz-transition: all 0.5s linear;
  142. -o-transition: all 0.5s linear;
  143. -ms-transition: all 0.5s linear;
  144. transition: all 0.5s linear;
  145. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  146. filter: alpha(opacity=0);
  147. opacity: 0;
  148. }
  149.  
  150. .view-tenth .bio {
  151. color: #333;
  152. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  153. filter: alpha(opacity=0);
  154. opacity: 0;
  155. -webkit-transform: scale(0);
  156. -moz-transform: scale(0);
  157. -o-transform: scale(0);
  158. -ms-transform: scale(0);
  159. transform: scale(0);
  160. -webkit-transition: all 0.5s linear;
  161. -moz-transition: all 0.5s linear;
  162. -o-transition: all 0.5s linear;
  163. -ms-transition: all 0.5s linear;
  164. transition: all 0.5s linear;
  165. }
  166. .view-tenth .info {
  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:hover img {
  182. -webkit-transform: scale(10);
  183. -moz-transform: scale(10);
  184. -o-transform: scale(10);
  185. -ms-transform: scale(10);
  186. transform: scale(10);
  187. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  188. filter: alpha(opacity=0);
  189. opacity: 0;
  190. }
  191. .view-tenth:hover .mask {
  192. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  193. filter: alpha(opacity=100);
  194. opacity: 1;
  195. }
  196. .view-tenth:hover .bio,.view-tenth:hover .info {
  197. -webkit-transform: scale(1);
  198. -moz-transform: scale(1);
  199. -o-transform: scale(1);
  200. -ms-transform: scale(1);
  201. transform: scale(1);
  202. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  203. filter: alpha(opacity=100);
  204. opacity: 1;
  205. }
  206.  
  207. #title { background-color: #trans; !important; z-index: 1px; width: 305px; height: 45px; left: 110px; 90px; top: 180px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); letter-spacing: 0px; font-size:60px; text-align: left; padding-top: 10px; font-family: qwenzy; text-transform: normal; line-height: 10px; font-weight: 1900; background: #trans; -webkit-transform: rotate(-90deg); color: #566D7E;
  208. }
  209.  
  210. #image1 { background-image: url(https://64.media.tumblr.com/929a626a89a54c22a2fdcaf57c39a201/d15c3af8d9a4213c-16/s400x600/bed909f68ec18f3449db69e42cfbcae46773efb0.gifv); !important; z-index: 1px; width: 65px; height: 65px; left: 480px; top: 102px; border-radius: 6px; position: absolute; border: 1px #444 solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 8px; text-align: right; padding: 10px; transform: rotate(-10deg); }
  211.  
  212.  
  213. #image2 { background-image: url(https://64.media.tumblr.com/108c5f40ce791573037e24854fb609ea/a2efc06bf44b860e-a5/s1280x1920/06c6138b60b46966272c2bc625c4dd797e710147.jpg); !important; z-index: 1px; width: 45px; height: 45px; left: 550px; top: 140px; border-radius: 6px; position: absolute; border: 1px #444 solid;background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 8px; text-align: right; padding: 10px; transform: rotate(15deg); }
  214.  
  215.  
  216. #essay { background-color: #trans; z-index: 1px; width: 225px; height: 200px; left: 410px; 90px; top: 195px; border-radius: 0px; position: absolute; border: 0px solid #444; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: justify; font-size: 5px; line-height: 18px; letter-spacing: 2px; color: #566D7E;}
  217.  
  218. #image3 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13427179293?profile=original); !important; z-index: 1px; width: 190px; height: 285px; left: 710px; top: 192px; border-radius: 0px; position: absolute; border: 0px #555 solid;background-size: cover; filter: contrast(100%) grayscale(100%) brightness(60%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  219.  
  220. #line { background-color: #566D7E;!important; z-index: 1px; width: 110px; height: 1px; left: 240px; top: 40px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 0px #333 solid;}
  221.  
  222. #links2 { background-color: #trans; z-index: 1px; width: 225px; height: 200px; left: 345px; 90px; top: 2px; border-radius: 0px; position: absolute; border: 0px solid #444; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: justify; font-size: 5px; line-height: 18px; letter-spacing: 1px; color: #566D7E; word-spacing: 10px; }
  223.  
  224. #music { background-color: #191919;!important; z-index: 1px; width: 135px; height: 35px; left: 585px; top: 0px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid; font-family: poppins; padding-top: 15px; padding-left: 30px; text-align: center; font-size: 7px; line-height: 10px; letter-spacing: 2px; color: #566D7E; text-transform: uppercase;}
  225.  
  226. .music b, strong {color: #AAA; font-family: poppins; font-size:5px; font-weight: 1200; opacity: 100%; line-height: 14px; letter-spacing: 2px; font-style: normal;}
  227.  
  228. #play { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13463570871?profile=original); !important; z-index: 1px; width: 10px; height: 10px; left: 10px; top: 10px; border-radius: 6px; position: absolute; border: 1px #444 solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(90%); color: #eee; letter-spacing: 1px; font-size: 8px; text-align: right; padding: 10px; transform: rotate(0deg); }
  229.  
  230. #ooc { background-color: #191919;!important; z-index: 1px; width: 135px; height: 35px; left: 265px; top: 490px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #333 solid; font-family: poppins; padding-top: 15px; padding-left: 30px; text-align: center; font-size: 7px; line-height: 10px; letter-spacing: 2px; color: #566D7E; text-transform: uppercase; font-style: normal;}
  231.  
  232. #ooc2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13463572271?profile=original); !important; z-index: 1px; width: 10px; height: 10px; left: 275px; top: 500px; border-radius: 6px; position: absolute; border: 1px #444 solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(90%); color: #eee; letter-spacing: 1px; font-size: 8px; text-align: right; padding: 10px; transform: rotate(0deg); }
  233.  
  234.  
  235. #link {
  236. display: inline-block;
  237. position: absolute;
  238. width: 10px;
  239. height: 240px;
  240. -webkit-transition-duration: 0.8s;
  241. -moz-transition-duration: 0.8s;
  242. opacity: 0.7;
  243. margin-top: 110px;
  244. margin-left: 670px;
  245. padding: 0px 15px 10px 0px;
  246. line-height: 0px;
  247. -webkit-filter: grayscale(10) brightness(21220%) contrast(20%);
  248. border-radius:6px;
  249. text-align: center;
  250.  
  251.  
  252. }
  253.  
  254. #link a.links {
  255. display: inline-block;
  256. width: 55px;
  257. height: 65px;
  258. text-align: center;
  259. text-transform: uppercase;
  260. text-align: center;
  261. line-height: 10px;
  262. color: #fff;
  263. text-shadow: 0px 0px 6px #trans;
  264. font-size: 7px;
  265. letter-spacing: 1px;
  266. font-family: 'roboto';
  267. -webkit-transition: all 0.5s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. -o-transition: all 0.5s ease-in-out;
  270. -ms-transition: all 0.5s ease-in-out;
  271. transition: all 0.5s ease-in-out;
  272. margin: 10px;
  273. -webkit-filter: grayscale(10) contrast(80%);
  274.  
  275. }
  276.  
  277. /****deleted codes****/
  278.  
  279. 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; }
  280.  
  281. /****fonts****/
  282.  
  283. @font-face { font-family: qwenzy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/5by6d7bk0k6fkoj/Qwenzy.ttf); }
  284.  
  285. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  286.  
  287. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  288.  
  289. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
  290.  
  291. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  292.  
  293.  
  294. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  295.  
  296. @font-face {font-family: noteworthy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf); }
  297.  
  298.  
  299. @font-face {font-family: soulmaze; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);}
  300.  
  301.  
  302. @font-face {
  303. font-family: HelveticaNeueLight;
  304. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  305. }
  306.  
  307. @font-face {
  308. font-family: HelveticaNeueBold;
  309. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  310. }
  311.  
  312.  
  313. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  314.  
  315.  
  316. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  317.  
  318.  
  319.  
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!