API tools faq
paste
sluthowell

Theme 09

sluthowell
Aug 17th, 2014
266
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.44 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.  
  5.  
  6. Theme 09; Made by pctewentz
  7. pctewentz.tumblr.com
  8. http://www.themesbysarai.tumblr.com
  9. dont move/remove credit
  10.  
  11.  
  12. ---------------------------------------------------------------------->
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16.  
  17. <head>
  18. {block:ifInfiniteScrolling}
  19. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){
  25. $(document).ready(function(){
  26. $("a[title]").style_my_tooltips({
  27. tip_follows_cursor:true,
  28. tip_delay_time:90,
  29. tip_fade_speed:600,
  30. attribute:"title"
  31. });
  32. });
  33. })(jQuery);
  34. </script>
  35.  
  36. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  37. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  38. <script type="text/javascript" charset="utf-8">
  39. var $j = jQuery.noConflict();
  40. $j(function() {
  41. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  42. $j("img").lazyload({
  43. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  44. effect: "fadeIn",
  45. });
  46. });
  47. </script>
  48.  
  49.  
  50. <title>{Title}</title>
  51.  
  52. {block:Description}<meta name="description" content="{MetaDescription}"/>
  53. {/block:Description}
  54. <link rel="shortcut icon" href="{Favicon}" />
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  56.  
  57. <meta name="color:bg" content="#ffffff">
  58. <meta name="color:link" content="#bbb8b8">
  59. <meta name="color:text" content="#9a9a9a">
  60. <meta name="color:tags" content="#b9b7b7">
  61. <meta name="color:ask" content="#fcfcfc">
  62. <meta name="color:hover" content="#eeeeee">
  63. <meta name="color:border" content="#e7e7e7">
  64. <meta name="color:scrollbar" content="#d6d5d5">
  65.  
  66. <meta name="color:title background" content="#000000">
  67. <meta name="color:links background" content="#f7f7f7">
  68.  
  69. <meta name="color:border" content="#000000">
  70. <meta name="color:posts info" content="#b0afaf">
  71.  
  72. <meta name="text:title" content="">
  73. <meta name="text:link 1" content="">
  74. <meta name="text:link 1 url" content="/">
  75. <meta name="text:link 2" content="">
  76. <meta name="text:link 2 url" content="/">
  77. <meta name="text:link 3" content="">
  78. <meta name="text:link 3 url" content="/">
  79. <meta name="text:link 4" content="">
  80. <meta name="text:link 4 url" content="/">
  81.  
  82. <meta name="if:Cursor" content="1">
  83. <meta name="if:Caption" content="1">
  84. <meta name="if:Custom Title" content="1">
  85. <meta name="if:infinite Scrolling" content="0">
  86.  
  87. <style type="text/css">
  88.  
  89. /*-- Text Selection --*/
  90. ::-moz-selection {color:#000;background:#fff;}
  91. ::selection {color:#000;background:#fff;}
  92. ::-webkit-selection {color:#000;background:#fff;}
  93.  
  94. /*-- Buttons --*/
  95. iframe#tumblr_controls {
  96. position:fixed;-webkit-filter:invert(100%);opacity:0.8;
  97. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  98. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  99.  
  100.  
  101. /*-- Scrollbar --*/
  102. ::-webkit-scrollbar{height: 5px;width: 5px;background-color:#fff}
  103. ::-webkit-scrollbar-thumb{background-color:#fff;}
  104. ::-webkit-scrollbar-track{background-color:{color:scrollbar};}
  105.  
  106. /*--body--*/
  107. body {
  108. font-style:none;
  109. background-color:{color:bg};
  110. font-family:calibri;
  111. color:{color:text};
  112. font-size:9px;
  113. }
  114.  
  115.  
  116. a {
  117. color:{color:link};
  118. text-decoration:none;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;
  121. transition: all 0.5s ease-out;
  122. }
  123.  
  124. a:hover {
  125. color:{color:hover};
  126. text-decoration:none;
  127. -webkit-transition: all 0.8s ease-out;
  128. -moz-transition: all 0.8s ease-out;
  129. transition: all 0.8s ease-out;
  130. }
  131.  
  132. img {
  133. border:none;
  134. }
  135.  
  136. blockquote {
  137. margin-left:5px; width:93%; padding-top:1px; word-wrap:break-word; border-left:3px solid {color:border};
  138. background:rgba(0,0,0,.01);
  139. padding-left:12px; padding:6px;
  140. }
  141.  
  142. .caption{
  143. text-align:center;
  144. }
  145.  
  146. .audcaption{
  147. text-align:center;
  148. margin-top:140px;
  149. }
  150.  
  151. li, ol, ul{
  152. list-style:circle;
  153. }
  154.  
  155. pre {
  156. width:95%;
  157. white-space:pre-wrap;
  158. word-wrap:break-word;
  159. background:#f4f4f4;
  160. padding:6px;
  161. }
  162.  
  163. .source{
  164. font-size:11px;
  165. max-width:400px;
  166. margin-top:-7px;
  167. margin-left:96px;
  168. text-align:right;
  169. letter-spacing:3px;
  170. z-index:99999;
  171. line-height:130%;
  172. }
  173.  
  174. h1 {
  175. font-size:17px;
  176. font-family:arial;
  177. font-style:italic;
  178. font-weight:bold;
  179. line-height:15px;
  180. text-align:center;
  181. }
  182.  
  183. /*-- Cursor Code --*/
  184.  
  185. {block:ifCursor}
  186.  
  187. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  188.  
  189. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  190.  
  191.  
  192. {/block:ifCursor}
  193.  
  194. /*-- Sidebar --*/
  195. #con{
  196. margin-left:350px;
  197. width:500px;
  198. }
  199.  
  200. #title{
  201. padding:20px;
  202. background:{color:title background};
  203. font-weight:400;
  204. text-transform:uppercase;
  205. color:#fff;
  206. font-size:20px;
  207. letter-spacing:3px;
  208. width:460px;
  209. }
  210.  
  211. #sidebar {
  212. padding-bottom:10px;
  213. margin-top:60px;
  214. z-index:999;
  215. margin-left:2px;
  216. background:rgba(255,255,255,.9);
  217. }
  218.  
  219. /*-- Links --*/
  220. #links {
  221. margin-top:5px;
  222. font-family:'calibri';
  223. text-transform:uppercase;
  224. text-align:left;
  225. }
  226.  
  227. #links a {
  228. padding:5px 10px;
  229. font-size:9px;
  230. background:{color:links background};
  231. color:#999;
  232. letter-spacing:1.5px;
  233. display:inline-block;
  234. margin-right:4px;
  235. }
  236.  
  237. #links a:hover {
  238. color:{color:hover};
  239. }
  240.  
  241.  
  242. /*-- Description --*/
  243. #description {
  244. margin-top:5px;
  245. margin-left:10px;
  246. width:480px;
  247. font-family:'calibri';
  248. font-size:9px;
  249. letter-spacing:2px;
  250. text-align:center;
  251. }
  252.  
  253. /*-- Pagination --*/
  254. #pagination {
  255. margin-top:10px;margin-left:1px;
  256. font-style:italic;text-align:center;
  257. font-size:9px;font-family:calibri;
  258. color:#bbb8b8;background:#f5f4f4;
  259. width:480px;height:11px;
  260. padding:13px 16px 13px 16px;
  261. {block:ifInfiniteScrolling}display:none;{/block:ifInfiniteScrolling}
  262. }
  263.  
  264. #pagination a{
  265. color:#fff;background:#646565;
  266. padding:7px;padding-left:13px;padding-right:13px;
  267. letter-spacing:2px;
  268. -webkit-border-radius: 1px;
  269. -moz-border-radius: 1px;
  270. border-radius: 1px;
  271. }
  272. .prev{float:left;}
  273. .next{float:right;}
  274.  
  275. #pagination a:hover {
  276. color:#eeeeee;background:#fff;
  277. }
  278.  
  279. /*-- Posts --*/
  280.  
  281. #posts {
  282. width:500px;
  283. margin-bottom:100px;
  284. padding:1px;
  285. font-size:11px;
  286. color:{color:text};
  287. line-height:105%;
  288. text-align:justify;
  289. }
  290.  
  291. #postscontainer {
  292. margin-bottom:20px;
  293. padding:1px;
  294. margin-top:55px;
  295. position:absolute;
  296. }
  297.  
  298. /*-- Posts Info --*/
  299. .info {
  300. text-transform:uppercase;
  301. font-style:normal;
  302. letter-spacing:1px;
  303. line-height:140%;
  304. font-size:10px;
  305. margin-top:16px;
  306. text-align:left;
  307. font-weight:bold;
  308. padding: 3px; padding-top: 8px;
  309. border-top:1px solid {color:border};
  310. {block:permalinkpage}display:none;{/block:permalinkpage}
  311. -moz-transition-duration:0.5s;
  312. -webkit-transition-duration:0.5s;
  313. -o-transition-duration:0.5s;
  314. }
  315.  
  316. .info a{
  317. color: {color:posts info};
  318. margin-right:10px;
  319. }
  320.  
  321. .info a:hover {
  322. color:{color:hover};
  323. -moz-transition-duration:0.5s;
  324. -webkit-transition-duration:0.5s;
  325. -o-transition-duration:0.5s;
  326. }
  327.  
  328. /*-- Reblog/Like --*/
  329. .likereblog{float:right;;margin-top:-2px; position:absolute; margin-left:480px;}
  330. .like{ opacity:.9; margin-left:-10px;}
  331. .reblog{margin-top:-22px; margin-left:-40px;}
  332.  
  333.  
  334. /*-- Asks --*/
  335. .que {
  336. padding:10px;
  337. text-align:center;
  338. font-style:normal;
  339. text-transform:uppercase;
  340. font-size: 10px;
  341. line-height: 150%;
  342. letter-spacing:1.5px;
  343. width: 479px;
  344. background:#fafafa;
  345. color:{color:ask text};
  346. border:1px solid {color:border};
  347. }
  348.  
  349. .ans {
  350. text-align:center;
  351. padding: 10px;
  352. line-height: 12px;
  353. letter-spacing:1.5px;
  354. font-size: 10px;
  355. width: 479px;
  356. color:{color:ask text};
  357. margin-top:-12px;text-transform:uppercase;
  358. border:1px solid {color:border};
  359. }
  360.  
  361. /*-- Posts Notes --*/
  362. ol.notes {
  363. list-style-type: circle;
  364. width:500px;text-align: left;
  365. line-height:25px;
  366. padding:5px;margin: 25px 0px;
  367. margin-left:40px;
  368. }
  369.  
  370. .notes li {
  371. padding:5px;background:#fff;text-align:left;
  372. letter-spacing: 2px;
  373. }
  374.  
  375. .notes img {
  376. display:none;
  377. padding:3px;
  378. }
  379.  
  380. ol.notes li.note span.action {
  381. font-weight: lighter;
  382. }
  383.  
  384. ol.notes li.note .answer_content {
  385. font-weight: lighter;
  386. }
  387.  
  388. ol.notes li.note blockquote {
  389. border-color: #eee;
  390. padding: 4px 10px;
  391. margin: 10px 0px 0px 25px;
  392. }
  393.  
  394. ol.notes li.note blockquote a {
  395. text-decoration: none;
  396. }
  397.  
  398. #s-m-t-tooltip {
  399. max-width: 300px;
  400. text-align: center;
  401. position: absolute;
  402. margin-left:10px;
  403. line-height:10px;
  404. z-index: 1000;
  405. background: #fff;
  406. font-size: 11px;
  407. padding:8px 8px 8px 8px;
  408. letter-spacing:2px;
  409. text-transform:lowercase;
  410. font-style:italic;
  411. border-radius: 2px;
  412. color:#aaa;border:1px solid #eee;
  413. z-index:999999999999999999999999999999999999;
  414. }
  415.  
  416. .quote{
  417. padding-bottom:5px;
  418. }
  419.  
  420. /*-- Audio Posts --*/
  421. .audiopost {
  422. background:#fafafa;
  423. margin-top:-3px;
  424. min-height:158px;
  425. min-height:189px;
  426. }
  427.  
  428. .audioimage {
  429. width:70px;
  430. height:70px;
  431. position:absolute;
  432. margin-top:-5px;
  433. padding-bottom:4px;
  434. margin:10px;
  435. }
  436.  
  437. .audioimage img {
  438. width:150px;
  439. height:150px;
  440. margin-left:15px;
  441. float:left;
  442. border:10px solid #ffffff;
  443. }
  444.  
  445. .audioinfo {
  446. margin-left:200px;
  447. margin-top:35px;
  448. height:50px;
  449. position:absolute;
  450. font-size:8px;
  451. line-height:10px;
  452. font-weight:bold;
  453. font-family:arial;
  454. text-transform:uppercase;
  455. letter-spacing:1px;
  456. width:260px;
  457. text-align:center;}
  458.  
  459. .audioinfo h1 {font-size:15px;font-weight:bold;padding:5px;letter-spacing:2px;margin-left:0px;}
  460. .audioinfo h2 {font-size:13px;font-weight:normal;padding:3px;margin-top:5px;}
  461. .audioinfo h3 {font-size:10px;font-weight:lighter;padding:3px;}
  462. .audioinfo h4 {font-size:9px;font-weight:lighter;padding:3px;letter-spacing:2px;}
  463. .audioinfo h1, .audioinfo h2, .audioinfo h3, .audioinfo h4 {display:block;background:none;color:#000;
  464. width:260px;
  465. }
  466.  
  467. #player {
  468. margin-top:70px;
  469. margin-left:80px;
  470. width:60px;
  471. height:60px;
  472. z-index:3;
  473. position:absolute;
  474. background:white;
  475. opacity:.5;
  476. -webkit-border-radius: 100px;border-radius: 100px;
  477. -webkit-transition:all 0.6s ease-out;
  478. -moz-transition:all 0.6s ease-out;
  479. transition:all 0.6s ease-out; }
  480.  
  481. .audiopost:hover #player {
  482. opacity:1;
  483. -webkit-transition:all 0.6s ease-out;
  484. -moz-transition:all 0.6s ease-out;
  485. transition:all 0.6s ease-out;}
  486.  
  487. .player {
  488. width:30px;
  489. height:20px;
  490. margin-top:16px;
  491. margin-left:16px;
  492. overflow:hidden;
  493. background:#000;
  494. }
  495.  
  496. /*-- Permalink Page Info --*/
  497. .perma{
  498. margin-top:10px;
  499. width:500px;
  500. text-align:center;
  501. font-size:12px;
  502. letter-spacing:2px;
  503. line-height:14px;
  504. padding-top:10px;
  505. border-top:1px solid {color:border};
  506. }
  507. .perma a{
  508. margin-right:10px;
  509. }
  510.  
  511. /*-- Cool kids don't remove credit --*/
  512. #credit {padding: 2px; color:#000; position:fixed; bottom:5px; right:0px; font-size:10px; letter-spacing:1px; font-family:arial; }
  513. #credit a {color: #000; padding: 5px;}
  514. #credit a:hover{ background: black; color: white;}
  515.  
  516. {CustomCSS}
  517.  
  518. </style></head>
  519.  
  520.  
  521. <body>
  522.  
  523. <div id="con">
  524. <div id="sidebar">
  525. {block:ifCustomTitle}<div id="title">{text:title}</div>{/block:ifCustomTitle}
  526. {block:ifnotCustomTitle}<div id="title">{title}</div>{/block:ifnotCustomTitle}
  527. <div id="links">
  528. <a href="{text:link 1 url}">{text:link 1}</a>
  529. <a href="{text:link 2 url}">{text:link 2}</a>
  530. <a href="{text:link 3 url}">{text:link 3}</a>
  531. <a href="{text:link 4 url}">{text:link 4}</a>
  532. </div>
  533.  
  534. <div id="description">{description}</div>
  535. </div>
  536.  
  537. <div id="postscontainer">
  538. {block:ifInfiniteScrolling}
  539. <Div class = "autopagerize_page_element">{/block:ifInfiniteScrolling}
  540.  
  541. {block:Posts}
  542. <div id="posts">
  543.  
  544. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  545.  
  546. {block:Photo}{block:indexpage}
  547. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  548. {block:ifCaption}
  549. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  550. {/block:ifCaption}{/block:indexpage}
  551. {block:permalinkpage}
  552. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>
  553. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  554. {/block:permalinkpage}
  555. {/block:Photo}
  556.  
  557. {block:Photoset}{block:indexpage}{Photoset-500}
  558. {block:ifCaption}
  559. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  560. {/block:ifCaption}{/block:indexpage}
  561. {block:permalinkpage}{Photoset-500}
  562. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  563. {/block:permalinkpage}
  564. {/block:Photoset}
  565.  
  566. {block:Video}{block:indexpage}{Video-500}
  567. {block:ifCaption}
  568. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  569. {/block:ifCaption}{/block:indexpage}
  570. {block:permalinkpage}{Video-500}
  571. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  572. {/block:permalinkpage}
  573. {/block:Video}
  574.  
  575. {block:Quote}<h1>❝ {Quote} ❞</h1>{block:Source}<div class="source">— {Source}</div>{/block:Source}{/block:Quote}
  576.  
  577. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  578.  
  579. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  580.  
  581. {block:Audio}
  582. <div class="audiopost">
  583. <div id="player"><div class="player">{AudioPlayerWhite}</div></div>
  584. <div class="audioimage"><img src="https://31.media.tumblr.com/819856548621e4a24a48e61458447c5d/tumblr_mzf490f3gD1stwwfvo1_250.png"></div>{block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  585. <div class="audioinfo">
  586. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  587. {block:Artist}<h2>{Artist}</h2>{/block:Artist}
  588. {block:Album}<h3>{Album}</h3>{/block:Album}
  589. {block:Playcount}<h4>{Playcount} plays</h4>{/block:Playcount}</div>
  590. <br><p> <br><p>
  591. {block:ifCaption}{block:Caption}<div class="audcaption">{Caption}</div>{/block:Caption}{/block:ifCaption}
  592. </div>
  593. {/block:Audio}
  594.  
  595. {block:Answer}<div class="que">
  596. <b>{Asker} said:</b> {Question}</div>
  597. <br>
  598. <div class="ans">{Answer}</div>{/block:answer}
  599.  
  600. {block:permalinkpage}
  601. <div class="perma">
  602. {block:Date}
  603. <big>{DayOfWeek} {Month} {DayOfMonth}, {Year} ({TimeAgo})</big>
  604. {/block:Date}
  605. <br>
  606. Has {NoteCount} notes
  607. <br>
  608. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}
  609. {block:ContentSource}<a href="{SourceURL}"> <a title="{SourceTitle}" href="{SourceURL}">Source</a>{/block:ContentSource}
  610. <p></p>
  611. {block:HasTags}Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  612. </div>
  613. {/block:permalinkpage}
  614.  
  615.  
  616. <div class="info">
  617. <div class="likereblog">
  618. <div class="like">{LikeButton}</div>
  619. <div class="reblog">{ReblogButton}</div>
  620. </div>
  621. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  622.  
  623. <a href="{Permalink}">({NoteCount})</a>
  624.  
  625. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  626. {/block:Posts}
  627.  
  628. {block:Pagination}
  629. <div id="pagination">
  630. {block:PreviousPage}<div class="prev"><a href="{PreviousPage}">prev.</a></div>{/block:PreviousPage}
  631. {block:NextPage}<div class="next"><a href="{NextPage}">next.</a></div>{/block:NextPage}
  632. </div>{/block:Pagination}
  633. {block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  634.  
  635. {block:PostNotes}<ol class="notes">{PostNotes}</div>{/block:PostNotes}
  636. {/block:Posts}</div></div></div>
  637.  
  638. <div id="credit"><a href="http://pctewentz.tumblr.com/"><b>P</b></a></center></div>
  639.  
  640. </body>
  641. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!