API tools faq
paste
Advertisement
haffalump

haffalump theme nine

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