API tools faq
paste
Advertisement
singforabsolution

Theme 7 b

singforabsolution
Sep 9th, 2012
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.46 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by tomkirk.tumblr.com
  3. -->
  4.  
  5. <html>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <!--Default Variables-->
  11. <!--Colors-->
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Link" content="#b1b3b4"/>
  14. <meta name="color:Link Hover" content="#b8d2df"/>
  15. <meta name="color:Scrollbar" content="#f0f0f0"/>
  16. <meta name="color:Scrollbar Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#5a5959"/>
  18.  
  19. <!--Images-->
  20. <meta name="image:Background" content""/>
  21. <meta name="image:Sidebar" content""/>
  22.  
  23. <!--Options-->
  24. <meta name="if:Crosshair Cursor" content="1"/>
  25. <meta name="if:Faded Images" content=""/>
  26. <meta name="if:Inverted Images" content=""/>
  27.  
  28. <!--Links-->
  29. <meta name="text:Link 1 URL" content="/"/>
  30. <meta name="text:Link 1 name" content=""/>
  31. <meta name="text:Link 2 URL" content="/"/>
  32. <meta name="text:Link 2 name" content=""/>
  33. <meta name="text:Link 3 URL" content="/"/>
  34. <meta name="text:Link 3 name" content=""/>
  35. <meta name="text:Link 4 URL" content="/"/>
  36. <meta name="text:Link 4 name" content=""/>
  37.  
  38. {block:ifCrosshairCursor}
  39. <style type="text/css">body { cursor: crosshair; } </style>
  40. {/block:ifCrosshairCursor}
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. .wrapper{
  46. margin:auto;
  47. width: 717px;
  48. }
  49.  
  50. #tumblr_controls{
  51. position:fixed !important;
  52. top: 3px;
  53. right: 3px;
  54. }
  55.  
  56. {block:ifInvertedImages}img{
  57. opacity: 1;
  58. filter:alpha(opacity=10);
  59. -moz-opacity: 0.1;
  60. -moz-transition: all .9s ease;
  61. -o-transition: all .9s ease;
  62. transition: all .9s ease;
  63. -webkit-transition: all .9s ease;}
  64. {/block:ifInvertedImages}
  65.  
  66.  
  67. {block:ifInvertedImages} img:hover{
  68. opacity: .8;
  69. filter:alpha(opacity=100);
  70. -moz-opacity: 1;
  71. -moz-transition: all .9s ease;
  72. -o-transition: all .9s ease;
  73. transition: all .9s ease;
  74. -webkit-transition: all .9s ease;}
  75. {/block:ifInvertedImages}
  76.  
  77. {block:ifFadedImages}img{
  78. opacity: .8;
  79. filter:alpha(opacity=10);
  80. -moz-opacity: 0.1;
  81. -moz-transition: all .9s ease;
  82. -o-transition: all .9s ease;
  83. transition: all .9s ease;
  84. -webkit-transition: all .9s ease;}
  85. {/block:ifFadedImages}
  86.  
  87.  
  88. {block:ifFadedImages} img:hover{
  89. opacity: 1;
  90. filter:alpha(opacity=100);
  91. -moz-opacity: 1;
  92. -moz-transition: all .9s ease;
  93. -o-transition: all .9s ease;
  94. transition: all .9s ease;
  95. -webkit-transition: all .9s ease;}
  96. {/block:ifFadedImages}
  97.  
  98. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  99.  
  100.  
  101. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  102.  
  103.  
  104. {block:ifInvertedImages}.photo {
  105. opacity: 1;
  106. filter:alpha(opacity=10);
  107. -moz-opacity: 0.1;
  108. -moz-transition: all .9s ease;
  109. -o-transition: all .9s ease;
  110. transition: all .9s ease;
  111. -webkit-transition: all .9s ease;}
  112. {/block:ifInvertedImages}
  113.  
  114.  
  115. {block:ifInvertedImages}.photo:hover{
  116. opacity: .8;
  117. filter:alpha(opacity=100);
  118. -moz-opacity: 1;
  119. -moz-transition: all .9s ease;
  120. -o-transition: all .9s ease;
  121. transition: all .9s ease;
  122. -webkit-transition: all .9s ease;}
  123. {/block:ifInvertedImages}
  124.  
  125. {block:ifFadedImages}.photo {
  126. opacity: .8;
  127. filter:alpha(opacity=10);
  128. -moz-opacity: 0.1;
  129. -moz-transition: all .9s ease;
  130. -o-transition: all .9s ease;
  131. transition: all .9s ease;
  132. -webkit-transition: all .9s ease;}
  133. {/block:ifFadedImages}
  134.  
  135.  
  136. {block:ifFadedImages}.photo:hover{
  137. opacity: 1;
  138. filter:alpha(opacity=100);
  139. -moz-opacity: 1;
  140. -moz-transition: all .9s ease;
  141. -o-transition: all .9s ease;
  142. transition: all .9s ease;
  143. -webkit-transition: all .9s ease;}
  144. {/block:ifFadedImages}
  145.  
  146. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  147. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};
  148. -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
  149.  
  150. body{
  151. background-color: {color:Background};
  152. background-image: url({image:Background});
  153. background-attachment: fixed;
  154. background-repeat: repeat;
  155. background-position: center;
  156. font-family:georgia;
  157. font-size:10px;
  158. line-height:13px;
  159. color:{color:Text};
  160. }
  161.  
  162. a:link, a:active, a:visited{
  163. color: {color:Link};
  164. text-decoration:none;
  165. -webkit-transition: all 0.4s linear;
  166. -moz-transition: all 0.4s linear;
  167. transition: all 0.4s linear;
  168. }
  169. a:hover{
  170. color: {color:Link Hover};
  171. text-decoration:line-through;
  172. {block:ifCrosshairCursor}
  173. cursor:crosshair;
  174. {/block:ifCrosshairCursor}
  175. }
  176.  
  177. .entry {
  178. overflow: hidden;
  179. position:relative;
  180. {block:PermalinkPage}
  181. width: 500px;
  182. float:left;
  183. margin:10px;
  184. {/block:PermalinkPage}
  185. {block:IndexPage}
  186. margin: 10px;
  187. padding:4px;
  188. float: left;
  189. width: 400px;
  190. {/block:IndexPage}
  191. }
  192.  
  193. .entry img{
  194. {block:IndexPage}
  195. max-width:400px;
  196. {/block:IndexPage}
  197. }
  198.  
  199. #posts {
  200. position:relative;
  201. margin-top: 100px;
  202. margin-left:-70px;
  203. {block:IndexPage}
  204. width: 900px;
  205. {/block:IndexPage}
  206. {block:PermalinkPage}
  207. width: 604px;
  208. margin-left:83px;
  209. {/block:PermalinkPage}
  210. }
  211.  
  212. #permalink{
  213. text-align:right;
  214. font-size:10px;
  215. position:relative;
  216. margin-top:3px;
  217. padding-top:1px;
  218. {block:IndexPage}
  219. border-top:1px solid {color:Text};
  220. {/block:IndexPage}
  221. }
  222.  
  223. #side a{color:white;}
  224. #side a:hover{color:{color:Link Hover};}
  225.  
  226. #side {
  227. position:fixed;
  228. text-align:right;
  229. top:0;
  230. z-index:19999;
  231. padding:7px;
  232. background:black;
  233. color:#C8C8C8;
  234. {block:IndexPage}
  235. width:840px;
  236. margin-left:-70px;
  237. {/block:IndexPage}
  238. {block:PermalinkPage}
  239. width:535px;
  240. margin-left:70px;
  241. {/block:PermalinkPage}
  242. }
  243.  
  244. .navigate {
  245. font-size:9px;
  246. line-height:10px;
  247. padding-top:2px;
  248. padding-bottom:2px;
  249. }
  250.  
  251. .blogtitle{
  252. font-family:print;
  253. text-transform:uppercase;
  254. font-size:25px;
  255. line-height:20px;
  256. padding-top:2px;
  257. }
  258.  
  259. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  260.  
  261. .posttitle{
  262. font-family:print;
  263. text-transform:uppercase;
  264. font-size: 24px;
  265. line-height: 20px;
  266. }
  267.  
  268. #postnotes{
  269. text-align: justify;}
  270.  
  271. #postnotes blockquote{
  272. border: 0px;}
  273.  
  274. #infscr-loading{
  275. bottom: -70px;
  276. position: absolute;
  277. left: 50%;
  278. margin-left:-8px;
  279. width:16px;
  280. height:11px;
  281. overflow:hidden;
  282. margin-bottom: 50px;
  283. }
  284.  
  285. blockquote{
  286. padding:0px 0px 2px 5px;
  287. margin:0px 0px 2px 7px;
  288. border-left: 1px solid {color:Text};}
  289. blockquote p, ul{margin:0px; padding:0px;
  290. }
  291. .p { padding-top: 5px; }
  292. .ol, ul { margin-left: 10px; padding: 5px; }
  293. .ul { list-style-type: square; }
  294.  
  295. a img{border: 0px;}
  296.  
  297.  
  298. .chat .line{
  299. margin-top:-2px;
  300. padding: 4px;
  301. }
  302. .chat .line.odd{
  303. margin-top:-2px;
  304. }
  305.  
  306. .label {font-weight:bold; color:{color:text}}
  307.  
  308. .cover {position: relative; z-index: 1; width:400px; height:400px;}
  309.  
  310. .playbox {background-color: grey; position: absolute; z-index: 1000;}
  311.  
  312. .playbutton {width: 20px; height: 20px; overflow: hidden; position: relative; z-index: 1000; margin: 20px 28px 25px 22px;}
  313.  
  314. .playbox {background-color: #e8e8e8; position: absolute; z-index: 1000; margin-top: 160px; margin-left: 145px; opacity:.5;
  315. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; border:13px solid black;}
  316.  
  317. .playbox:hover {opacity:.9;}
  318.  
  319. .notes img{width:10px; position:left; top:3px;}
  320.  
  321. {CustomCSS}
  322. </style>
  323.  
  324. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  325. <script type="text/javascript">
  326. $(function(){
  327. $("#pageLink").click(function(){
  328. $("#titlePages").fadeToggle(500);
  329. });
  330. });
  331. </script>
  332.  
  333. {block:IndexPage}
  334. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  335. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  336. <script type="text/javascript">
  337. $(window).load(function () {
  338. var $content = $('#posts');
  339. $content.masonry({
  340. itemSelector: '.entry',
  341. isAnimated: true
  342. }),
  343. $content.infinitescroll({
  344. navSelector : '#pagination',
  345. nextSelector : '#pagination a#nextPage',
  346. itemSelector : '.entry',
  347. loading: {
  348. finishedMsg: '',
  349. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  350. },
  351. bufferPx : 200,
  352. debug : false,
  353. },
  354. // call masonry as a callback.
  355. function( newElements ) {
  356. var $newElems = $( newElements );
  357. $newElems.hide();
  358. // ensure that images load before adding to masonry layout
  359. $newElems.imagesLoaded(function(){
  360. $content.masonry( 'appended',
  361. $newElems, true,
  362. function(){$newElems.fadeIn(300);}
  363. );
  364.  
  365.  
  366. });
  367. });
  368. });
  369. </script>
  370. {/block:IndexPage}
  371.  
  372. <title>{title}</title>
  373.  
  374. <link rel="shortcut icon" href="{Favicon}">
  375. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  376. <meta name="viewport" content="width=820" />
  377.  
  378. </head>
  379. <body>
  380. <div class="wrapper">
  381. <div id="side">
  382. <div class="blogtitle"><a href="/">{Title}</a></div>
  383. <div style="padding:3px;">
  384. {Description}
  385. <div class="navigate">
  386. <div style="border-top:1px solid {color:Text}; padding-top:3px;">
  387. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> &nbsp; |
  388. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> &nbsp; |
  389. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> &nbsp; |
  390. <a href="{text:Link 4 URL}">{text:Link 4 name}</a> &nbsp; |
  391. <a href="http://tomkirk.tumblr.com/"> ©</a>
  392. </div>
  393. </div>
  394. </div>
  395. </div>
  396.  
  397. <div id="posts">
  398.  
  399. {block:Posts}
  400. <div class="entry">
  401.  
  402. {block:Text}
  403. {block:Title}
  404. <div class="posttitle">
  405. {Title}
  406. </div>
  407. {/block:Title}
  408. {Body}
  409. {block:IndexPage}
  410. <div id="permalink">
  411. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  412. </div>
  413. {/block:IndexPage}
  414. {/block:text}
  415.  
  416. {block:Link}
  417. <div class="posttitle">
  418. <a href="{URL}">{Name}</a>
  419. </div>
  420. {block:Description}{Description}{/block:Description}
  421. {block:IndexPage}
  422. <div id="permalink">
  423. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  424. </div>
  425. {/block:IndexPage}
  426. {/block:link}
  427.  
  428.  
  429. {block:Photo}
  430. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"target="_blank"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{NoteCountWithLabel}"width="400"/></a>{LinkCloseTag}
  431. {block:ContentSource}
  432. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  433. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  434. {/block:SourceLogo}
  435. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  436. {/block:ContentSource}
  437. {block:ReblogParentURL}
  438. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  439. {/block:ReblogParentURL}{/block:IndexPage}
  440. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  441. {block:Caption}{Caption}{/block:Caption}
  442. {/block:Photo}
  443.  
  444. {block:Photoset}
  445. {block:IndexPage}
  446. <center>
  447. <div class="photo">
  448. {Photoset-400}
  449. </div>
  450. </center>
  451. <br>
  452. {block:Caption}{Caption}{/block:Caption}
  453. {/block:IndexPage}
  454. {block:PermalinkPage}
  455. <center>
  456. <div class="photo">
  457. {Photoset-500}
  458. </div>
  459. </center>
  460. <br>
  461. {block:Caption}{Caption}{/block:Caption}
  462. {/block:PermalinkPage}
  463. {block:IndexPage}
  464. <div id="permalink">
  465. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  466. </div>
  467. {/block:IndexPage}
  468. {/block:Photoset}
  469.  
  470. {block:Quote}
  471. <div class="posttitle">"{Quote}"</div>
  472. {block:Source}<br><i>-{Source}</i>{/block:Source}
  473. {block:IndexPage}
  474. <div id="permalink">
  475. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  476. </div>
  477. {/block:IndexPage}
  478. {/block:Quote}
  479.  
  480. {block:Chat}
  481. {block:Title}
  482. <div id="posttitle"><center>{Title}<br></center></div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  483. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  484. {block:IndexPage}
  485. <div id="permalink">
  486. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  487. </div>
  488. {/block:IndexPage}
  489. {/block:Chat}
  490.  
  491. {block:Audio}
  492. <div class="playbox">
  493. <div class="playbutton">
  494. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  495. </div></div>
  496. {block:AlbumArt}
  497. <img src="{AlbumArtURL}" class="cover">
  498. {/block:AlbumArt}
  499. {block:Caption}{Caption}{/block:Caption}
  500. {block:IndexPage}
  501. <div id="permalink">
  502. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  503. </div>
  504. {/block:IndexPage}
  505. {/block:Audio}
  506.  
  507. {block:Video}
  508. <center>
  509. {block:IndexPage}
  510. {Video-400}
  511. {/block:IndexPage}
  512. </center>
  513. {block:PermalinkPage}
  514. <center>{Video-500}</center>
  515. {/block:PermalinkPage}
  516. {block:Caption}{Caption}{/block:Caption}
  517. {block:IndexPage}
  518. <div id="permalink">
  519. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  520. </div>
  521. {/block:IndexPage}
  522. {block:Video}
  523.  
  524. {block:PermalinkPage}
  525. <div id="permalink">
  526. {block:Date}
  527. {TimeAgo} on
  528. {ShortMonth} {DayofMonth},{Year}
  529. {/block:Date}
  530. {block:NoteCount} · {NoteCountWithLabel}
  531. {/block:NoteCount}
  532. {block:HasTags} · Tags:
  533. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  534. {/block:Tags}
  535. {/block:HasTags}
  536. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  537. </div>
  538. {/block:PermalinkPage}
  539.  
  540. {/block:PermalinkPage}
  541.  
  542. {block:PostNotes}{PostNotes}
  543. {/block:PostNotes}
  544. </div>
  545.  
  546.  
  547. {/block:Posts}
  548. </div>
  549. </div>
  550. {block:IndexPage}<br>
  551. {block:Pagination}
  552. <div id="pagination">
  553. {block:NextPage}
  554. <a id="nextPage" href="{NextPage}"> </a>
  555. {/block:NextPage}
  556. {block:PreviousPage}
  557. <a href="{PreviousPage}"> </a>
  558. {/block:PreviousPage}
  559. </div>
  560. {/block:Pagination}
  561. {/block:IndexPage}
  562. </div>
  563. </body>
  564. </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!