API tools faq
paste
mik98

hot pink + blue - css

mik98
Oct 2nd, 2024
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.71 KB | None | 0 0
raw download clone embed print report
  1. body { background: #f1f1f1!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: -50px;
  15. margin-top: 50px;
  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. #container { background-color: #e1e1e1; !important; z-index: 1px; width: 490px; height: 430px; left: 150px; top: 0px; border-radius: 6px; position: absolute; border-left: 250px #fff solid; border-bottom: 0px #eee solid; filter: grayscale(110%) brightness(100%); background-size: cover; opacity: 100%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  29.  
  30.  
  31. #container2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/12949668486?profile=original) !important; z-index: 1px; width: 230px; height: 50px; left: 150px; 90px; top: 0px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border-bottom: 2px #trans solid; background-size: cover; filter: contrast(0%) brightness(100%) grayscale(1);padding: 10px; }
  32.  
  33. #container3 { background-image: url(https://64.media.tumblr.com/fd871d5945b4a99345c9f81228ffa50e/1246dcb7042b0220-b7/s1280x1920/34c19153f8786cd262a3de859b0c35b4a426abea.jpg); !important; z-index: 1px; width: 200px; height: 160px; left: 420px; 90px; top: 30px; border-radius: 6px; position: absolute; border-top: 42px #fff solid; border-bottom: 32px #fff solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #fff; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
  34.  
  35.  
  36. #container4 { background-color: #fff; !important; z-index: 1px; width: 195px; height: 165px; left: 655px; 90px; top: 150px; border-radius: 6px; position: absolute; border-top: 60px #408BD6 solid; border-bottom: 20px #408BD6 solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #000; letter-spacing: 1px; font-size: 14px; text-align: justify; padding: 10px; font-family: robold; text-transform: lowercase; line-height: 50px; }
  37.  
  38. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  39.  
  40. #container5 { background-image: url(https://64.media.tumblr.com/9b9df4638865a04d2d7fe487749fe2aa/7a877dfb479e5b5c-25/s1280x1920/a17c2654bf95820bcc865f900a887077ba61a026.jpg); !important; z-index: 1px; width: 75px; height: 75px; left: 657px; 90px; top: 35px; border-radius: 6px; position: absolute; border-right:115px #fff solid; background-size: cover; filter: grayscale(100%) brightness(190%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  41.  
  42. #pattern { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/12949887063?profile=original); !important; z-index: 1px; width: 230px; height: 15px; left: 425px; 90px; top: 300px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; background-size: cover; filter: contrast(10%) grayscale(100%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  43.  
  44. #box { background-color: #fff; !important; z-index: 1px; width: 240px; height: 100px; left: 420px; 90px; top: 300px; border-radius: 6px; position: absolute; border-top: 42px #trans solid; border: 1px #ccc solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(120%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  45.  
  46.  
  47. #polaroid { background-image: url(https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExZjh1ZHBya3JzOXdtanllcDdpbDl2ZmV4cnl1MGE2M3Bqd3dmZGx4biZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/wZJg0rF6lzfJkecs34/giphy.webp); !important; z-index: 1px; width: 95px; height: 95px; left: 220px; 90px; top: 80px; border-radius: 6px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  48.  
  49. #title { background-color: #trans; !important; z-index: 1px; width: 95px; height: 105px; left: 750px; 90px; top: 30px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #ccc; letter-spacing: 1px; font-size: 8px; text-align: center; padding: 10px; font-family: caviardreams; text-transform: lowercase; line-height: 16px;}
  50.  
  51.  
  52. #name { background-color: #trans; !important; z-index: 1px; width: 205px; height: 105px; left: 165px; 90px; top: 200px; border-radius: 0px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #000; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; font-family: caviardreams; text-transform: lowercase; line-height: 10px; font: 14px 'Hemisphers'; letter-spacing: 1px; text-transform: uppercase; text-align: center;}
  53.  
  54. #nickname { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 190px; 90px; top: 218px; border-radius: 6px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; text-transform: lowercase; line-height: 0px; font: 10px 'robold'; color: #fff; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #D7418C;
  55. }
  56.  
  57. #pfp { background-image: url(https://64.media.tumblr.com/17afb0087017eb2f76bde4c8f18c80f0/6a62283a80f2abd0-90/s1280x1920/87e910897f8b958998ef7762a7f5bd20724fb481.jpg); !important; z-index: 1px; width: 15px; height: 15px; left: 425px; top: 33px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;}
  58.  
  59. #instaname { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 425px; 90px; top: 27px; border-radius: 6px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; line-height: 0px; font: 14px 'robold'; color: #408BD6; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0.5px; text-transform: lowercase;}
  60.  
  61. #location { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 446px; 90px; top: 45px; border-radius: 6px; position: absolute; border-top: 42px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; letter-spacing: 2px; font-size: 8px; text-align: justify; padding: 10px; line-height: 0px; font: 9px 'robold'; color: #D7418C; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0px; text-transform: uppercase; font-family: Hemisphers;}
  62.  
  63. #comments { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/9134746491?profile=original); !important; z-index: 1px; width: 155px; height: 0px; left: 425px; top: 255px; border-radius: 0px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border-right: 0px #fff solid; background-size: cover; filter: contrast(100%) grayscale(100%) brightness(120%); color: #eee; letter-spacing: 0px; font-size: 10px; text-align: center; padding: 10px; }
  64.  
  65. #twitterpfp { background-image: url(https://64.media.tumblr.com/83e04b5f79a57084dc10a90edadc3b5b/911df151ccdf4de8-82/s640x960/a2452b8eabc3010a8abd8fbdd239c8008799c8b6.jpg); !important; z-index: 1px; width: 35px; height: 35px; left: 664px; top: 165px; border-radius: 100px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border: 8px #fff solid; background-size: cover; filter: contrast(100%) grayscale(40%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  66.  
  67. #twiticons { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/9135047258?profile=original); !important; z-index: 1px; width: 20px; height: 35px; left: 655px; top: 250px; border-radius: 0px; position: absolute; border-bottom: 0px #fff solid; border-top: 0px #fff solid; border-left: 0px #fff solid; border: 8px #fff solid; background-size: cover; filter: contrast(100%) grayscale(140%) brightness(120%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 0px; }
  68.  
  69. #twitteruser {
  70. color: #111;
  71. font-family: Raleway;
  72. font-style: none;
  73. font-size: 10px;
  74. line-height: 35px;
  75. text-transform: normal;
  76. width: 395px;
  77. height: 30px;
  78. margin-top: 243px;
  79. margin-left: 678px;
  80. overflow: hidden;
  81. font-weight: 900;
  82. letter-spacing: 0.5px;
  83. position: absolute;
  84. }
  85.  
  86. #twitterlocation {
  87. color: #111;
  88. font-family: Raleway;
  89. font-style: none;
  90. font-size: 10px;
  91. line-height: 35px;
  92. text-transform: lowercase;
  93. font-style: italic;
  94. width: 395px;
  95. height: 30px;
  96. margin-top: 259px;
  97. margin-left: 678px;
  98. overflow: hidden;
  99. font-weight: 900;
  100. letter-spacing: 0.5px;
  101. position: absolute;
  102. }
  103.  
  104. #twitterbio {
  105. color: #111;
  106. font-family: Raleway;
  107. font-style: none;
  108. position: absolute;
  109. font-size: 8px;
  110. line-height: 15px;
  111. text-transform: lowercase;
  112. font-style: normal;
  113. width: 185px;
  114. height: 150px;
  115. margin-top: 300px;
  116. margin-left: 670px;
  117. text-align: left;
  118. overflow: hidden;
  119. font-weight: 900;
  120. letter-spacing: 1px;
  121. }
  122.  
  123. #bio {
  124. background-color: #;
  125. width: 240px;
  126. height: 290px;
  127. margin-left: 425px;
  128. margin-top: 335px;
  129. font-family: Raleway;
  130. color: #111;
  131. overflow: scroll;
  132. font-size: 12px;
  133. text-align: left;
  134. line-height:20px;
  135. padding-right: 4px;
  136. text-transform: lowercase;
  137. position: absolute;
  138.  
  139. }
  140.  
  141. #essay {
  142. color: #ddd;
  143. font: 8px 'Hemisphers';
  144. overflow: hidden;
  145. font-style: none;
  146. position: absolute;
  147. font-size: 7px;
  148. line-height: 15px;
  149. text-transform: lowercase;
  150. font-style: normal;
  151. width: 190px;
  152. height: 150px;
  153. margin-top: 250px;
  154. margin-left: 178px;
  155. text-align: justify;
  156. overflow: hidden;
  157. font-weight: 900;
  158. letter-spacing: 1px;
  159. }
  160.  
  161. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  162.  
  163.  
  164. .bio b, strong {color: #D7418C; font-family: Raleway; font-size:11px;font-weight: normal;}
  165.  
  166. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  167.  
  168. i, em {
  169. color: red;
  170. font-family: vincentia;
  171. font-size: 16px;
  172. font-style: normal;
  173. letter-spacing: 1px;
  174. line-height: 0px;
  175. }
  176.  
  177. #links {
  178. z-index: 200000!important;
  179. position: absolute;
  180. overflow: hidden;
  181. font: 8px 'Roboto';
  182. text-transform: uppercase;
  183. margin-top: 385px;
  184. margin-left: 170px;
  185. text-align: left;
  186. width: 260px;
  187. height: 140px!important;
  188. background: #trans;
  189. }
  190.  
  191. #links a {
  192. display: inline-block;
  193. width: 15px;
  194. height: 10px;
  195. color: #fff!important;
  196. text-align: center;
  197. letter-spacing: 1.5px;
  198. margin-top: -1px;
  199. padding-top: 5px!important;
  200. padding: 10px;
  201. background: #c19c9d;
  202. border-radius: 6%;
  203. -webkit-transition: all 0.7s ease;
  204. margin: 5px;
  205. background-image: linear-gradient(to top, #408BD6 , #D7418C);
  206.  
  207. }
  208.  
  209.  
  210.  
  211. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  212.  
  213.  
  214. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  215.  
  216. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  217.  
  218.  
  219. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  220.  
  221.  
  222. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  223.  
  224.  
  225.  
  226. /****deleted codes****/
  227.  
  228. 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; }
  229.  
  230. /****fonts****/
  231. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  232.  
  233. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  234.  
  235. @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!