Advertisement
Guest User

minimalist css

a guest
Oct 24th, 2015
685
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.49 KB | None | 0 0
  1. #profile-container {background:none;}
  2. body {background: #aeaeae; cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  3.  
  4. p.all{
  5. color: #000;
  6. font-size: 12px;
  7. padding: 5px;
  8. line-height: 29px;}
  9.  
  10. p.main{
  11. color: #000;
  12. font-size: 10px;
  13. padding: 5px;
  14. text-align: justify;
  15. line-height: 14px;}
  16.  
  17.  
  18. #base{
  19. position: absolute;
  20. top: 40px;
  21. left: 90px;
  22. width: 650px;
  23. height: 350px;
  24. background-color: #F2DEF2;
  25. border: 1px solid #000;}
  26.  
  27. #picture{
  28. position: absolute;
  29. top: 45px;
  30. left: 95px;
  31. background: url(http://i.imgur.com/SNUQSwe.jpg);
  32. border: 1px solid #000;
  33. background-size: 260px;
  34. background-repeat: no-repeat;
  35. height: 340px;
  36. width: 200px;}
  37.  
  38. #stats{
  39. position: absolute;
  40. top: 45px;
  41. left: 300px;
  42. background-color: #F2DEF2;
  43. border: 1px solid #000;
  44. height: 40px;
  45. width: 435px;}
  46.  
  47. #center{
  48. position: absolute;
  49. top: 90px;
  50. left: 300px;
  51. background-color: #F2DEF2;
  52. border: 1px solid #000;
  53. height: 145px;
  54. width: 435px;
  55. overflow: auto;}
  56.  
  57. #ooc{
  58. position: absolute;
  59. top: 240px;
  60. left: 300px;
  61. background-color: #F2DEF2;
  62. border: 1px solid #000;
  63. height: 145px;
  64. width: 435px;
  65. overflow: auto;}
  66.  
  67. ::-webkit-scrollbar { width: 5px; -moz-border-radius: 5px;
  68. border-radius: 5px;}
  69. ::-webkit-scrollbar-track { border-radius: 0px;
  70. background-color: #FFFFFF; }
  71. ::-webkit-scrollbar-thumb { border-radius: 0px;
  72. background-color: #aeaeae; }
  73.  
  74.  
  75. /* 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. */
  76.  
  77. .sxs {
  78. position: fixed;
  79. right: 10px;
  80. bottom: 10px;
  81. width: 15px;
  82. height: 15px;
  83. border: 2px solid #b1fcf9;
  84. background:url(http://i578.photobucket.com/albums/ss226/funnycatrox/COLORYO-1.gif); }
  85.  
  86. .sxs:hover {
  87. background: #fff; }
  88.  
  89. .sxs:after {
  90. display: block;
  91. margin: 0;
  92. width: 0;
  93. content: '';
  94. -webkit-transition: width .6s;
  95. -moz-transition: width .6s;
  96. transition: width .6s; }
  97.  
  98. .sxs:hover:after {
  99. float: right;
  100. margin-top: 6px;
  101. margin-right: 15px;
  102. height: 2px;
  103. width: 30px;
  104. background: #fff; }
  105.  
  106. .sxs p {
  107. position: absolute;
  108. top: -1px;
  109. left: -100px;
  110. height: 14px;
  111. width: 200px;
  112. font-family: verdana;
  113. font-size: 10px;
  114. line-height: 13px;
  115. text-align: center;
  116. background: #fff;
  117. border: 2px solid #b1fcf9;
  118. opacity: 0;
  119. -webkit-transition: all .6s ease-in-out;
  120. -moz-transition: all .6s ease-in-out;
  121. -o-transition: all .6s ease-in-out; }
  122.  
  123. .sxs:hover p {
  124. top: -7px;
  125. left: -230px;
  126. width: 200px;
  127. opacity: 1; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement