Advertisement
Guest User

Sam CSS

a guest
Jan 23rd, 2018
59
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
  1. #profile-container {
  2. background: none;
  3. }
  4.  
  5. body {
  6. background: #F0CAD8;
  7. }
  8.  
  9. body,
  10. a:hover {
  11. cursor: url(http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
  12. }
  13.  
  14. @font-face {
  15. font-family: name;
  16. src: url(https://dl.dropbox.com/s/58acd90wv13r9tj/Moms_typewriter.ttf?dl=0);
  17. }
  18.  
  19. .pic {
  20. z-index: 12;
  21. position: absolute;
  22. border: 1px solid #222;
  23. background: url(https://i.imgur.com/odi8QyH.png);
  24. background-size: 100%;
  25. top: 148px;
  26. left: 376px;
  27. width: 270px;
  28. height: 349px;
  29. }
  30.  
  31. .box {
  32. z-index: 10;
  33. position: absolute;
  34. border: 4px double #111;
  35. background: #CAF0E2;
  36. width: 560px;
  37. height: 480px;
  38. top: 80px;
  39. left: 90px;
  40. }
  41.  
  42. .bar1 {
  43. z-index: 10;
  44. position: absolute;
  45. border: 1px solid #111;
  46. background: #333;
  47. top: 110px;
  48. left: 93px;
  49. padding: 5px;
  50. width: 550px;
  51. height: 20px;
  52. text-align: center;
  53. font-family: name;
  54. color: #fafafa;
  55. font-size: 18px;
  56. }
  57.  
  58. .bar2 {
  59. z-index: 10;
  60. position: absolute;
  61. border: 1px solid #111;
  62. background: #333;
  63. top: 505px;
  64. left: 93px;
  65. padding: 5px;
  66. width: 550px;
  67. height: 20px;
  68. text-align: center;
  69. font-family: courier new;
  70. color: #fafafa;
  71. font-size: 16px;
  72. }
  73.  
  74. .backbox {
  75. z-index: 12;
  76. position: absolute;
  77. border: 1px solid #222;
  78. background: #999;
  79. top: 148px;
  80. left: 100px;
  81. width: 270px;
  82. height: 349px;
  83. }
  84.  
  85. .info {
  86. z-index: 12;
  87. position: absolute;
  88. background: #999;
  89. top: 153px;
  90. left: 105px;
  91. width: 250px;
  92. height: 329px;
  93. padding: 5px;
  94. color: #111;
  95. font-family: courier new;
  96. font-size: 13px;
  97. overflow: auto;
  98. text-align: left;
  99. }
  100.  
  101. a:link,
  102. a:visited,
  103. a:active {
  104. text-decoration: none;
  105. color: #444;
  106. -webkit-transition: all .5s ease;
  107. }
  108.  
  109. a:hover {
  110. color: #111;
  111. -webkit-transition: all .5s ease;
  112. }
  113.  
  114. ::-webkit-scrollbar {
  115. width: 5px;
  116. height: 5px;
  117. }
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. background: #222;
  121. border-left: 1px solid #999;
  122. border-right: 1px solid #999;
  123. }
  124.  
  125. ::-webkit-scrollbar-track {
  126. background: #222;
  127. border-left: 2px solid #999;
  128. border-right: 2px solid #999;
  129. }
  130.  
  131. hr {
  132. border: none;
  133. height: 1px;
  134. background: -webkit-linear-gradient(left, #999, #000, #999);
  135. width: 300px;
  136. }
  137.  
  138. .Credit {
  139. position: fixed;
  140. right: 50px;
  141. bottom: 50px;
  142. width: 20px;
  143. height: 20px;
  144. border-radius: 20px;
  145. border-color: #fff;
  146. border-style: dotted;
  147. border-width: 2px;
  148. background: #000;
  149. -webkit-transition: all 1s ease;
  150. }
  151.  
  152. .Credit:hover {
  153. background: #fff;
  154. border-color: #000;
  155. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement