API tools faq
paste
mik98

flames - css

mik98
Jan 28th, 2025
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. body { background-image: url(https://img.freepik.com/premium-vector/notebook-sheet-background-back-school-vector-background-cage-notebook-sheet_694351-303.jpg)!important;
  2.  
  3. background-repeat:repeat;}
  4.  
  5. #xg_body a { color: #fff;
  6. }
  7.  
  8. #xg_body a:hover { color: #fcb045;
  9. }
  10.  
  11. #xg_layout_column_2 { background: #trans;
  12. font-color: #fcb045;
  13. font-family: poppins;
  14. font-size: 12px;
  15. margin-left: -40px;
  16. margin-top: 30px;
  17. width: 1200px;
  18. height: 500px;
  19. }
  20.  
  21. ::-webkit-scrollbar {
  22. display: none;
  23. }
  24.  
  25. /****html****/
  26.  
  27. #code { height: 1500px;}
  28.  
  29.  
  30.  
  31. #container { background-image: linear-gradient(#fcb045, #8e0606);
  32. !important; z-index: 1px; width: 660px; height: 50px; left: 185px; top: 50px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border: 1px #fff solid; border-bottom: 345px #fff solid;}
  33.  
  34. #container2 { background-color: #F8F8F8;!important; z-index: 1px; width: 325px; height: 283px; left: 520px; top: 102px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; border-top: 60px #fff solid; }
  35.  
  36.  
  37. #essay { background-color: #fff; z-index: 1px; width: 130px; height: 223px; left: 655px; 90px; top: 162px; border-radius: 0px; position: absolute; border: 1px solid #ddd; text-transform: uppercase; font-family: poppins; padding: 30px; text-align: justify; font-size: 5px; line-height: 14px; letter-spacing: 1px; color: #fcb045;
  38. }
  39.  
  40. .essay b, strong {color: #8e0606; font-family: poppins; font-size:5px; font-weight: 1200; opacity: 100%; line-height: 14px; letter-spacing: 1px; font-style: italic;}
  41.  
  42. #png { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13429941684?profile=original); !important; z-index: 1px; width: 155px; height: 75px; left: 500px; top: 340px; border-radius: 0px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(90%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px;
  43. }
  44.  
  45. #title { background-color: #trans; !important; z-index: 1px; width: 395px; height: 105px; left: 345px; 90px; top: 120px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #8e0606; letter-spacing: 1px; font-size:22px; text-align: right; padding: 10px; font-family: noteworthy; text-transform: normal; line-height: 13px; font-weight: 1900; -webkit-text-stroke: 1px #8e0606;}
  46.  
  47. @font-face { font-family:'buffalo'; src: url(https://static.tumblr.com/v6akjgz/QAXringwi/buffaloinline2grunge.ttf); }
  48.  
  49. @font-face { font-family:kids school; src: url(https://static.tumblr.com/v6akjgz/7Fyqf9rze/kids_school.otf); }
  50.  
  51. #refresh { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 183px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }
  52.  
  53. #comment { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 223px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }
  54.  
  55. #forum { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 263px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }
  56.  
  57. #leave { background-color: #8e0606; z-index: 1px; width: 100px; height: 22px; left: 536px; 90px; top: 303px; border-radius: 0px; position: absolute; border: 1px solid #fcb045; text-transform: lowercase; font-family:kids school; padding-top: 6px; text-align: center; font-size: 13px; font-color: #fcb045; letter-spacing: 1px; }
  58.  
  59. #pfp { background-image: url(https://64.media.tumblr.com/70eeb962e35af976052133200caf238a/c15256b5d3fc42be-c3/s1280x1920/129235d7fed093f28a3b4355a93840b8055be203.jpg); !important; z-index: 1px; width: 35px; height: 35px; left: 760px; top: 70px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border: 9px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; animation: pulse2 0.9s ease-out infinite;
  60. }
  61.  
  62. #remove { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13427179293?profile=original); !important; z-index: 1px; width: 160px; height: 235px; left: 730px; top: 192px; border-radius: 0px; position: absolute; border: 0px #555 solid;background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  63.  
  64. @keyframes pulse2 {
  65. 50% {
  66. box-shadow: 0 0 0 0.3em rgba(252, 176, 69, 0.75);
  67. }
  68. 100% {
  69. box-shadow: 0 0 0 0.8em rgba(252, 176, 69, 0);
  70. }
  71.  
  72. }
  73.  
  74.  
  75.  
  76.  
  77. #contain {
  78. position: absolute;
  79. width: 350px;
  80. height: 300px;
  81. margin-left: 190px;
  82. margin-top: 124px;
  83. background: transparent;
  84. overflow: auto;
  85.  
  86.  
  87. }
  88.  
  89.  
  90. .view {
  91. width: 80px;
  92. height: 80px;
  93. top: -10px;
  94. margin: 10px;
  95. float: left;
  96. overflow: hidden;
  97. position: relative;
  98. text-align: center;
  99. box-shadow: 0px 1px 1px 0px #trans;
  100. filter: grayscale(0.4) brightness(100%) contrast(110%);
  101. border: 2px #fcb045 double;
  102.  
  103. }
  104.  
  105. .view .mask,.view .content {
  106. width: 80px;
  107. height: 80px;
  108. position: absolute;
  109. overflow: hidden;
  110. top: 0;
  111. left: 0;
  112. }
  113.  
  114. .view img {
  115. top: -5px;
  116. left: -8px;
  117. width: 80px!important;
  118. height: 80px!important;
  119. display: block;
  120. position: relative;
  121. border-radius: 0px;
  122. }
  123.  
  124. .view .bio {
  125. overflow: auto;
  126. font-family: 'caviar dreams';
  127. font-size: 6px!important;
  128. font-style: normal;
  129. position: relative;
  130. color: #8e0606!important;
  131. padding: 0px 10px 10px;
  132. text-align: center;
  133. height: 30px!important;
  134. text-transform: lowercase;
  135. letter-spacing: 0px;
  136. font-weight: 1000;
  137.  
  138. }
  139.  
  140. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  141.  
  142. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  143.  
  144.  
  145.  
  146. .view .info {
  147. margin-top: 10px;
  148. display: inline-block;
  149. text-decoration: none;
  150. padding: 7px;
  151. color: #fcb045;
  152. font-size: 7px;
  153. text-transform: uppercase;
  154. letter-spacing: 1px;
  155. }
  156.  
  157. .view-tenth img {
  158. -webkit-transform: scaleY(1);
  159. -moz-transform: scaleY(1);
  160. -o-transform: scaleY(1);
  161. -ms-transform: scaleY(1);
  162. transform: scaleY(1);
  163. -webkit-transition: all 0.7s ease-in-out;
  164. -moz-transition: all 0.7s ease-in-out;
  165. -o-transition: all 0.7s ease-in-out;
  166. -ms-transition: all 0.7s ease-in-out;
  167. transition: all 0.7s ease-in-out;
  168. }
  169. .view-tenth .mask {
  170. background-color: #ddd;
  171. -webkit-transition: all 0.5s linear;
  172. -moz-transition: all 0.5s linear;
  173. -o-transition: all 0.5s linear;
  174. -ms-transition: all 0.5s linear;
  175. transition: all 0.5s linear;
  176. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  177. filter: alpha(opacity=0);
  178. opacity: 0;
  179. }
  180.  
  181. .view-tenth .bio {
  182. color: #333;
  183. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  184. filter: alpha(opacity=0);
  185. opacity: 0;
  186. -webkit-transform: scale(0);
  187. -moz-transform: scale(0);
  188. -o-transform: scale(0);
  189. -ms-transform: scale(0);
  190. transform: scale(0);
  191. -webkit-transition: all 0.5s linear;
  192. -moz-transition: all 0.5s linear;
  193. -o-transition: all 0.5s linear;
  194. -ms-transition: all 0.5s linear;
  195. transition: all 0.5s linear;
  196. }
  197. .view-tenth .info {
  198. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  199. filter: alpha(opacity=0);
  200. opacity: 0;
  201. -webkit-transform: scale(0);
  202. -moz-transform: scale(0);
  203. -o-transform: scale(0);
  204. -ms-transform: scale(0);
  205. transform: scale(0);
  206. -webkit-transition: all 0.5s linear;
  207. -moz-transition: all 0.5s linear;
  208. -o-transition: all 0.5s linear;
  209. -ms-transition: all 0.5s linear;
  210. transition: all 0.5s linear;
  211. }
  212. .view-tenth:hover img {
  213. -webkit-transform: scale(10);
  214. -moz-transform: scale(10);
  215. -o-transform: scale(10);
  216. -ms-transform: scale(10);
  217. transform: scale(10);
  218. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  219. filter: alpha(opacity=0);
  220. opacity: 0;
  221. }
  222. .view-tenth:hover .mask {
  223. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  224. filter: alpha(opacity=100);
  225. opacity: 1;
  226. }
  227. .view-tenth:hover .bio,.view-tenth:hover .info {
  228. -webkit-transform: scale(1);
  229. -moz-transform: scale(1);
  230. -o-transform: scale(1);
  231. -ms-transform: scale(1);
  232. transform: scale(1);
  233. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  234. filter: alpha(opacity=100);
  235. opacity: 1;
  236. }
  237.  
  238. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  239.  
  240.  
  241. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  242.  
  243. @font-face {
  244. font-family: noteworthy;
  245. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf);
  246. }
  247.  
  248.  
  249. @font-face {
  250. font-family: soulmaze;
  251. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);
  252. }
  253.  
  254.  
  255. @font-face { font-family: 'scorchedearth'; src: url('https://static.tumblr.com/ujahjev/Gxoplsunp/scorchedearthdemo-kcfonts.otf') format('truetype');}
  256.  
  257.  
  258. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  259.  
  260.  
  261.  
  262.  
  263. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  264.  
  265.  
  266. @font-face {
  267. font-family: erotique;
  268. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/ravoidkg5j8b0fo/ErotiqueTrial-Bold.ttf);
  269. }
  270.  
  271. @font-face {
  272. font-family: yonitta;
  273. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/m4lasnvh43xf1ft/YonittaSignature.otf);
  274. }
  275.  
  276. @font-face {
  277. font-family: Generic;
  278. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  279. }
  280.  
  281.  
  282. @font-face {
  283. font-family: HelveticaNeueLight;
  284. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  285. }
  286.  
  287. @font-face {
  288. font-family: HelveticaNeueBold;
  289. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  290. }
  291.  
  292. @font-face {
  293. font-family: Generic50;
  294. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  295. }
  296.  
  297. @font-face {
  298. font-family: Generic;
  299. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  300. }
  301.  
  302.  
  303. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  304.  
  305. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  306.  
  307.  
  308. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  309.  
  310.  
  311. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  312.  
  313.  
  314.  
  315. /****deleted codes****/
  316.  
  317. 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; }
  318.  
  319. /****fonts****/
  320. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  321.  
  322. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  323.  
  324. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
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!