API tools faq
paste
mik98

fall for you - css

mik98
Mar 6th, 2025 (edited)
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
raw download clone embed print report
  1. body { background-color:#111!important;}
  2.  
  3.  
  4. #xg_body a { color: #c8d3be;
  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: -115px;
  15. margin-top: 0px;
  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: #222;!important; z-index: 1px; width: 550px; height: 320px; left: 260px; top: 100px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 60px #c8d3be solid;}
  31.  
  32. #container2 { background-image: url(https://i.pinimg.com/736x/59/66/18/59661828a1db77aff95b5e4a6e2a2bc7.jpg);!important; z-index: 1px; width: 300px; height: 160px; left: 260px; top: 100px; border-radius: 6px; position: absolute; filter: grayscale(20%) brightness(100%); background-size: cover; border-bottom: 0px #c8d3be solid;}
  33.  
  34. #container3 { background-color: #222;!important; z-index: 1px; width: 190px; height: 220px; left: 260px; top: 200px; border-radius: 10px 40px 0px 00px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #c8d3be solid;}
  35.  
  36. #container4 { background-color: #333;!important; z-index: 1px; width: 120px; height: 170px; left: 450px; top: 250px; border-radius: 0px 0px 0px 00px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #c8d3be solid;}
  37.  
  38.  
  39. #container5 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13466075482?profile=original);!important; z-index: 1px; width: 120px; height: 50px; left: 450px; top: 250px; border-radius: 0px 0px 0px 00px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-bottom: 0px #c8d3be solid;}
  40.  
  41.  
  42. #container6 { background-color: #222;;!important; z-index: 1px; width: 330px; height: 480px; left: 560px; top: 30px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-top: 40px #c8d3be solid;}
  43.  
  44. #container7 { background-color: #a0a898;;!important; z-index: 1px; width: 370px; height: 400px; left: 540px; top: 120px; border-radius: 6px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border-top: 0px #c8d3be solid;}
  45.  
  46. #website { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13466076687?profile=original);;!important; z-index: 1px; width: 330px; height: 70px; left: 563px; top: 40px; border-radius: 6px; position: absolute; filter: contrast(100%) brightness(5%); background-size: cover; border-top: 0px #c8d3be solid;}
  47.  
  48.  
  49. #website2 { background-color: #111!important; z-index: 1px; width: 165px; height: 15px; left: 690px; 90px; top: 88px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 1px; font-size:8px; text-align: left; padding-top: 0px; font-family: roboto; text-transform: lowercase; color: #c8d3be; }
  50.  
  51. #title { background-color: #trans!important; z-index: 1px; width: 205px; height: 35px; left: 250px; 90px; top: 200px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 2px; font-size:60px; text-align: left; padding-top: 0px; font-family: shutter; text-transform: normal; color: #a0a898; line-height: 40px;}
  52.  
  53. #title2 { background-color: #trans!important; z-index: 1px; width: 155px; height: 35px; left: 275px; 90px; top: 290px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 1px; font-size:6px; text-align: justify; padding-top: 0px; font-family: roboto; text-transform: uppercase; color: #c8d3be; line-height: 13px; font-style: italic; }
  54.  
  55.  
  56. #title3 { background-color: #trans!important; z-index: 1px; width: 225px; height: 35px; left: 295px; 90px; top: 445px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(97%) grayscale(0%); letter-spacing: 2px; font-size:9px; text-align: justify; padding-top: 0px; font-family: robold; text-transform: uppercase; color: #222; line-height: 12px; font-style: normal; font-weight: 100;}
  57.  
  58.  
  59. @font-face {
  60. font-family: shutter;
  61. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/l52ysbcirhvz2c4/shutter.ttf);
  62. }
  63.  
  64.  
  65. #contain {
  66. position: absolute;
  67. width: 365px;
  68. height: 380px;
  69. margin-left: 550px;
  70. margin-top: 125px;
  71. background: #trans;
  72. overflow: auto;
  73. padding: 0px;
  74. border-radius: 6px;
  75. border-top: 0px #222 solid;
  76.  
  77.  
  78.  
  79. }
  80.  
  81.  
  82. .view {
  83. width: 85px;
  84. height: 70px;
  85. top: -10px;
  86. margin: 12px;
  87. float: left;
  88. overflow: hidden;
  89. position: relative;
  90. text-align: center;
  91. box-shadow: 0px 1px 1px 0px #trans;
  92. filter: grayscale(0.3) brightness(80%) contrast(100%);
  93. border: 3px #222 double;
  94. border-radius: 6px;
  95.  
  96.  
  97. }
  98.  
  99. .view .mask,.view .content {
  100. width: 85px;
  101. height: 70px;
  102. position: absolute;
  103. overflow: hidden;
  104. top: 0;
  105. left: 0;
  106. }
  107.  
  108. .view img {
  109. top: -5px;
  110. left: -8px;
  111. width: 85px!important;
  112. height: 70px!important;
  113. display: block;
  114. position: relative;
  115. border-radius: 0px;
  116. }
  117.  
  118. .view .bio {
  119. overflow: auto;
  120. font-family: 'caviar dreams';
  121. font-size: 6px!important;
  122. font-style: normal;
  123. position: relative;
  124. color: #a0a898!important;
  125. padding: 0px 10px -5px;
  126. text-align: center;
  127. height: 30px!important;
  128. text-transform: lowercase;
  129. letter-spacing: 0px;
  130. font-weight: 1000;
  131.  
  132. }
  133.  
  134. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  135.  
  136. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  137.  
  138.  
  139.  
  140. .view .info {
  141. margin-top: 5px;
  142. display: inline-block;
  143. text-decoration: none;
  144. padding: 9px;
  145. color: #a0a898;
  146. font-size: 7px;
  147. text-transform: uppercase;
  148. letter-spacing: 0px;
  149. }
  150.  
  151. .view-tenth img {
  152. -webkit-transform: scaleY(1);
  153. -moz-transform: scaleY(1);
  154. -o-transform: scaleY(1);
  155. -ms-transform: scaleY(1);
  156. transform: scaleY(1);
  157. -webkit-transition: all 0.7s ease-in-out;
  158. -moz-transition: all 0.7s ease-in-out;
  159. -o-transition: all 0.7s ease-in-out;
  160. -ms-transition: all 0.7s ease-in-out;
  161. transition: all 0.7s ease-in-out;
  162. }
  163. .view-tenth .mask {
  164. background-color: #222;
  165. -webkit-transition: all 0.5s linear;
  166. -moz-transition: all 0.5s linear;
  167. -o-transition: all 0.5s linear;
  168. -ms-transition: all 0.5s linear;
  169. transition: all 0.5s linear;
  170. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  171. filter: alpha(opacity=0);
  172. opacity: 0;
  173. }
  174.  
  175. .view-tenth .bio {
  176. color: #333;
  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 .info {
  192. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  193. filter: alpha(opacity=0);
  194. opacity: 0;
  195. -webkit-transform: scale(0);
  196. -moz-transform: scale(0);
  197. -o-transform: scale(0);
  198. -ms-transform: scale(0);
  199. transform: scale(0);
  200. -webkit-transition: all 0.5s linear;
  201. -moz-transition: all 0.5s linear;
  202. -o-transition: all 0.5s linear;
  203. -ms-transition: all 0.5s linear;
  204. transition: all 0.5s linear;
  205. }
  206. .view-tenth:hover img {
  207. -webkit-transform: scale(10);
  208. -moz-transform: scale(10);
  209. -o-transform: scale(10);
  210. -ms-transform: scale(10);
  211. transform: scale(10);
  212. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  213. filter: alpha(opacity=0);
  214. opacity: 0;
  215. }
  216. .view-tenth:hover .mask {
  217. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  218. filter: alpha(opacity=100);
  219. opacity: 1;
  220. }
  221. .view-tenth:hover .bio,.view-tenth:hover .info {
  222. -webkit-transform: scale(1);
  223. -moz-transform: scale(1);
  224. -o-transform: scale(1);
  225. -ms-transform: scale(1);
  226. transform: scale(1);
  227. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  228. filter: alpha(opacity=100);
  229. opacity: 1;
  230. }
  231.  
  232. #refresh { background-color: #222; z-index: 1px; width: 75px; height: 18px; left: 456px; 90px; top: 297px; border-radius: 0px; position: absolute; border: 1px solid #c8d3be; text-transform: lowercase; font-family: buffalo; padding-top: 6px; text-align: center; font-size: 10px; font-color: #c8d3be; letter-spacing: 1px; }
  233.  
  234. #comment { background-color: #222; z-index: 1px; width: 75px; height: 18px; left: 456px; 90px; top: 327px; border-radius: 0px; position: absolute; border: 1px solid #c8d3be; text-transform: lowercase; font-family: buffalo; padding-top: 6px; text-align: center; font-size: 10px; font-color: #c8d3be; letter-spacing: 1px; }
  235.  
  236. #forum { background-color: #222; z-index: 1px; width: 75px; height: 18px; left: 456px; 90px; top: 358px; border-radius: 0px; position: absolute; border: 1px solid #c8d3be; text-transform: lowercase; font-family:buffalo; padding-top: 6px; text-align: center; font-size: 10px; font-color: #c8d3be; letter-spacing: 1px; }
  237.  
  238. #leave { background-color: #222; z-index: 1px; width: 75px; height: 18px; left: 456px; 90px; top: 388px; border-radius: 0px; position: absolute; border: 1px solid #c8d3be; text-transform: lowercase; font-family:buffalo; padding-top: 6px; text-align: center; font-size: 10px; font-color: #c8d3be; letter-spacing: 1px; }
  239.  
  240.  
  241. @font-face { font-family:'buffalo'; src: url(https://static.tumblr.com/v6akjgz/QAXringwi/buffaloinline2grunge.ttf); }
  242.  
  243. /****deleted codes****/
  244.  
  245. 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; }
  246.  
  247. /****fonts****/
  248.  
  249. @font-face { font-family: qwenzy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/5by6d7bk0k6fkoj/Qwenzy.ttf); }
  250.  
  251. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  252.  
  253. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  254.  
  255. @font-face{font-family:"cocogoose";src:url('https://static.tumblr.com/d5muzyw/ESoqs98ai/cocogoose_pro-trial.ttf');
  256.  
  257. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  258.  
  259.  
  260. @font-face {font-family: smf; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/6m4tzkspt7u7hfr/MADE%20Soulmaze%20Filled.ttF);}
  261.  
  262. @font-face {font-family: noteworthy; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/d63hhsagwae41zk/Noteworthy%20Script.otf); }
  263.  
  264.  
  265. @font-face {font-family: soulmaze; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/y2v3i4y79zzk3i3ojrzgb/MADE-Soulmaze-Outline-PERSONAL-USE.ttf);}
  266.  
  267.  
  268. @font-face {
  269. font-family: HelveticaNeueLight;
  270. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  271. }
  272.  
  273. @font-face {
  274. font-family: HelveticaNeueBold;
  275. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  276. }
  277.  
  278.  
  279. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  280.  
  281.  
  282. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  283.  
  284.  
  285.  
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!