Advertisement
Guest User

Untitled

a guest
Jul 23rd, 2019
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.79 KB | None | 0 0
  1. #profile-container {background:none;}
  2.  
  3. .left {
  4. position: absolute;
  5. box-shadow: 0px 0px 15px rgba(153, 204, 255, .7);
  6. top: 40px;
  7. left: 80px;
  8. width: 300px;
  9. height: 422px;
  10. background-image: url('https://i.imgur.com/9rFr9Mj.jpg');
  11. background-repeat: no-repeat;
  12. background-size: 360px;
  13. background-position: 50% 05%;
  14. background-color: #fff;
  15. border: 2px solid #A5F4F8;
  16. border-radius: 5px;
  17. }
  18.  
  19. .left2 {
  20. position: absolute;
  21. box-shadow: 0px 0px 15px rgba(153, 204, 255, .7);
  22. top: 40px;
  23. left: 80px;
  24. width: 300px;
  25. height: 422px;
  26. background-image: url('https://i.imgur.com/qxtsnBY.jpg');
  27. background-repeat: no-repeat;
  28. background-size: 330px;
  29. background-color: #fff;
  30. border: 2px solid #A5F4F8;
  31. border-radius: 5px;
  32. opacity: 1;
  33. overflow: scroll;
  34. opacity: 0;
  35. transition: 1s;
  36. }
  37.  
  38. .left2:hover {
  39. opacity: 1;
  40. }
  41.  
  42. .right {
  43. position: absolute;
  44. top: 40px;
  45. left: 390px;
  46. width: 300px;
  47. height: 422px;
  48. border: 4px #2F2C3A;
  49. border-style: solid;
  50. border-radius: 5px;
  51. background-color: #fff;
  52. overflow: scroll;
  53. opacity: 1;
  54.  
  55. }
  56.  
  57. .right2 {
  58. position: absolute;
  59. transform: perspective(900px) rotateY(-6deg) scale(0.94);
  60. box-shadow: 0px 0px 15px rgba(153, 204, 255, .7);
  61. top: 75px;
  62. left: 390px;
  63. width: 300px;
  64. height: 355px;
  65. background-image: url('https://i.imgur.com/3Bcb3Mm.jpg?1');
  66. border: 2px #A5F4F8;
  67. border-style: solid;
  68. border-radius: 5px;
  69. background-color: #fff;
  70. overflow: scroll;
  71. opacity: 1;
  72.  
  73. }
  74.  
  75. ::-webkit-scrollbar {
  76. width: 5px;
  77. height: 5px;
  78. }
  79. ::-webkit-scrollbar-button {
  80. width: 0px;
  81. height: 0px;
  82. }
  83. ::-webkit-scrollbar-thumb {
  84. background: rgba(0,0,0,0);
  85. border: 4px none #ffffff;
  86. border-radius: 50px;
  87. }
  88. ::-webkit-scrollbar-thumb:hover {
  89. background: rgba(0,0,0,0);
  90. }
  91. ::-webkit-scrollbar-thumb:active {
  92. background: rgba(0,0,0,0);
  93. }
  94. ::-webkit-scrollbar-track {
  95. background: rgba(0,0,0,0);
  96. border: 4px none #ffffff;
  97. border-radius: 50px;
  98. }
  99. ::-webkit-scrollbar-track:hover {
  100. background: rgba(0,0,0,0);
  101. }
  102. ::-webkit-scrollbar-track:active {
  103. background: rgba(0,0,0,0);
  104. }
  105. ::-webkit-scrollbar-corner {
  106. background: transparent;
  107. }
  108.  
  109.  
  110.  
  111. p {
  112. padding: 10px;
  113. font-size: 14px;
  114. text-shadow:5px 5px 3px black;
  115. color: #D3D3D3;
  116. text-indent: 15px;
  117. }
  118.  
  119. .stats_big {
  120. padding: 0px;
  121. color: #608CB9
  122. ;
  123. font-size: 14px;
  124. font-weight: bold;
  125. }
  126.  
  127. .stats_little {
  128. padding: 0px;
  129. color: #608CB9
  130. ;
  131. font-size: 12px;
  132. }
  133.  
  134. .text_centered {
  135. padding: 10px;
  136. font-size: 26px;
  137. color: #608CB9
  138. ;
  139. text-align: center;
  140. font-family: 'Qwigley', cursive;
  141. }
  142.  
  143. .text_centered2 {
  144. padding: 10px;
  145. font-size: 36px;
  146. font-family: 'Akronim', cursive;
  147. color: #191317
  148. ;
  149. text-align: center;
  150. }
  151.  
  152. .bumper {
  153. padding: 10px;
  154. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement