API tools faq
paste
mik98

cherry blossom group - css

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