API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #22 - Momentum

Perfect-Nicholas
Dec 8th, 2013
2,684
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.76 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme #22 by llermans © tumblr.com --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#323232"/>
  12. <meta name="color:Text" content="#323232"/>
  13. <meta name="color:Link" content="#6b6b6b"/>
  14. <meta name="color:Link Hover" content="#4f4f4f"/>
  15. <meta name="color:Ask" content="#fafafa"/>
  16.  
  17. <meta name="image:topbar" content=""/>
  18. <meta name="if:small cursor" content="1"/>
  19. <meta name="if:Show topbar Image" content="1">
  20. <meta name="if:400px posts" content="1">
  21.  
  22. <meta name="text:link 1" content="index"/>
  23. <meta name="text:link 1 url" content="/"/>
  24. <meta name="text:link 2" content="askbox"/>
  25. <meta name="text:link 2 url" content="/ask"/>
  26. <meta name="text:link 3" content="Link 3"/>
  27. <meta name="text:link 3 url" content="/"/>
  28. <meta name="text:link 4" content="Link 4"/>
  29. <meta name="text:link 4 url" content="/"/>
  30. <meta name="text:link 5" content="Link 5"/>
  31. <meta name="text:link 5 url" content="/"/>
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38.  
  39. (function($){
  40.  
  41. $(document).ready(function(){
  42.  
  43. $("a[title]").style_my_tooltips({
  44.  
  45. tip_follows_cursor:true,
  46.  
  47. tip_delay_time:30,
  48.  
  49. tip_fade_speed:300,
  50.  
  51. attribute:"title"
  52.  
  53. });
  54.  
  55. });
  56.  
  57. })(jQuery);
  58.  
  59. </script>
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62.  
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66.  
  67. <script>
  68. $(document).ready(function(){
  69.  
  70. $(".slidingDiv").hide();
  71. $(".show_hide").show();
  72.  
  73. $('.show_hide').toggle(function(){
  74. $(".slidingDiv").slideDown(
  75. function(){
  76. $("#info").text("info")
  77. }
  78. );
  79. },function(){
  80. $(".slidingDiv").slideUp(
  81. function(){
  82. $("#info").text("info")
  83. }
  84. );
  85. });
  86. });
  87. </script>
  88.  
  89. <style type="text/css">
  90.  
  91. #s-m-t-tooltip {
  92. color:{color:text};
  93. font-size:10px;
  94. font-style: italic;
  95. font-family: times;
  96. margin:12px 0px 0px 12px;
  97. padding:3px 5px;
  98. max-width:350px;
  99. background-color:{color:ask};
  100. text-transform:lowercase;
  101. letter-spacing: 1px;
  102. z-index:999; }
  103.  
  104. body {
  105. background:{color:background};
  106. margin:0px;
  107. color:{color:text};
  108. font-family:Helvetica;
  109. font-size:11px;
  110. line-height:16px;
  111. {block:ifSmallCursor}
  112. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  113. {/block:ifSmallCursor}
  114. }
  115.  
  116. a {
  117. text-decoration:none;
  118. outline:none;
  119. -moz-outline-style:none;
  120. color:{color:link};
  121. -moz-transition-duration:0.8s;
  122. -webkit-transition-duration:0.8s;
  123. -o-transition-duration:0.8s;
  124. }
  125.  
  126. a:hover {
  127. text-decoration:underline;
  128. outline:none;
  129. -moz-outline-style:none;
  130. color:{color:link hover};
  131. }
  132.  
  133.  
  134. img {
  135. border:none;
  136. {block:ifNot400pxposts}
  137. max-width:500px!important;
  138. {/block:ifNot400pxposts}
  139. {block:if400pxposts}
  140. max-width:400px!important;
  141. {/block:if400pxposts}x
  142. }
  143.  
  144. blockquote {
  145. padding: 5px 0 5px 20px;
  146. border-left: 1px solid #030303;
  147. margin-left: 30px;
  148. }
  149.  
  150. blockquote img {
  151. {block:ifNot400pxposts}
  152. max-width:440px!important;
  153. {/block:ifNot400pxposts}
  154. {block:if400pxposts}
  155. max-width:340px!important;
  156. {/block:if400pxposts}
  157. }
  158.  
  159. #post {
  160. {block:if400pxposts}
  161. width:400px;
  162. {/block:if400pxposts}
  163. {block:ifnot400pxposts}
  164. width:500px;
  165. {/block:ifnot400pxposts}
  166. {block:Indexpage}
  167. padding-bottom:150px;
  168. {/block:Indexpage}
  169. {block:Permalinkpage}
  170. padding-bottom:25px;
  171. {/block:Permalinkpage}
  172. }
  173.  
  174. #still {
  175. position:absolute;
  176. left: 50%;
  177. margin-left: -255px;
  178. }
  179.  
  180. #entries {
  181. margin:auto;
  182. position:absolute;
  183. {block:if400pxposts}
  184. width:400px;
  185. {/block:if400pxposts}
  186. {block:ifnot400pxposts}
  187. width:500px;
  188. {/block:ifnot400pxposts}
  189. font-family:cambria;
  190. font-size:11px;
  191. padding:55px;
  192. }
  193.  
  194. #topbar {
  195. {block:if400pxposts}
  196. width:400px;
  197. {/block:if400pxposts}
  198. {block:ifnot400pxposts}
  199. width:500px;
  200. {/block:ifnot400pxposts}
  201. text-align:center;
  202. top:5px;
  203. }
  204.  
  205. #topbarimage {
  206. margin:auto;
  207. padding-bottom:-3px;
  208. {block:ifNotShowtopbarImage}
  209. display:none;
  210. {/block:ifNotShowtopbarImage}
  211. }
  212.  
  213. #topbarimage img {
  214. width:153px;
  215. text-align:center;
  216. }
  217.  
  218. #title {
  219. margin-top:10px;
  220. line-height:90%;
  221. letter-spacing:2px;
  222. font-size:20px;
  223. font-family: arma;
  224. font-style:normal;
  225. text-align:center;
  226. color:{color:title};
  227. text-shadow:#fff 0px 1px 1px;
  228. }
  229.  
  230. #links {
  231. padding-top: 7px;
  232. {block:Indexpage}
  233. padding-bottom:117px;
  234. {/block:Indexpage}
  235. {block:Permalinkpage}
  236. padding-bottom:50px;
  237. {/block:Permalinkpage}
  238. background:transparent;
  239. text-align:center;
  240. -webkit-transition: all 0.3s;
  241. -moz-transition: all 0.3s;
  242. -ms-transition: all 0.3s;
  243. -o-transition: all 0.3s;
  244. transition: all 0.3s;
  245. }
  246.  
  247. #links a {
  248. color:{color:links};
  249. width:60px;
  250. margin-right:5px;
  251. text-align:center;
  252. letter-spacing: 1px;
  253. font-size: 7px;
  254. font-family:times;
  255. text-transform: uppercase;
  256. padding:6px 7px 6px 7px;
  257. -webkit-transition: all 0.3s;
  258. -moz-transition: all 0.3s;
  259. -ms-transition: all 0.3s;
  260. -o-transition: all 0.3s;
  261. transition: all 0.3s;
  262. }
  263.  
  264. #links a:hover {
  265. color:{color:links hover};
  266. background:{color:ask};
  267. width:60px;
  268. text-decoration:underline;
  269. text-align:center;
  270. text-transform: uppercase;
  271. letter-spacing: 1px;
  272. font-size: 7px;
  273. font-family:times;
  274. padding:6px 7px 6px 7px;
  275. -webkit-transition: all 0.3s;
  276. -moz-transition: all 0.3s;
  277. -ms-transition: all 0.3s;
  278. -o-transition: all 0.3s;
  279. transition: all 0.3s;
  280. }
  281.  
  282. #description {
  283. padding-left: 10px;
  284. padding-right: 10px;
  285. padding-bottom: 14px;
  286. margin-top:10px;
  287. {block:if400pxposts}
  288. width:;
  289. {/block:if400pxposts}
  290. {block:ifnot400pxposts}
  291. width:400px;
  292. {/block:ifnot400pxposts}
  293. margin-left:auto;
  294. margin-right:auto;
  295. height: auto;
  296. overflow: auto;
  297. text-align: justify;
  298. }
  299.  
  300. .list {
  301. font-family: helvetica;
  302. font-size: 11px;
  303. letter-spacing: px;
  304. line-height: 15px;
  305. color:{color:text};
  306. }
  307.  
  308. #pagination {
  309. font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
  310. {block:ifnot400pxposts}
  311. width:500px;
  312. {/block:ifnot400pxposts}
  313. {block:if400pxposts}
  314. width:400px;
  315. {/block:if400pxposts}
  316. font-size: 11px;
  317. margin-top: -30px;
  318. margin-bottom: 40px;
  319.  
  320. }
  321.  
  322. #pagination a {
  323. color:{color:link};
  324. }
  325.  
  326.  
  327. .info {
  328. position:absolute;
  329. width: 125px;
  330. opacity:0;
  331. font-family:helvetica;
  332. font-size:9px;
  333. margin-top:0px;
  334. font-weight:lighter;
  335. {block:indexpage}
  336. {block:ifNot400pxposts}
  337. margin-left:530px;
  338. {/block:ifNot400pxposts}
  339. {block:if400pxposts}
  340. margin-left:430px;
  341. {/block:if400pxposts}
  342. {/block:indexpage}
  343. {block:permalinkpage}
  344. display:none;
  345. {/block:permalinkpage}
  346. -webkit-transition: all 0.5s ease-in-out;
  347. -moz-transition: all 0.5s ease-in-out;
  348. -o-transition: all 0.5s ease-in-out;
  349. -ms-transition: all 0.5s ease-in-out;
  350. transition: all 0.5s ease-in-out;
  351. }
  352.  
  353.  
  354. .info a {
  355. color:{color:text};
  356. }
  357.  
  358.  
  359. #post:hover .info {
  360.  
  361. opacity:1;
  362.  
  363. }
  364.  
  365. #permainfo {
  366. {block:ifNot400pxposts}
  367. width:500px;
  368. {/block:ifNot400pxposts}
  369. {block:if400pxposts}
  370. width:400px;
  371. {/block:if400pxposts}
  372. border-top:1px solid #eee;
  373. text-align:center;
  374. word-spacing:1px;
  375. margin-top:30px;
  376. margin-bottom:20px;
  377. }
  378.  
  379. .tags {
  380. margin-top:5px;
  381. line-height:230%;
  382. display:inline-block;
  383. }
  384.  
  385. .tags a {
  386. padding:3px;
  387. background:{color:ask};
  388. }
  389.  
  390. .tags a:hover {
  391. background:{color:ask};
  392. }
  393.  
  394. .quote {
  395. font-family:times;
  396. color:{color:title};
  397. font-size:15px;
  398. text-align:left;
  399. letter-spacing:0px;
  400. line-height:110%;
  401. padding:10px;
  402. margin-bottom:5px;
  403. }
  404.  
  405. #source {
  406. font-size:9px;
  407. text-align:right;
  408. padding:3px;
  409. }
  410.  
  411. #source a {
  412. color:{color:text};
  413. }
  414.  
  415. #chat {
  416. font-size:11px;
  417. line-height:150%;
  418. }
  419.  
  420. #caption {
  421. font-size:12px;
  422. border-left: 0px solid white;
  423. font-style:normal;
  424. }
  425.  
  426. #cap {
  427. padding: 5px;
  428. margin-top: 5px;
  429. }
  430.  
  431. #ask {
  432. text-align:justify;
  433. background:#fafafa;
  434. padding:8px;
  435. line-height:120%;
  436. font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;;
  437. font-size:11px;
  438. margin-right:5px;
  439. }
  440.  
  441. .audiop{
  442. background:white;
  443. padding:10px;
  444. }
  445.  
  446. .audioplayer {
  447. position:absolute;
  448. margin-top:-73px;
  449. margin-left:100px;
  450. width:200px;
  451. font-size:12px;
  452. padding-bottom:3px;
  453. font-family:times;
  454. text-align:center;
  455. overflow:hidden;
  456. }
  457.  
  458. .audiop img{
  459. {block:ifFadedImages}
  460. opacity:1;
  461. {/block:ifFadedImages}
  462. {block:ifInvertedImages}
  463. opacity:1;
  464. {/block:ifInvertedImages}
  465. }
  466.  
  467. .audiop img:hover{
  468. {block:ifFadedImages}
  469. opacity:1;
  470. {/block:ifFadedImages}
  471. {block:ifInvertedImages}
  472. opacity:1;
  473. {/block:ifInvertedImages}
  474. }
  475.  
  476. ol.notes {
  477. display:block;
  478. padding-bottom:2%;
  479. list-style-type:lower-roman;
  480. text-align:left;
  481. }
  482.  
  483. ol.notes li.note{
  484. padding:2%;
  485. }
  486.  
  487. ol.notes li.note img.avatar{
  488. width:0px;
  489. height:0px;
  490. }
  491.  
  492. .pagenotes {
  493. width:400px;
  494. text-align:left;
  495. }
  496.  
  497. .notetitle {
  498. color:#111111;
  499. font-size:12px;
  500. text-transform:uppercase;
  501. font-weight:bold;
  502. letter-spacing:1px;
  503. }
  504.  
  505. #credit {
  506. position:fixed;
  507. right:10px;
  508. bottom:10px;
  509. text-transform:uppercase;
  510. font-size:10px;
  511. font-family:'cambria';
  512. letter-spacing:1px;
  513. padding:3px;
  514. -webkit-transition: all 0.5s ease;
  515. -moz-transition: all 0.5s ease;
  516. -ms-transition: all 0.5s ease;
  517. -o-transition: all 0.5s ease;
  518. transition: all 0.5s ease;
  519.  
  520. }
  521.  
  522. #credit:hover {
  523. position:fixed;
  524. right:10px;
  525. bottom:10px;
  526. text-transform:uppercase;
  527. font-size:10px;
  528. font-family:'cambria';
  529. letter-spacing:1px;
  530. padding:3px;
  531. -webkit-transition: all 0.5s ease;
  532. -moz-transition: all 0.5s ease;
  533. -ms-transition: all 0.5s ease;
  534. -o-transition: all 0.5s ease;
  535. transition: all 0.5s ease;
  536.  
  537. }
  538.  
  539. {CustomCSS}</style></head><body>
  540.  
  541. <div id="still">
  542.  
  543. <div id="entries">
  544.  
  545. <div id="topbar">
  546.  
  547. <div id="topbarimage"><a href="/"><img src="{image:topbar}"></a></div>
  548.  
  549. <div id="title">{title}</div>
  550.  
  551. <div id="description"><font class="list">{description}</font></div>
  552.  
  553. <div id="links">
  554. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">i</a>{/block:iflink1}
  555. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">ii</a>{/block:iflink2}
  556. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">iii</a>{/block:iflink3}
  557. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">iv</a>{/block:iflink4}
  558. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">v</a>{/block:iflink5}
  559. </a>
  560.  
  561. </div>
  562.  
  563. </div>
  564.  
  565. {block:Posts}<div id="post">
  566.  
  567. <div class="info">
  568. {block:Date}{ShortMonth} {DayOfMonthWithZero} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date}<br/><a href="{Permalink}">
  569. + {NoteCount}</a>{block:RebloggedFrom}<br/><a href="{ReblogRootURL}"title="{ReblogRoottitle}">© Source</a>{/block:RebloggedFrom}</span>
  570. <br/>
  571. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  572. </div>
  573.  
  574. {block:ContentSource}
  575. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  576. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  577. {/block:SourceLogo}
  578. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  579. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  580.  
  581. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  582.  
  583. {block:Photo}{block:ifNot400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{LinkOpenTag}<img src="{PhotoURL-400}"/>{LinkCloseTag}</center>{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Photo}
  584.  
  585. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Photoset}
  586.  
  587. {block:Quote}<div class="quote">{Quote}</div>{block:Source}
  588. <br><div id="source">&nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  589. {/block:Source}{/block:Quote}
  590.  
  591. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  592.  
  593. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="chat">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  594.  
  595. {block:Audio}<section class="top audio"><div class="audiop">{block:AlbumArt}
  596. <img src="{AlbumArtURL}" width="70px;" style="position:absolute;margin:5px;z-index:1;">{/block:AlbumArt}
  597. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="70px;" style="position:relative;margin:5px;">
  598. {block:AudioPlayer}<div class="audioplayer">{AudioPlayerBlack}<br>{block:TrackName}
  599. {TrackName} |
  600. {/block:TrackName} {PlayCount} plays
  601. </div>{/block:AudioPlayer}
  602. </div>
  603. </section>
  604. {block:Caption}<div id="entrycopy">{Caption}</div>{/block:Caption}
  605. {/block:Audio}
  606.  
  607. {block:Video}{block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}<div id="cap"><div id="caption">{Caption}</div></div>{/block:Caption}{/block:Video}
  608.  
  609. {block:Answer}<div id="ask"><div style="color:{color:text};"><b>{Asker}</b>: {Question}</div></div><br>{Answer}{/block:Answer}
  610.  
  611.  
  612. {block:permalinkpage}
  613. <div id="permainfo">
  614. {block:Date}<strong>{Month}, {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}</strong>{/block:Date} with {NoteCountWithLabel} </br>
  615. {block:RebloggedFrom} <a href="{ReblogParentURL}"
  616. title="{ReblogParenttitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}<br/>
  617. {block:HasTags}<div style="text-align:center; margin-right:10px;">{block:Tags} <a href="{TagURL}"><span style="text-decoration:underline;"> {Tag}</span></a>{/block:Tags}</div>{/block:HasTags}
  618. </div>
  619. {/block:permalinkpage}
  620. </div>
  621.  
  622. {block:PostNotes}<div class="pagenotes"><div class="notetitle">Notes</div>{PostNotes}</div>{/block:PostNotes}
  623. {/block:Posts}
  624.  
  625. {block:Pagination}<div id="pagination">
  626. {block:NextPage}<a href="{NextPage}"><span style="text-align:left;">← Back in time</span></a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}"><span style="float:right;">Forward in time →</span> </a> {/block:PreviousPage}
  627. </div>
  628. {/block:Pagination}
  629.  
  630. </div>
  631.  
  632. <div id="credit">
  633. <a href="http://llermans.tumblr.com/">llmns</a></div>
  634.  
  635. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!