Advertisement
Guest User

My CSS! :D

a guest
Dec 29th, 2020
391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.88 KB | None | 0 0
  1. /*
  2. __  __          _____  _____ _____      __
  3. |  \/  |        / ____|/ ____/ ____|  _  \ \
  4. | \  / |_   _  | |    | (___| (___   (_)  | |
  5. | |\/| | | | | | |     \___ \\___ \       | |
  6. | |  | | |_| | | |____ ____) |___) |  _   | |
  7. |_|  |_|\__, |  \_____|_____/_____/  (_)  | |
  8.         __/ |                           /_/
  9.        |___/
  10. made by pannacottafugo on myspace :3
  11. Mostly fully commented im sure you can figure it out :)
  12. */
  13. /*changes font of site*/
  14. div#header{
  15.     background-color: black;
  16.     font-family: Comic Sans MS}
  17.  
  18. /*changes background and font of that things at the top that says
  19. "Home|Fwiends|All|Random|Online|Music|News|Search"
  20. as well as the part that says
  21. "myspace.windows93.net  Mailbox Logout"*/
  22. div#hSub{
  23.     background-image: url("https://i.gifer.com/OXDK.gif");
  24.     font-family: Comic Sans MS
  25.     text-align: center;}
  26.  
  27. /*changes cursor(mines that one with hatsune miku! all other instances of
  28. "cursor: " change the hovering links to nyan cat :3)*/
  29. * {cursor: url(https://cur.cursors-4u.net/anime/ani-12/ani1147.ani), url(https://cur.cursors-4u.net/anime/ani-12/ani1147.gif), auto !important;}
  30.  
  31. /*changes backround of blog as a whole*/
  32. body {
  33.     font-family: Comic Sans MS;
  34.     background-image: url("https://cdn140.picsart.com/326942467020201.jpg?type=webp&to=min&r=480");
  35.     background-attachment: fixed;
  36.     background-size: cover;
  37.     background-repeat: no-repeat;
  38.     background-position: center center;
  39.     color: white;}
  40.  
  41. /*just kinda changes general text color*/
  42. p{color: white;}
  43. b{color: white;}
  44. ul{color: white;}
  45.  
  46. /*changes"Edit your profile"/"pannacottafugo is in your extended network" box*/
  47. div.extended.box{
  48.     background-image: url("https://media2.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif");
  49.     color: white;}
  50.  
  51. /*changes that box at the top with your userna*/
  52. h2#name.uName{
  53.     background-image: url("https://i.gifer.com/OXDK.gif");
  54.     color:black;
  55.     text-align: center;}
  56.  
  57. /*changes those things that say "About me" and "Who id like to meet"*/
  58. h4{
  59.     background-image: url("https://media1.tenor.com/images/1faaaa60f9890604081fad101db095f4/tenor.gif?itemid=15968432");
  60.     color: white;}
  61.  
  62. /*kinda just fixes up the avatar image on ur page*/
  63. .avatar {
  64.     width: 100%;
  65.     margin-top: 20px;
  66.     margin-right: 20px;
  67.     cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;
  68.     image-orientation: from-image;}
  69.  
  70. /*changes color of the blurbs(thing with ur quote, age and gender)*/
  71. .blurbs, #top, #box, .box, #header, #hSub{
  72.     background: black;
  73.     color: black;
  74.   /*background-color: white;*/}
  75.  
  76. /*changes look of the submit buttons for when u submit a comment*/
  77. button{
  78.   background-image: url("https://i.pinimg.com/originals/fe/63/52/fe635213e191685131500fca1cab7299.gif");
  79.   color: white;
  80.   cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;}
  81. input{
  82.   background-image: url("https://i.pinimg.com/originals/fe/63/52/fe635213e191685131500fca1cab7299.gif");
  83.   color: white;
  84.   cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;}
  85.  
  86. /*not even gonna lie i forgot what this does*/
  87. td.shortRight {
  88.     background-color: black;
  89.     color: white;
  90.     background-size: 100%;}
  91.  
  92. /*nyan cat hover cursor :3*/
  93. img{cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;}
  94.  
  95. /*i seriously forgot what this does -_-'*/
  96. #imgPreview img {
  97.     width: auto;
  98.     height: auto;
  99.     max-height: calc(100% - 10px );
  100.     max-width: 100%;
  101.     position: absolute;
  102.     top: 0;
  103.     bottom: 0;
  104.     left: 0;
  105.     right: 0;
  106.     margin: auto;
  107.     border: 5px solid #fff0;
  108.     cursor: zoom-out;
  109.     background: #fff0;}
  110.  
  111. /*moar cursor :OOO*/
  112. a:-webkit-any-link {
  113.     color: #a863e4;
  114.     cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat927.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat927.png), auto !important;}
  115.  
  116. /*BUTTONS*/
  117. #add {
  118.     background-repeat: no-repeat;
  119.     background-image: url(https://i.ibb.co/gzwdSy9/Image-869513-1.png);
  120.     background-size: 30px;}
  121. #sMsg {
  122.     background-repeat: no-repeat;
  123.     background-image: url(https://cdn.techjourney.net/2007/06/agf_purple.png);
  124.     background-size: 30px;}
  125. #report {
  126.     background-repeat: no-repeat;
  127.     background-image: url(https://cdn.discordapp.com/attachments/716339893063778375/722706355697221695/1592377015590.png);
  128.     background-size: 30px;
  129.     /*display: none;*/}
  130. #block {
  131.     background-repeat: no-repeat;
  132.     background-image: url(https://i.ibb.co/25nw8Tj/error.png);
  133.     background-size: 30px;
  134.     /*display: none*/;}
  135.  
  136. /*hehe i forgot what these do too -v- theyre just lil details tho im sure u
  137. can figure it out*/
  138. div.blogs {color:white;}
  139. div.topRight {background-color: black;
  140.     text-align: center;}
  141. div.url.box{background-image: url("https://pa1.narvii.com/6288/033e773d930af28bf65a5d35d3f9952442be48f2_00.gif")}
  142.  
  143. /*the funny dancy boys on top of my audio*/
  144. .player::before {
  145.     content: "";
  146.     color: #000000;
  147.     background-image: url("https://preview.redd.it/hg5q1otgf3o41.gif?format=png8&s=3399caacbdd61a22b84c7b3f233c091e6bfde872");
  148.     background-size: 100%;
  149.     image-position: center;
  150.     white-space: pre-wrap;
  151.     background-repeat: no-repeat;
  152.     display: block;
  153.     position: relative;
  154.     /*border: #0046ff 2px solid;*/
  155.     text-align: center;
  156.     height: 225px;
  157.     /*width: 480px;*/}
  158.  
  159. div.player.box{
  160.     background-image: url("https://i.gifer.com/OXDK.gif");}
  161. textarea#commentInput{
  162.     background-image: url("https://cdn.lowgif.com/small/a4bf985c49f9a581-rainbow-colorful-shimmer-gif-on-gifer-by-ariunrad.gif");
  163. }
  164.  
  165. /*the comment sections :OOOO wooahhhhh*/
  166. .tableLeft {
  167.     width: 25%;
  168.     padding: 10px;
  169.     vertical-align: top;
  170.     overflow: hidden;
  171.     border: 2px dashed deeppink;
  172.     color: white;
  173.     background-image: url("https://i.pinimg.com/originals/74/7a/40/747a401c0daac6b580fd1ffc4e5c3039.gif"); }
  174. .tableRight {
  175.     width: 75%;
  176.     padding: 10px;
  177.     vertical-align: top;
  178.     border: 2px dashed deeppink;
  179.     color: white;
  180.     background-image: url("https://thumbs.gfycat.com/DisastrousSnappyAmericanredsquirrel-size_restricted.gif");
  181.     overflow-wrap: anywhere;}
  182. .rightHead, .boxHead {
  183.     background-image: url("https://cdn.statically.io/img/lh6.googleusercontent.com/proxy/EGTw5YF5QyzSI5HnuabiEHEgOhQgy8OxEqll7jjb0T4KaBHLgP_eNWRrYEgZGx8XNuATYwp9oxeBl1qQ8ROQtlfIDwmBgdTVT3B4iC9XwlA217dolM8lkLKgWnoDL3_ieAqc6-XZoJYqCYQ=s0-d");
  184.     background-color: #000000;
  185.     color: white;
  186.     font-weight: none;}
  187.  
  188. /*make profile pixtures the same size unlike the wacky rectangles :3*/
  189. .fwiendFace img {
  190.     width: calc( 100% );
  191.     height: 135px;
  192.     object-fit: cover;}
  193.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement