API tools faq
paste
Advertisement
brookeabee

juicy-bliss2

brookeabee
Jan 22nd, 2013
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.84 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4. <!--
  5. Theme By Brooke from falsetto themes
  6. http://falsettothemes.tumblr.com
  7. Do not remove credits from this blog.
  8. Theme: juicy-bliss custom theme
  9. -->
  10.  
  11.  
  12.  
  13.  
  14. <!-- edit your title and shortcut icon here-->
  15. <title>juicy-bliss</title>
  16. <link rel="shortcut icon" href="http://i.imgur.com/xCs8v.png">
  17.  
  18. <!-- edit your banner here!-->
  19. <img style="position:fixed; opacity: 1.0; width:400px; TOP:55px; left:720px; z-index: 2;" src="">
  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. <style type="text/css">
  32.  
  33.  
  34.  
  35. body{
  36. color:#aaa;
  37. font-family:littlefont;
  38. font-size:8px;
  39. background-color:#fff;
  40. background-image:url();
  41. background-attachment: fixed;
  42. }
  43.  
  44. iframe#tumblr_controls{position:fixed !important;}
  45.  
  46. @font-face { font-family: 'littlefont'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  47.  
  48. @font-face { font-family: 'frenchy'; src: local('04b24'), url('http://static.tumblr.com/spzdac4/vTMm6fpbd/04b_24.ttf) format('woff');}
  49.  
  50.  
  51. body,a{cursor:url(http://i1149.photobucket.com/albums/o594/classicsouls/cursors/tinyhand.gif), progress;}
  52. a:hover{cursor:url(http://i1149.photobucket.com/albums/o594/classicsouls/cursors/tinyhand.gif), progress;}
  53.  
  54.  
  55. ::-webkit-scrollbar-thumb:vertical {
  56. height:auto;-moz-border-radius: 4px;}
  57.  
  58. ::-webkit-scrollbar-thumb { background: -webkit-gradient(linear, left top, left bottom, from(#ff3d7f), to(#3fb8af)); background-color:#fff; -webkit-border-radius:8px; }; }
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {
  61. background-color:#fff;
  62. height:7px!important;
  63. border: 1px dashed #fff;}
  64. ::-webkit-scrollbar {
  65. width:4px; height:auto;
  66. background-position:right;
  67. background-color:#ddd4cf; -webkit-border-radius:8px; }
  68.  
  69.  
  70. ::-webkit-scrollbar-thumb:horizontal {
  71. background-color:#a23e86;
  72. height:7px!important;
  73. border: 1px dashed #000000;}
  74. ::-webkit-scrollbar {
  75. width:4px; height:auto;
  76. background-position:right;
  77. background-color:#ddd4cf; -webkit-border-radius:8px; }
  78.  
  79. .content{
  80. width:720px;
  81. top:190px;
  82. position: scroll;
  83. height:auto;
  84. margin-left:350px;
  85. background-color:transparent;
  86. position:absolute;
  87. padding-top:3px;
  88. padding-left:1px;
  89. padding-right:1px;
  90. padding-bottom:3px;
  91. }
  92.  
  93. .entry{
  94. padding-left:2px;
  95. padding-right:2px;
  96. padding-top:2px;
  97. padding-bottom:0px;
  98. background-color:#fff;
  99. width:230px;
  100. float:left;
  101. margin:2px;
  102. position:scroll;
  103. border:1px solid #ddd;
  104. {block:permalinkpage}
  105. width:522px;
  106. height:auto;
  107. margin-top:-2px;
  108. margin-left:-4px;
  109. margin-bottom:10px;
  110. {/block:permalinkpage}
  111. }
  112. }
  113. .entry .permalink a{
  114. color:#000;
  115. }
  116.  
  117. .entry .permalink{
  118. position:absolute;
  119. opacity:0;
  120. width:200px;
  121. height:15px;
  122. margin-top:0px;
  123. overflow:hidden;
  124. font-family: littlefont;
  125. font-size: 8px;
  126. line-height: 14px;
  127. background-color:black;
  128. text-align:center;
  129. text-transform: uppercase;
  130. -webkit-transition: all 0.2s linear;
  131. -webkit-transition: all 0.2s linear;
  132. -moz-transition: all 0.2s linear;
  133. transition: all 0.2s linear;
  134. }
  135. .entry:hover .permalink{
  136. width:200px;
  137. height:15px;
  138. margin-top:0px;
  139. overflow:visible;
  140. -webkit-transition: all 0.4s linear; opacity: .7;
  141. -webkit-transition: all 0.4s linear;
  142. -moz-transition: all 0.4s linear;
  143. transition: all 0.4s linear;
  144. border-right: 50px #005c91;
  145. }
  146.  
  147. #sidebar{
  148. background-color:#fff;
  149. width:220px;
  150. height:auto;
  151. margin-top:180px;
  152. margin-left:127px;
  153. position:fixed;
  154. border:1px solid #ddd;
  155. z-index:2;
  156. }
  157.  
  158.  
  159.  
  160.  
  161. #banner{
  162. background-color:white;
  163. width: 850px;
  164. height: auto;
  165. margin-top: -15px;
  166. margin-left: -10px;
  167. position:fixed;
  168. z-index:2;
  169. }
  170.  
  171.  
  172. #navi{
  173. background-color:black;
  174. width:840px;
  175. height:24px;
  176. margin-top:263px;
  177. margin-left:254px;
  178. position:fixed;
  179. padding-right:15px;
  180. z-index:2;
  181. border 1px solid #fff;
  182. }
  183.  
  184. #music{
  185. background-color:black;
  186. width: 115px;
  187. height: auto;
  188. margin-top: 110px;
  189. margin-left:378px;
  190. position:fixed;
  191. z-index:2;
  192. }
  193.  
  194. #container1 {color: #222; text-align: center; background-color: #ffa000; width: 340px ; border-left: 5px solid #222; border-right: 5px solid #222; margin: 0 auto;}
  195.  
  196.  
  197. a.navi1:link, a.navi1:active, a.navi1:visited
  198. {display:inline-block;
  199. font-family:"littlefont";
  200. font-size:8px;
  201. color:#222;
  202. background-color: #eee;
  203. width: 205px;
  204. height: 6px;
  205. border-left: 5px #3fb8af solid;
  206. border-right: 5px #3fb8af solid;
  207. text-align:center;
  208. text-transform:uppercase;
  209. letter-spacing:0px;
  210. margin-top:0px;
  211. padding-top:5px;
  212. margin-bottom:2px;
  213. }
  214.  
  215. a.navi1:hover
  216. {background-color:transparent;
  217. letter-spacing:2px;
  218. color:#ddd;
  219. }
  220.  
  221. a.navi2:link, a.navi2:active, a.navi2:visited
  222. {display:inline-block;
  223. font-family:"littlefont";
  224. font-size:8px;
  225. color:#222;
  226. background-color: #eee;
  227. width: 100px;
  228. height: 6px;
  229. border-left: 5px #3fb8af solid;
  230. text-align:center;
  231. text-transform:uppercase;
  232. letter-spacing:0px;
  233. margin-top:0px;
  234. padding-top:5px;
  235. margin-bottom:2px;
  236. }
  237.  
  238. a.navi2:hover
  239. {background-color:transparent;
  240. letter-spacing:2px;
  241. color:#ddd;
  242. }
  243.  
  244. a.navi3:link, a.navi3:active, a.navi3:visited
  245. {display:inline-block;
  246. font-family:"littlefont";
  247. font-size:8px;
  248. color:#222;
  249. background-color: #eee;
  250. width: 101px;
  251. height: 6px;
  252. border-right: 5px #3fb8af solid;
  253. text-align:center;
  254. text-transform:uppercase;
  255. letter-spacing:0px;
  256. margin-top:0px;
  257. padding-top:5px;
  258. margin-bottom:2px;
  259. }
  260.  
  261. a.navi3:hover
  262. {background-color:transparent;
  263. letter-spacing:2px;
  264. color:#ddd;
  265. }
  266.  
  267.  
  268.  
  269.  
  270.  
  271. a:link, a:visited, a:active{
  272. font-family: littlefont;
  273. font-size: 8px;
  274. color: #3fb8af;
  275. line-height: 8px;
  276. text-transform: lowercase;
  277. text-decoration: none;
  278. -webkit-transition: color 0.5s ease-out;
  279. -moz-transition: color 0.5 ease-out;
  280. }
  281.  
  282.  
  283. a:hover{
  284. color: #fff;
  285. }
  286.  
  287.  
  288.  
  289.  
  290. l{
  291. color:#ff3d7f;
  292. }
  293.  
  294. o{
  295. color:#ff9e9d;
  296. }
  297.  
  298.  
  299. v{
  300. color:#dad8a7;
  301. }
  302.  
  303. e {
  304. color:#3fb8af;
  305. }
  306.  
  307. .title{
  308. line-height:15px;
  309. font-family: "arial black";
  310. font-size: 18px;
  311. text-transform:lowercase;
  312. display: block;
  313. text-align: left;
  314. letter-spacing:0px;
  315. color: #ff9e9d;
  316. }
  317.  
  318. h1{
  319. color:#ff3d7f;
  320. font-family:"frenchy";
  321. font-size:12pt;
  322. font-weight:bold;
  323. padding-bottom:2px;
  324. margin-top:6px;
  325. margin-bottom:-5px;
  326. margin-left:1px;
  327. line-height:17px;
  328. text-transform:none;
  329. text-align:left;
  330. letter-spacing:0px;
  331. border-bottom:1px dashed #222;}
  332.  
  333. h2{
  334. color:#dad8a7;
  335. font-family:"frenchy";
  336. font-size:12pt;
  337. font-weight:bold;
  338. padding-bottom:2px;
  339. margin-top:6px;
  340. margin-bottom:-5px;
  341. margin-left:1px;
  342. line-height:17px;
  343. text-transform:none;
  344. text-align:right;
  345. letter-spacing:0px;
  346. border-bottom:1px dashed #222;}
  347.  
  348. h3{
  349. color:#ff9e9d;
  350. font-family:"frenchy";
  351. font-size:12pt;
  352. font-weight:bold;
  353. padding-bottom:2px;
  354. margin-top:6px;
  355. margin-bottom:-5px;
  356. margin-left:1px;
  357. line-height:17px;
  358. text-transform:none;
  359. text-align:left;
  360. letter-spacing:0px;
  361. border-bottom:1px dashed #222;}
  362.  
  363.  
  364.  
  365. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  366. #infscr-loading {display:none;}
  367. .navigation{display:none;}
  368.  
  369.  
  370. {CustomCSS]</style>
  371.  
  372. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  373.  
  374. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  375.  
  376.  
  377. <script type="text/javascript">
  378.  
  379. $(window).load(function () {
  380. $('.content').masonry(),
  381. $('.masonryWrap').infinitescroll({
  382. navSelector : "div#navigation",
  383. // selector for the paged navigation (it will be hidden)
  384. nextSelector : "div#navigation a#nextPage",
  385. // selector for the NEXT link (to page 2)
  386. itemSelector : ".entry",
  387. // selector for all items you'll retrieve
  388. bufferPx : 10000,
  389. extraScrollPx: 200,
  390. loadingImg : "http://static.tumblr.com/emvmfcr/6DSlwb7ga/1.png",
  391. loadingText : "<em></em>",
  392. donetext : "<em></em>" ,
  393. // text displayed when all items have been retrieved
  394. },
  395. // call masonry as a callback.
  396. function() { $('.content').masonry({ appendedContent: $(this) }); }
  397. );
  398. });
  399. </script>
  400.  
  401. </head>
  402. <body>
  403.  
  404. <div id="banner"><a href="/"><img src="http://i.imgur.com/UoLuN.png"></a></div>
  405.  
  406. <a href="http://falsettothemes.tumblr.com/">credit</a>
  407.  
  408.  
  409. <div id="sidebar">
  410. <img src="http://i.imgur.com/gi2kE.png" width="220px" align="left"> <h1>Sammie Renee</h1>
  411. <div style="text-align:justify; padding:5px; width: 210px; height: 20px; background-color: transparent; border-color: #000000; border-width: 0px; border-style: solid; overflow: auto;">My name is <l>Sammie. ♥</l> I'm from the amazing city <o>Chicago.</o> I'm <v>19</v> years old.I'm really <e>sarcastic</e> and don't take things too serious. I'm a college student majoring in <l>Criminal Justice and Forensic Science.</l> I'm a <o>girly girl.</o> I live my life to the very fullest. <v>I'm straight forward.</v> I don't care what you think about me. I impress <e>no one</e> but myself. I get <l>annoyed </l>way too easily. I'm a huge <o>dreamer, sneaker freak, and believer.</o> I'm obsessed with the show <v>gossip girl</v>.I also believe everything happens for a reason. <e>. ♥</e> <l>xoxo.</l></p></div>
  412. <a class="navi1" href="/">refresh</a><br>
  413. <a class="navi2" href="/ask">message</a>
  414. <a class="navi3" href="/">botw</a><br>
  415. <a class="navi2" href="http://falsettothemes.tumblr.com">credit</a>
  416. <a class="navi3" href="/archive">archive</a><br>
  417. <a class="navi2" href="/">my love</a>
  418. <a class="navi3" href="/">networks</a><br>
  419. <center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="10">
  420. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  421. <param name="bgcolor" value="#eeeeee" />
  422. <param name="FlashVars" value="mp3=http%3A//k007.kiwi6.com/hotlink/ywh23p02i4/2_chainz_-_i39m_different_explicit_www.mp3fiber.com_.mp3&amp;autoplay=1&amp;bgcolor=eeeeee" />
  423. </object></center>
  424. <center><a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/xCs8v.png" width="20"></a>
  425. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/hwkJ5.png" width="20"></a>
  426. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/PEBE0.png" width="20"></a>
  427. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/zB7P9.png" width="20"></a>
  428. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/KF85L.png" width="20"></a>
  429. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/xvlcU.png" width="20"></a>
  430. <a href="/"><img style='padding: 2px; border:1px solid #ddd'src="http://i.imgur.com/eOPTQ.png" width="20"></a>
  431. </center>
  432. <h2>obsessions</h2>
  433. <p align="justify">ugg boots, <l>pink,</l> orange juice, chocolate, <o>leggings,</o> perfumes <v>rihanna</v> cuff earrings, <e>jordans and nikes,</e> drake, sweaters, leopard print, sparkles, <l>lace</l> tattoos, piercings, cold nights, beach, <o>shopping,</o> heels, floral print, <v>makeup,</v> skirts, romance movies, sequins, sunsets, <e>cuddling,</e> palm trees, nail polish, <l>red lipstick,</l> italian food, oreos, headbands, <o>scarves,</o> road trips, and strawberries. ♥</p>
  434. </center></div>
  435.  
  436.  
  437.  
  438.  
  439. </center></div>
  440.  
  441. {block:IndexPage}
  442. <div class="column navigation" id="navigation">
  443. {block:Pagination}
  444. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  445. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  446. </div>
  447. {/block:IndexPage}
  448.  
  449.  
  450.  
  451. <div class="content">
  452.  
  453. {block:Posts}
  454. <div class="entry">
  455. {block:Title}<div class="title">{Title}</div>{/block:Title}
  456. {block:Text}
  457. {Body}
  458. {block:IndexPage}
  459. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  460. {/block:IndexPage}
  461. {/block:Text}
  462.  
  463. {block:Photo}
  464.  
  465. {block:IndexPage}<div class="permalink"><center><a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">Reblog</a> </center></div> {/block:IndexPage}
  466.  
  467. {block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="230"/></a>{/block:indexpage}
  468.  
  469. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-230}" width="522" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  470. {/block:Photo}
  471.  
  472. {block:Photoset}
  473. {block:IndexPage}{Photoset-230}{/block:IndexPage}
  474. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  475. {/block:Photoset}
  476.  
  477.  
  478. {block:Quote}
  479. {Quote}
  480. <div align="right">
  481. {block:Source}-{Source}{/block:Source}
  482. </div>
  483. {/block:Quote}
  484.  
  485.  
  486. {block:Video}
  487. {block:indexpage}{Video-230}<br>
  488. {PlayCountWithLabel}
  489. {/block:indexpage}
  490. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  491.  
  492. {/block:Video}
  493.  
  494.  
  495. {block:Link}
  496. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  497. {block:Description}{Description}{/block:Description}
  498. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  499. {/block:Link}
  500.  
  501. {block:Chat}
  502. {block:Lines}
  503. {block:Label}
  504. <br>
  505. {Label}
  506. {/block:Label}
  507. &nbsp;{Line}
  508. {/block:Lines}<br>
  509. {block:IndexPage}
  510. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  511. {/block:IndexPage}
  512. {/block:Chat}
  513.  
  514. {block:Audio}
  515. {AudioPlayerGrey}
  516. <br><div align="right">{block:Artist}
  517. Artist: {Artist}</div>
  518. {/block:Artist}<br>
  519. {block:Caption}{Caption}{/block:Caption}
  520. {/block:Audio}
  521.  
  522.  
  523. {block:Answer}
  524.  
  525. <n><div align="left"><d>
  526. {Asker} said: {Question}<br>
  527. {Answer}
  528. </div><p align=right>
  529. {block:IndexPage}
  530. <a href="{Permalink}">{NoteCountWithLabel}</a> +</span> <a href="{ReblogURL}">reblog</a>
  531. {/block:IndexPage}
  532.  
  533. {/block:Answer}
  534.  
  535. {block:PermalinkPage}
  536. {block:Caption}
  537. {Caption}
  538. {/block:Caption}
  539. <br>
  540. {block:NoteCount}
  541. {NoteCount} notes
  542. {/block:NoteCount}
  543. <Br>
  544. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  545. {/block:PermalinkPage}
  546. </div>
  547.  
  548. {/block:Posts}
  549.  
  550. </div>
  551.  
  552.  
  553. </body>
  554. </html>
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!