API tools faq
paste
mik98

b&w couple - css

mik98
Oct 25th, 2024
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.89 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/aa63dd558b7f11d9a2d7b4761e9cbc42/fcbdbf784c020146-43/s2048x3072/db88613d213d6bd641ea607976412f4ce5787658.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 #000 solid; border-bottom: 20px #000 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; color: #aaa;
  37. }
  38.  
  39. @font-face { font-family: "caviardreams"; src: url('https://static.tumblr.com/alux5te/8BFltyod3/caviardreams.ttf'); }
  40.  
  41. #container5 { background-image: url(https://64.media.tumblr.com/4cc9a00de0fa9846db966011d95f727b/9f2366b01e802bed-2c/s2048x3072/cdbe8939b142329075cf95b7d834944cd0a7bdca.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(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;}
  42.  
  43. #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; }
  44.  
  45. #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;}
  46.  
  47.  
  48. #polaroid { background-image: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExOGVlYWhnMGRlYjVteWxiM2V4bXIyZzEzdzdlOGtjZWN3dnEwODJpbyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/wOu4hlQqJiVFhBiic0/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(140%) brightness(110%); 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;}
  49.  
  50. #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: #000; letter-spacing: 1px; font-size: 8px; text-align: center; padding: 10px; font-family: caviardreams; text-transform: lowercase; line-height: 16px; }
  51.  
  52.  
  53. #name { background-color: #trans; !important; z-index: 1px; width: 205px; height: 105px; left: 162px; 90px; top: 205px; 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: #aaa; 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;}
  54.  
  55. #nickname { background-color: #trans; !important; z-index: 1px; width: 162px; height: 10px; left: 190px; 90px; top: 210px; border-radius: 6px; position: absolute; border-top: 40px #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: 19px!important; padding: 5px; background: #000;
  56. }
  57.  
  58. #pfp { background-image: url(https://www.ilquaderno.it/immagini/max_b3a3a3d0a03300598d2202367d738a23.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;}
  59.  
  60. #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: #000; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0.5px; text-transform: lowercase;}
  61.  
  62. #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: #aaa; text-transform: uppercase; text-align: center; padding-top: 10px!important; padding: 5px; background: #trans; letter-spacing: 0px; text-transform: uppercase; font-family: Hemisphers;}
  63.  
  64. #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; }
  65.  
  66. #twitterpfp { background-image: url(https://64.media.tumblr.com/e04c61a814b52ecb5355c95884690c24/41d294e75c06cd12-79/s2048x3072/a92e1a9fcc924c892585c5264de32a3cf636e932.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(110%) brightness(100%); color: #eee; letter-spacing: 1px; font-size: 10px; text-align: center; padding: 10px; }
  67.  
  68. #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; }
  69.  
  70. #twitteruser {
  71. color: #111;
  72. font-family: Raleway;
  73. font-style: none;
  74. font-size: 10px;
  75. line-height: 35px;
  76. text-transform: normal;
  77. width: 395px;
  78. height: 30px;
  79. margin-top: 243px;
  80. margin-left: 678px;
  81. overflow: hidden;
  82. font-weight: 900;
  83. letter-spacing: 0.5px;
  84. position: absolute;
  85. }
  86.  
  87. #twitterlocation {
  88. color: #111;
  89. font-family: Raleway;
  90. font-style: none;
  91. font-size: 10px;
  92. line-height: 35px;
  93. text-transform: lowercase;
  94. font-style: italic;
  95. width: 395px;
  96. height: 30px;
  97. margin-top: 259px;
  98. margin-left: 678px;
  99. overflow: hidden;
  100. font-weight: 900;
  101. letter-spacing: 0.5px;
  102. position: absolute;
  103. }
  104.  
  105. #twitterbio {
  106. color: #000;
  107. font-family: Raleway;
  108. font-style: none;
  109. position: absolute;
  110. font-size: 8px;
  111. line-height: 15px;
  112. text-transform: lowercase;
  113. font-style: normal;
  114. width: 185px;
  115. height: 150px;
  116. margin-top: 300px;
  117. margin-left: 670px;
  118. text-align: left;
  119. overflow: hidden;
  120. letter-spacing: 1px;
  121.  
  122. }
  123.  
  124. #bio {
  125. background-color: #;
  126. width: 240px;
  127. height: 290px;
  128. margin-left: 425px;
  129. margin-top: 335px;
  130. font-family: Raleway;
  131. color: #111;
  132. overflow: scroll;
  133. font-size: 12px;
  134. text-align: left;
  135. line-height:20px;
  136. padding-right: 4px;
  137. text-transform: lowercase;
  138. position: absolute;
  139.  
  140.  
  141.  
  142. }
  143.  
  144. #flights {
  145. background-color: #fff;
  146. width: 190px;
  147. height: 20px;
  148. margin-left: 425px;
  149. margin-top: 305px;
  150. font-family: Raleway;
  151. color: #777;
  152. overflow: scroll;
  153. font-size: 12px;
  154. text-align: left;
  155. line-height:20px;
  156. padding-right: 4px;
  157. text-transform: lowercase;
  158. position: absolute;
  159.  
  160. }
  161.  
  162. #essay {
  163. color: #ddd;
  164. font: 8px 'Hemisphers';
  165. overflow: hidden;
  166. font-style: none;
  167. position: absolute;
  168. font-size: 5px;
  169. line-height: 17px;
  170. text-transform: lowercase;
  171. font-style: normal;
  172. width: 175px;
  173. height: 130px;
  174. margin-top: 250px;
  175. margin-left: 185px;
  176. text-align: justify;
  177. overflow: hidden;
  178. font-weight: 900;
  179. letter-spacing: 1px;
  180. }
  181.  
  182. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  183.  
  184.  
  185. .bio b, strong {color: #aaa; font-family: Raleway; font-size:11px;font-weight: normal;}
  186.  
  187. @font-face { font-family: 'coco'; src: url('https://dl.dropboxusercontent.com/s/4vcb8fmr2luxzyk/Cocogoose%20Pro-trial.ttf') ;}
  188.  
  189. i, em {
  190. color: red;
  191. font-family: vincentia;
  192. font-size: 16px;
  193. font-style: normal;
  194. letter-spacing: 1px;
  195. line-height: 0px;
  196. }
  197.  
  198. #links {
  199. z-index: 200000!important;
  200. position: absolute;
  201. overflow: hidden;
  202. font: 8px 'Roboto';
  203. text-transform: uppercase;
  204. margin-top: 380px;
  205. margin-left: 180px;
  206. text-align: left;
  207. width: 260px;
  208. height: 140px!important;
  209. background: #trans;
  210. }
  211.  
  212. #links a {
  213. display: inline-block;
  214. width: 15px;
  215. height: 10px;
  216. color: #fff!important;
  217. text-align: center;
  218. letter-spacing: 1.5px;
  219. margin-top: -1px;
  220. padding-top: 5px!important;
  221. padding: 10px;
  222. background: #000;
  223. border-radius: 6%;
  224. -webkit-transition: all 0.7s ease;
  225. margin: 5px;
  226.  
  227. }
  228.  
  229.  
  230.  
  231. @font-face {font-family: Raleway; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/z1sel824g1y23mw/Raleway-Medium.ttf);}
  232.  
  233.  
  234. @font-face {font-family: Hemisphers; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qyhjl9elunu5go7/Hemisphers%20Bold%20Sans.ttf);}
  235.  
  236. @font-face { font-family:'dust west college'; src: url(https://static.tumblr.com/v6akjgz/BsIrinhke/dust_west_college.otf); }
  237.  
  238.  
  239. @font-face {font-family: roboto; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/i5x37kqbtb40s0b/Roboto-Light.ttf);}
  240.  
  241.  
  242. @font-face {font-family: robold; src: url(HTTPS://DL.DROPBOXUSERCONTENT.COM/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf);}
  243.  
  244.  
  245.  
  246. /****deleted codes****/
  247.  
  248. 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; }
  249.  
  250. /****fonts****/
  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');
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!