API tools faq
paste
mik98

inner demon group - css

mik98
Jan 11th, 2025 (edited)
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 KB | None | 0 0
raw download clone embed print report
  1. body { background: #000!important;
  2. }
  3.  
  4. #xg_body a { color: #fff;
  5. }
  6.  
  7. #xg_body a:hover { color: #fff;
  8. }
  9.  
  10. #xg_layout_column_2 { background: #trans;
  11. font-color: #fff;
  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-image: url(https://images.pexels.com/photos/13075112/pexels-photo-13075112.jpeg); !important; z-index: 1px; width: 650px; height: 300px; left: 200px; top: 80px; border-radius: 6px; 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-bottom: 100px #111 solid; opacity: 80%;}
  31.  
  32. #titlee { background-color: #trans; !important; z-index: 1px; width: 395px; height: 105px; left: 115px; 90px; top: 150px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:90px; text-align: right; padding: 10px; font-family: yonitta; text-transform: normal; line-height: 13px; font-weight: 1900; -webkit-text-stroke: 1px #023020;}
  33.  
  34.  
  35. #title2 { background-color: #trans; !important; z-index: 1px; width: 150px; height: 105px; left: 380px; 90px; top: 190px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:35px; text-align: left; padding: 10px; font-family: erotique; text-transform: uppercase; line-height: 33px; font-weight: 1900; -webkit-text-stroke: 1px #034931;}
  36.  
  37.  
  38. .title2, strong {color: #fff; font-family: erotique; font-style: normal; font-weight: 1900; text-transform: uppercase; font-size:30px; -webkit-text-stroke: 1px #fff; }
  39.  
  40. #container2 { background-color: #023020; !important; z-index: 1px; width: 650px; height: 50px; left: 200px; top: 475px; border-radius: 0px 0px 6px 6px; 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-bottom: 0px #fff solid; opacity: 100%;}
  41.  
  42. #bio { background-color: #trans; !important; z-index: 1px; width: 315px; height: 205px; left: 210px; 90px; top: 385px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #034931; letter-spacing: 1px; font-size:6px; text-align: center; padding: 5px; font-family: robold; text-transform: uppercase; line-height: 22px; }
  43.  
  44. #arch { background-image: url(https://i.pinimg.com/474x/8e/b4/9e/8eb49e9a09d3783efda7fb037f962e49.jpg); !important; z-index: 1px; width: 110px; height: 160px; left: 220px; top: 160px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border: 20px rgba(3, 73, 49, 0.6) solid; filter: grayscale(10%) brightness(100%); background-size: cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  45.  
  46. #title3 { background-color: #trans; !important; z-index: 1px; width: 350px; height: 105px; left: 205px; 90px; top: 475px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:9px; text-align: left; padding: 10px; font-family: erotique; text-transform: uppercase; line-height: 33px; font-weight: 1900;}
  47.  
  48. #line { background-color: #trans; !important; z-index: 1px; width: 150px; height: 105px; left: 455px; 90px; top: 375px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:15px; text-align: left; padding: 10px; font-family: erotique; text-transform: lowercase; line-height: 33px; font-weight: 1900; border-bottom: 1px #fff solid;}
  49.  
  50. #comment { background-color: #trans; z-index: 1px; width: 75px; height: 15px; left: 644px; 90px; top: 492px; border-radius: 0px; position: absolute; border: 0px solid #aaa; text-transform: uppercase; font-family:erotique; padding-top: 3px; text-align: center; font-size: 9px; color: #fff; letter-spacing: 1px;}
  51.  
  52.  
  53. #forum { background-color: #trans; z-index: 1px; width: 70px; height: 15px; left: 720px; 90px; top: 492px; border-radius: 0px; position: absolute; border: 0px solid #aaa; text-transform: uppercase; font-family:erotique; padding-top: 3px; text-align: center; font-size: 9px; color: #fff; letter-spacing: 1px; }
  54.  
  55.  
  56. #leave { background-color: #trans; z-index: 1px; width: 70px; height: 15px; left: 780px; 90px; top: 492px; border-radius: 0px; position: absolute; border: 0px solid #aaa; text-transform: uppercase; font-family:erotique; padding-top: 3px; text-align: center; font-size: 9px; letter-spacing: 1px;}
  57.  
  58.  
  59.  
  60. #contain {
  61. position: absolute;
  62. width: 350px;
  63. height: 340px;
  64. margin-left: 535px;
  65. margin-top: 105px;
  66. background: transparent;
  67. overflow: auto;
  68.  
  69.  
  70. }
  71.  
  72.  
  73. .view {
  74. width: 80px;
  75. height: 100px;
  76. top: -10px;
  77. margin: 10px;
  78. float: left;
  79. overflow: hidden;
  80. position: relative;
  81. text-align: center;
  82. box-shadow: 0px 1px 1px 0px #trans;
  83. filter: grayscale(10.5) brightness(60%) contrast(110%);
  84. }
  85.  
  86. .view .mask,.view .content {
  87. width: 80px;
  88. height: 100px;
  89. position: absolute;
  90. overflow: hidden;
  91. top: 0;
  92. left: 0;
  93. }
  94.  
  95. .view img {
  96. top: -5px;
  97. left: -8px;
  98. width: 75px!important;
  99. height: 100px!important;
  100. display: block;
  101. position: relative;
  102. border-radius: 0px;
  103. }
  104.  
  105. .view .bio {
  106. overflow: auto;
  107. font-family: 'caviar dreams';
  108. font-size: 7px!important;
  109. font-style: normal;
  110. position: relative;
  111. color: #fff!important;
  112. padding: 5px 10px 10px;
  113. text-align: center;
  114. height: 30px!important;
  115. text-transform: lowercase;
  116. letter-spacing: 0px;
  117. font-weight: 1000;
  118.  
  119. }
  120.  
  121. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  122.  
  123. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  124.  
  125.  
  126.  
  127. .view .info {
  128. margin-top: 10px;
  129. display: inline-block;
  130. text-decoration: none;
  131. padding: 7px;
  132. color: #fff;
  133. font-size: 8px;
  134. text-transform: uppercase;
  135. letter-spacing: 1px;
  136. }
  137.  
  138. .view-tenth img {
  139. -webkit-transform: scaleY(1);
  140. -moz-transform: scaleY(1);
  141. -o-transform: scaleY(1);
  142. -ms-transform: scaleY(1);
  143. transform: scaleY(1);
  144. -webkit-transition: all 0.7s ease-in-out;
  145. -moz-transition: all 0.7s ease-in-out;
  146. -o-transition: all 0.7s ease-in-out;
  147. -ms-transition: all 0.7s ease-in-out;
  148. transition: all 0.7s ease-in-out;
  149. }
  150. .view-tenth .mask {
  151. background-color: rgba(0, 0, 0);
  152. -webkit-transition: all 0.5s linear;
  153. -moz-transition: all 0.5s linear;
  154. -o-transition: all 0.5s linear;
  155. -ms-transition: all 0.5s linear;
  156. transition: all 0.5s linear;
  157. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  158. filter: alpha(opacity=0);
  159. opacity: 0;
  160. }
  161.  
  162. .view-tenth .bio {
  163. color: #333;
  164. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  165. filter: alpha(opacity=0);
  166. opacity: 0;
  167. -webkit-transform: scale(0);
  168. -moz-transform: scale(0);
  169. -o-transform: scale(0);
  170. -ms-transform: scale(0);
  171. transform: scale(0);
  172. -webkit-transition: all 0.5s linear;
  173. -moz-transition: all 0.5s linear;
  174. -o-transition: all 0.5s linear;
  175. -ms-transition: all 0.5s linear;
  176. transition: all 0.5s linear;
  177. }
  178. .view-tenth .info {
  179. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  180. filter: alpha(opacity=0);
  181. opacity: 0;
  182. -webkit-transform: scale(0);
  183. -moz-transform: scale(0);
  184. -o-transform: scale(0);
  185. -ms-transform: scale(0);
  186. transform: scale(0);
  187. -webkit-transition: all 0.5s linear;
  188. -moz-transition: all 0.5s linear;
  189. -o-transition: all 0.5s linear;
  190. -ms-transition: all 0.5s linear;
  191. transition: all 0.5s linear;
  192. }
  193. .view-tenth:hover img {
  194. -webkit-transform: scale(10);
  195. -moz-transform: scale(10);
  196. -o-transform: scale(10);
  197. -ms-transform: scale(10);
  198. transform: scale(10);
  199. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  200. filter: alpha(opacity=0);
  201. opacity: 0;
  202. }
  203. .view-tenth:hover .mask {
  204. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  205. filter: alpha(opacity=100);
  206. opacity: 1;
  207. }
  208. .view-tenth:hover .bio,.view-tenth:hover .info {
  209. -webkit-transform: scale(1);
  210. -moz-transform: scale(1);
  211. -o-transform: scale(1);
  212. -ms-transform: scale(1);
  213. transform: scale(1);
  214. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  215. filter: alpha(opacity=100);
  216. opacity: 1;
  217. }
  218.  
  219. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  220.  
  221.  
  222. @font-face {
  223. font-family: erotique;
  224. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/ravoidkg5j8b0fo/ErotiqueTrial-Bold.ttf);
  225. }
  226.  
  227. @font-face {
  228. font-family: yonitta;
  229. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/m4lasnvh43xf1ft/YonittaSignature.otf);
  230. }
  231.  
  232. @font-face {
  233. font-family: Generic;
  234. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  235. }
  236.  
  237.  
  238. @font-face {
  239. font-family: HelveticaNeueLight;
  240. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  241. }
  242.  
  243. @font-face {
  244. font-family: HelveticaNeueBold;
  245. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  246. }
  247.  
  248. @font-face {
  249. font-family: Generic50;
  250. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  251. }
  252.  
  253. @font-face {
  254. font-family: Generic;
  255. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  256. }
  257.  
  258.  
  259. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  260.  
  261. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  262.  
  263.  
  264. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  265.  
  266.  
  267. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  268.  
  269.  
  270.  
  271. /****deleted codes****/
  272.  
  273. 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; }
  274.  
  275. /****fonts****/
  276. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  277.  
  278. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  279.  
  280. @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!