API tools faq
paste
mik98

dreaming group - css

mik98
Oct 18th, 2025
40
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.73 KB | None | 0 0
raw download clone embed print report
  1. body { background-image: url(https://img.freepik.com/premium-photo/abstract-white-mosaic-tile-texture-background_293060-16321.jpg?semt=ais_items_boosted&w=740)!important; background-repeat:repeat;
  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: 10px;
  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: #f1f1f1; !important; z-index: 1px; width: 560px; height: 400px; left: 250px; top: 50px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 30px #A0CFEC solid; border-top: 20px #A0CFEC 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; }
  31.  
  32.  
  33.  
  34. #biobox { background-color: #ddd; !important; z-index: 1px; width: 1px; height: 400px; left: 465px; top: 70px; border-radius: 0px 0px 10px 10px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #154360 solid; border-top: 0px #222 solid; filter: grayscale(10%) brightness(100%); background-size: cover; }
  35.  
  36. #diamond { background-color: #E0E0E0; !important; z-index: 1px; width: 160px; height: 160px; left: 230px; top: 20px; border-radius: 0px 20px 0px 20px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #154360 solid; border-top: 0px #222 solid; filter: grayscale(0%) brightness(100%); background-size: cover; }
  37.  
  38.  
  39. #pfp { background-image: url(https://i.pinimg.com/736x/48/23/dd/4823dd80e3db5a74169a64281d59d247.jpg); !important; z-index: 1px; width: 50px; height: 50px; left: 280px; top: 150px; border-radius: 100px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 8px #eee solid; }
  40.  
  41. #bio { background-color: #trans; !important; z-index: 1px; width: 155px; height: 205px; left: 255px; 90px; top: 205px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #A0CFEC; letter-spacing: 1px; font-size:9px; text-align: justify; padding: 10px; font-family: litos; text-transform: lowercase; line-height: 21px; font-weight: 1900;}
  42.  
  43.  
  44.  
  45.  
  46. @font-face {
  47. font-family: arthead;
  48. src: url(HTTPS://STATIC.TUMBLR.COM/v6akjgz/fXWrinfxt/arthead-regular_free.otf);
  49. }
  50.  
  51. #all td em {
  52. font-style: normal;
  53. text-transform: lowercase;
  54. color: #A0CFEC;
  55. display: block;
  56. font-size: 10px;
  57. overflow: hidden;
  58. font-family: lamora;
  59. font-weight: 900;
  60. margin-top: -5px;
  61. text-align: center;
  62.  
  63.  
  64.  
  65. }
  66.  
  67. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  68.  
  69.  
  70.  
  71. #star { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13324989280?profile=original); !important; z-index: 1px; width: 20px; height: 20px; left: 220px; top: 30px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(110%) brightness(100%); background-size: cover; }
  72.  
  73. #star2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13324989280?profile=original); !important; z-index: 1px; width: 20px; height: 20px; left: 800px; top: 83px; border-radius: 100px 100px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa solid; filter: grayscale(110%) brightness(100%); background-size: cover; }
  74.  
  75. #text2 { background-color: #trans; !important; z-index: 1px; width: 295px; height: 105px; left: 240px; 90px; top: 75px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #A0CFEC; letter-spacing: 1px; font-size:30px; text-align: left; padding: 10px; font-family: coco; text-transform: normal; line-height: 10px; font-weight: 1900; -webkit-text-stroke: 0.8px #fff;}
  76.  
  77. @font-face {
  78. font-family: "coco";
  79. src: url("https://dl.dropboxusercontent.com/s/8wrlemolu4y15y8/coco.ttf");
  80. }
  81.  
  82. #dash { background-color: #trans; !important; z-index: 1px; width: 185px; height: 105px; left: 00px; 90px; top: 19px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #fff; letter-spacing: 1px; font-size:3px; text-align: left; padding: 10px; font-family: ael; text-transform: lowercase; line-height: 10px; font-weight: 1900; -webkit-text-stroke: 0px #fff; }
  83.  
  84.  
  85. .fancy-border {
  86. width: 100px;
  87. height: 150px;
  88. text-align:center;
  89. border-top: 5px solid;
  90. border-image: linear-gradient(to right, #fff 25%, #aaa 25%, #aaa 50%,#A0CFEC 50%, #A0CFEC 75%, #000 75%) 5;
  91. margin-top: -35px;
  92. margin-left: -49px; }
  93.  
  94.  
  95. .fancy-border2 {
  96. width: 90px;
  97. height: 150px;
  98. text-align:center;
  99. border-top: 10px solid;
  100. border-image: linear-gradient(to right, #fff 25%, #aaa 25%, #aaa 50%,#A0CFEC 50%, #A0CFEC 75%, #000 75%) 5;
  101. margin-top: -80px;
  102. margin-left: 89px; }
  103.  
  104. #linkbox { background-color: #ddd!important; z-index: 1px; width: 30px; height: 260px; left: 210px; top: 125px; border-radius: 30px 0px 30px 0px; position: absolute; border-top: 0px #eee solid; border-bottom: 0px #eee solid; background-size: cover; filter: brightness(100%) grayscale(0); }
  105.  
  106. #link {
  107. display: inline-block;
  108. position: absolute;
  109. width: 40px;
  110. height: 10px;
  111. -webkit-transition-duration: 0.8s;
  112. -moz-transition-duration: 0.8s;
  113. opacity: 0.7;
  114. margin-top: 60px;
  115. margin-left: -10px;
  116. padding: 0px 15px 10px 0px;
  117. line-height: 30px;
  118. -webkit-filter: grayscale(10) brightness(21220%) contrast(20%);
  119. border-radius:6px;
  120. text-align: center;
  121.  
  122.  
  123. }
  124.  
  125. #link a.links {
  126. display: inline-block;
  127. width: 25px;
  128. height: 25px;
  129. text-align: center;
  130. text-transform: uppercase;
  131. text-align: center;
  132. line-height: 0px;
  133. color: #fff;
  134. text-shadow: 0px 0px 6px #FFFFFF;
  135. font-size: 0px;
  136. font-family: 'beckman';
  137. -webkit-transition: all 0.5s ease-in-out;
  138. -moz-transition: all 0.5s ease-in-out;
  139. -o-transition: all 0.5s ease-in-out;
  140. -ms-transition: all 0.5s ease-in-out;
  141. transition: all 0.5s ease-in-out;
  142. margin: 0px;
  143. -webkit-filter: grayscale(10) contrast(80%);
  144.  
  145. }
  146.  
  147. #contain {
  148. position: absolute;
  149. width: 345px;
  150. height: 355px;
  151. margin-left: 250px;
  152. margin-top: -200px;
  153. background: #trans;
  154. overflow: auto;
  155. padding: 0px;
  156. border-radius: 6px;
  157. border-top: 0px #222 solid;
  158.  
  159.  
  160.  
  161. }
  162.  
  163.  
  164. .view {
  165. width: 75px;
  166. height: 70px;
  167. top: 0px;
  168. margin: 7px;
  169. float: left;
  170. overflow: hidden;
  171. position: relative;
  172. text-align: center;
  173. box-shadow: 0px 1px 1px 0px #trans;
  174. filter: grayscale(0.1) brightness(80%) contrast(100%);
  175. border: 2px #8B5C59 double;
  176. border-radius: 0px 10px 0px 10px;
  177.  
  178.  
  179. }
  180.  
  181. .view .mask,.view .content {
  182. width: 75px;
  183. height: 70px;
  184. position: absolute;
  185. overflow: hidden;
  186. top: 0;
  187. left: 0;
  188. }
  189.  
  190. .view img {
  191. top: -5px;
  192. left: -8px;
  193. width: 75px!important;
  194. height: 70px!important;
  195. display: block;
  196. position: relative;
  197. border-radius: 0px;
  198. }
  199.  
  200. .view .bio {
  201. overflow: auto;
  202. font-family: 'caviar dreams';
  203. font-size: 7px!important;
  204. font-style: normal;
  205. position: relative;
  206. color: #fff!important;
  207. padding: 0px 20px -15px;
  208. text-align: center;
  209. height: 30px!important;
  210. text-transform: lowercase;
  211. letter-spacing: 0px;
  212. font-weight: 1000;
  213. -webkit-text-stroke: 0px #fff;
  214.  
  215. }
  216.  
  217. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  218.  
  219. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  220.  
  221.  
  222.  
  223. .view .info {
  224. margin-top: 5px;
  225. display: inline-block;
  226. text-decoration: none;
  227. padding: 9px;
  228. color: #fff;
  229. font-size: 7px;
  230. text-transform: uppercase;
  231. letter-spacing: 0px;
  232. -webkit-text-stroke: 0px #fff;
  233. }
  234.  
  235. .view-tenth img {
  236. -webkit-transform: scaleY(1);
  237. -moz-transform: scaleY(1);
  238. -o-transform: scaleY(1);
  239. -ms-transform: scaleY(1);
  240. transform: scaleY(1);
  241. -webkit-transition: all 0.7s ease-in-out;
  242. -moz-transition: all 0.7s ease-in-out;
  243. -o-transition: all 0.7s ease-in-out;
  244. -ms-transition: all 0.7s ease-in-out;
  245. transition: all 0.7s ease-in-out;
  246. }
  247. .view-tenth .mask {
  248. background-color: #222;
  249. -webkit-transition: all 0.5s linear;
  250. -moz-transition: all 0.5s linear;
  251. -o-transition: all 0.5s linear;
  252. -ms-transition: all 0.5s linear;
  253. transition: all 0.5s linear;
  254. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  255. filter: alpha(opacity=0);
  256. opacity: 0;
  257. }
  258.  
  259. .view-tenth .bio {
  260. color: #333;
  261. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  262. filter: alpha(opacity=0);
  263. opacity: 0;
  264. -webkit-transform: scale(0);
  265. -moz-transform: scale(0);
  266. -o-transform: scale(0);
  267. -ms-transform: scale(0);
  268. transform: scale(0);
  269. -webkit-transition: all 0.5s linear;
  270. -moz-transition: all 0.5s linear;
  271. -o-transition: all 0.5s linear;
  272. -ms-transition: all 0.5s linear;
  273. transition: all 0.5s linear;
  274. }
  275. .view-tenth .info {
  276. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  277. filter: alpha(opacity=0);
  278. opacity: 0;
  279. -webkit-transform: scale(0);
  280. -moz-transform: scale(0);
  281. -o-transform: scale(0);
  282. -ms-transform: scale(0);
  283. transform: scale(0);
  284. -webkit-transition: all 0.5s linear;
  285. -moz-transition: all 0.5s linear;
  286. -o-transition: all 0.5s linear;
  287. -ms-transition: all 0.5s linear;
  288. transition: all 0.5s linear;
  289. }
  290. .view-tenth:hover img {
  291. -webkit-transform: scale(10);
  292. -moz-transform: scale(10);
  293. -o-transform: scale(10);
  294. -ms-transform: scale(10);
  295. transform: scale(10);
  296. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  297. filter: alpha(opacity=0);
  298. opacity: 0;
  299. }
  300. .view-tenth:hover .mask {
  301. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  302. filter: alpha(opacity=100);
  303. opacity: 1;
  304. }
  305. .view-tenth:hover .bio,.view-tenth:hover .info {
  306. -webkit-transform: scale(1);
  307. -moz-transform: scale(1);
  308. -o-transform: scale(1);
  309. -ms-transform: scale(1);
  310. transform: scale(1);
  311. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  312. filter: alpha(opacity=100);
  313. opacity: 1;
  314. }
  315.  
  316. @font-face {
  317. font-family: ael;
  318. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/0zfapoi2drbf4hv/AelHandwriting-Regular.otf);
  319. }
  320.  
  321. @font-face { font-family: "litos"; src: url('https://static.tumblr.com/gdh5wux/6DBmf7b2k/litos_script_regular.otf'); }
  322.  
  323. @font-face {
  324. font-family: Generic;
  325. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  326. }
  327.  
  328.  
  329. @font-face {
  330. font-family: HelveticaNeueLight;
  331. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  332. }
  333.  
  334. @font-face {
  335. font-family: HelveticaNeueBold;
  336. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  337. }
  338.  
  339. @font-face {
  340. font-family: Generic50;
  341. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  342. }
  343.  
  344. @font-face {
  345. font-family: Generic;
  346. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  347. }
  348.  
  349.  
  350. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  351.  
  352. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  353.  
  354.  
  355. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  356.  
  357.  
  358. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  359.  
  360.  
  361.  
  362. /****deleted codes****/
  363.  
  364. 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; }
  365.  
  366. /****fonts****/
  367. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  368.  
  369. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  370.  
  371. @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!