API tools faq
paste
mik98

spring nights - css

mik98
Dec 28th, 2024
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.05 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: -10px;
  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-color: #111; !important; z-index: 1px; width: 320px; height: 380px; left: 500px; top: 80px; border-radius: 0px; position: absolute; 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. #blob { background-image: url(https://64.media.tumblr.com/5d2ad408246ab0b65685dd54b279c989/fe614c1ea4f7ae13-b1/s640x960/749634cce7dad79261317c6ee2de72a9958cde9d.pnj); !important; z-index: 1px; width: 150px; height: 255px; left: 345px; top: 55px; border-radius: 100px; position: absolute; background-size: cover; filter: grayscale(0%) brightness(70%); }
  33.  
  34. #blob2 { background-color: #trans; !important; z-index: 1px; width: 95px; height: 95px; left: 365px; top: 165px; border-radius: 100px; position: absolute; background-size: cover; filter: grayscale(0%) brightness(50%); }
  35.  
  36.  
  37.  
  38. #left { background-color: #111; !important; z-index: 1px; width: 320px; height: 380px; left: 175px; top: 80px; border-radius: 0px 0px 0px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #222 solid; border-top: 0px #222 solid; filter: grayscale(0%) 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; border-right: 30px #trans dashed; }
  39.  
  40.  
  41. #right { background-color: #222; !important; z-index: 1px; width: 225px; height: 70px; left: 175px; top: 110px; border-radius: 0px 6px 6px 0px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #222 solid; border-top: 0px #222 solid; filter: grayscale(0%) 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; }
  42.  
  43. #image2 { background-color: #trans; !important; z-index: 1px; width: 200px; height: 50px; left: 185px; top: 120px; border-radius: 0px; position: absolute; border: 1px #D9BB62 solid; filter: grayscale(0%) brightness(100%); background-size:cover; }
  44.  
  45.  
  46. #box { background-image: url(https://64.media.tumblr.com/95fd657922969a2ebf01a16bbeea3a88/ae9ffa4deffa4479-71/s500x750/c90d0b007fb56cdf81a9a74a328605c27d455b88.jpg); !important; z-index: 1px; width: 100px; height: 100px; left: 330px; top: 300px; border-radius: 0px; position: absolute; border-left: 10px #222 solid; border-right: 10px #222 solid; border-bottom: 25px #222 solid; border-top: 10px #222 solid; filter: grayscale(30%) brightness(70%); background-size:cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; transform: rotate(-4deg); }
  47.  
  48. #box2 { background-image: url(https://i.pinimg.com/736x/71/70/dc/7170dc35585743ab903d4c2c36d34294.jpg); !important; z-index: 1px; width: 100px; height: 100px; left: 400px; top: 310px; border-radius: 0px; position: absolute; border-left: 10px #222 solid; border-right: 10px #222 solid; border-bottom: 25px #222 solid; border-top: 10px #222 solid; filter: grayscale(30%) brightness(70%); background-size:cover; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; transform: rotate(4deg); }
  49.  
  50. #titlee { background-color: #trans; !important; z-index: 1px; width: 295px; height: 105px; left: 90px; 90px; top: 80px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #D9BB62; letter-spacing: 1px; font-size:60px; text-align: right; padding: 10px; font-family: virgi theory; text-transform: lowercase; line-height: 33px; font-weight: 1900;}
  51.  
  52. @font-face { font-family:'virgi theory'; src: url(https://static.tumblr.com/v6akjgz/62lrinvvz/virgi_theory.ttf); }
  53.  
  54.  
  55. #title2 { background-color: #trans; !important; z-index: 1px; width: 115px; height: 105px; left: 255px; 90px; top: 120px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #ddd; letter-spacing: 1px; font-size:18px; text-align: right; padding: 10px; font-family: Comfortaa; text-transform: lowercase; line-height: 15px; font-weight: 11900;}
  56.  
  57.  
  58. @font-face {font-family:"Comfortaa"; src: url('https://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }
  59.  
  60.  
  61. @font-face { font-family: 'brothersig'; src: url('https://static.tumblr.com/uopakca/sdKq5fjez/brotherside_signature.otf') format('truetype');}
  62.  
  63.  
  64. @font-face{font-family:'amandasig';src:url('https://static.tumblr.com/ujahjev/aNJpmo450/amanda_signature.ttf');}
  65.  
  66.  
  67. #bio { background-color: #trans; !important; z-index: 1px; width: 118px; height: 205px; left: 190px; 90px; top: 195px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #ccc; letter-spacing: 1px; font-size:5px; text-align: justify; padding: 5px; font-family: litos; text-transform: uppercase; line-height: 21px; }
  68.  
  69. .bio, strong {color: #D9BB62; font-family: JennaSue; font-size:12px; font-weight: normal; opacity: 70%; font-style: normal; font-weight: 900; text-transform: lowercase; font-size:13px;}
  70.  
  71. #dash { background-color: #trans; !important; z-index: 1px; width: 110px; height: 105px; left: 180px; 90px; top: 119px; border-radius: 0px; position: absolute; background-size: cover; color: #D9BB62; letter-spacing: 1px; font-size:3px; text-align: justify; padding: 10px; font-family: ael; text-transform: lowercase; line-height: 7px; font-weight: 1900; }
  72.  
  73. @font-face { font-family: "JennaSue"; src: url('https://static.tumblr.com/gdh5wux/vtSmoz1me/jennasue.ttf'); }
  74.  
  75. #contain {
  76. position: absolute;
  77. width: 350px;
  78. height: 340px;
  79. margin-left: 515px;
  80. margin-top: 95px;
  81. background: transparent;
  82. overflow: auto;
  83.  
  84.  
  85. }
  86.  
  87.  
  88. .view {
  89. width: 75px;
  90. height: 100px;
  91. top: -10px;
  92. margin: 10px;
  93. float: left;
  94. overflow: hidden;
  95. position: relative;
  96. text-align: center;
  97. box-shadow: 0px 1px 1px 0px #trans;
  98. filter: grayscale(10.5) brightness(60%);
  99. }
  100. .view .mask,.view .content {
  101. width: 75px;
  102. height: 100px;
  103. position: absolute;
  104. overflow: hidden;
  105. top: 0;
  106. left: 0;
  107. }
  108.  
  109. .view img {
  110. top: -5px;
  111. left: -8px;
  112. width: 75px!important;
  113. height: 100px!important;
  114. display: block;
  115. position: relative;
  116. border-radius: 0px;
  117. }
  118.  
  119. .view .bio {
  120. overflow: auto;
  121. font-family: 'caviar dreams';
  122. font-size: 7px!important;
  123. font-style: normal;
  124. position: relative;
  125. color: #111!important;
  126. padding: 5px 10px 10px;
  127. text-align: center;
  128. height: 30px!important;
  129. text-transform: lowercase;
  130. letter-spacing: 0px;
  131. font-weight: 1000;
  132.  
  133. }
  134.  
  135. @font-face { font-family: caviar dreams; src: url(https://static.tumblr.com/v6akjgz/RCIqf9hvq/caviardreams.ttf); }
  136.  
  137. @font-face { font-family: "underground"; src: url('https://static.tumblr.com/zruguhm/skdmj5yfp/europeunderground_light.ttf'); }
  138.  
  139.  
  140.  
  141. .view .info {
  142. margin-top: 10px;
  143. display: inline-block;
  144. text-decoration: none;
  145. padding: 7px;
  146. color: #000;
  147. font-size: 8px;
  148. text-transform: uppercase;
  149. letter-spacing: 1px;
  150. }
  151.  
  152. .view-tenth img {
  153. -webkit-transform: scaleY(1);
  154. -moz-transform: scaleY(1);
  155. -o-transform: scaleY(1);
  156. -ms-transform: scaleY(1);
  157. transform: scaleY(1);
  158. -webkit-transition: all 0.7s ease-in-out;
  159. -moz-transition: all 0.7s ease-in-out;
  160. -o-transition: all 0.7s ease-in-out;
  161. -ms-transition: all 0.7s ease-in-out;
  162. transition: all 0.7s ease-in-out;
  163. }
  164. .view-tenth .mask {
  165. background-color: rgba(194, 229, 211);
  166. -webkit-transition: all 0.5s linear;
  167. -moz-transition: all 0.5s linear;
  168. -o-transition: all 0.5s linear;
  169. -ms-transition: all 0.5s linear;
  170. transition: all 0.5s linear;
  171. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  172. filter: alpha(opacity=0);
  173. opacity: 0;
  174. }
  175.  
  176. .view-tenth .bio {
  177. color: #333;
  178. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  179. filter: alpha(opacity=0);
  180. opacity: 0;
  181. -webkit-transform: scale(0);
  182. -moz-transform: scale(0);
  183. -o-transform: scale(0);
  184. -ms-transform: scale(0);
  185. transform: scale(0);
  186. -webkit-transition: all 0.5s linear;
  187. -moz-transition: all 0.5s linear;
  188. -o-transition: all 0.5s linear;
  189. -ms-transition: all 0.5s linear;
  190. transition: all 0.5s linear;
  191. }
  192. .view-tenth .info {
  193. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  194. filter: alpha(opacity=0);
  195. opacity: 0;
  196. -webkit-transform: scale(0);
  197. -moz-transform: scale(0);
  198. -o-transform: scale(0);
  199. -ms-transform: scale(0);
  200. transform: scale(0);
  201. -webkit-transition: all 0.5s linear;
  202. -moz-transition: all 0.5s linear;
  203. -o-transition: all 0.5s linear;
  204. -ms-transition: all 0.5s linear;
  205. transition: all 0.5s linear;
  206. }
  207. .view-tenth:hover img {
  208. -webkit-transform: scale(10);
  209. -moz-transform: scale(10);
  210. -o-transform: scale(10);
  211. -ms-transform: scale(10);
  212. transform: scale(10);
  213. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  214. filter: alpha(opacity=0);
  215. opacity: 0;
  216. }
  217. .view-tenth:hover .mask {
  218. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  219. filter: alpha(opacity=100);
  220. opacity: 1;
  221. }
  222. .view-tenth:hover .bio,.view-tenth:hover .info {
  223. -webkit-transform: scale(1);
  224. -moz-transform: scale(1);
  225. -o-transform: scale(1);
  226. -ms-transform: scale(1);
  227. transform: scale(1);
  228. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  229. filter: alpha(opacity=100);
  230. opacity: 1;
  231. }
  232.  
  233. @font-face { font-family:'lamora'; src: url(https://static.tumblr.com/v6akjgz/5oxrinkxo/lamora.ttf); }
  234.  
  235. #comment { background-color: #222; z-index: 1px; width: 70px; height: 15px; left: 335px; 90px; top: 235px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: uppercase; font-family:lamora; padding-top: 3px; text-align: center; font-size: 12px; color: #D9BB62;}
  236.  
  237. #forum { background-color: #222; z-index: 1px; width: 70px; height: 15px; left: 415px; 90px; top: 235px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: uppercase; font-family:lamora; padding-top: 3px; text-align: center; font-size: 12px; color: #D9BB62;}
  238.  
  239. #refresh { background-color: #222; z-index: 1px; width: 70px; height: 15px; left: 335px; 90px; top: 265px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: uppercase; font-family:lamora; padding-top: 3px; text-align: center; font-size: 12px; color: #D9BB62;}
  240.  
  241. #leave { background-color: #222; z-index: 1px; width: 70px; height: 15px; left: 415px; 90px; top: 265px; border-radius: 0px; position: absolute; border: 1px solid #aaa; text-transform: uppercase; font-family:lamora; padding-top: 3px; text-align: center; font-size: 12px; color: #D9BB62;}
  242.  
  243. @font-face {
  244. font-family: Generic;
  245. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  246. }
  247.  
  248.  
  249. @font-face {
  250. font-family: HelveticaNeueLight;
  251. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/gdjbejlyhackhfqi044wg/HelveticaNeueLight.otf?rlkey=7d180rxzgvjgqic3oo3nr77lh&st=8thopr6g);
  252. }
  253.  
  254. @font-face {
  255. font-family: HelveticaNeueBold;
  256. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/73ds2x5evmg8ybsn3a3zv/HelveticaNeueBold.otf?rlkey=49x5kt8kipoqexay7o1za68mr&st=ozj44hia);
  257. }
  258.  
  259. @font-face {
  260. font-family: Generic50;
  261. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/l51jqgv40r2x569whv03q/Generic-G50-CC-Typic-DEMO.otf?rlkey=1k8993zmreh5z6i61y2uwu8vt&st=t4795wdj);
  262. }
  263.  
  264. @font-face {
  265. font-family: Generic;
  266. src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/scl/fi/n06p7ewj33vmvbh816efc/Generic.ttf?rlkey=5hs7533ecbcp7qmdn4pshe0es&st=v0c38lr0);
  267. }
  268.  
  269.  
  270. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  271.  
  272. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  273.  
  274.  
  275. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  276.  
  277.  
  278. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  279.  
  280.  
  281.  
  282. /****deleted codes****/
  283.  
  284. 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; }
  285.  
  286. /****fonts****/
  287. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  288.  
  289. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  290.  
  291. @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!