API tools faq
paste
TheSpecs

Untitled

TheSpecs
Sep 1st, 2012
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.51 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <!-------------------------------
  14. Theme Coffee by villenoire, 2011.
  15. http://villenoire.tumblr.com/
  16. -------------------------------->
  17. <meta name="font:Body" content="Georgia, Times New Roman, sans-serif"/>
  18. <meta name="font:Title" content="Georgia, Times New Roman, sans-serif"/>
  19.  
  20. <meta name="color:Text" content="#353535">
  21. <meta name="color:Links" content="#8C7A94">
  22. <meta name="color:Hover" content="#F7E7FF">
  23. <meta name="color:Background" content="#FFFFFF">
  24.  
  25. <meta name="image:Background" content=""/>
  26.  
  27. <meta name="text:font size" content="9px"/>
  28. <meta name="text:title font size" content="30px"/>
  29. <meta name="text:line height" content="10px"/>
  30. <meta name="text:Next Pagination" content="Next"/>
  31. <meta name="text:Previous Pagination" content="Previous"/>
  32. <meta name="text:Tumblr Username" content=""/>
  33. <meta name="text:Ask Title" content="Ask" />
  34.  
  35. <meta name="if:Click for Links" content="0" />
  36. <meta name="if:Header Centered" content="1" />
  37. <meta name="if:Header Right" content="0" />
  38. <meta name="if:Header Left" content="0" />
  39. <meta name="if:Links Uppercase" content="0" />
  40. <meta name="if:Links Lowercase" content="1" />
  41. <meta name="if:Dotted Header" content="0" />
  42. <meta name="if:Post Shadow" content="0" />
  43. <meta name="if:Infinite Scrolling" content="1"/>
  44. <meta name="if:HighRes Images" content="1"/>
  45.  
  46. <meta name="text:Link One" content="" />
  47. <meta name="text:Link One Title" content="" />
  48. <meta name="text:Link Two" content="" />
  49. <meta name="text:Link Two Title" content="" />
  50. <meta name="text:Link Three" content="" />
  51. <meta name="text:Link Three Title" content="" />
  52. <meta name="text:Link Four" content="" />
  53. <meta name="text:link Four Title" content="" />
  54. <meta name="text:link Five" content="" />
  55. <meta name="text:link Five Title" content="" />
  56. <meta name="text:link Six" content="" />
  57. <meta name="text:link Six Title" content="" />
  58. <meta name="text:link Seven" content="" />
  59. <meta name="text:link Seven Title" content="" />
  60. <meta name="text:link Eight" content="" />
  61. <meta name="text:link Eight Title" content="" />
  62.  
  63. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  64. {block:IndexPage}
  65. {block:IfInfiniteScrolling}
  66. <script type="text/javascript" src="http://static.tumblr.com/1s4z8hu/mYolo412c/jquery.infinitescroll.min.js"></script>
  67. {/block:IfInfiniteScrolling}
  68. {/block:IndexPage}
  69.  
  70.  
  71. {block:ifclickforlinks}
  72. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  73. <script type="text/javascript">
  74. jQuery(document).ready(function() {
  75. jQuery(".descrip").hide();
  76. //toggle the componenet with class msg_body
  77. jQuery(".blogtitle").click(function()
  78. {
  79. jQuery(this).next(".descrip").slideToggle(500);
  80. });});
  81. </script>
  82. {/block:ifclickforlinks}
  83.  
  84.  
  85. <script type="text/javascript" >
  86. $(window).load(function(){
  87.  
  88. $('#posts').infinitescroll({
  89. navSelector : '#footer', // selector for the paged navigation
  90. nextSelector : '#footer a:first-child', // selector for the NEXT link (to page 2)
  91. contentSelector : "#posts",
  92. itemSelector : '.post', // selector for all items you'll retrieve
  93. loadingImg : 'http://dl.dropbox.com/u/10308294/vq/box.gif',
  94. loadingText : "wait for it...",
  95. donetext : "fin.",
  96. bufferPx : 2000,
  97. debug: false,
  98. errorCallback: function() { $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal'); }
  99. },
  100.  
  101. function( newElements ) { setTimeout(function() {
  102.  
  103. /* repair audio players*/
  104. $('.audio').each(function(){
  105. var audioID = $(this).attr("id");
  106. var $audioPost = $(this);
  107. $.ajax({
  108. url: 'http://{text:Tumblr Username}.tumblr.com/api/read/json?id=' + audioID,
  109. dataType: 'jsonp',
  110. timeout: 50000,
  111. success: function(data){
  112. $audioPost.append('\x3cdiv style=\x22background-color:white;height:30px\x22 class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'] +'\x3c/div\x3e');
  113. }
  114. });
  115. });
  116.  
  117. }, 2000);}
  118. );
  119.  
  120. });
  121. </script>
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126. body{
  127. background:{color:Background} url('{image:background}') fixed;
  128. font-family: {font:Body};
  129. font-size:14px;
  130. line-height:27px;
  131. letter-spacing:2px;
  132. text-align:justify;
  133. margin:0px;
  134. padding:0px;
  135. color:{color:text};
  136. }
  137.  
  138. #infscr-loading {
  139. z-index: 5000;
  140. position: fixed;
  141. left: 45%;
  142. bottom: 150px;
  143. height: 40px;
  144. font-size:11px;
  145. letter-spacing:2px;
  146. line-height:14px;
  147. padding: 10px;
  148. background: #fff;
  149. opacity: 0.8;
  150. color: #000;
  151. -moz-border-radius: 5px;
  152. -webkit-border-radius: 5px;
  153. border-radius: 5px;
  154. }
  155.  
  156.  
  157. .clear{
  158. clear:both;
  159. }
  160.  
  161. a:link, a:visited{
  162. color:{color:links};
  163. text-decoration:none;
  164. }
  165.  
  166.  
  167. a:hover{
  168. color:{color:hover};
  169. text-decoration:none;
  170. }
  171.  
  172. #wrapper {
  173. width:700px;
  174. margin:0px auto;
  175. padding-top:20px;
  176. border:0px solid #000;
  177. }
  178.  
  179. .blogtitle {
  180. font-size:{text:title font size};
  181. font-weight:normal;
  182. font-family:{font:title};
  183. text-transform:uppercase;
  184. margin-bottom:0px;
  185. {block:ifheadercentered}
  186. text-align:center;
  187. {/block:ifheadercentered}
  188. {block:ifheaderright}
  189. text-align:right;
  190. {/block:ifheaderright}
  191. {block:ifheaderleft}
  192. text-align:left;
  193. {/block:ifheaderleft}
  194. {block:ifclickforlinks}cursor:help;{/block:ifclickforlinks}
  195. letter-spacing:2px;
  196. font-weight:bold;
  197. }
  198.  
  199. h3 {
  200. line-height:10px;
  201. font-size:12px;
  202. font-weight:normal;
  203. font-family:arial;
  204. text-transform:uppercase;
  205. margin-bottom:-8px;
  206. margin-top:2px;
  207. }
  208.  
  209. .drop {
  210. background:{color:Background};
  211. position:fixed;
  212. top:0px;
  213. padding:10px 0px;
  214. width:700px;
  215. z-index:9999;
  216. {block:ifdottedheader}
  217. border:1px dotted black;
  218. {/block:ifdottedheader}
  219. }
  220.  
  221. .links {
  222. font-size:{text:body font size};
  223. font-weight:normal;
  224. font-family:{font:body};
  225. margin-top:15px;
  226. margin-bottom:5px;
  227. {block:ifheadercentered}
  228. text-align:center;
  229. {/block:ifheadercentered}
  230. {block:ifheaderright}
  231. text-align:right;
  232. {/block:ifheaderright}
  233. {block:ifheaderleft}
  234. text-align:left;
  235. {/block:ifheaderleft}
  236. {block:iflinksuppercase}
  237. text-transform:uppercase;
  238. {/block:iflinksuppercase}
  239. {block:iflinkslowercase}
  240. text-transform:lowercase;
  241. {/block:iflinkslowercase}
  242. }
  243.  
  244. .chat {
  245. padding-top:0px;
  246. }
  247.  
  248. .descrip {
  249. font-size:{text:body font size};
  250. font-weight:normal;
  251. font-family:{font:body};
  252. margin-top:-10px;
  253. {block:ifheadercentered}
  254. text-align:center;
  255. {/block:ifheadercentered}
  256. {block:ifheaderright}
  257. text-align:right;
  258. {/block:ifheaderright}
  259. {block:ifheaderleft}
  260. text-align:left;
  261. {/block:ifheaderleft}
  262. font-style:italic;
  263. padding-top:2px;
  264. margin-bottom:10px;
  265. letter-spacing:1px;
  266. line-height:12px;
  267. }
  268.  
  269. #posts{
  270. margin-top:30px;
  271. background:{color:Background};
  272. }
  273.  
  274. .post{
  275. margin:25px 0px;
  276. background:{color:Background};
  277. {block:ifPostShadow}
  278. box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1),
  279. 0px 0px 10px rgba(100, 100, 100, 0)
  280. inset;
  281. {/block:ifPostShadow}
  282. }
  283.  
  284. .permalink_l{
  285. position:absolute;
  286. width:700px;
  287. opacity:0;
  288. line-height:12px;
  289. padding:5px;
  290. margin:0px;
  291. font-size:10px;
  292. }
  293.  
  294. .post:hover .permalink_l{
  295. opacity:1;
  296. }
  297.  
  298. .text{
  299. font-size:14px;
  300. line-height:27px;
  301. letter-spacing:2px;
  302. text-align:justify;
  303. }
  304.  
  305. .text p{
  306. margin-bottom:0px;
  307. padding-bottom:0px;
  308. }
  309.  
  310. .text h3{
  311. margin-bottom:0px;
  312. padding-bottom:0px;
  313. font-weight:400;
  314. font-size:16px;
  315. }
  316.  
  317.  
  318. .text img{
  319. border:0px !important;
  320. max-width:700px;
  321. height:auto;
  322. }
  323.  
  324. .photo img{
  325. width:700px;
  326. height:auto;
  327. }
  328.  
  329. .quote{
  330. text-align:justify;
  331. }
  332.  
  333. .link p{
  334. margin-bottom:0px;
  335. padding-bottom:0px;
  336. }
  337.  
  338. .quote p{
  339. margin-bottom:0px;
  340. padding-bottom:0px;
  341. }
  342.  
  343. .q-source{
  344. text-align:right;
  345. letter-spacing:1px;
  346. font-style:italic;
  347. font-size:10px;
  348. }
  349.  
  350. .chat ul, .chat ul li{
  351. list-style:none;
  352. margin:0px;
  353. padding:0px;
  354. }
  355.  
  356. .chat .label{
  357. font-weight:bold;
  358. font-style:italic;
  359. }
  360.  
  361. .video embed, .video object, .video iframe{
  362. width:700px !important;
  363. height:400px !important;
  364. }
  365.  
  366. .player{
  367. text-align:justify;
  368. }
  369. .audio {
  370. height:30px;
  371. overflow-y: hidden;
  372. line-height:1px !important;
  373. }
  374. .audio span {
  375. background:{color:PostsBackground};
  376. font-size:1px;
  377. }
  378. .audio span a{
  379. background:{color:PostsBackground};
  380. font-size:1px;
  381. }
  382.  
  383. .artist{
  384. text-transform:lowercase;
  385. padding:0px;
  386. }
  387.  
  388. .question p{
  389. margin-bottom:0px;
  390. padding-bottom:0px;
  391. }
  392.  
  393. .prev{
  394. float:left;
  395. }
  396. .next{
  397. float:right;
  398. }
  399.  
  400. .source{
  401. display:none;
  402. }
  403.  
  404. {CustomCSS}
  405. </style>
  406. </head>
  407. <body>
  408.  
  409. <div id="wrapper">
  410.  
  411. <div class="drop">
  412. <div class="blogtitle">{Title}</div>
  413. <div class="descrip">
  414. <div class="links">
  415. <a href="/">home</a>&nbsp;&nbsp;&nbsp;&nbsp;
  416. {block:AskEnabled}
  417. <a href="/ask">
  418. {block:ifasktitle}{text:Ask Title}&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifasktitle}
  419. {block:ifnotasktitle}{AskLabel}&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifnotasktitle}
  420. </a>
  421. {/block:AskEnabled}
  422. {block:ifshowarchive}
  423. <a href="/archive">archive</a>&nbsp;&nbsp;
  424. {/block:ifshowarchive}
  425. {block:ifshowrss}
  426. <a href="{RSS}">rss</a>&nbsp;&nbsp;
  427. {/block:ifshowrss}
  428.  
  429. {block:HasPages}{block:Pages}
  430. <a href="{URL}">{Label}</a>&nbsp;&nbsp;
  431. {/block:Pages}{/block:HasPages}
  432. {block:ifLinkOneTitle}
  433. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
  434. {/block:ifLinkOneTitle}
  435.  
  436. {block:ifLinkTwoTitle}
  437. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;
  438. {/block:ifLinkTwoTitle}
  439.  
  440. {block:ifLinkThreeTitle}
  441. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;
  442. {/block:ifLinkThreeTitle}
  443.  
  444. {block:ifLinkFourTitle}
  445. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;
  446. {/block:ifLinkFourTitle}
  447.  
  448. {block:ifLinkFiveTitle}
  449. <a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;</a>
  450. {/block:ifLinkFiveTitle}
  451.  
  452. {block:ifLinkSixTitle}
  453. <a href="{text:Link Six}" class="link">{text:Link Six Title}&nbsp;&nbsp;</a>
  454. {/block:ifLinkSixTitle}
  455.  
  456. {block:Pages}
  457. <a href="{URL}" title="{Label}">{Label}</a>&nbsp;&nbsp;&nbsp;
  458. {/block:Pages}
  459.  
  460. <a href="http://villenoire.tumblr.com/">theme</a>
  461.  
  462. </div>{block:description}{description}{/block:description}</div></div>
  463.  
  464. <div style="bottom:2px; right:2px; position:fixed; opacity:0.8; text-style:italic; color:{color:Text}; "><a href="http://villenoire.tumblr.com">&copy</a></div>
  465.  
  466. <div id="posts">
  467. {block:Posts}
  468. {block:Text}
  469. <div class="post text">
  470. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  471. {Body}
  472. {block:IndexPage}
  473. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  474. {/block:IndexPage}
  475. </div>
  476. {/block:Text}
  477.  
  478. {block:Photo}
  479. <div class="post photo">
  480. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  481. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  482. {block:IfHighResImages}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0"/>{/block:IfHighResImages}
  483.  
  484. {block:IfNotHighResImages}<img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0"/>{block:IndexPage}</a>{/block:IndexPage}
  485. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{/block:IfNotHighResImages}
  486. {block:PermalinkPage}{block:Caption}
  487. <div class="caption">{Caption}</div>
  488. {/block:Caption}{/block:PermalinkPage}
  489. {block:IndexPage}
  490. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  491. {/block:IndexPage}
  492. </div>
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. <div class="post photoset">
  497. {Photoset-500}
  498.  
  499. {block:PermalinkPage}{block:Caption}
  500. <div class="caption">{Caption}</div>
  501. {/block:Caption}{/block:PermalinkPage}
  502. {block:IndexPage}
  503. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  504. {/block:IndexPage}
  505. </div>
  506. {/block:Photoset}
  507.  
  508. {block:Quote}
  509. <div class="post quote">
  510. <p>&ldquo;{Quote}&rdquo;</p>
  511. {block:Source}<div class="q-source">&mdash; {Source}</div>{/block:Source}
  512. {block:IndexPage}
  513. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  514. {/block:IndexPage}
  515. </div>
  516. {/block:Quote}
  517.  
  518. {block:Link}
  519. <div class="post link">
  520. <a href="{URL}" class="link" {Target}>{Name}</a>
  521. {block:Description}
  522. <div class="description">{Description}</div>
  523. {/block:Description}
  524. {block:IndexPage}
  525. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  526. {/block:IndexPage}
  527. </div>
  528. {/block:Link}
  529.  
  530. {block:Chat}
  531. <div class="post chat">
  532. {block:Title}
  533. <h3><a href="{Permalink}">{Title}</a></h3>
  534. {/block:Title}
  535.  
  536. <ul class="chat">
  537. {block:Lines}
  538. <li class="{Alt} user_{UserNumber}">
  539. {block:Label}
  540. <span class="label">{Label}</span>
  541. {/block:Label}
  542. {Line}
  543. </li>
  544. {/block:Lines}
  545. </ul>
  546. {block:IndexPage}
  547. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  548. {/block:IndexPage}
  549. </div>
  550. {/block:Chat}
  551.  
  552. {block:Video}
  553. <div class="post video">
  554. {Video-500}
  555.  
  556. {block:PermalinkPage}{block:Caption}
  557. <div class="caption">{Caption}</div>
  558. {/block:Caption}{/block:PermalinkPage}
  559. {block:IndexPage}
  560. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  561. {/block:IndexPage}
  562. </div>
  563. {/block:Video}
  564.  
  565. {block:Audio}
  566. <div class="post player">
  567. <div class="audio" id="{postID}">{AudioPlayerWhite}</div>
  568. <div class="artist"><a href="{Permalink}">{block:Artist}<b>{Artist}</b></a>{/block:Artist} {block:TrackName}<em>{TrackName}</em>{/block:TrackName}</div>
  569. {block:PermalinkPage}{block:Caption}
  570. <div class="caption">{Caption}</div>
  571. {/block:Caption}{/block:PermalinkPage}
  572. {block:IndexPage}
  573. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a>
  574. {/block:IndexPage}
  575. </div>
  576. {/block:Audio}
  577.  
  578.  
  579. {block:Answer}
  580. <div class="post question">
  581. <p><b>{Question}</b></p>
  582. <p>{Answer}</p>
  583. {block:IndexPage}
  584. <div class="permalink_l"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}&nbsp;&nbsp;&nbsp;{block:Date} {TimeAgo} {/block:Date}</a> Asked by <em>{Asker}</em></div>
  585. {/block:IndexPage}
  586. </div>
  587. {/block:Answer}
  588.  
  589. {block:PermalinkPage}
  590. <div class="notestags">{block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}
  591. | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  592. <div class="source">
  593. {block:ContentSource}
  594. <a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  595. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  596. {/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  597. </a>
  598. {/block:ContentSource}
  599. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  600. </div>
  601. {/block:PermalinkPage}
  602.  
  603. {block:PostNotes}{PostNotes}{/block:PostNotes}
  604. {/block:Posts}
  605. </div>
  606.  
  607. <div id="footer">
  608. {block:NextPage}
  609. <div class="next"><a href="{NextPage}">{text:Next Pagination}</a></div>
  610. {/block:NextPage}
  611.  
  612. {block:PreviousPage}
  613. <div class="prev"><a href="{PreviousPage}">{text:Previous Pagination}</a></div>
  614. {/block:PreviousPage}
  615.  
  616. <div class="clear"></div>
  617. </div>
  618. </div><!--wrapper end-->
  619. </body>
  620. </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!