Advertisement
layoutsbyleni

Old Age [ CSS ]

Aug 27th, 2012
872
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.89 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. TO CHANGE SIDE IMAGE, PASTE IN THE URL OF YOUR IMAGE AS THE BACKGROUND IMG UNDER "#SIDEIMG". ****** }
  2.  
  3. @font-face {
  4. font-family: "bubble";
  5. src: url('http://static.tumblr.com/fab9rqk/Dtvm9flse/gram_c.ttf');
  6. }
  7.  
  8. body, a:hover {cursor: url(http://img29.imageshack.us/img29/9950/crosshairp.png), progress !important;}
  9.  
  10. body {
  11. background-image: url(http://www.sadmuffin.net/cherrybam/myspacelayouts/black2/195.gif);
  12. background-attachment: fixed;
  13. background-repeat: repeat;
  14. }
  15.  
  16. #body {height: 100%; width: 500px; position: fixed; top: 0px; background-color: black; opacity: 0.6; z-index: -1; }
  17.  
  18. #title {position: fixed; font-family: "bubble"; font-size: 90px; width: 500px; text-align: center; text-shadow: 2px 0px 0px #ff6666 , -2px 0px 0px #6599ff; margin-top: 70px;}
  19.  
  20. #linkbar {
  21. background-color: #222;
  22. position: fixed;
  23. width: 435px;
  24. padding: 9px 2px 9px 9px;
  25. margin-top: 190px;
  26. margin-left: 25px;
  27. z-index: 1;
  28. }
  29.  
  30. #linkbar a {float: left;
  31. width: 79px;
  32. display: block;
  33. height: 9px;
  34. margin-left: 6px;
  35. text-align: center;
  36. background-color: #ff6666;
  37. padding-bottom: 10px;
  38. padding-top: 6px;
  39. padding-right: 10px;
  40. padding-left: 10px;
  41. text-decoration: none;
  42. color: #111;
  43. font-family: consolas;
  44. font-size: 8px;
  45. text-transform: uppercase;
  46. letter-spacing: 2px;
  47. border-bottom: 3px solid #eee;
  48. -webkit-transition: all 0.7s ease;
  49. -moz-transition: all 0.7s ease;
  50. -o-transition: all 0.7s ease;}
  51.  
  52. #linkbar a:hover {background-color: #6599ff; border-bottom: 3px solid #aaa;}
  53.  
  54. #image1 {position: fixed; margin-left: 10px; margin-top: 252px; border: 3px solid #323232;  height: 106px; background-color: #6599ff;}
  55. #image1 img {margin-left: 0px; margin-top: 0px; margin-bottom: -2px; opacity: 0.5;}
  56. #image1 img:hover {opacity: 0.95;}
  57. #image2 {background-color: #ff6666; position: fixed; margin-left: 170px; margin-top: 252px;  border: 3px solid #323232;height: 106px;}
  58. #image2 img {margin-left: 0px; margin-top: 0px; margin-bottom: -2px; opacity: 0.5;}
  59. #image2 img:hover {opacity: 0.95;}
  60. #image3 {background-color: #6599ff; position: fixed; margin-left: 330px; margin-top: 252px; border: 3px solid #323232;height: 106px;}
  61. #image3 img {margin-left: 0px; margin-top: 0px; margin-bottom: -2px; opacity: 0.5;}
  62. #image3 img:hover {opacity: 0.95;}
  63.  
  64.  
  65. /*              ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ          */  
  66.  
  67. #cred {
  68. position: fixed;
  69. right: 15px;
  70. bottom: 30px;
  71. }
  72.  
  73. @font-face {
  74. font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
  75. }
  76.  
  77. #cred a strong {
  78. color: red;
  79. font-family: 'journal';
  80. text-transform: lowercase;
  81. font-size: 40px;
  82. line-height: 20px;
  83. letter-spacing: -2px;
  84. color: #ff7575;
  85. display: block;
  86. text-align: center;
  87. }
  88.  
  89. #cred a {
  90. font-family: trebuchet ms;
  91. font-size: 7px;
  92. text-transform: uppercase;
  93. color: #aaa;
  94. }
  95.  
  96. #cred:hover {
  97. opacity: 0.5;
  98. }
  99.  
  100.  
  101. #scroll {height: 120px; background-color: #aaa; width: 405px; margin-left: 40px; margin-top: 380px; font-family: arial narrow; font-size: 7px; text-transform: uppercase; padding: 5px; color: black; opacity: 1; text-align: justify; overflow: auto; z-index: 1;}
  102.  
  103. #image1 img , #image2 img , #image3 img , #image1 img:hover, #image2 img:hover, #image3 img:hover { -webkit-transition: all 1ms linear;
  104. -moz-transition: all 1ms linear;
  105. -ms-transition: all 1ms linear;
  106. -o-transition: all 1s linear;
  107. transition: all 1ms linear;}
  108.  
  109. a:hover , a , #sideimg:hover, #sideimg , .link1 , .link2 , .link3 , .link4 , .link1:hover , .link2:hover , .link3:hover , .link4:hover { -webkit-transition: all 1s linear;
  110. -moz-transition: all 1s linear;
  111. -ms-transition: all 1s linear;
  112. -o-transition: all 1s linear;
  113. transition: all 1s linear;}
  114.  
  115.  
  116. h1 {display: none;}
  117. h2 {display: none;}
  118.  
  119. ul.navigation.easyclear {display: none;}
  120. .sortable.music{display: none;}
  121. .module_groups {display: none;}
  122. .module_about_user {display: none;}
  123. .sortable.module_feed {display: none;}
  124. .module_photo {display: none;}
  125. .module_members {display:none !important; }
  126. #xj_module_gift {display: none;}
  127. /* comment wall */ #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{ display: none;}
  128. #xg_masthead {visibility:hidden;}
  129. .xg_module_body.profile.vcard dl.last-child a {font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 5px; color : silver;}
  130. .xg_module_body.profile.vcard dl.last-child {color: gray; position: fixed;
  131. top: 10px;
  132. left: 10px;}
  133. .xg_sprite xg_sprite-share {display:none!important;}
  134. #xn_bar { display: none;}
  135. .xg_theme #xg_foot {display: none; }
  136. #xg_layout_column_1 {  }
  137. .xg_span-5 { display:none !important;}
  138. ul.nobullets.last-child {display: none;}
  139. #xg_mudule.movable.sortable.module {display: none;}
  140. #xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {display: none;}
  141. .xg_theme #xg_head,  .xg_theme #xg_foot {
  142. display: none;}
  143. .dy-avatar.dy-avatar-full-width {
  144. display: none;}
  145. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  146. ::-webkit-scrollbar-thumb { background-color: #6599ff; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  147. #aaaaaa; border-right: 1px solid #aaaaaa; }
  148. div#xg_layout_column_2{ font-size: 7px; width: 670px; height: auto; top:0px; left: 0px; margin-left: 410px; margin-top: 40px;background-color: transparent; border: 0px solid ; position: fixed;}
  149. div.xg_span-16 {font-size: 7px; width: 670px; height: 450px;top:0px; left: 0px; margin-left: 00px; margin-top: 40px;background-color: transparent; position: fixed;}
  150. div.xg_3col { width:450px; background-color: transparent; margin-top: -150px; margin-left: 260px; position: fixed;}
  151.  
  152.  
  153. html, body,  span, applet, object, iframe, h1, h2, h3, h4, h5, h6,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , body, span, td,    .orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext, .redtext, .redbtext, .text
  154. .xg_theme button, .xg_theme a.button, .xg_theme input.button {font-family: arial; font-size: 7px; letter-spacing: 2px; webkit-transition: all 600ms ease; -moz-transition: all 600ms ease;
  155. -ms-transition: all 600ms ease;
  156. -o-transition: all 600ms ease;
  157. transition: all 600ms ease; }
  158.  
  159. .xg_module music {display: none;}
  160.  
  161.  
  162. .module_user_summary ul.nobullets li a {display: none;}
  163.  
  164. ul.nobullets.last-child {
  165. display: block;
  166. position: fixed;
  167. margin-top: -100px;
  168. top: 300px;
  169. }
  170.  
  171. ul.nobullets li {color: transparent;}
  172.  
  173.  
  174. .xg_module music {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement