API tools faq
paste
Advertisement
haffalump

haffalump theme seven

haffalump
Feb 2nd, 2013
7,064
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.92 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. <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Convergence|Muli|Carrois+Gothic+SC|Hammersmith+One' rel='stylesheet' type='text/css'>
  19.  
  20. <head>
  21.  
  22. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  23.  
  24. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  25.  
  26. <script type=”text/javascript” language=”javascript” src=”http://assets.tumblr.com/javascript/tumblelog.js?7”></script>
  27.  
  28.  
  29. <script type=”text/javascript”>
  30. $(window).load(function () {
  31. $(‘.content’).masonry({
  32. itemSelector : “.container”,
  33. },
  34. function() { $(‘.content’).masonry({ appendedContent: $(this) }); }
  35. );
  36. });
  37. </script>
  38.  
  39.  
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46.  
  47. <meta name="font:Body" content="times, Georgia, Baskerville, Helvetica Neue"/>
  48. <meta name="color:Text" content="#000000"/>
  49. <meta name="color:Link" content="#000000"/>
  50. <meta name="color:LinkHov" content="#951744"/>
  51. <meta name="color:Bold" content="#951744"/>
  52. <meta name="color:Scroll" content="#951744"/>
  53.  
  54. <meta name="text:Link1" content="Link 1"/>
  55. <meta name="text:Link1 URL" content="/"/>
  56. <meta name="text:Link2" content="Link 2"/>
  57. <meta name="text:Link2 URL" content="/"/>
  58. <meta name="text:Link3" content="Link 3"/>
  59. <meta name="text:Link3 URL" content="/"/>
  60.  
  61. <meta name="image:Background" content=""/>
  62.  
  63. <meta name="if:500px Width" content="1"/>
  64. <meta name="if:400px Width" content="0"/>
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69.  
  70.  
  71.  
  72. body {
  73. background-color: #ffffff;
  74. font-family: {font:Body};
  75. font-size: 9px;
  76. color: {color:Text};
  77. letter-spacing: 0px;
  78. }
  79.  
  80.  
  81. .content {
  82. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  83. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  84. padding: 0px;
  85. margin-left: auto;
  86. margin-right: auto;
  87. background-color: #f5f5f5;
  88. padding: 50px;
  89. position: relative;
  90. top: -10px;
  91. left: 130px;
  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: 9px;
  106. letter-spacing: 0px;
  107. color: {color:Text};
  108. text-align: justify;
  109. text-transform: lowercase;
  110. width: 150px;
  111. height: auto;
  112. padding: 10px 25px 35px 25px;
  113. position: relative;
  114. top: -40px;
  115. left: 15px;
  116. background-color: #ffffff;
  117. line-height: 130%;
  118.  
  119. }
  120.  
  121. .sidebar a:link, .sidebar a:visited, .sidebar a:active{
  122.  
  123. color: {color:Text};
  124. }
  125.  
  126.  
  127. .sidebar a:hover {
  128. color: #951744;
  129. text-decoration: none;
  130. }
  131.  
  132. .title {
  133. font-family: {font:Body};
  134. font-size: 6px;
  135. color: {color:Text};
  136. text-align: center;
  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. background-color:#951744;
  159. padding: 0px;
  160. transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s;
  161. }
  162.  
  163. a img {
  164. border: 0px;
  165. }
  166.  
  167.  
  168.  
  169. b, strong {
  170. color: {color:Bold};
  171. }
  172.  
  173.  
  174. .post img {
  175. display: inline-block;
  176. margin: 0 auto;
  177.  
  178. }
  179.  
  180. .post {
  181. text-align: justify;
  182. background-color: #f5f5f5;
  183. padding: 0px;
  184. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  185. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  186.  
  187. }
  188.  
  189. .notesandtags {
  190. padding: 5px;
  191. margin-bottom: 15px;
  192. margin-top: 5px;
  193. margin-left: -4px;
  194. {block:if500pxWidth}width:495px;{/block:if500pxWidth}
  195. {block:if400pxWidth}width:395px;{/block:if400pxWidth}
  196.  
  197. }
  198.  
  199. .tags {
  200. font-size: 7px;
  201. letter-spacing: 1px;
  202. text-transform: lowercase;
  203. float: right;
  204. text-align: justify;
  205. background-color: #;
  206. margin-top: -8px;
  207. {block:if500pxWidth}width:500px;{/block:if500pxWidth}
  208. {block:if400pxWidth}width:400px;{/block:if400pxWidth}
  209. padding: 5px;
  210. position: relative;
  211. left: 8px;
  212.  
  213. }
  214.  
  215. .tag {
  216. font-family: {font:Body};
  217. font-size: 6px;
  218. letter-spacing: 1px;
  219. color: {color:Text};
  220. text-transform: uppercase;
  221. font-weight: none;
  222.  
  223. margin-bottom: 80px;
  224. display: inline;
  225. margin-left: 0px;
  226. text-align: justify;
  227. }
  228.  
  229.  
  230. .time {
  231. font-family: {font:Body};
  232. font-size: 6px;
  233. letter-spacing: 1px;
  234. color: {color:Text};
  235. text-transform: uppercase;
  236. width: 384px;
  237. background-color: #f5f5f5;
  238. padding: 8px 8px 3px 8px;
  239. }
  240.  
  241. h3 {
  242. font-family: {font:Body};
  243. font-size: 10px;
  244. color: {color:Text};
  245. text-align: justify;
  246. letter-spacing: 0px;
  247. text-transform: lowercase;
  248. font-weight: bold;
  249. font-style: none;
  250.  
  251. }
  252.  
  253. .h3 a:link, .h3 a:visited, .h3 a:active{
  254. color: #000000;}
  255.  
  256. blockquote {
  257. font-family: {font:Body};
  258. font-size: 9px;
  259. color:{color:Text};
  260. letter-spacing: 0px;
  261. text-align: justify;
  262. text-transform: lowercase;
  263. font-weight: none;
  264. font-style: none;
  265. line-height: 120%;
  266. padding: 0px 0px 0px 5px;
  267. margin: 0px;
  268. border-left: 1px solid #000000;
  269. background-color: #;
  270. }
  271.  
  272. .quote {
  273. font-family: {font:Body};
  274. font-size: 9px;
  275. letter-spacing: 0px;
  276. color: {color:Text};
  277. text-transform: lowercase;
  278. font-weight: none;
  279. }
  280.  
  281. .source {
  282. margin-left: 25px;
  283. font-family: {font:Body};
  284. font-size: 8px;
  285. letter-spacing: 1px;
  286. color: #aaaaaa;
  287. text-transform: lowercase;
  288. font-weight: none;
  289. }
  290.  
  291. .link {
  292. font-family: {font:Body};
  293. font-size: 9px;
  294. letter-spacing: 0px;
  295. color: {color:Text};
  296. text-transform: uppercase;
  297. font-weight: bold;
  298. font-style: italic;
  299. }
  300.  
  301. .link:hover {
  302. color: #ffffff;
  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: 9px;
  439. color: {color:Text};
  440. font-weight: none;
  441. letter-spacing: 0px;
  442. padding-bottom: 5px;
  443. text-align: justify;
  444. }
  445.  
  446. .answer {
  447. font-size: 9px;
  448. color: {color:Text};
  449. text-align: justify;
  450. {block:if500pxWidth}width:495px;{/block:if500pxWidth}
  451. {block:if400pxWidth}width:395px;{/block:if400pxWidth}
  452. }
  453.  
  454. .ask {
  455.  
  456. background-color: #ffffff;
  457. {block:if500pxWidth}width:460px;{/block:if500pxWidth}
  458. {block:if400pxWidth}width:360px;{/block:if400pxWidth}
  459. padding: 20px;
  460.  
  461. }
  462.  
  463.  
  464. .date {
  465. margin-top: 80px;
  466. font-size: 6px;
  467. text-align: left;
  468. text-transform: uppercase;
  469. font-weight: bold;
  470. letter-spacing: 1px;
  471. font-style: none;
  472. padding-bottom: 5px;
  473. margin-bottom: 5px;
  474. }
  475.  
  476. {CustomCSS}
  477. </style>
  478.  
  479. <center><title>{Title}</title></center>
  480.  
  481. </head>
  482.  
  483.  
  484.  
  485. <body>
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492. <div style="position: relative; right: 5px; bottom:5px; position: fixed; color: #000; "><a href="http://haffalump.tumblr.com/">theme</a></div>
  493.  
  494. <div class="content">
  495.  
  496.  
  497. {block:Posts}
  498.  
  499.  
  500. {block:Text}
  501. <div class="post">
  502. <div class="date">
  503. <a href="{Permalink}">
  504. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  505. </a></div>
  506. {block:Title}
  507. <h3><a href="{Permalink}">{Title}</a></h3>
  508. {/block:Title}
  509. {Body}
  510. </div>
  511. {/block:Text}
  512.  
  513. {block:Photo}
  514. <div class="post">
  515. <div class="date">
  516. <a href="{Permalink}">
  517. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}</a>
  518. </a></div>
  519. {LinkOpenTag}
  520.  
  521. {block:if400pxWidth}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxWidth}
  522. {block:if500pxWidth}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:if500pxWidth}
  523.  
  524. {LinkCloseTag}
  525. {Caption}
  526. </div>
  527. {/block:Photo}
  528.  
  529. {block:Photoset}
  530. <div class="post">
  531. <div class="date">
  532. <a href="{Permalink}">
  533. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  534. </a></div>
  535. <center>{block:if400pxWidth}{Photoset-400}{/block:if400pxWidth}
  536. {block:if500pxWidth}{Photoset-500}{/block:if500pxWidth}</center>
  537. {Caption}
  538. {SourceURL}
  539. </div>
  540. {/block:Photoset}
  541.  
  542. {block:Quote}
  543. <div class="post">
  544. <div class="date">
  545. <a href="{Permalink}">
  546. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  547. </a></div>
  548. <span class="quote">"{Quote}"</span>
  549. {block:Source}
  550. <div class="source">– {Source}</div>
  551. {/block:Source}
  552. {SourceURL}
  553. </div>
  554. {/block:Quote}
  555.  
  556. {block:Link}
  557. <div class="post">
  558. <div class="date">
  559. <a href="{Permalink}">
  560. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  561. </a></div>
  562. <a href="{URL}" class="link" {Target}>{Name}</a>
  563. {block:Description}
  564. <div class="description">{Description}</div>
  565. {/block:Description}
  566. </div>
  567. {/block:Link}
  568.  
  569. {block:Chat}
  570. <div class="date">
  571. <a href="{Permalink}">
  572. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  573. </a></div>
  574. <div class="post">
  575. {block:Title}
  576. <h3><a href="{Permalink}">{Title}</a></h3>
  577. {/block:Title}
  578. <ul class="chat">
  579. {block:Lines}
  580. <li class="{Alt} user_{UserNumber}">
  581. {block:Label}
  582. <span class="label">{Label}</span>
  583. {/block:Label}
  584. {Line}
  585. </li>
  586. {/block:Lines}
  587. </ul>
  588. </div>
  589. {/block:Chat}
  590.  
  591. {block:Video}
  592. <div class="date">
  593. <a href="{Permalink}">
  594. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  595. </a></div>
  596. <div class="post">
  597. <center>{block:if400pxWidth}{Video-400}{/block:if400pxWidth}
  598. {block:if500pxWidth}{Video-500}{/block:if500pxWidth}</center>
  599. {block:Caption}
  600. {/block:Caption}
  601. </div>
  602. {/block:Video}
  603.  
  604.  
  605. {block:Audio}
  606. <div class="post">
  607. <div class="date">
  608. <a href="{Permalink}">
  609. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  610. </a></div>
  611. <div class="audio">
  612. {AudioPlayerBlack}
  613. </div>
  614. {Caption}
  615. </div>
  616. {block:ContentSource}
  617. {/block:ContentSource}
  618. {/block:Audio}
  619.  
  620. {block:Answer}
  621. <div class="date">
  622. <a href="{Permalink}">
  623. {block:Date}{TimeAgo}, {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  624. </a></div>
  625. <div class="ask">
  626. <div class="q">{Question}</div>
  627. <div class="asker">
  628. ASKED BY {Asker}</div></div>
  629. <center><div class="answer">{Answer}</div></center>
  630.  
  631. {/block:Answer}
  632.  
  633. <div class="notesandtags">
  634. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} </div>
  635. </div>
  636.  
  637.  
  638. {PostNotes}
  639.  
  640. {/block:Posts}
  641.  
  642. </div>
  643.  
  644.  
  645. <div style="width: 200px; height: 700px; position: fixed; left: 300px;top:0px; background-position: center center; background-color:#000000; background-position: top center; background-image: url({image:Background});">
  646.  
  647. </div>
  648.  
  649.  
  650.  
  651.  
  652. <div style=" position: fixed; left: 30px; top: 260px; ">
  653.  
  654.  
  655. <div style="background-color: #ffffff; padding: 40px 15px 0px 15px; position: fixed; left: 45px; top: 171px; width: 170px; "><center><div class="title">{Title}</div> </center></div>
  656.  
  657.  
  658. <div style="text-align: center;">
  659.  
  660.  
  661. <div class="sidebar">
  662.  
  663.  
  664.  
  665.  
  666.  
  667. <center><p align="center">
  668. <div style="font-size: 7px; ">
  669. <a href="/ask">ask</a>
  670. <a href="/">home</a>
  671. <a href="/archive">archive</a>
  672. <a href="{text:Link1 URL}">{text:Link1}</a>
  673. <a href="{text:Link2 URL}">{text:Link2}</a>
  674. <a href="{text:Link3 URL}">{text:Link3}</a>
  675. </div></center>
  676.  
  677. <center><div style="font-size: 7px; color: #000; width: 150px;"><div id=”navcontainer”>
  678. {block:HasPages}
  679. {block:Pages}
  680.  
  681. <a href={URL}>{Label}</a> -
  682.  
  683. {/block:Pages}
  684. {/block:HasPages}</div></div></center>
  685.  
  686.  
  687.  
  688. {block:Description}<p><div class="sidebartransition">{Description}</div>{/block:Description}
  689.  
  690. <center><div style=" width: 60px; background-color: #ffffff; color: #000000; padding: 0 0 10 0px; height: 20px; font-size: 7px; text-transform: uppercase; margin-top: 20px; font-weight: bold; ">
  691. <p align="center">
  692.  
  693. {block:Pagination}
  694. {block:PreviousPage}
  695. <a href="{PreviousPage}">«</a>
  696. {/block:PreviousPage}
  697.  
  698. {block:JumpPagination length="4"}
  699. {block:CurrentPage}
  700. <span class="current_page">{PageNumber}</span>
  701. {/block:CurrentPage}
  702.  
  703. {block:JumpPage}
  704. <a class="jump_page" href="{URL}">{PageNumber}</a>
  705. {/block:JumpPage}
  706. {/block:JumpPagination}
  707.  
  708. {block:NextPage}
  709. <a href="{NextPage}">»</a>
  710. {/block:NextPage}
  711. {/block:Pagination}
  712.  
  713. </div> </center>
  714.  
  715. </div>
  716.  
  717.  
  718.  
  719. </div>
  720. </div>
  721. </div>
  722.  
  723.  
  724.  
  725. </div>
  726.  
  727. </body>
  728. </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!