API tools faq
paste
sluthowell

Theme 05

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