Advertisement
haffalump

haffalump theme ten

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