API tools faq
paste
mik98

brookem - css

mik98
Dec 22nd, 2025
38
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.61 KB | None | 0 0
raw download clone embed print report
  1. body { background-color: #fff!important;
  2. }
  3.  
  4.  
  5. #xg_body a { color: #fff;
  6. }
  7.  
  8. #xg_body a:hover { color: #fff;
  9. }
  10.  
  11. #xg_layout_column_2 { background: #trans;
  12. font-color: #fff;
  13. font-family: poppins;
  14. font-size: 12px;
  15. margin-left: -50px;
  16. margin-top: 60px;
  17. width: 1200px;
  18. height: 500px;
  19. }
  20.  
  21. ::-webkit-scrollbar {
  22. display: none;
  23. }
  24.  
  25. /****html****/
  26.  
  27. #code { height: 1500px;}
  28.  
  29. #container { background-image: url(https://i.pinimg.com/1200x/47/3a/c3/473ac3895a7f50464cf7bf6c3092818a.jpg)!important; z-index: 1px; width: 555px; height: 360px; left: 250px; top: 70px; border-radius: 10px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  30.  
  31. #container2 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31040466293?profile=original)!important; z-index: 1px; width: 555px; height: 360px; left: 250px; top: 80px; border-radius: 0px 0px 10px 10px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  32.  
  33. #container3 { background-image: url(https://forums.overclockers.co.uk/attachments/cslautz-png.550711/)!important; z-index: 1px; width: 510px; height: 60px; left: 270px; top: 370px; border-radius: 0px 0px 10px 10px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  34.  
  35. #box2 { background-color: #fff!important; z-index: 1px; width: 210px; height: 300px; left: 560px; top: 90px; border-radius: 0px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover; font-family: helvetica; line-height: 175px; color: #000; text-align: center; font-weight: 1; font-size: 10px; letter-spacing: 1px;}
  36.  
  37. @font-face { font-family: "helvetica"; src: url('https://static.tumblr.com/eytkop6/BpGpfvhnc/helvetica.ttf'); }
  38.  
  39.  
  40. #followers { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31040366672?profile=original)!important; z-index: 1px; width: 140px; height: 60px; left: 590px; top: 185px; border-radius: 0px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover; font-family: JandaManatee; line-height: 205px; color: #999; text-align: center; font-weight: 1; font-size: 10px; letter-spacing: 1px;}
  41.  
  42. #bio { background-color: #trans; !important; z-index: 1px; width: 160px; height: 30px; left: 585px; 90px; top: 250px; border-radius: 6px; position: absolute; border-top: 242px #trans solid; border: 1px #trans solid; background-size: cover; filter: contrast(100%) grayscale(10%) brightness(100%); color: #aaa; font-size: 10px; text-align: center; line-height: 10px; font-family: shrikhand; color: #9fa9a3; text-align: center; text-transform: lowercase; }
  43.  
  44. #bottom { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31040370476?profile=original)!important; z-index: 1px; width: 210px; height: 27px; left: 560px; top: 275px; border-radius: 0px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover; font-family: JandaManatee; line-height: 205px; color: #999; text-align: center; font-weight: 1; font-size: 10px; letter-spacing: 1px; border-bottom: 1px #ddd solid;}
  45.  
  46. #image11 { background-image: url(https://i.pinimg.com/736x/5e/ac/aa/5eacaa7ca01d7d0d73d141cfb10c5f7a.jpg); !important; z-index: 1px; width: 65px; height: 70px; left: 563px; top: 303px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #eee solid; }
  47.  
  48. #image22 { background-image: url(https://64.media.tumblr.com/6a84d93e7de5f1ccd0829ac5583e0b73/4f4dd627ef7a6b1b-78/s250x400/75014a0070af3f7be874ccd8c602e1ca33c0cb55.gifv); !important; z-index: 1px; width: 65px; height: 70px; left: 631px; top: 303px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #eee solid; }
  49.  
  50. #image33 { background-image: url(https://i.pinimg.com/736x/57/00/48/57004859842ca811b3c51dd09c2d514a.jpg); !important; z-index: 1px; width: 65px; height: 70px; left: 700px; top: 303px; border-radius: 0px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #eee solid; }
  51.  
  52.  
  53.  
  54.  
  55.  
  56. @font-face{font-family:JandaManatee;src:url(https://static.tumblr.com/9wzbixa/paEmj2mm5/jandamanateesolid.ttf);}
  57.  
  58.  
  59. #fancy-border {
  60. width: 210px;
  61. height: 15px;
  62. text-align: center;
  63. position: relative;
  64. background: #trans;
  65. border-radius: 0px;
  66. overflow: hidden;
  67. transform: rotate(0deg);
  68. left: 555px; top: 85px;
  69.  
  70. }
  71.  
  72. #fancy-border::before {
  73. content: "";
  74. position: absolute;
  75. top: 0;
  76. left: 0;
  77. width: 100%;
  78. height: 40px; /* Thickness of the border */
  79. background: linear-gradient(to right, #e3e0cc 33.33%, #c5d5c5 33.33%, #c5d5c5 66.66%, #9fa9a3 66.66%);
  80. border-top-left-radius: 0px;
  81. border-top-right-radius: 0px;
  82. }
  83.  
  84. #fancy-border2 {
  85. width: 210px;
  86. height: 15px;
  87. text-align: center;
  88. position: relative;
  89. background: #trans;
  90. border-radius: 0px;
  91. overflow: hidden;
  92. transform: rotate(0deg);
  93. left: 555px; top: 355px;
  94.  
  95. }
  96.  
  97. #fancy-border2::before {
  98. content: "";
  99. position: absolute;
  100. top: 0;
  101. left: 0;
  102. width: 100%;
  103. height: 40px; /* Thickness of the border */
  104. background: linear-gradient(to right, #e3e0cc 33.33%, #c5d5c5 33.33%, #c5d5c5 66.66%, #9fa9a3 66.66%);
  105. border-top-left-radius: 0px;
  106. border-top-right-radius: 0px;
  107. }
  108.  
  109. #pfp { background-image: url(https://i.pinimg.com/736x/e7/dc/c7/e7dcc70644b35d933e1986af0fc9bb78.jpg); !important; z-index: 1px; width: 55px; height: 55px; left: 635px; top: 110px; border-radius: 100px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; border: 1px #eee solid; }
  110.  
  111.  
  112. #image1 { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/31040358486?profile=original)!important; z-index: 1px; width: 300px; height: 260px; left: 250px; top: 90px; border-radius: 0px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  113.  
  114. #imagetop { background-image: url(https://i.pinimg.com/736x/45/6e/8d/456e8dcccc33e884a3c0e4fc513ca85a.jpg)!important; z-index: 1px; width: 210px; height: 240px; left: 340px; top: 135px; border-radius: 0px; position: absolute; border-top: 0px #ddd solid; border-bottom: 0px #111 solid; background-size: cover;}
  115.  
  116.  
  117. #tweetbox { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13291154873?profile=original); !important; z-index: 1px; width: 150px; height: 90px; left: 735px; top: 140px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border-bottom: 0px #aaa solid; border-top: 00px #aaa 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.02) inset; }
  118.  
  119. #tweet { background-color: #eee; !important; z-index: 1px; width: 135px; height: 30px; left: 736px; 90px; top: 175px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(115%); color: #666; letter-spacing: 0px; font-size:7px; text-align: left; padding-top: 8px; padding-left: 5px; font-family: HelveticaNeueLight; text-transform: normal; line-height: 10px; }
  120.  
  121. .tweet, strong {color: #9fa9a3; font-family: HelveticaNeueLight; font-size:7px; font-weight: normal; opacity: 100%; font-style: normal; filter: contrast(100%) grayscale(0%) brightness(100%); }
  122.  
  123. #tweetname { background-color: #eee; !important; z-index: 1px; width: 57px; height: 12px; left: 768px; 90px; top: 142px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(115%); color: #000; letter-spacing: 0px; font-size:10px; text-align: left; padding-top: 8px; padding-left: 5px; font-family: HelveticaNeueBold; text-transform: normal; line-height: 13px; }
  124.  
  125. #tweetusername { background-color: #fff; !important; z-index: 1px; width: 57px; height: 10px; left: 768px; 90px; top: 161px; border-radius: 0px; position: absolute; background-size: cover; filter: contrast(100%) grayscale(0%) brightness(100%); color: #ccc; letter-spacing: 0px; font-size:8px; text-align: left; padding-top: 0px; padding-left: 5px; font-family: HelveticaNeuelight; text-transform: normal; line-height: 13px; }
  126.  
  127. #twitterlogo { background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/13291213456?profile=original); !important; z-index: 1px; width: 25px; height: 25px; left: 857px; top: 149px; border-radius: 6px; position: absolute; border-left: 0px #eee solid; border: 0px #fff solid; filter: grayscale(100%) brightness(10%); background-size: cover; }
  128.  
  129.  
  130. #pfptwitter { background-image: url(https://i.pinimg.com/1200x/31/20/12/312012ad16bcf13f0936132f9903d32a.jpg); !important; z-index: 1px; width: 30px; height: 30px; left: 740px; top: 146px; border-radius: 100px; position: absolute; filter: grayscale(10%) brightness(100%); background-size: cover; }
  131.  
  132. #link {
  133. display: inline-block;
  134. position: absolute;
  135. width: 10px;
  136. height: 240px;
  137. -webkit-transition-duration: 0.8s;
  138. -moz-transition-duration: 0.8s;
  139. opacity: 10.7;
  140. margin-top: 50px;
  141. margin-left: 250px;
  142. padding: 0px 15px 10px 0px;
  143. line-height: 0px;
  144. -webkit-filter: grayscale(0) brightness(120%) contrast(100%);
  145. border-radius:6px;
  146. text-align: center;
  147.  
  148.  
  149. }
  150.  
  151. #link a.links {
  152. display: inline-block;
  153. width: 55px;
  154. height: 65px;
  155. text-align: center;
  156. text-transform: uppercase;
  157. text-align: center;
  158. line-height: 10px;
  159. color: #fff;
  160. text-shadow: 0px 0px 6px #trans;
  161. font-size: 7px;
  162. letter-spacing: 1px;
  163. font-family: 'roboto';
  164. -webkit-transition: all 0.5s ease-in-out;
  165. -moz-transition: all 0.5s ease-in-out;
  166. -o-transition: all 0.5s ease-in-out;
  167. -ms-transition: all 0.5s ease-in-out;
  168. transition: all 0.5s ease-in-out;
  169. margin: 5px;
  170. -webkit-filter: grayscale(0) contrast(80%);
  171.  
  172. }
  173.  
  174.  
  175. /****deleted codes****/
  176.  
  177. 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; }
  178.  
  179. /****fonts****/
  180.  
  181.  
  182. @font-face { font-family: shrikhand; src:url('https://dl.dropboxusercontent.com/s/vd0h7y96gdck6yd/Shrikhand-Regular.ttf?dl=0');}
  183.  
  184. @font-face { font-family: 'poppins'; src: url('https://dl.dropboxusercontent.com/s/c7yh7zqu0j7bvb0/Poppins-Regular.otf'); ;}
  185.  
  186. @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!