Advertisement
Deanmon

CSS

May 23rd, 2015
210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.67 KB | None | 0 0
  1. body { background:none; }
  2. #scroller { padding: 30px 0; box-sizing: border-box; }
  3. #groupBody{width:819px;background:transparent!important;border:none;}
  4. #groupBody{margin:0 auto;width:770px;}
  5. body { background:none; }
  6. #scroller { padding: 30px 0; box-sizing: border-box; }
  7. body { background:none; }
  8. #profile-container { width:750px;background:#333; }
  9. .pfor{display:none;}
  10. #profile{border:none; background:none;}
  11. #profile-container { width:750px;background-color:transparent; }
  12.  
  13. body{
  14. background-image:url('http://i.imgur.com/90uqs5u.png');
  15. background-repeat:no-repeat;
  16. background-size:30%;
  17. background-position: bottom right;
  18. background-color: #000000;
  19. }
  20.  
  21. @font-face{
  22. font-family: playdate;
  23. src: url('https://dl.dropboxusercontent.com/s/znspgpkw5rmxoys/riesling.ttf');
  24. }
  25.  
  26. @font-face{
  27. font-family: sweetly;
  28. src: url('https://dl.dropboxusercontent.com/s/ecf9dllfpem9qpi/ALincolnFont.ttf');
  29. }
  30.  
  31. body, a, a:hover { cursor: url(http://i1292.photobucket.com/albums/b561/mymusicandmayhem/sticker375x360_zpsec5a21a8.png), auto; }
  32.  
  33.  
  34. .drum{
  35. position:absolute;
  36. top: 301px;
  37. left: 153px;
  38. color: red;
  39. font-size:44px;
  40. font-family:'Parisienne', cursive;
  41. letter-spacing:-2px;
  42. text-shadow:0px 0px 5px rgba(255,255,255, .5);'
  43. border-bottom: 1px dotted #F6358A; position: absolute; top: 365px; left: 55px; width: 310px; font-family: 'sweetly'; font-size: 30px; color: red; text-align: center; letter-spacing: 4px; font-weight: 100; text-shadow: 0px 0px 5px rgba(255,255,255, .5); line-height: 16px;
  44. }
  45.  
  46. strong {
  47. background-color: transparent;
  48. color: #7B0303;
  49. font-size: 10;
  50. font-family: georgia;
  51. margin-top: -1px;
  52. text-align: right;
  53. text-shadow: #1F0606 0px 0px 5px;
  54. }
  55.  
  56.  
  57. a:active, a:link, a:visited{
  58. color:#777;
  59. text-decoration:none;
  60. }
  61.  
  62. a:hover{
  63. cursor:help;
  64. color:#000;
  65. text-decoration:line-through;
  66. }
  67.  
  68. big{
  69. color: #080201;
  70. font-size:22px;
  71. line-height:11px;
  72. }
  73.  
  74. h1 {
  75. font: normal 22px 'playdate';
  76. border-bottom: 1px dotted red;
  77. color:red;
  78. background-color:#121212;}
  79.  
  80.  
  81. ::-webkit-scrollbar {width: 3px;}
  82. ::-webkit-scrollbar-thumb:vertical {
  83. height: 10px;background-color: #666;}
  84. ::-webkit-scrollbar-thumb:horizontal {
  85. height: 10px;background-color: #222;border: 0px ;width: 15px;}
  86.  
  87. #image_container {
  88. background: url("https://38.media.tumblr.com/8c3131311947b5d967de957c2b5532b9/tumblr_ndqzhxIsSO1tk1a08o1_400.gif");
  89. background-size: 520px, auto;
  90. background-position: center center;
  91. top:275px;
  92. left:600px;
  93. height:116px;
  94. width:300px;
  95. opacity:1;
  96. background-size: 105%;
  97. background-position: center right;
  98.  
  99. position: absolute;
  100. padding: 12px 20px 20px;
  101. }
  102.  
  103. #navi {
  104. position:absolute;
  105. width:50px;
  106. top:320px;
  107. left:560px;
  108. height: 10px;
  109. }
  110.  
  111. #navi:hover {
  112. height: 10px;
  113. width: 50px;
  114. background-color: #000;
  115. font-family: Century Gothic;
  116. font-weight: normal;
  117. font-variant: small-caps;
  118. font-size: 65%;
  119. display: inline-block;
  120. background-color: #663366;
  121. text-shadow: 0px 0px 5px #FFFFFF, 0px 0px 10px #FFFFFF, 0px 0px 15px #FFFFFF;
  122. transition: all 0.5s ease-in-out;
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;}
  125.  
  126. #navi a:link { display: block; }
  127.  
  128. a.navi, a:active.navi, a:link.navi, a:visited.navi {
  129. display:block;
  130. padding:3px;
  131. text-transform:uppercase;
  132. font:8px times new roman, serif;
  133. letter-spacing:3px;
  134. color:red;
  135. text-align:center;
  136. background-color:#000000;
  137. -webkit-transition: all 0.8s ease-out;
  138. -moz-transition: all 0.8s ease-out;
  139. }
  140.  
  141. a.navi:hover{ text-shadow:4px 4px 0px rgba(178, 58, 238, 1),3px -6px 0px rgba(0, 255, 0, 1),6px 6px 0px rgba(93, 71, 139, 1),-5px 4px 0px rgba(209, 95, 238, 1),-3px -8px 0px rgba(205, 0, 205, 1);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out; color:#000000;}
  142.  
  143. #whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  144.  
  145.  
  146. #stats {position: absolute;top: 95px;left: 327px;width: 95px;overflow: hidden;opacity: 5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 1;}
  147.  
  148. #statsone {position: absolute;top: 65px;left: 600px;width: 330px;overflow: hidden;opacity: 5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-ms-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;z-index: 1;}
  149.  
  150. #lilu {position: absolute;height: 110px;width: 350px;top: 95px;left: 590px;background-color: #121212;z-index:6;}
  151.  
  152. #slide{position:absolute;left:360px;bottom:160px;z-index: 999999;}
  153.  
  154. p.tabs {font: normal normal normal 10px/10px 'lucida console';color: #aaaaaa;margin: 10px;margin-top: 0px;padding: 5px;text-align: left;background-color: #0A0A0A;}
  155.  
  156. span.tabs {background-color: #000;padding-left: 2px;padding-right: 2px;}
  157.  
  158. h1.stats {font: italic normal 20px/20px 'kristi';margin-bottom: 0px;margin-left: 10px;margin-right: 10px;color: #fff;letter-spacing: 1px;background-color: #000000;text-align: right;letter-spacing: 4px;padding-left: 0px;}
  159.  
  160. #logo {
  161.  
  162. top:500px;
  163. left:880px;
  164. height:70px;
  165. width:70px;
  166. position: absolute;
  167. }
  168.  
  169. #bottombar {
  170. position:absolute;
  171. top:235px;
  172. left:700px;
  173. width:20px;
  174. text-transform:lowercase;
  175. background-color:#161616;
  176. padding:10px;
  177. padding-top:15px;
  178. padding-bottom:15px;
  179. font:15px lucida console, serif;
  180. color:#fff;
  181. text-align:center;
  182. height:10px;
  183.  
  184. -webkit-transition:all 0.4s ease-out;
  185. -moz-transition:all 0.4s ease-out;
  186. -ms-transition:all 0.4s ease-out;
  187. -o-transition:all 04s ease-out;
  188. transition:all 0.4s ease-out;
  189. }
  190.  
  191. #bottombar:hover {
  192. background-color:#333;
  193. color:#fff;
  194. -webkit-transition:all 0.4s ease-out;
  195. -moz-transition:all 0.4s ease-out;
  196. -ms-transition:all 0.4s ease-out;
  197. -o-transition:all 04s ease-out;
  198. transition:all 0.4s ease-out;
  199. margin-top:-10px;
  200. padding-bottom:25px;
  201. }
  202.  
  203. #friend1 {
  204. position:absolute;
  205. top:235px;
  206. left:745px;
  207. width:20px;
  208. text-transform:lowercase;
  209. background-color:#161616;
  210. padding:10px;
  211. padding-top:15px;
  212. padding-bottom:15px;
  213. font:15px lucida console, serif;
  214. color:#000;
  215. text-align:center;
  216. height:10px;
  217. z-index:3;
  218. -webkit-transition:all 0.4s ease-out;
  219. -moz-transition:all 0.4s ease-out;
  220. -ms-transition:all 0.4s ease-out;
  221. -o-transition:all 04s ease-out;
  222. transition:all 0.4s ease-out;
  223. }
  224.  
  225. a.friendo {
  226. font:15px lucida console, serif;
  227. color:#ff;
  228. text-decoration:none;
  229. -webkit-transition:all 0.4s ease-out;
  230. -moz-transition:all 0.4s ease-out;
  231. -ms-transition:all 0.4s ease-out;
  232. -o-transition:all 04s ease-out;
  233. transition:all 0.4s ease-out;
  234. }
  235.  
  236. a:hover.friendo {
  237. color:#fff;
  238. -webkit-transition:all 0.4s ease-out;
  239. -moz-transition:all 0.4s ease-out;
  240. -ms-transition:all 0.4s ease-out;
  241. -o-transition:all 04s ease-out;
  242. transition:all 0.4s ease-out;
  243. }
  244.  
  245. #friend1:hover {
  246. background-color:#333;
  247. -webkit-transition:all 0.4s ease-out;
  248. -moz-transition:all 0.4s ease-out;
  249. -ms-transition:all 0.4s ease-out;
  250. -o-transition:all 04s ease-out;
  251. transition:all 0.4s ease-out;
  252. margin-top:-10px;
  253. padding-bottom:25px;
  254. }
  255.  
  256. #friend2 {
  257. position:absolute;
  258. top:235px;
  259. left:790px;
  260. width:20px;
  261. text-transform:lowercase;
  262. background-color:#161616;
  263. padding:10px;
  264. padding-top:15px;
  265. padding-bottom:15px;
  266. font:15px lucida console, serif;
  267. color:#000;
  268. text-align:center;
  269. height:10px;
  270. z-index:3;
  271. -webkit-transition:all 0.4s ease-out;
  272. -moz-transition:all 0.4s ease-out;
  273. -ms-transition:all 0.4s ease-out;
  274. -o-transition:all 04s ease-out;
  275. transition:all 0.4s ease-out;
  276. }
  277.  
  278. #friend2:hover {
  279. background-color:#333;
  280. -webkit-transition:all 0.4s ease-out;
  281. -moz-transition:all 0.4s ease-out;
  282. -ms-transition:all 0.4s ease-out;
  283. -o-transition:all 04s ease-out;
  284. transition:all 0.4s ease-out;
  285. margin-top:-10px;
  286. padding-bottom:25px;
  287. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement