API tools faq
paste
Advertisement
layoutsbyleni

Carnival Ride (CSS)

layoutsbyleni
Jun 24th, 2012
570
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.09 KB | None | 0 0
raw download clone embed print report
  1. @font-face {
  2. font-family: "carnival";
  3. src: url('http://static.tumblr.com/rseqecb/QfUm653rc/sketch_nice.ttf');
  4. }
  5.  
  6. @font-face {
  7. font-family: "small";
  8. src: url('http://static.tumblr.com/rseqecb/HLXm63ez0/04b_03__.ttf');
  9. }
  10.  
  11.  
  12. body { background-color: #ffffff;}
  13.  
  14. #fw { position: fixed; left: 0px; top: 160px; width: 800px; height: 900px; background-image: url('http://api.ning.com:80/files/TnZG230OBLG7zpWfvtJwZMW25zv2ySCkNh6iuHOgLKQ291oR0HekWPQGu2k4GPLk-YTxISq4nZx5S04tu4uBOcuKnfoWGY7l/crbck.jpg');
  15. background-repeat: no-repeat; }
  16.  
  17. #main {position: fixed; margin-top: 20px; margin-left: 0px;width: 470px; height: 450px; index : 100px; background-color: #ba7f81; font-family: "small"; font-size: 7px; letter-spacing: 2px; line-height: 7px; padding: 5px; outline: 1px dotted #7FBAB8;
  18.         outline-offset: 10px; }
  19.  
  20. .title {color: #7FBAB8;font-family: "carnival"; font-size: 50px; padding-left: 5px; padding-top: 5px; line-height: 65px; width: 465px; height: 60px; background-color: #ba7f81; border-bottom: 1px dotted #7FBAB8;}
  21.  
  22. #img1 {width: 200px; height: 200px; position: fixed; margin-left: 500px; margin-top: 65px;}
  23.  
  24. #img2 {width: 415px; height: 415px; position: fixed; margin-left: 500px; margin-top: 65px; opacity: 0; -webkit-transition: all 3s linear;
  25. -moz-transition: all 3s linear;
  26. -ms-transition: all 3s linear;
  27. -o-transition: all 3s linear;
  28. transition: all 3s linear; }
  29.  
  30. #img2:hover {width: 415px; height: 415px; position: fixed; margin-left: 500px; margin-top: 65px; opacity: 1;  -webkit-transition: all 3s linear;
  31. -moz-transition: all 3s linear;
  32. -ms-transition: all 3s linear;
  33. -o-transition: all 3s linear;
  34. transition: all 3s linear; }
  35.  
  36. .link1 { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 720px; margin-top: 70px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  37. -moz-transition: all 1s linear;
  38. -ms-transition: all 1s linear;
  39. -o-transition: all 1s linear;
  40. transition: all 1s linear;}
  41.  
  42. .link1 a {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: transparent; -webkit-transition: all 1s linear;
  43. -moz-transition: all 1s linear;
  44. -ms-transition: all 1s linear;
  45. -o-transition: all 1s linear;
  46. transition: all 1s linear; }
  47.  
  48. .link1 a:hover {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: black; -webkit-transition: all 1s linear;
  49. -moz-transition: all 1s linear;
  50. -ms-transition: all 1s linear;
  51. -o-transition: all 1s linear;
  52. transition: all 1s linear;}
  53. .link1:hover { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 720px; margin-top: 70px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  54. -moz-transition: all 1s linear;
  55. -ms-transition: all 1s linear;
  56. -o-transition: all 1s linear;
  57. transition: all 1s linear;}
  58.  
  59. #pic1 {border: 6px solid #7fbab8; width: 48px; height: 48px; padding: px; position: fixed; margin-left: 720px; margin-top: 140px; background-color: #7fbab8 ; }
  60.  
  61. #pic1 img {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 0; -moz-transition: all 1s linear;
  62. -ms-transition: all 1s linear;
  63. -o-transition: all 1s linear;
  64. transition: all 1s linear; -webkit-transition: all 1s linear;
  65. -moz-transition: all 1s linear;
  66. -ms-transition: all 1s linear;
  67. -o-transition: all 1s linear;
  68. transition: all 1s linear;}
  69.  
  70.  
  71.  
  72. /*              ᴄʀᴇᴅɪᴛs ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇᴍ ʜᴇʀᴇ ᴏʀ ɪɴ ᴛʜᴇ ʜᴛᴍʟ ɪ ᴡɪʟʟ ᴄᴀᴛᴄʜ ʏᴏᴜ          */  
  73.  
  74. #cred {
  75. position: fixed;
  76. right: 15px;
  77. bottom: 30px;
  78. }
  79.  
  80. @font-face {
  81. font-family: "Journal"; src: url('http://static.tumblr.com/pwgdr2n/9YYm3j4gp/journal.ttf');
  82. }
  83.  
  84. #cred a strong {
  85. color: red;
  86. font-family: 'journal';
  87. text-transform: lowercase;
  88. font-size: 40px;
  89. line-height: 20px;
  90. letter-spacing: -2px;
  91. color: #ff7575;
  92. display: block;
  93. text-align: center;
  94. }
  95.  
  96. #cred a {
  97. font-family: trebuchet ms;
  98. font-size: 7px;
  99. text-transform: uppercase;
  100. color: #aaa;
  101. }
  102.  
  103. #cred:hover {
  104. opacity: 0.5;
  105. }
  106.  
  107.  
  108. #pic1 img:hover {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 1; -moz-transition: all 1s linear;
  109. -ms-transition: all 1s linear;
  110. -o-transition: all 1s linear;
  111. transition: all 1s linear; -webkit-transition: all 1s linear;
  112. -moz-transition: all 1s linear;
  113. -ms-transition: all 1s linear;
  114. -o-transition: all 1s linear;
  115. transition: all 1s linear;}
  116.  
  117. .xg_module music {display: none;}
  118. .link2 { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 720px; margin-top: 210px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  119. -moz-transition: all 1s linear;
  120. -ms-transition: all 1s linear;
  121. -o-transition: all 1s linear;
  122. transition: all 1s linear;}
  123.  
  124. .link2 a {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: transparent; -webkit-transition: all 1s linear;
  125. -moz-transition: all 1s linear;
  126. -ms-transition: all 1s linear;
  127. -o-transition: all 1s linear;
  128. transition: all 1s linear; }
  129.  
  130. .link2 a:hover {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: black; -webkit-transition: all 1s linear;
  131. -moz-transition: all 1s linear;
  132. -ms-transition: all 1s linear;
  133. -o-transition: all 1s linear;
  134. transition: all 1s linear;}
  135.  
  136. .link2:hover { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 720px; margin-top: 210px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  137. -moz-transition: all 1s linear;
  138. -ms-transition: all 1s linear;
  139. -o-transition: all 1s linear;
  140. transition: all 1s linear;}
  141.  
  142. #pic2 {border: 6px solid #7fbab8; width: 48px; height: 48px; padding: px; position: fixed; margin-left: 720px; margin-top: 281px; background-color: #7fbab8 ; }
  143.  
  144. #pic2 img {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 0; -moz-transition: all 1s linear;
  145. -ms-transition: all 1s linear;
  146. -o-transition: all 1s linear;
  147. transition: all 1s linear; -webkit-transition: all 1s linear;
  148. -moz-transition: all 1s linear;
  149. -ms-transition: all 1s linear;
  150. -o-transition: all 1s linear;
  151. transition: all 1s linear;}
  152.  
  153. #pic2 img:hover {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 1; -moz-transition: all 1s linear;
  154. -ms-transition: all 1s linear;
  155. -o-transition: all 1s linear;
  156. transition: all 1s linear; }
  157.  
  158. .link3 { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 650px; margin-top: 281px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  159. -moz-transition: all 1s linear;
  160. -ms-transition: all 1s linear;
  161. -o-transition: all 1s linear;
  162. transition: all 1s linear;}
  163.  
  164. .link3 a {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: transparent; -webkit-transition: all 1s linear;
  165. -moz-transition: all 1s linear;
  166. -ms-transition: all 1s linear;
  167. -o-transition: all 1s linear;
  168. transition: all 1s linear; }
  169.  
  170. .link3 a:hover {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: black; -webkit-transition: all 1s linear;
  171. -moz-transition: all 1s linear;
  172. -ms-transition: all 1s linear;
  173. -o-transition: all 1s linear;
  174. transition: all 1s linear;}
  175.  
  176. .link3:hover { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 650px; margin-top: 281px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  177. -moz-transition: all 1s linear;
  178. -ms-transition: all 1s linear;
  179. -o-transition: all 1s linear;
  180. transition: all 1s linear;}
  181.  
  182. #pic3 {border: 6px solid #7fbab8; width: 48px; height: 48px; padding: px; position: fixed; margin-left: 580px; margin-top: 281px; background-color: #7fbab8 ; }
  183.  
  184. #pic3 img {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 0; -moz-transition: all 1s linear;
  185. -ms-transition: all 1s linear;
  186. -o-transition: all 1s linear;
  187. transition: all 1s linear; -webkit-transition: all 1s linear;
  188. -moz-transition: all 1s linear;
  189. -ms-transition: all 1s linear;
  190. -o-transition: all 1s linear;
  191. transition: all 1s linear;}
  192.  
  193. #pic3 img:hover {width: 48px; height: 48px; margin-left: 0px; margin-top: 0px;opacity: 1; -moz-transition: all 1s linear;
  194. -ms-transition: all 1s linear;
  195. -o-transition: all 1s linear;
  196. transition: all 1s linear; }
  197.  
  198. .link4 { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 508px; margin-top: 281px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  199. -moz-transition: all 1s linear;
  200. -ms-transition: all 1s linear;
  201. -o-transition: all 1s linear;
  202. transition: all 1s linear;}
  203.  
  204. .link4 a {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: transparent; -webkit-transition: all 1s linear;
  205. -moz-transition: all 1s linear;
  206. -ms-transition: all 1s linear;
  207. -o-transition: all 1s linear;
  208. transition: all 1s linear; }
  209.  
  210. .link4 a:hover {font-family: "small"; weight: bold; font-size: 38px; padding-left: 10px; color: black; -webkit-transition: all 1s linear;
  211. -moz-transition: all 1s linear;
  212. -ms-transition: all 1s linear;
  213. -o-transition: all 1s linear;
  214. transition: all 1s linear;}
  215.  
  216. .link4:hover { border: 6px solid #BA7F81; width: 40px; height: 40px; padding: 4px; position: fixed; margin-left: 508px; margin-top: 281px; background-color: #BA7F81; -webkit-transition: all 1s linear;
  217. -moz-transition: all 1s linear;
  218. -ms-transition: all 1s linear;
  219. -o-transition: all 1s linear;
  220. transition: all 1s linear;}
  221.  
  222.  
  223. a:hover {-webkit-transition: all 600ms ease;
  224. -moz-transition: all 600ms ease;
  225. -ms-transition: all 600ms ease;
  226. -o-transition: all 600ms ease;
  227. transition: all 600ms ease;}
  228.  
  229.  
  230. h1 {display: none;}
  231. h2 {display: none;}
  232.  
  233. ul.navigation.easyclear {display: none;}
  234. .sortable.music{display: none;}
  235. .module_groups {display: none;}
  236. .module_about_user {display: none;}
  237. .sortable.module_feed {display: none;}
  238. .module_photo {display: none;}
  239. .module_members {display:none !important; }
  240. #xj_module_gift {display: none;}
  241. /* comment wall */ #xg_module_body, #xg_module_head h2, .xg_module_comment_wall{ display: none;}
  242. #xg_masthead {visibility:hidden;}
  243. .xg_module_body.profile.vcard dl.last-child a {font-family: trebuchet ms; font-size: 7px; text-transform: uppercase; line-height: 5px; color :black;}
  244. .xg_module_body.profile.vcard dl.last-child {color: gray; position: fixed;
  245. top: 10px;
  246. left: 10px;}
  247. .xg_sprite xg_sprite-share {display:none!important;}
  248. #xn_bar { display: none;}
  249. .xg_theme #xg_foot {display: none; }
  250. #xg_layout_column_1 {  }
  251. .xg_span-5 { display:none !important;}
  252. ul.nobullets.last-child {display: none;}
  253. #xg_mudule.movable.sortable.module {display: none;}
  254. #xg_navigation, #xg_navigation ul, #xg_navigation ul li, #xg_navigation ul li span, #xg_navigation {display: none;}
  255. .xg_theme #xg_head,  .xg_theme #xg_foot {
  256. display: none;}
  257. .dy-avatar.dy-avatar-full-width {
  258. display: none;}
  259. ::-webkit-scrollbar {width: 5px; height:auto; background: transparent;}
  260. ::-webkit-scrollbar-corner {background: transparent;}
  261. ::-webkit-scrollbar-thumb:vertical {background: #0A0205; width: 5px;
  262. }
  263. div#xg_layout_column_2{ font-size: 7px; width: 640px; height: 400px; position: fixed; top:0px; left: 0px; margin-left: 300px; margin-top: 70px;background-color: transparent; border: 1px solid ;}
  264. div.xg_span-16 {font-size: 7px; width: 600px; height: 450px; position: fixed; top:0px; left: 0px; margin-left: 300px; margin-top: 70px;background-color: transparent; }
  265. div.xg_3col { width:450px; background-color: transparent; position: fixed; top:0px; left: 0px; margin-left: 500px; }
  266.  
  267.  
  268. html, body,  span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, p, .orangetext15,.lightbluetext8,.blacktext12,.blacktext10,.whitetext12,.btext, .redtext, .redbtext, .text {font-family: "small"; font-size: 7px; letter-spacing: 2px; webkit-transition: all 600ms ease;
  269. -moz-transition: all 600ms ease;
  270. -ms-transition: all 600ms ease;
  271. -o-transition: all 600ms ease;
  272. transition: all 600ms ease; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!