Advertisement
brookeabee

Untitled

Dec 23rd, 2012
200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.82 KB | None | 0 0
  1. <html>
  2.  
  3.  
  4. <!--
  5. Theme By Brooke from falsetto themes
  6. http://falsettothemes.tumblr.com
  7. http://xoxobrookeabee.tumblr.com
  8. Dont remove the credit please. I would be really upset.
  9. Credit to xXxbambiixXx for helping me with my new theme base
  10. Theme: waiting on the world
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <!-- edit your title and shortcut icon here-->
  17. <title>welcome, babe.</title>
  18. <link rel="shortcut icon" href="http://i.imgur.com/DV4r6.png">
  19.  
  20.  
  21. <!-- infinite scroll-->
  22. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  23.  
  24.  
  25. <head>
  26.  
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  30.  
  31.  
  32.  
  33.  
  34.  
  35. <style type="text/css">
  36.  
  37.  
  38.  
  39. body{
  40. color:#222;
  41. font-family:littlefont;
  42. font-size:8px;
  43. background-color:#eee;
  44. text-align:justify;
  45. background-image:url("http://i.imgur.com/KVjYL.jpg");
  46. background-attachment: fixed;
  47. }
  48.  
  49. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  50.  
  51. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff');}
  52.  
  53. body,a{cursor:url(http://i.imgur.com/ZOrzC.png), progress;}
  54. a:hover{cursor:url(http://i.imgur.com/ZOrzC.png), progress;}
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. height:auto;-moz-border-radius: 4px;}
  58.  
  59. ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#cf15ba), to(#6fcb28)); background-color:#eee; -webkit-border-radius:8px; }; }
  60.  
  61. ::-webkit-scrollbar-thumb:horizontal {
  62. background-color:#eee;
  63. height:7px!important;
  64. border: 1px dashed #000000;}
  65. ::-webkit-scrollbar {
  66. width:4px; height:auto;
  67. background-position:right;
  68. background-color:#eee; -webkit-border-radius:8px; }
  69.  
  70. .content{
  71. width:779px;
  72. top:25px;
  73. position: scroll;
  74. height:auto;
  75. margin-left:380px;
  76. background-color:transparent;
  77. position:absolute;
  78. padding:2px;
  79. border: 0px solid #222;
  80. }
  81.  
  82. .entry{
  83. padding-left:2px;
  84. padding-right:2px;
  85. padding-top:2px;
  86. padding-bottom:0px;
  87. background-color:transparent;
  88. width:250px;
  89. float:left;
  90. margin:2px;
  91. position:scroll;
  92. {block:permalinkpage}
  93. width:522px;
  94. height:auto;
  95. margin-top:-2px;
  96. margin-left:-4px;
  97. margin-bottom:10px;
  98. {/block:permalinkpage}
  99. }
  100. }
  101. .entry .permalink a{
  102. color:#000;
  103. }
  104.  
  105. .entry .permalink{
  106. position:absolute;
  107. opacity:0;
  108. width:250px;
  109. height:15px;
  110. margin-top:0px;
  111. overflow:hidden;
  112. font-family: silkscreen;
  113. font-size: 8px;
  114. line-height: 14px;
  115. background-color:white;
  116. text-align:center;
  117. text-transform: uppercase;
  118. -webkit-transition: all 0.2s linear;
  119. -webkit-transition: all 0.2s linear;
  120. -moz-transition: all 0.2s linear;
  121. transition: all 0.2s linear;
  122. }
  123. .entry:hover .permalink{
  124. width:250px;
  125. height:15px;
  126. margin-top:0px;
  127. overflow:visible;
  128. -webkit-transition: all 0.4s linear; opacity: .7;
  129. -webkit-transition: all 0.4s linear;
  130. -moz-transition: all 0.4s linear;
  131. transition: all 0.4s linear;
  132. }
  133.  
  134. #sidebar{
  135. background-color:#eee;
  136. width:250px;
  137. height:auto;
  138. margin-top:20px;
  139. margin-left:115px;
  140. position:fixed;
  141. border: 1px solid #222;
  142. }
  143.  
  144. #banner{
  145. background-color:transparent;
  146. width:auto;
  147. height:auto;
  148. margin-top:15px;
  149. margin-left:15px;
  150. position:fixed;
  151. border: 0px solid #222;
  152. z-index:1;
  153. }
  154.  
  155.  
  156.  
  157. #container {background-color: #bc0062; width: 248px ;border: 1px solid #dbd69d; margin: 0 auto;}
  158.  
  159. .bubble {
  160. align:right;
  161. background: #dbd69d;
  162. margin:7px 0px 5px 66px;
  163. padding:10px;
  164. position: relative;}
  165. .bubble p {margin:1px 0px;}
  166. .bubble span {display:block;
  167. position:absolute;
  168. width:1px;
  169. height:1px;
  170. font-size: 0;
  171. line-height: 1px;
  172. left:-10px;
  173. top:10px;}
  174.  
  175. #navi{
  176. background-color:transparent;
  177. width:250px;
  178. height:auto;
  179. margin-top:284px;
  180. margin-left:120px;
  181. position:fixed;
  182. border: 0px solid #222;
  183. z-index:1;
  184. }
  185.  
  186. a.navi1:link, a.navi1:active, a.navi1:visited
  187. {display:inline-block;
  188. font-family:"littlefont";
  189. font-size:8px;
  190. color:#222;
  191. text-align:center;
  192. background-color:#bc0062;
  193. margin-top:1px;
  194. padding-top:1px;
  195. margin-bottom:1px;
  196. margin-left:2px;
  197. height:15px;
  198. width:39px;}
  199.  
  200. a.navi1:hover
  201. {background-color:#222;
  202. letter-spacing:-1px;
  203. color:#bc0062;
  204. -webkit-transition: all .5s ease-out;
  205. -moz-transition: all .5s ease;
  206. -o-transition: all .5s ease;
  207. }
  208.  
  209. a.navi2:link, a.navi2:active, a.navi2:visited
  210. {display:inline-block;
  211. font-family:"littlefont";
  212. font-size:8px;
  213. color:#222;
  214. text-align:center;
  215. margin-top:1px;
  216. padding-top:1px;
  217. margin-bottom:1px;
  218. margin-left:2px;
  219. height:15px;
  220. width:39px;
  221. background-color:#cf15ba;}
  222.  
  223. a.navi2:hover
  224. {background-color:#222;
  225. letter-spacing:-1px;
  226. color:#cf15ba;
  227. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  228. }
  229.  
  230. a.navi3:link, a.navi3:active, a.navi3:visited
  231. {display:inline-block;
  232. font-family:"littlefont";
  233. font-size:8px;
  234. color:#222;
  235. text-align:center;
  236. background-color:#8aff35;
  237. margin-top:1px;
  238. padding-top:1px;
  239. margin-left:2px;
  240. margin-bottom:1px;
  241. height:15px;
  242. width:39px;}
  243.  
  244. a.navi3:hover
  245. {background-color:#222;
  246. letter-spacing:-1px;
  247. color:#8aff35;
  248. -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease; -o-transition: all .5s ease;
  249. }
  250.  
  251.  
  252. a:link, a:visited, a:active{
  253. font-family: littlefont;
  254. font-size: 8px;
  255. color: #bc0062;
  256. line-height: 8px;
  257. text-transform: lowercase;
  258. text-decoration: none;
  259. -webkit-transition: color 0.5s ease-out;
  260. -moz-transition: color 0.5 ease-out;
  261. }
  262.  
  263.  
  264. a:hover{
  265. color: #6fcb28;
  266. }
  267.  
  268.  
  269.  
  270.  
  271. l{
  272. color:#bc0062;
  273. }
  274.  
  275. o{
  276. color:#cf15ba;
  277. }
  278.  
  279.  
  280. v{
  281. color:#8aff35;
  282. }
  283.  
  284. e {
  285. color:#6fcb28;
  286. }
  287.  
  288. r{color:#eee}
  289.  
  290. .title{
  291. line-height:18px;
  292. font-family: lobster;
  293. font-size: 35px;
  294. text-transform: lowercase;
  295. display: block;
  296. text-align: center;
  297. letter-spacing:0px;
  298. color: #cf15ba;
  299. }
  300.  
  301. .link{
  302. line-height:18px;
  303. font-family: lobster;
  304. font-size: 35px;
  305. text-transform: lowercase;
  306. display: block;
  307. text-align: center;
  308. letter-spacing:0px;
  309. color: #8aff35;
  310. }
  311.  
  312. h1{
  313. line-height:18px;
  314. font-family: lobster;
  315. font-size: 25px;
  316. text-transform: lowercase;
  317. display: block;
  318. text-align: center;
  319. letter-spacing:0px;
  320. margin-top:0px;
  321. margin-bottom:3px;
  322. color: #bc0062;
  323. border-bottom: 1px dashed #222;
  324. }
  325.  
  326. h2{
  327. line-height:18px;
  328. font-family: lobster;
  329. font-size: 25px;
  330. text-transform: lowercase;
  331. display: block;
  332. text-align: right;
  333. letter-spacing:0px;
  334. margin-top:-10px;
  335. margin-bottom:3px;
  336. color: #6fcb28;
  337. border-bottom: 1px dashed #222;
  338. }
  339.  
  340. h3{
  341. line-height:18px;
  342. font-family: lobster;
  343. font-size: 25px;
  344. text-transform: lowercase;
  345. display: block;
  346. text-align: left;
  347. letter-spacing:0px;
  348. margin-top:0px;
  349. margin-bottom:3px;
  350. color: #bc0062;
  351. border-bottom: 1px dashed #222;
  352. }
  353.  
  354.  
  355.  
  356. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  357. #infscr-loading {display:none;}
  358. .navigation{display:none;}
  359.  
  360.  
  361. {CustomCSS]</style>
  362.  
  363. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  364.  
  365. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  366.  
  367.  
  368. <script type="text/javascript">
  369.  
  370. $(window).load(function () {
  371. $('.content').masonry(),
  372. $('.masonryWrap').infinitescroll({
  373. navSelector : "div#navigation",
  374. // selector for the paged navigation (it will be hidden)
  375. nextSelector : "div#navigation a#nextPage",
  376. // selector for the NEXT link (to page 2)
  377. itemSelector : ".entry",
  378. // selector for all items you'll retrieve
  379. bufferPx : 10000,
  380. extraScrollPx: 200,
  381. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  382. loadingText : "<em></em>",
  383. donetext : "<em></em>" ,
  384. // text displayed when all items have been retrieved
  385. },
  386. // call masonry as a callback.
  387. function() { $('.content').masonry({ appendedContent: $(this) }); }
  388. );
  389. });
  390. </script>
  391.  
  392. </head>
  393. <body>
  394.  
  395. {block:IndexPage}
  396. <div class="column navigation" id="navigation">
  397. {block:Pagination}
  398. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  399. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  400. </div>
  401. {/block:IndexPage}
  402.  
  403. <div id="navi">
  404. <a class="navi1" href="/">home</a><a class="navi2" href="/ask">ask</a><a class="navi3" href="http://falsettothemes.tumblr.com/">credit</a><a class="navi1" href="/">link</a><a class="navi2" href="/">link</a><a class="navi3" href="/">link</a>
  405. </div>
  406.  
  407. <div id="banner"><img src="http://i.imgur.com/dCfDR.png"></div>
  408.  
  409. <div id="sidebar"><center>
  410. <img src="http://data.whicdn.com/images/41383010/tumblr_m7uv10fRYI1rp9mido1_500_large.png" width="250">
  411. <h3><font color="#eee">__</font>MyShit</h3>
  412. <p align="justify"><l>></l><o>></o><v>></v><e>></e> This is where you can <l>talk</l> about <o>yourself</o>. You can write your <v>name</v>, your <e>age</e>, what you <l>like</l> and what you don't. Please don't remove the <o>credit</o>. I <v>hope</v> you like the <e>theme</e> Don't forget to check back to falsetto themes & message me if you need anything :D</p><br>
  413. <h2>favs</h2>
  414. <center><a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://24.media.tumblr.com/avatar_376835e33267_64.png" width="25" ></a>
  415. <a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://25.media.tumblr.com/avatar_92848ab35686_64.png" width="25" ></a>
  416. <a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://24.media.tumblr.com/avatar_2ef58c7b552e_64.png" width="25" ></a>
  417. <a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://25.media.tumblr.com/avatar_064d035a3200_64.png" width="25" ></a>
  418. <a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://24.media.tumblr.com/avatar_01e50ed1f7c0_64.png" width="25" ></a>
  419. <a href="/"><img style='padding: 1px; border:1px solid #6fcb28'src="http://24.media.tumblr.com/avatar_7f9f7854ab1e_64.png" width="25" ></a></center>
  420. <h3><font color="#eee">_</font>q&a</h3><p>
  421. <p align="justify">
  422. <r>_</r><r>_</r><o><b>Q:</b></o> Questions go right here babe<br>
  423. <r>_</r><r>_</r><v><b>A:</b></v> Your answers should go here xoxo<br>
  424. <r>_</r><r>_</r><o><b>Q:</b></o> Questions go right here babe<br>
  425. <r>_</r><r>_</r><v><b>A:</b></v> Your answers should go here xoxo<br>
  426. <r>_</r><r>_</r><o><b>Q:</b></o> Questions go right here babe<br>
  427. <r>_</r><r>_</r><v><b>A:</b></v> Your answers should go here xoxo<br>
  428. <r>_</r><r>_</r><o><b>Q:</b></o> Questions go right here babe<br>
  429. <r>_</r><r>_</r><v><b>A:</b></v> Your answers should go here xoxo<br>
  430. <h2>stats/music</h2><p><center>
  431. <script language="JavaScript">
  432. var ref = (''+document.referrer+'');
  433. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2032116&e1=rudolph&e2=reindeer&r=' + ref + '"><\/script>');
  434. </script><br>
  435. <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script><br>
  436. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="100" height="9">
  437. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  438. <param name="bgcolor" value="#ffffff" />
  439. <param name="FlashVars" value="mp3=http://k006.kiwi6.com/hotlink/348fb421wb/have_yourself_a_merry_little_christmas_-_ariana_grande_www.mp3fiber.com_1.mp3&amp;autoplay=1&amp;bgcolor=ffffff&amp;loadingcolor=553713&amp;buttoncolor=553713&amp;slidercolor=553713" />
  440. </object><br> Have yourself a Merry Little Christmas - Ariana Grande<br></center>
  441. </div>
  442.  
  443. <div class="content">
  444.  
  445. {block:Posts}
  446. <div class="entry">
  447. {block:Title}<div class="title">{Title}</div>{/block:Title}
  448. {block:Text}
  449. {Body}
  450. {block:IndexPage}
  451. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  452. {/block:IndexPage}
  453. {/block:Text}
  454.  
  455. {block:Photo}
  456.  
  457. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  458.  
  459. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="250"/></a>{/block:indexpage}
  460.  
  461. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  462. {/block:Photo}
  463.  
  464. {block:Photoset}
  465. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  466. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  467. {/block:Photoset}
  468.  
  469.  
  470. {block:Quote}
  471. {Quote}
  472. <div align="right">
  473. {block:Source}-{Source}{/block:Source}
  474. </div>
  475. {/block:Quote}
  476.  
  477.  
  478. {block:Video}
  479. {block:indexpage}{Video-250}<br>
  480. {PlayCountWithLabel}
  481. {/block:indexpage}
  482. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  483.  
  484. {/block:Video}
  485.  
  486.  
  487. {block:Link}
  488. <center><a href="{URL}" class="link" {Target} box-shadow: 2px 2px 2px #222><div class="link">{Name}</div></a></center><BR>
  489. {block:Description}{Description}{/block:Description}
  490. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  491. {/block:Link}
  492.  
  493. {block:Chat}
  494. {block:Lines}
  495. {block:Label}
  496. <br>
  497. {Label}
  498. {/block:Label}
  499. &nbsp;{Line}
  500. {/block:Lines}<br>
  501. {block:IndexPage}
  502. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  503. {/block:IndexPage}
  504. {/block:Chat}
  505.  
  506. {block:Audio}
  507. {AudioPlayerGrey}
  508. <br><div align="right">{block:Artist}
  509. Artist: {Artist}</div>
  510. {/block:Artist}<br>
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:Audio}
  513.  
  514.  
  515. {block:Answer}
  516. <n><div align="left"><d>
  517. <p align="jusify">
  518. {Asker} was like: {Question}<br><br>
  519. and I said bitch: {Answer}</p>
  520. </div><p align=right>
  521. {block:IndexPage}
  522. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  523. {/block:IndexPage}
  524.  
  525. {/block:Answer}
  526.  
  527. {block:PermalinkPage}
  528. {block:Caption}
  529. {Caption}
  530. {/block:Caption}
  531. <br>
  532. {block:NoteCount}
  533. {NoteCount} notes
  534. {/block:NoteCount}
  535. <Br>
  536. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  537. {/block:PermalinkPage}
  538. </div>
  539.  
  540. {/block:Posts}
  541.  
  542. </div>
  543.  
  544.  
  545. </body>
  546. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement