Advertisement
siegementality

mine css

Mar 26th, 2016
384
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.38 KB | None | 0 0
  1. #profile-container {background:none;}
  2. body{
  3. background: #fa9521 url("http://i.imgur.com/3D4tY1b.jpg") repeat;
  4. }
  5. ::-webkit-scrollbar {
  6. display: none;
  7. }
  8. .exterior{
  9. width:750px;
  10. height:1000px;
  11. margin-left:auto;
  12. margin-right:auto;
  13. margin-top:25px;
  14. margin-bottom:5px;
  15. }
  16. .exterior .nameplate{
  17. margin-bottom:5px;
  18. margin-left:30px;
  19. text-shadow: 5px 1px 1px rgba(0,0,0,0.75),-1px 1px 0 rgba(0,0,0,0.75),1px -1px 0 rgba(0,0,0,0.75),-1px -1px 0 rgba(0,0,0,0.75),1px 1px 0 rgba(0,0,0,0.75),0px 0px 3px rgba(0,0,0,0.75);
  20. font-size: 50px;
  21. font-family: georgia;
  22. padding-top: 10px;
  23. color: #D8D8D8;
  24. background: #D8D8D8;
  25. padding: 2px;
  26. border-radius: 25px;
  27. -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  28. -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  29. box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  30. text-align: center;
  31. }
  32. .exterior .box{
  33. float:left;
  34. margin-left:25px;
  35. margin-top:5px;
  36. background: #D8D8D8;
  37. display: block;
  38. padding: 2px;
  39. width: 300px;
  40. height: 310px;
  41. border-radius: 25px;
  42. -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  43. -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  44. box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  45. }
  46.  
  47. .exterior .topright{
  48. float:right;
  49. border-radius:25px;
  50. background:#D8D8D8;
  51. color: #000;
  52. width: 385px;
  53. height:635px;
  54. padding:10px;
  55. overflow:auto;
  56. -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  57. -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  58. box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  59. }
  60. .exterior .baseball1{
  61. position:relative;
  62. margin-top:340px;
  63. margin-left:25px;
  64. border-radius:25px;
  65. background:#D8D8D8;
  66. color: #000;
  67. width: 280px;
  68. height:300px;
  69. padding:10px;
  70. -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  71. -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  72. box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  73. }
  74. .exterior .bottom-stats {
  75. height: 150px;
  76. width: 710px;
  77. margin-top: 15px;
  78. margin-left:25px;
  79. background-color: #D8D8D8;
  80. color:#000;
  81. border-radius:25px;
  82. padding:10px;
  83. overflow: auto;
  84. -webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  85. -moz-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  86. box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.75);
  87. }
  88. /* Remove this from the CSS or the HTML, you will be put on the group page and labelled as a thief. If you take this code/template you have to understand it is rude to remove the proper credit. */
  89.  
  90. .sxs {
  91. position: fixed;
  92. right: 10px;
  93. bottom: 10px;
  94. width: 15px;
  95. height: 15px;
  96. border: 2px solid #b1fcf9;
  97. background:url(http://i578.photobucket.com/albums/ss226/funnycatrox/COLORYO-1.gif); }
  98.  
  99. .sxs:hover {
  100. background: #279fcf; }
  101.  
  102. .sxs:after {
  103. display: block;
  104. margin: 0;
  105. width: 0;
  106. content: '';
  107. -webkit-transition: width .6s;
  108. -moz-transition: width .6s;
  109. transition: width .6s; }
  110.  
  111. .sxs:hover:after {
  112. float: right;
  113. margin-top: 6px;
  114. margin-right: 15px;
  115. height: 2px;
  116. width: 30px;
  117. background: #b1fcf9; }
  118.  
  119. .sxs p {
  120. position: absolute;
  121. top: -1px;
  122. left: -100px;
  123. height: 14px;
  124. width: 200px;
  125. font-family: verdana;
  126. font-size: 10px;
  127. line-height: 13px;
  128. text-align: center;
  129. background: #279fcf;
  130. border: 2px solid #b1fcf9;
  131. opacity: 0;
  132. -webkit-transition: all .6s ease-in-out;
  133. -moz-transition: all .6s ease-in-out;
  134. -o-transition: all .6s ease-in-out; }
  135.  
  136. .sxs:hover p {
  137. top: -7px;
  138. left: -230px;
  139. width: 200px;
  140. opacity: 1; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement