API tools faq
paste
Advertisement
haffalump

vivi

haffalump
Apr 13th, 2013
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--theme seven
  5. theme credit to hafsa (haffalump @ tumblr)
  6. the credit can not be removed or changed in any possible way.
  7. do not use this code as a base, and do not repost it/rehash it
  8. and use claim it as your own.
  9. -->
  10.  
  11.  
  12.  
  13. <html>
  14.  
  15.  
  16.  
  17. <head>
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  20.  
  21. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  22.  
  23. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  24.  
  25.  
  26. <script type=”text/javascript”>
  27. $(window).load(function () {
  28. $(‘.content’).masonry({
  29. itemSelector : “.container”,
  30. },
  31. function() { $(‘.content’).masonry({ appendedContent: $(this) }); }
  32. );
  33. });
  34. </script>
  35.  
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43.  
  44. <meta name="font:Body" content="times, Georgia, Baskerville, Helvetica Neue"/>
  45. <meta name="color:Text" content="#000000"/>
  46. <meta name="color:Link" content="#000000"/>
  47. <meta name="color:LinkHov" content="#951744"/>
  48. <meta name="color:Bold" content="#951744"/>
  49.  
  50. <meta name="text:Link1" content="Link 1"/>
  51. <meta name="text:Link1 URL" content="/"/>
  52. <meta name="text:Link2" content="Link 2"/>
  53. <meta name="text:Link2 URL" content="/"/>
  54. <meta name="text:Link3" content="Link 3"/>
  55. <meta name="text:Link3 URL" content="/"/>
  56.  
  57. <style type="text/css">
  58.  
  59.  
  60.  
  61.  
  62.  
  63. body {
  64. background-color: #ffffff;
  65. font-family: {font:Body};
  66. font-size: 9px;
  67. color: {color:Text};
  68. letter-spacing: 0px;
  69. }
  70.  
  71.  
  72. .content {
  73. width: 400px;
  74. padding: 0px;
  75. margin-left: auto;
  76. margin-right: auto;
  77. background-color: #fff;
  78. padding: 50px;
  79. position: relative;
  80. top: -35px;
  81. font-size: 12px;
  82.  
  83. }
  84.  
  85.  
  86. .container{
  87. width: 860px;
  88. float:right;
  89.  
  90. }
  91.  
  92.  
  93. .sidebar {
  94. font-family: times;
  95. font-size: 12px;
  96. letter-spacing: 0px;
  97. color: #000;
  98. font-style:italic;
  99. text-align: justify;
  100. text-transform: lowercase;
  101. width: 400px;
  102. top: -35px;
  103. padding: 50px;
  104. position: relative;
  105. background-color: #f0f0f0;
  106. line-height: 110%;
  107.  
  108. }
  109.  
  110. .sidebar a:link, .sidebar a:visited, .sidebar a:active{
  111.  
  112. color: {color:Text};
  113. }
  114.  
  115.  
  116. .sidebar a:hover {
  117. color: #951744;
  118. text-decoration: none;
  119. }
  120.  
  121. .title {
  122. font-family: times;
  123. font-size: 7px;
  124. color: 000;
  125. text-align: left;
  126. text-transform: uppercase;
  127. font-weight: bold;
  128. letter-spacing: 1px;
  129. padding: 0px;
  130. font-style: none;
  131. margin-right: 22px;
  132. margin-left: 22px;
  133.  
  134. }
  135.  
  136. a {
  137. font-weight: none;
  138. text-decoration: none;
  139. color: {color:Link};
  140. padding: 0px;
  141.  
  142. }
  143.  
  144. a:hover {
  145. color: {color:LinkHov};
  146. text-decoration: none;
  147. padding: 0px;
  148. transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
  149. }
  150.  
  151. a img {
  152. border: 0px;
  153. }
  154.  
  155.  
  156.  
  157. b, strong {
  158. color: {color:Bold};
  159. }
  160.  
  161.  
  162. .post img {
  163. display: inline-block;
  164. margin: 0 auto;
  165.  
  166. }
  167.  
  168. .post {
  169. text-align: justify;
  170. padding: 0px;
  171. width: 400px;
  172.  
  173. }
  174.  
  175. .notesandtags {
  176. padding: 5px;
  177. margin-bottom: 15px;
  178. margin-top: 5px;
  179. margin-left: -4px;
  180. width: 395px;
  181.  
  182. }
  183.  
  184. .tags {
  185. font-size: 6px;
  186. letter-spacing: 1px;
  187. font-weight: none;
  188. text-transform: lowercase;
  189. float: right;
  190. text-align: justify;
  191. background-color: #;
  192. margin-top: -8px;
  193. width:400px;
  194. padding: 5px;
  195. position: relative;
  196. left: 8px;
  197.  
  198. }
  199.  
  200. .tag {
  201. font-family: {font:Body};
  202. font-size: 7px;
  203. letter-spacing: 1px;
  204. color: {color:Text};
  205. text-transform: uppercase;
  206. font-weight: none;
  207. margin-bottom: 80px;
  208. display: inline;
  209. margin-left: 0px;
  210. text-align: justify;
  211. }
  212.  
  213.  
  214. .time {
  215. font-family: {font:Body};
  216. font-size: 7px;
  217. letter-spacing: 1px;
  218. color: {color:Text};
  219. text-transform: uppercase;
  220. width: 384px;
  221. background-color: #f5f5f5;
  222. padding: 8px 8px 3px 8px;
  223. }
  224.  
  225. h3 {
  226. font-family: {font:Body};
  227. font-size: 12px;
  228. color: {color:Text};
  229. text-align: justify;
  230. letter-spacing: 0px;
  231. text-transform: lowercase;
  232. font-weight: none;
  233. font-style: italic;
  234.  
  235. }
  236.  
  237. .h3 a:link, .h3 a:visited, .h3 a:active{
  238. color: #000000;}
  239.  
  240. blockquote {
  241. font-family: {font:Body};
  242. font-size: 12px;
  243. color:{color:Text};
  244. letter-spacing: 0px;
  245. text-align: justify;
  246. text-transform: lowercase;
  247. font-weight: none;
  248. font-style: none;
  249. line-height: 120%;
  250. padding: 0px 0px 0px 8px;
  251. margin: 0px;
  252. border-left: 1px solid #000;
  253. }
  254.  
  255. .quote {
  256. font-family: {font:Body};
  257. font-size: 12px;
  258. letter-spacing: 0px;
  259. color: {color:Text};
  260. line-height: 90%;
  261. text-transform: lowercase;
  262. font-weight: none;
  263. }
  264.  
  265. .source {
  266. margin-left: 25px;
  267. font-family: {font:Body};
  268. font-size: 12px;
  269. letter-spacing: 0px;
  270. color: #000;
  271. text-transform: lowercase;
  272. font-weight: none;
  273. padding: 10px;
  274. }
  275.  
  276. .link {
  277. font-family: {font:Body};
  278. font-size: 12px;
  279. color: {color:Text};
  280. text-align: justify;
  281. letter-spacing: 0px;
  282. text-transform: lowercase;
  283. font-weight: none;
  284. font-style: italic;
  285. }
  286.  
  287. .link:hover {
  288. color: #ffffff;
  289. }
  290.  
  291.  
  292.  
  293. ul.chat {
  294. margin: 0;
  295. padding: 0;
  296. }
  297.  
  298. .chat li {
  299. list-style-type: none;
  300. font-size: 8px;
  301. margin-left: 0px;
  302. padding: 3px;
  303. text-transform: uppercase;
  304. }
  305.  
  306. .chat li.odd {
  307. margin-bottom: 1px;
  308. color: {color:Text};
  309. font-size: 8px;
  310. text-transform: uppercase;
  311. }
  312.  
  313. .chat li.even {
  314. margin-bottom: 1px;
  315. color: {color:Text};
  316. font-size: 8px;
  317. text-transform: uppercase;
  318. }
  319.  
  320. .label {
  321. font-weight: none;
  322. }
  323.  
  324.  
  325.  
  326. #navcontainer
  327. {
  328. margin: 0px;
  329. padding: 0px;
  330. text-align: center;
  331. font-size: 10px;
  332. }
  333. #navcontainer { display: inline; }
  334. #navcontainer a
  335. {
  336. text-decoration: none;
  337. padding: .2em 1em;
  338. color: #fff;
  339. font-size: 10px;
  340. }
  341.  
  342.  
  343. #navcontainer a:hover
  344. {
  345. color: #fff;
  346. background-color: #369;
  347. font-size: 10px;
  348. }
  349.  
  350.  
  351. ::-webkit-scrollbar {
  352. height: 30px;
  353. width: 8px;
  354. background: #ffffff;
  355. }
  356. ::-webkit-scrollbar-thumb {
  357. background: #951744;
  358.  
  359. }
  360. ::-webkit-scrollbar-corner {
  361. background: #ffffff;
  362. }
  363.  
  364.  
  365.  
  366.  
  367. ol.notes {
  368. padding: 0px;
  369. margin: 25px 0px;
  370. font-size: 10px;
  371. list-style-type: none;
  372.  
  373. }
  374.  
  375. ol.notes li.note {
  376. padding: 2px;
  377. }
  378.  
  379. ol.notes li.note img.avatar {
  380. vertical-align: -4px;
  381. margin-right: 10px;
  382. width: 10px;
  383. height: 10px;
  384. }
  385.  
  386. ol.notes li.note span.action {
  387. font-weight: none;
  388. }
  389.  
  390. ol.notes li.note .answer_content {
  391. font-weight: normal;
  392. }
  393.  
  394. ol.notes li.note blockquote {
  395. border-color: none;
  396. padding: 4px 10px;
  397. margin: 5px 0px 0px 25px;
  398. }
  399.  
  400. ol.notes li.note blockquote a {
  401. text-decoration: none;}
  402.  
  403. .audio {
  404. background-color: #000000;
  405. width: 400px;
  406. color: #ffffff;
  407. }
  408.  
  409. .asker {
  410. width: 360px;
  411. font-size: 7px;
  412. color: {color:Text};
  413. text-align: right;
  414. margin-right: 50px;
  415. margin-top: 10px;
  416. text-transform: uppercase;
  417. font-weight: bold;
  418. letter-spacing: 1px;
  419. font-style: italic;
  420. }
  421.  
  422. .q {
  423. font-size: 12px;
  424. color: {color:Text};
  425. font-weight: none;
  426. letter-spacing: 0px;
  427. padding-bottom: 5px;
  428. text-align: justify;
  429. line-height: 100%;
  430. text-transform: lowercase;
  431. }
  432.  
  433. .answer {
  434. font-size: 12px;
  435. color: {color:Text};
  436. text-align: justify;
  437. width: 395px;
  438. line-height: 100%;
  439. }
  440.  
  441. .ask {
  442.  
  443. background-color: #f0f0f0;
  444. width: 360px;
  445. padding: 20px;
  446.  
  447. }
  448.  
  449.  
  450. .date {
  451. margin-top: 80px;
  452. font-size: 10px;
  453. text-align: left;
  454. text-transform: lowercase;
  455. font-weight: none;
  456. letter-spacing: 0px;
  457. font-style: italic;
  458. padding-bottom: 5px;
  459. margin-bottom: 5px;
  460. }
  461.  
  462. .li {
  463.  
  464. color: #fff;
  465. font-size: 6px;
  466. letter-spacing:1px;
  467. text-align: left;
  468. padding-left: 22px;
  469. padding-top: 5px;
  470. text-transform: uppercase;
  471. font-family: times;
  472. }
  473.  
  474. .li a:link, .li a:visited, .li a:active{
  475. color: #000; }
  476.  
  477. {CustomCSS}
  478. </style>
  479.  
  480. <center><title>{Title}</title></center>
  481.  
  482. </head>
  483.  
  484.  
  485.  
  486. <body>
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493. <div style="position: relative; right: 5px; bottom:5px; position: fixed; color: #000; "><a href="http://haffalump.tumblr.com/">theme</a></div>
  494.  
  495. <div style="width: 460px; position: relative; top: -10px; left: 378px; background-color:#f0f0f0; z-index: 2; padding: 40px 20px 20px 20px; ">
  496.  
  497. <div class="title">{Title}</div>
  498.  
  499. <p>
  500. <div class="li">
  501. <a href="/ask">ask</a>
  502. <a href="/">home</a>
  503. <a href="/archive">archive</a>
  504. <p>
  505. <div id=”navcontainer”>
  506. {block:HasPages}
  507. {block:Pages}
  508.  
  509. <a href={URL}>{Label}</a>
  510.  
  511. {/block:Pages}
  512. {/block:HasPages}</div>
  513.  
  514.  
  515. </div>
  516. </div>
  517.  
  518.  
  519. <div style="width: 500px; height: 380px; position: relative; top: -10px; left: 378px; background-position: center center; background-color:#fff; background-position: top center; background-image: url(http://i50.tinypic.com/13zqp9l.jpg); z-index: 1;">
  520.  
  521. </div>
  522.  
  523.  
  524. <div style=" position: absolute; left: 386px; z-index: 100; ">
  525.  
  526. <div class="sidebar">
  527. {block:Description}{Description}{/block:Description}
  528. </div>
  529.  
  530.  
  531.  
  532. <div class="content">
  533.  
  534.  
  535. {block:Posts}
  536.  
  537.  
  538. {block:Text}
  539. <div class="post">
  540. <div class="date">
  541. <a href="{Permalink}">
  542. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  543. </a></div>
  544. {block:Title}
  545. <h3><a href="{Permalink}">{Title}</a></h3>
  546. {/block:Title}
  547. {Body}
  548. </div>
  549. {/block:Text}
  550.  
  551. {block:Photo}
  552. <div class="post">
  553. <div class="date">
  554. <a href="{Permalink}">
  555. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}</a>
  556. </a></div>
  557. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  558. {Caption}
  559. </div>
  560. {/block:Photo}
  561.  
  562. {block:Photoset}
  563. <div class="post">
  564. <div class="date">
  565. <a href="{Permalink}">
  566. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  567. </a></div>
  568. <center>{Photoset-400}</center>
  569. {Caption}
  570. {SourceURL}
  571. </div>
  572. {/block:Photoset}
  573.  
  574. {block:Quote}
  575. <div class="post">
  576. <div class="date">
  577. <a href="{Permalink}">
  578. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  579. </a></div>
  580. <span class="quote">"{Quote}"</span>
  581. {block:Source}
  582. <div class="source">– {Source}</div>
  583. {/block:Source}
  584. {SourceURL}
  585. </div>
  586. {/block:Quote}
  587.  
  588. {block:Link}
  589. <div class="post">
  590. <div class="date">
  591. <a href="{Permalink}">
  592. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  593. </a></div>
  594. <a href="{URL}" class="link" {Target}>{Name}</a>
  595. {block:Description}
  596. <div class="description">{Description}</div>
  597. {/block:Description}
  598. </div>
  599. {/block:Link}
  600.  
  601. {block:Chat}
  602. <div class="date">
  603. <a href="{Permalink}">
  604. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  605. </a></div>
  606. <div class="post">
  607. {block:Title}
  608. <h3><a href="{Permalink}">{Title}</a></h3>
  609. {/block:Title}
  610. <ul class="chat">
  611. {block:Lines}
  612. <li class="{Alt} user_{UserNumber}">
  613. {block:Label}
  614. <span class="label">{Label}</span>
  615. {/block:Label}
  616. {Line}
  617. </li>
  618. {/block:Lines}
  619. </ul>
  620. </div>
  621. {/block:Chat}
  622.  
  623. {block:Video}
  624. <div class="date">
  625. <a href="{Permalink}">
  626. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  627. </a></div>
  628. <div class="post">
  629. <center>{Video-400}</center>
  630. {block:Caption}
  631. {/block:Caption}
  632. </div>
  633. {/block:Video}
  634.  
  635.  
  636. {block:Audio}
  637. <div class="post">
  638. <div class="date">
  639. <a href="{Permalink}">
  640. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  641. </a></div>
  642. <div class="audio">
  643. {AudioPlayerBlack}
  644. </div>
  645. {Caption}
  646. </div>
  647. {block:ContentSource}
  648. {/block:ContentSource}
  649. {/block:Audio}
  650.  
  651. {block:Answer}
  652. <div class="date">
  653. <a href="{Permalink}">
  654. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  655. </a></div>
  656. <div class="ask">
  657. <div class="q">{Question}</div>
  658. <div class="asker">
  659. ASKED BY {Asker}</div></div>
  660. <center><div class="answer">{Answer}</div></center>
  661.  
  662. {/block:Answer}
  663.  
  664. <div class="notesandtags">
  665. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} </div>
  666. </div>
  667.  
  668.  
  669. {PostNotes}
  670.  
  671. {/block:Posts}
  672.  
  673. </div>
  674.  
  675.  
  676.  
  677. <div style="width: 60px; color: #000000; font-size: 10px; text-transform: uppercase; font-style: italic; position: fixed; right: 250px; bottom: 50px;">
  678.  
  679. {block:Pagination}
  680. {block:PreviousPage}
  681. <a href="{PreviousPage}">«</a>
  682. {/block:PreviousPage}
  683.  
  684. {block:JumpPagination length="4"}
  685. {block:CurrentPage}
  686. <span class="current_page">{PageNumber}</span>
  687. {/block:CurrentPage}
  688.  
  689. {block:JumpPage}
  690. <a class="jump_page" href="{URL}">{PageNumber}</a>
  691. {/block:JumpPage}
  692. {/block:JumpPagination}
  693.  
  694. {block:NextPage}
  695. <a href="{NextPage}">»</a>
  696. {/block:NextPage}
  697. {/block:Pagination}
  698.  
  699. </div>
  700.  
  701.  
  702.  
  703.  
  704. </div>
  705.  
  706.  
  707.  
  708. </div>
  709.  
  710. </body>
  711. </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!