API tools faq
paste
Advertisement
singforabsolution

Theme 30

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