Advertisement
layoutsbyleni3

COUNTING STARS [CSS]

Jul 4th, 2013
1,134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.74 KB | None | 0 0
  1. {****** CHOSE THEME "NOIZE" TO MAKE THIS THEME WORK. DO NOT USE THIS AS BASE FOR YOUR OWN. DO NO REDISTRIBUTE AS YOUR OWN. DO NOT TAKE OF CREDIT WHATSOEVER. EVEN IF USING ON A DIFFERENT SITE. ******;
  2. }
  3.  
  4. body {
  5. background-color: #;
  6. background-image: url(http://24.media.tumblr.com/75f5ab7d86e7bde341081a2d19ad5d29/tumblr_mjccodOlZn1s2xsbto1_500.gif);
  7. background-repeat: repeat;
  8. background-position: left top;
  9. }
  10.  
  11. ::-webkit-scrollbar {
  12. width: 10px;
  13. height: 7px;
  14. background: transparent;
  15. }
  16.  
  17. ::-webkit-scrollbar-thumb {
  18. background-color: rgba(0,0,0,0.1);
  19. border-radius: 0px;
  20. ;
  21. }
  22.  
  23. ::-webkit-scrollbar-corner {
  24. background: transparent;
  25. }
  26.  
  27. .account-links {
  28. display: none;
  29. }
  30.  
  31. .xg_module movable,  .module_video {
  32. display: none;
  33. }
  34.  
  35. #xg_body, .xg_floating_container {
  36. background-color: white;
  37. }
  38.  
  39. h1 {
  40. display: none;
  41. }
  42.  
  43. h2 {
  44. display: none;
  45. }
  46.  
  47. ul.navigation.easyclear {
  48. display: none;
  49. }
  50.  
  51. .sortable.music {
  52. display: none;
  53. }
  54.  
  55. .module_groups {
  56. display: none;
  57. }
  58.  
  59. .module_about_user {
  60. display: none;
  61. }
  62.  
  63. .sortable.module_feed {
  64. display: none;
  65. }
  66.  
  67. .module_photo {
  68. display: none;
  69. }
  70.  
  71. .module_members {
  72. display: none !important;
  73. }
  74.  
  75. #xj_module_gift {
  76. display: none;
  77. }
  78. /* comment wall */#xg_module_body, #xg_module_head h2, .xg_module_comment_wall {
  79. display: none;
  80. }
  81.  
  82. #xg_masthead {
  83. visibility: hidden;
  84. }
  85.  
  86. .xg_module_body.profile.vcard dl.last-child a {
  87. font-family: consolas;
  88. font-size: 10px;
  89. letter-spacing: 0px;
  90. text-transform: lowercase;
  91. line-height: 5px;
  92. margin-top: ; color : rgba(255,255,255,0.3);
  93. font-style: italic;
  94. }
  95.  
  96. .xg_module_body.profile.vcard dl.last-child::after {
  97. content:"LM THEMES";
  98. font-family: trebuchet ms;
  99. font-size: 7px;
  100. background-color: rgba( 252, 153, 165 , 0.2);
  101. color:  rgba( 252, 153, 165 , 0.9);
  102. border: 1px solid rgba( 252, 153, 165 , 0.2);
  103. padding: 5px 30px 5px 30px;
  104. }
  105.  
  106. .xg_module_body.profile.vcard dl.last-child {
  107. height: 100px;
  108. overflow: scroll;
  109. width: 120px;
  110. color: rgba(255,255,255,0.5);
  111. text-transform: uppercase;
  112. position: fixed;
  113. left: 5px;
  114. top: 5px;
  115. margin-top: px;
  116. background-color: ; padding: 6px;
  117. -webkit-border-radius: 5px;
  118. border-radius: 5px;
  119. }
  120.  
  121. .xg_sprite xg_sprite-share {
  122. display: none!important;
  123. }
  124.  
  125. #xn_bar {
  126. display: none;
  127. }
  128.  
  129. .xg_theme #xg_foot {
  130. display: none;
  131. }
  132.  
  133. #xg_layout_column_1 {
  134. }
  135.  
  136. .xg_span-5 {
  137. display: none !important;
  138. }
  139.  
  140. ul.nobullets.last-child {
  141. display: ;
  142. }
  143.  
  144. #xg_mudule.movable.sortable.module {
  145. display: none;
  146. }
  147.  
  148. #xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {
  149. display: none;
  150. }
  151.  
  152. .xg_theme #xg_head,  .xg_theme #xg_foot {
  153. display: none;
  154. }
  155.  
  156. .dy-avatar.dy-avatar-full-width {
  157. display: none;
  158. }
  159.  
  160. #xj_approvalBox {
  161. display: none;
  162. }
  163.  
  164. .module_blog {
  165. display: none;
  166. }
  167.  
  168. {******ADDITIONS**********;
  169. }
  170.  
  171. a:hover , :hover, a {
  172. text-decoration: none;
  173. -webkit-transition: all 600ms linear;
  174. -moz-transition: all 600ms linear;
  175. -ms-transition: all 600ms linear;
  176. -o-transition: all 600ms linear;
  177. transition: all 600ms linear;
  178. }
  179.  
  180. #links a , #links a:hover , #links {
  181. -webkit-transition: all 700ms linear;
  182. -moz-transition: all 700ms linear;
  183. -ms-transition: all 700ms linear;
  184. -o-transition: all 700ms linear;
  185. transition: all 700ms linear;
  186. }
  187.  
  188. a {
  189. color: white;
  190. text-transform: uppercase;
  191. }
  192.  
  193. {MORE IMPORTANT CODES!;
  194. }
  195.  
  196. div#xg_layout_column_2 {
  197. font-size: 7px;
  198. width: 550px;
  199. height: 400px;
  200. position: fixed;
  201. top: 0px;
  202. left: 0px;
  203. margin-left: 550px;
  204. margin-top: 135px;
  205. background-color: transparent;
  206. border: 0px solid;
  207. }
  208.  
  209. div.xg_span-16 {
  210. font-size: 7px;
  211. width: 600px;
  212. height: 450px;
  213. position: fixed;
  214. top: 0px;
  215. left: 0px;
  216. margin-left: 200px;
  217. background-color: transparent;
  218. }
  219.  
  220. div.xg_3col {
  221. width: 500px;
  222. background-color: transparent;
  223. position: fixed;
  224. top: 0px;
  225. left: 0px;
  226. margin-left: 500px;
  227. }
  228.  
  229. html, body,   applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , body, td,   .orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext, .redtext, .redbtext, .text .xg_theme button, .xg_theme a.button, .xg_theme input.button {
  230. letter-spacing: 1px;
  231. webkit-transition: all 400ms ease;
  232. text-decoration: none;
  233. -moz-transition: all 400ms ease;
  234. -ms-transition: all 400ms ease;
  235. -o-transition: all 400ms ease;
  236. transition: all 400ms ease;
  237. font-family: calibri;
  238. line-height: 10px;
  239. font-size: 8px;
  240. }
  241.  
  242. /*              ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ          */  
  243.  
  244. #cred {
  245. position: fixed;
  246. right: 15px;
  247. bottom: 30px;
  248. }
  249.  
  250. @font-face {
  251. font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
  252. }
  253.  
  254. #cred a strong {
  255. color: red;
  256. font-family: 'journal';
  257. text-transform: lowercase;
  258. font-size: 40px;
  259. line-height: 20px;
  260. letter-spacing: -2px;
  261. color: #ff7575;
  262. display: block;
  263. text-align: center;
  264. }
  265.  
  266. #cred a {
  267. font-family: trebuchet ms;
  268. font-size: 7px;
  269. text-transform: uppercase;
  270. color: #aaa;
  271. }
  272.  
  273. #cred:hover {
  274. opacity: 0.5;
  275. }
  276.  
  277.  
  278. .module_user_summary ul.nobullets li a {
  279. display: none;
  280. }
  281.  
  282. ul.nobullets.last-child {
  283. display: block;
  284. position: fixed;
  285. margin-top: -70px;
  286. margin-left: 120px;
  287. top: 400px;
  288. }
  289.  
  290. ul.nobullets li {
  291. color: transparent;
  292. }
  293.  
  294. .xg_module music {
  295. display: none;
  296. }
  297.  
  298. #topbar {
  299. z-index: 100;
  300. background-color: rgba(0,0,0,0.9);
  301. width: 100%;
  302. border-bottom: 1px solid black;
  303. border-top: 1px solid black;
  304. height: 120px;
  305. position: fixed;
  306. top: 10px;
  307. left: 0px;
  308. margin-top: 0px;
  309. margin-left: 0px;
  310. text-align: left;
  311. }
  312.  
  313. #links {
  314. position: absolute;
  315. right: 100px;
  316. }
  317.  
  318. #links a {
  319. display: block;
  320. width: 100px;
  321. height: 100px;
  322. font-size: 8px;
  323. font-family: calibri;
  324. text-align: center;
  325. line-height: 100px;
  326. background-color: rgba(0,0,0,0.0);
  327. color: gray;
  328. margin: 1px;
  329. }
  330.  
  331. #links a:hover {
  332. background-image: url('http://25.media.tumblr.com/699db295a58c8e679028e49a668d6586/tumblr_mo0pe1sQoI1qhoglxo1_500.gif');
  333. }
  334.  
  335. @font-face {
  336. font-family: "haymaker";
  337. src: url(http://static.tumblr.com/rseqecb/C9ompc5qm/haymaker.ttf);
  338. }
  339.  
  340. #topbar strong {
  341. position: absolute;
  342. margin-left: 140px;
  343. margin-top: 85px;
  344. font-weight: normal;
  345. font-family: "haymaker";
  346. line-height: 20px;
  347. font-size: 30px;
  348. letter-spacing: -2px;
  349. color: #A5B092;
  350. text-shadow: -2px 0px 1px rgba(165,176,146,0.4), 2px 0px 1px rgba(165,176,146,0.4);
  351. }
  352.  
  353. #slide {
  354. position: fixed;
  355. top: 0px;
  356. left: 0px;
  357. margin-left: 22%;
  358. width: 730px;
  359. height: 100%;
  360. overflow: scroll;
  361. }
  362.  
  363. #mem {
  364. width: 230px;
  365. height: 320px;
  366. overflow: hidden;
  367. font-family: franklin gothic book;
  368. font-size: 8px;
  369. line-height: 8px;
  370. text-transform: uppercase;
  371. color: white;
  372. background-color: rgba(62,70,89,0.9);
  373. margin: 2px;
  374. padding: 2px;
  375. text-align: center;
  376. }
  377.  
  378. #img {
  379. height: 150px;
  380. overflow: hidden;
  381. border: 1px solid #485063;
  382. }
  383.  
  384. #mem img {
  385. width: 230px;
  386. margin: 0px;
  387. text-align: center;
  388. }
  389.  
  390. #title {
  391. font-family: "haymaker";
  392. width: 100%;
  393. margin-top: 2px;
  394. background-color: #20283B;
  395. border-top: 1px solid #161E31;
  396. border-bottom: 1px solid #161E31;
  397. color: black;
  398. line-height: 20px;
  399. height: 20px;
  400. font-size: 10px;
  401. text-align: left;
  402. padding: 2px;
  403. margin-left: -2px;
  404. text-indent: 10px;
  405. }
  406.  
  407. #cool {
  408. width: 700px;
  409. height: 135px;
  410. background-color: transparent;
  411. }
  412.  
  413. #cl {
  414. font-family: consolas;
  415. letter-spacing: 4px;
  416. font-size: 20px;
  417. position: fixed;
  418. bottom: 120px;
  419. left: 0px;
  420. font-style: italic;
  421. transform: rotate(90deg);
  422. -ms-transform: rotate(90deg);
  423. -webkit-transform: rotate(90deg);
  424. z-index: 10000;
  425. margin-left: 12%;
  426. text-shadow: 0px 0px 4px #000;
  427. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement