API tools faq
paste
sluthowell

Theme 04

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