Advertisement
Polternyx

My css

Dec 15th, 2020 (edited)
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.62 KB | None | 0 0
  1. body {
  2. background-attachment: fixed;
  3. background-position: center;
  4. background-image: url("https://i.pinimg.com/originals/92/0d/5d/920d5daf47451e81dba21e8f7037c240.gif");
  5. font-family: Arial;
  6. auto;
  7. }
  8. .extended::after{
  9.  
  10. background-image:url(https://media2.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif);
  11.  
  12. background-position:center;
  13.  
  14. background-size:cover;
  15.  
  16. border:2px solid #000;
  17.  
  18. border-radius:25px;
  19.  
  20. bottom:0;
  21.  
  22. box-sizing:border-box;
  23.  
  24. color:#fff;
  25.  
  26. Content:"PARTY TIME";
  27.  
  28. display:block;
  29.  
  30. font-family:Century Gothic;
  31.  
  32. font-size:15px;
  33.  
  34. font-weight:700;
  35.  
  36. left:0;
  37.  
  38. text-align:center;
  39.  
  40. text-shadow:#fff 0 0 7px;
  41.  
  42. top:0;
  43.  
  44. width:100%;
  45.  
  46. }
  47.  
  48. table, tr, td, li
  49.  
  50.  
  51. /* This changes the color of the "About me" and "Who I'd like to meet" headings */
  52. body {
  53.  
  54. background-image: url("https://i.pinimg.com/originals/40/96/41/4096417e13caecb5627095d2c89fafa7.gif");
  55. font-family: Arial;
  56. auto;
  57. }
  58.  
  59. /* This changes the colors of the box headings, e.g.: "Username's blurbs" and "Username's fwiends space" */
  60. div.rightHead, div.boxHead{
  61. background-image: url("https://64.media.tumblr.com/47dbdb7169a5985b08ef14ad5c31dae5/f7d3373922741e37-86/s500x750/bf89c351e6840ebdc29c19c9db150c490ff5bb4d.gif"); /* Background color */
  62. color: white; /* Font color */
  63. }
  64.  
  65.  
  66. /* This changes the background color and the font color of text boxes */
  67. .short, .box, div.topLeft>div, .blogTitle > h2{
  68. background-image: url("https://64.media.tumblr.com/9b518f516848e55e39d37571eaf80613/tumblr_nql1lneKzH1u77es6o1_500.gifv"); /* Background color */
  69. color: white; /* Font color */
  70. }
  71. div.box.comments div.box.blog, div.box.comments div.box.comments{
  72. background:none; /* This fixes an issue where the background would be rendered multiple times on the "blogs" page */
  73. }
  74.  
  75.  
  76. /* This changes the background of your profile and blog comments */
  77. .tableLeft{
  78. background:url(https://64.media.tumblr.com/1eae6e49be126f3285b9ed43df6852b3/tumblr_olec01Im971u4echuo1_500.gifv); /* --- CUSTOMIZABLE BACKGROUND IMAGE --- */
  79. }
  80. .tableRight{
  81. background:url(https://64.media.tumblr.com/1eae6e49be126f3285b9ed43df6852b3/tumblr_olec01Im971u4echuo1_500.gifv); /* --- CUSTOMIZABLE BACKGROUND IMAGE --- */
  82. }
  83.  
  84.  
  85. /* This changes the color of clickable links, e.g.:"[view more]" */
  86. a:link, a:visited{
  87. color: white; /* Font color */
  88. }
  89.  
  90.  
  91. /* This changes the font on your profile */
  92. body, div#header{
  93. font-family: arial; /* Go here for font help: https://www.w3schools.com/cssref/css_websafe_fonts.asp */
  94. }
  95.  
  96.  
  97. /* This changes the color and font of the "Home | My Fwiends etc." link bar */
  98. div#hSub{
  99. background-image: url("https://66.media.tumblr.com/9a540ff7ea3ea94a8b05157a14a6d300/tumblr_pg387iHDVR1xevqd7o1_500.gif")
  100. font-family: Arial; /* Font */
  101. color: white; /* Font color */
  102. }
  103.  
  104.  
  105. /* This changes the text alignment of the right hand side of your profile */
  106. .topRight{
  107. text-align: center;
  108. }
  109.  
  110.  
  111. /* This replaces the text that says "Username is in your extended network" */
  112. div.extended.box>a>h3{
  113. font-size: 0px;
  114. }
  115. div.extended.box>a>h3:after{
  116. display: block;
  117. font-size: 22px;
  118. margin-block-start: 16px;
  119. margin-block-end: 16px;
  120. font-weight: bold;
  121. content: "---POLTERNYX IS YOUR EXTENDED NETWORK---";
  122. }
  123.  
  124.  
  125. /* This adds a textbox on the left side below your profile info and your mp3 */
  126. div.topLeft{
  127. position: relative;
  128. }
  129. div.topLeft:after{
  130. background-image: url("https://66.media.tumblr.com/9a540ff7ea3ea94a8b05157a14a6d300/tumblr_pg387iHDVR1xevqd7o1_500.gif");
  131. content: "--- Hi!! Nice to meet you! I really want to have friends. My favorite music is bmth, paramore, mother mother, and other stuff i can't think of. I'm not sure what else to put here but until then, <3 have a great day! ---";
  132. overflow: hidden;
  133. text-overflow: ellipsis;
  134. white-space: wrap;
  135. position: absolute;
  136. left: 10px;
  137. right: 10px;
  138. background-color: rgba(0,255,0,1); /* --- lime --- */
  139. padding-left: 10px;
  140. padding-right: 10px;
  141. padding-bottom: 5px;
  142. padding-top: 5px;
  143. }
  144.  
  145.  
  146. /* This hides the report button */
  147. #report{
  148. display: none;
  149. }
  150.  
  151.  
  152. /* This hides the block button */
  153. #block{
  154. display: none;
  155. }
  156.  
  157.  
  158. /* This changes the icon of the add button and allows for custom text */
  159. #add{
  160. font-size: 0px;
  161. background-image:url(https://cdn.fastly.picmonkey.com/content4/previews/main/picmoji/bleeding_heart_550.png); /* Custom icon */
  162. background-size: contain;
  163. }
  164. #add:after{
  165. content:"Add to fwiends"; /* Text can be customized */
  166. font-size: small;
  167. color:white; padding-left: 10px;
  168. }
  169.  
  170.  
  171. /* This changes the icon of the message button and allows for custom text */
  172. #sMsg{
  173. font-size: 0px;
  174. background-image:url(https://cdn.fastly.picmonkey.com/content4/previews/main/picmoji/bleeding_heart_550.png); /* Custom icon */
  175. background-size: contain;
  176. }
  177. #sMsg:after{
  178. content:"hmu <3"; /* Text can be customized */
  179. font-size: small;
  180. color:white; padding-left: 10px;
  181. }
  182. .player::before {
  183. content: "";
  184. bottom: 20px;
  185. display: block;
  186. position: relative;
  187. width: calc(40% -20px);
  188. height: 390px;
  189. max-width: 390px;
  190. background-position: 0 0;
  191. background-size: 100% 100%;
  192. background-image: url("https://i.pinimg.com/originals/3b/9e/cb/3b9ecbcfaefbe600c295e6caf230361e.gif");
  193. padding-top: 5px;
  194. }
  195. .player::after {
  196. content: "";
  197. top: 40px;
  198. display: block;
  199. position: relative;
  200. width: calc(40% -20px);
  201. height: 390px;
  202. max-width: 390px;
  203. background-position: 0 0;
  204. background-size: 100% 100%;
  205. background-image: url("https://i.pinimg.com/originals/00/8a/3b/008a3b3bc6eeb139ce25f02ae0b19abe.gif");
  206. padding-bottom: 5px;
  207. }
  208.  
  209. /* This hides the URL box */
  210. .url{
  211. display: none;
  212. }
  213.  
  214.  
  215. /* This replaces the text of your friend counter */
  216. .fwiendCounter{
  217. font-size: 0px;
  218. }
  219. .fwiendCounter:after{
  220. font-size: 15px;
  221. font-weight: bold;
  222. content: "I wanna be fwiends";
  223. }
  224. /* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/cursors/cur-12/cur1103.ani), url(https://ani.cursors-4u.net/cursors/cur-12/cur1103.png), auto !important;} /* End https://www.cursors-4u.com */
  225. .logo span {
  226. display: none;
  227. }
  228.  
  229. .logo::after {
  230. color: white;
  231. content: "POPIPO!!";
  232. font-size: 20px;
  233. font-weight: 800;
  234. font-family: "Comic Sans Ms";
  235. text-align: center;
  236. }
  237. div#header {
  238. Background-image: url(https://64.media.tumblr.com/26c22c70e63b3d5f6e8d0c084e0fe6c7/def6ece82ddf2bdb-bd/s2048x3072_c0,21500,100000,78000/4c1d731b145b67921734845012e6ff336fce68c8.gif);
  239. text-align: center;
  240. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement