Advertisement
basill

basil's cute myspace css

Dec 7th, 2020
897
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.15 KB | None | 0 0
  1. body {
  2.      background-attachment: fixed;
  3.      background-position: center;
  4.      background-image: url("https://i.pinimg.com/736x/32/92/1e/32921ee9d752fb69d0ac58c499fb5963.jpg");
  5.      font-family: Trebuchet MS;
  6.      cursor: url("https://i.imgur.com/jkEhv3B.png"), auto;
  7. }
  8. table, tr, td, li, p, div {
  9.      color: #ffffff;
  10. }
  11. .rightHead, .boxHead {
  12.      background: rgba(62, 179, 171, 0.5);
  13.      color: #ffffff;
  14.      font-size: 20px;
  15.      padding-top: 3px;
  16.      padding-left: 3px;
  17.      padding-right: 3px;
  18.      padding-bottom: 3px;
  19.      border-radius: 25px;
  20.      border: 2px solid #ffffff;
  21.      padding: 10px;
  22. }
  23. .tableLeft {
  24.      background: rgba(62, 179, 171, 0.5) !important;
  25.      border-radius: 25px;
  26.      border: 2px solid #ffffff;
  27.      padding: 10px;
  28. }
  29. .tableRight {
  30.      background: rgba(62, 179, 171, 0.2);
  31.      border-radius: 5px 25px 25px;
  32.      border: 2px solid #ffffff;
  33.      padding: 10px;
  34. }
  35. div.player.box {
  36.      border: none !important;
  37.      background: transparent !important;
  38.      border-radius: 0px !important;
  39. }
  40. .player {
  41.      background: rgba(62, 179, 171, 0.5);
  42.      border: none;
  43. }
  44. .box {
  45.      border-radius: 25px;
  46.      border: 2px solid #ffffff;
  47.      padding: 10px;
  48. }
  49. h4 {
  50.      color: #ffffff;
  51. }
  52. p {
  53.      color: #ffffff;
  54.      font-size: 16px;
  55. }
  56. .boxButton {
  57.      color: #ffffff;
  58.      font-size: 16px;
  59. }
  60. textarea {
  61.      background: rgba(62, 179, 171, 0.5);
  62.      color: #ffffff;
  63.      border-radius: 5px 25px 25px;
  64.      border: 2px solid #ffffff;
  65.      padding: 10px;
  66. }
  67. .extendedBox {
  68.      background: transparent;
  69.      color: #ffffff;
  70.      border: none;
  71.      font-size: 16px;
  72.      border-radius: 25px;
  73.      border: 2px solid #ffffff;
  74.      padding: 10px;
  75. }
  76. .fwiendCount {
  77.      color: #9883d6;
  78.      font-size: 18px;
  79.      margin-left: 5px;
  80. }
  81. #report {
  82.      font-size: 0px;
  83. }
  84. #sMsg {
  85.      background-image: url("https://cutekawaiiresources.files.wordpress.com/2013/03/new_cat4.gif?w=36&h=");
  86.      font-size: 0px;
  87. }
  88. #sMsg::after {
  89.      content: " message me";
  90.      font-size: 13px;
  91. }
  92. #add {
  93.      background-image: url("https://cutekawaiiresources.files.wordpress.com/2013/03/new_cat4.gif?w=36&h=");
  94.      font-size: 0px;
  95. }
  96. #add::after {
  97.      content: " add :)";
  98.      font-size: 13px;
  99. }
  100. #block {
  101.      font-size: 0px;
  102. }
  103. .player::before {
  104.      content: "";
  105.      bottom: 20px;
  106.      display: block;
  107.      position: relative;
  108.      width: calc(40% -20px);
  109.      height: 500px;
  110.      max-width: 390px;
  111.      background-position: 0 0;
  112.      background-size: 100% 100%;
  113.      background-image: url("https://media2.giphy.com/media/o0JqY89wfQUU/giphy.gif");
  114.      padding-top: 5px;
  115. }
  116. .player::after {
  117.      content: "";
  118.      top: 40px;
  119.      display: block;
  120.      position: relative;
  121.      width: calc(40% -20px);
  122.      height: 200px;
  123.      max-width: 390px;
  124.      background-position: 0 0;
  125.      background-size: 100% 100%;
  126.      background-image: url("https://media1.tenor.com/images/7546673730f4494d0d6f09181b9f5efa/tenor.gif?itemid=14949495");
  127.      padding-bottom: 5px;
  128. }
  129. .songName {
  130.      font-size: 18px;
  131. }
  132. .logo {
  133.      font-size:0;
  134. }
  135.  
  136. div#header {
  137.      background: rgba(156, 124, 204, 0.5);
  138.      font-family: Trebuchet MS;
  139. }
  140.  
  141. div#hSub {
  142.      background-color:#9c7ccc;
  143.      font-family:Trebuchet MS;
  144. }
  145. div.box.blog {
  146.      background-color: rgba(62, 179, 171, 0.5);
  147. }
  148. .topLeft {
  149.      background-color: rgba(62, 179, 171, 0.3);
  150.      margin-left: 5px;
  151. }
  152. .url.box a {
  153.      color: #aaa !important;
  154. }
  155. div#report.boxButton, div#block.boxButton {
  156.      background: transparent;
  157. }
  158. .fwiendFace img {
  159.      border: 4px solid #ffffff;
  160.      border-radius: 50%;
  161.      background-position: center;
  162.      border-radius: 50%;
  163.      display: absolute;
  164.      height: 100px;
  165.      object-fit: cover;
  166.      width: 100px;
  167.      border-width: 2px;
  168.      border-color: #ffffff;
  169. }
  170. div.box.blurbs, div.box.fwiends, div.extended.box {
  171.      background-color: rgba(62, 179, 171, 0.3);
  172. }
  173. div.box.blurbs {
  174.      padding-left: 5px;
  175.      padding-right: 5px;
  176. }
  177. a, audio, input, button {
  178.      cursor:url("https://i.imgur.com/9eRMDZL.png"), default;
  179. }
  180. .logo {
  181.      background: url("https://i.imgur.com/gBDyOis.png");
  182. }
  183. h2#name.uName {
  184.      font-size: 0px;
  185. }
  186. h2#name.uName::after {
  187.      content: "𝓹𝔀𝓲𝓷𝓬𝓮𝓼𝓼";
  188.      font-size: 30px;
  189. }
  190. .avatar {
  191.      margin-top: 20px;
  192. }
  193. .blogs div {
  194.      font-size: 14px;
  195. }
  196. .blogs div b {
  197.      font-size: 16px;
  198. }
  199. .rightHead{
  200.      font-size: 0px;
  201. }
  202. h4 {
  203.      font-size: 0px;
  204. }
  205. div.blogs b {
  206.      font-size: 0px;
  207. }
  208. .fwiendCounter > b::after {
  209.     content: " fwiends!";
  210.     font-size: 15px;
  211. }
  212. .fwiendCounter > b {
  213.     font-size: 0px;
  214. }
  215. .fwiendCounter > b > .uName {
  216.      font-size: 0px;
  217. }
  218. .topRight > .box:not(.blurbs) > .rightHead > b::after {
  219.      content: "fwiends space";
  220.      font-size: 20px;
  221. }
  222. .topRight > .box:not(.blurbs) > .rightHead > b > span.uName {
  223.      font-size: -9999px;
  224. }
  225. .topRight > .box:not(.blurbs) > .rightHead > b {
  226.      font-size: 0;
  227. }
  228. .blurbs.box > .rightHead > b > span.uName::after {
  229.      content: "about";
  230.      font-size: 20px;
  231. }
  232. .blurbs.box > .rightHead > b {
  233.      font-size: 0px;
  234. }
  235. .blurbs.box > .rightHead > b > span.uName {
  236.      font-size: 0px;
  237. }
  238. .boxInfo.box > .boxHead > b {
  239.      font-size: 0px;
  240. }
  241. .boxInfo.box > .boxHead::after {
  242.      content: "contact pwincess";
  243.      font-weight: bold;
  244.      font-size: 20;
  245. }
  246. .url {
  247.      font-size: 0px;
  248.      background: url("https://media.giphy.com/media/13xxoHrXk4Rrdm/200.gif");
  249.      background-size: 400px;
  250.      position: fixed;
  251.      right: 0px;
  252.      bottom: 0px;
  253.      color: transparent !important;
  254.      height: 256px;
  255.      width: 256px;
  256.      border: none;
  257.      box-shadow: none;
  258.      padding: 0 !important;
  259.      z-index: 1000;
  260. }
  261. .avatar {
  262.      border: 4px solid #ffffff;
  263.      border-radius: 50%;
  264.      background-position: center;
  265.      border-radius: 50%;
  266.      display: absolute;
  267.      height: 200px;
  268.      object-fit: cover;
  269.      width: 200px;
  270. }
  271. #commentInput {
  272.      margin-right: 20px;
  273. }
  274. .box.comments {
  275.      border: none !important;
  276. }
  277. .topLeft {
  278.      border-radius: 25px;
  279.      border: 2px solid #ffffff;
  280.      padding: 10px;
  281.      margin-left: -5px;
  282. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement