Advertisement
Guest User

very cool css (updated)

a guest
Feb 14th, 2021
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.31 KB | None | 0 0
  1. body {
  2. background-image: url("https://i.postimg.cc/ZYBkkNjJ/image.png");
  3. background-size: cover;
  4. background-attachment: fixed;
  5. color: white;
  6. font-family: "Eurostile";
  7. }
  8.  
  9. .topLeft {
  10. background-image: url("https://i.postimg.cc/PqCGt8hb/image.png");
  11. background-size: cover;
  12. background-position: center;
  13. border-radius: 20px;
  14. box-shadow: 0px 0px 8px #05e607;
  15. }
  16.  
  17. .rightHead {
  18.     background: #e21108;
  19.     color: #fff;
  20.     box-shadow: 0px 0px 15px #d00016;
  21.     border-radius: 20px;
  22.     padding: 5px;
  23. }
  24.  
  25. a {
  26. color: #03adfc;
  27. }
  28.  
  29. #add {
  30.     background-repeat: no-repeat;
  31.     background-image: url("https://i.postimg.cc/h4dC1RK0/cssmyspaceadd.png");
  32.     background-size: contain;
  33.     color: #e610de;
  34. }
  35.  
  36. #report {
  37.     background-repeat: no-repeat;
  38.     background-image: url(https://i.postimg.cc/cL2gm2xQ/cssmyspacereport.png);
  39.     background-size: contain;
  40.     color: #05e606;
  41. }
  42.  
  43. #block {
  44.     background-repeat: no-repeat;
  45.     background-image: url(https://i.postimg.cc/cCC0P1T6/cssmyspaceblock.png);
  46.     background-size: contain;
  47.     color: #e21108;
  48. }
  49.  
  50. #sMsg {
  51.     background-repeat: no-repeat;
  52.     background-image: url(https://i.postimg.cc/TwFTMMs9/cssmyspacemessage.png);
  53.     background-size: contain;
  54.     color: #05a5ea;
  55. }
  56.  
  57. .boxHead {
  58.     background: #05a4e9;
  59.     color: white;
  60.     padding: 5px;
  61.         padding-bottom: 5px;
  62.         padding-left: 5px;
  63.     padding-bottom: 4px;
  64.     padding-left: 6px;
  65.     box-shadow: 0px 0px 15px #009cdf;
  66.     border-radius: 20px;
  67. }
  68.  
  69. .boxInfo {
  70.     border: none;
  71.     margin-bottom: 20px;
  72.     margin-top: 20px;
  73. }
  74.  
  75. .url {
  76.     border: none;
  77.     padding: 7px;
  78.     background-color: #ff8000;
  79.     border-radius: 20px;
  80.     box-shadow: 0px 0px 15px #c86400;
  81. }
  82.  
  83. .player {
  84.     padding: 6px;
  85.     margin-top: 20px;
  86.     margin-bottom: 20px;
  87.     background: white;
  88.     color: #000;
  89.     width: calc(100% - 10px );
  90.     border: none;
  91.     box-shadow: 0px 0px 15px white;
  92.     border-radius: 20px;
  93. }
  94.  
  95. h4 {
  96.     color: #ff8000;
  97.     margin-bottom: 0px;
  98. }
  99.  
  100. .fwiendFace img {
  101.     width: calc( 100% );
  102.     border-radius: 20px;
  103. }
  104.  
  105. .tableLeft img {
  106.     max-width: calc(100%);
  107.     image-orientation: from-image;
  108.     border-radius: 20px;
  109. }
  110.  
  111. .tableLeft {
  112.     background: #ff8000;
  113.     width: 25%;
  114.     padding: 10px;
  115.     vertical-align: top;
  116.     overflow: hidden;
  117.     border-radius: 20px;
  118.     box-shadow: 0px 0px 20px #d06900;
  119. }
  120.  
  121. .tableRight {
  122.     width: 75%;
  123.     background: #fff;
  124.     padding: 10px;
  125.     vertical-align: top;
  126.     overflow-wrap: anywhere;
  127.     border-radius: 20px;
  128.     color: black;
  129.     box-shadow: 0px 0px 20px #d0d0d0;
  130. }
  131.  
  132. textarea, textarea:focus {
  133.     outline: none;
  134.     box-shadow: 0px 0px 20px #c8b6b6;
  135.     border: none;
  136.     border-radius: 5px;
  137.     font-family: "Eurostile";
  138. }
  139.  
  140. .extended {
  141.     border: none;
  142.     text-align: center;
  143.     margin-bottom: 20px;
  144.     margin-top: 15px;
  145.     background: url(https://i.postimg.cc/PqCGt8hb/image.png);
  146.         background-position-x: 0%;
  147.         background-position-y: 0%;
  148.         background-size: auto;
  149.     background-size: cover;
  150.     background-position: center;
  151.     border-radius: 20px;
  152.     box-shadow: 0px 0px 20px #e50fdd;
  153. }
  154.  
  155. .blurbs {
  156.     margin-bottom: 20px;
  157.     background-image: url(https://i.postimg.cc/PqCGt8hb/image.png);
  158.     background-size: cover;
  159.     background-position: center;
  160.     border-radius: 20px;
  161.     box-shadow: 0px 0px 15px #05a5ea;
  162.     padding: 15px;
  163. }
  164.  
  165. #top {
  166.     padding-left: 10px;
  167.     padding-right: 10px;
  168.     border-radius: 20px;
  169.     background-image: url(https://i.postimg.cc/PqCGt8hb/image.png);
  170.     background-size: cover;
  171.     background-position: center;
  172.     box-shadow: 0px 0px 15px #ff8000;
  173.     padding: 5px;
  174. }
  175.  
  176. .avatar {
  177.     width: 200px;
  178.     margin-right: 20px;
  179.     cursor: zoom-in;
  180.     image-orientation: from-image;
  181.     border-radius: 20px;
  182. }
  183.  
  184. img {
  185.   image-rendering: initial;
  186. border-radius: 5px;
  187. }
  188.  
  189. .topRight {
  190.     float: right;
  191.     width: calc( 60% - 20px );
  192.     padding: 10px;
  193.     text-align: center;
  194. }
  195.  
  196. .blog {
  197.     padding: 15px;
  198.     background: url(https://i.postimg.cc/PqCGt8hb/image.png);
  199.         background-position-x: 0%;
  200.         background-position-y: 0%;
  201.         background-size: auto;
  202.     background-size: cover;
  203.     background-position: center;
  204.     border-radius: 20px;
  205.     box-shadow: 0px 0px 20px #05a4e9;
  206. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement