API tools faq
paste
Advertisement
singforabsolution

Theme 18

singforabsolution
Nov 9th, 2012
1,604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.45 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. <!--Default Variables-->
  10. <!--Colors-->
  11. <meta name="color:Ask Background" content="#f8f8f8"/>
  12. <meta name="color:Background" content="#f5f7f6"/>
  13. <meta name="color:Border" content="#e8e8e8"/>
  14. <meta name="color:Link" content="#b1c6c3"/>
  15. <meta name="color:Link Hover" content="#b1c6c3"/>
  16. <meta name="color:Link Hover Bkgd" content="#f8f8f8"/>
  17. <meta name="color:Scrollbar" content="#b1c6c3"/>
  18. <meta name="color:Scrollbar Background" content="#f5f7f6"/>
  19. <meta name="color:Sidebar" content="#3d4242"/>
  20. <meta name="color:Sidebar Text" content="#8a9292"/>
  21. <meta name="color:Text" content="#3d4242"/>
  22.  
  23. <!--Images-->
  24. <meta name="image:Background" content""/>
  25. <meta name="image:Sidebar" content""/>
  26.  
  27. <!--Options-->
  28. <meta name="if:Infinite Scrolling" content=""/>
  29. <meta name="if:Tiny Cursor" content=""/>
  30. <meta name="if:Faded Images" content=""/>
  31. <meta name="if:Inverted Images" content=""/>
  32.  
  33. <!--Links-->
  34. <meta name="text:Link 1 URL" content="/"/>
  35. <meta name="text:Link 1 name" content=""/>
  36. <meta name="text:Link 2 URL" content="/"/>
  37. <meta name="text:Link 2 name" content=""/>
  38. <meta name="text:Link 3 URL" content="/"/>
  39. <meta name="text:Link 3 name" content=""/>
  40. <meta name="text:Link 4 URL" content="/"/>
  41. <meta name="text:Link 4 name" content=""/>
  42.  
  43.  
  44. {block:ifInfiniteScrolling}
  45. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  46. {/block:ifInfiniteScrolling}
  47.  
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <title>
  51. {block:PostSummary}
  52. {PostSummary} - {/block:PostSummary}{Title}</title>
  53. </style>
  54.  
  55. <style type="text/css">
  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: .8;
  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: .8;
  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: .8;
  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: .8;
  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 {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. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  148. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  149.  
  150. {block:iftinycursor}
  151. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress;}
  152. {/block:iftinycursor}
  153.  
  154. body{
  155. background-color: {color:Background};
  156. background-image: url({image:Background});
  157. background-attachment: fixed;
  158. background-repeat: repeat;
  159. background-position: center;
  160. font-family:calibri;
  161. font-size:13px;
  162. line-height:14px;
  163. color:{color:Text};
  164. }
  165.  
  166. #dumb a:hover{
  167. background:transparent}
  168.  
  169. ::selection { color: {color:Link Hover};
  170. background: {color:Link Hover Bkgd}; }
  171. ::-moz-selection { color: {color:Link Hover};
  172. background: {color:Link Hover Bkgd}; }
  173.  
  174. a:link, a:active, a:visited{
  175. color: {color:Link};
  176. text-decoration:none;
  177. transition: all 0.5s ease-out;
  178. -o-transition-transition: all 0.5s ease-out;
  179. -webkit-transition: all 0.5s ease-out;
  180. -moz-transition: all 0.5s ease-out;
  181. }
  182. a:hover{
  183. color: {color:Link Hover};
  184. background: {color:Link Hover Bkgd};
  185. {block:iftinycursor}cursor: url(http://i.imgur.com/IepP2.jpg), progress{/block:iftinycursor};
  186. }
  187.  
  188. #entry {
  189. width:500px;
  190. margin-left:340px;
  191. margin-top:35px;
  192. padding:22px;
  193. background:white;
  194. border:1px solid {color:Border};
  195. }
  196.  
  197. #permalink{
  198. position:relative;
  199. margin-top:9px;
  200. font-size:9px;
  201. font-family:calibri;
  202. letter-spacing:1px;
  203. text-align:center;
  204. text-transform:uppercase;
  205. }
  206.  
  207. #side {
  208. text-align:center;
  209. position:fixed;
  210. width:230px;
  211. left:0;
  212. bottom:0;
  213. z-index:1;
  214. font-size:11px;
  215. line-height:12px;
  216. padding:30px;
  217. padding-top:500px;
  218. background:{color:Sidebar};
  219. color:{color:Sidebar Text};
  220. }
  221.  
  222. .navigate{
  223. margin-top:10px;
  224. }
  225.  
  226. .navigate a{
  227. overflow:hidden;
  228. float:center;
  229. height:13px;
  230. padding-right:3px;
  231. padding-left:3px;
  232. text-align:center;
  233. font-size:11px;
  234. font-family:calibri;
  235. font-style:italic;
  236. text-transform:uppercase;
  237. z-index:1;
  238. transition: all 0.5s ease-out;
  239. -o-transition-transition: all 0.5s ease-out;
  240. -webkit-transition: all 0.5s ease-out;
  241. -moz-transition: all 0.5s ease-out;
  242. }
  243.  
  244. .navigate a:hover{
  245. transition: all 0.5s ease-out;
  246. -o-transition-transition: all 0.5s ease-out;
  247. -webkit-transition: all 0.5s ease-out;
  248. -moz-transition: all 0.5s ease-out;
  249. }
  250.  
  251. .blogtitle {
  252. font-family:cambria;
  253. font-style:italic;
  254. font-size:23px;
  255. line-height:20px;
  256. text-align:center;
  257. padding-top:3px;
  258. padding-bottom:3px;
  259. border-right:10px solid {color:Link};
  260. border-left:10px solid {color:Link};
  261. }
  262.  
  263. .posttitle{
  264. font-family:cambria;
  265. font-size: 23px;
  266. line-height: 24px;
  267. }
  268.  
  269. .quotec {
  270. font-family:calibri;
  271. text-transform:uppercase;
  272. letter-spacing:2px;
  273. margin-top:5px;
  274. margin-left:5px;
  275. padding-left:5px;
  276. }
  277.  
  278. blockquote{
  279. padding:0px 0px 2px 5px;
  280. margin-left:10px;
  281. border-left: 3px solid {color:Border};}
  282. blockquote p, ul{margin:0px; padding:0px;
  283. }
  284.  
  285. .chat .line{
  286. padding: 2px;
  287. }
  288.  
  289. .label {font-weight:bold; color:{color:text}}
  290.  
  291. a img{border: 0px;}
  292.  
  293. .p { padding-top: 5px; }
  294. .ol, ul { margin-left: 10px; padding: 5px; }
  295. .ul { list-style-type: square; }
  296. .cover {position: absolute; z-index: 1; width:75px; padding:5px; border:1px solid {color:Border};}
  297.  
  298. .playbox {position: absolute; z-index: 1000;}
  299.  
  300. .playbutton {width: 26px; height: 26px; overflow: hidden; position: relative; z-index:2;border:5px solid white;}
  301.  
  302. .playbox {background-color: black; position: absolute; z-index:2; margin-top: 25px; margin-left: 24px; opacity:.6;
  303. -webkit-transition: all 0.6s linear;
  304. -moz-transition: all 0.6s linear;
  305. transition: all 0.6s linear;}
  306.  
  307. .playbox:hover {opacity:.8;}
  308.  
  309. .title{
  310. width:
  311. position:absolute;
  312. line-height:23px;
  313. margin-left:90px;
  314. padding:4px;
  315. z-index: 1000;
  316. text-transform:uppercase;
  317. }
  318.  
  319. .video embed, .post div.video object {width:250px; height:187px}
  320.  
  321. .notes img{width:10px; position:left; top:3px;}
  322.  
  323. #answer {
  324. padding-top:50px;
  325. }
  326.  
  327. #ask {
  328. float:left;
  329. margin-right:5px;
  330. padding:5px;
  331. background:{color:Ask Background};
  332. width:490px;
  333. }
  334.  
  335. #asker {
  336. float:left;
  337. }
  338.  
  339. .askername{
  340. text-transform:uppercase;
  341. font-size:10px;
  342. font-weight:bold;
  343. letter-spacing:1px;
  344. padding-top:3px;
  345. margin-top:3px;
  346. text-align:right;
  347. border-top:1px solid {color:Border};
  348. }
  349.  
  350. .pgs {
  351. text-align:right;
  352. font-family:calibri;
  353. font-size:10px;
  354. margin-top:5px;
  355. margin-left:12px;
  356. padding-top:3px;
  357. text-transform:uppercase;
  358. }
  359.  
  360. #credit {
  361. position:fixed;
  362. font-size:9px;
  363. font-family:calibri;
  364. width:70px;
  365. height:20px;
  366. letter-spacing:1px;
  367. padding-bottom:4px;
  368. padding-right:4px;
  369. bottom:0;
  370. right:0;
  371. z-index:12;
  372. }
  373.  
  374. #credit .z a{color:{color:Text};}
  375.  
  376. #credit .p{
  377. opacity:1.0;
  378. padding:3px;
  379. margin-top:00px;
  380. margin-left:14px;
  381. text-align:center;
  382. overflow:hidden;
  383. position: absolute;
  384. background:white;
  385. font-size:10px;
  386. text-transform:uppercase;
  387. z-index:100;
  388. -webkit-transition: opacity 0.5s linear;
  389. -webkit-transition: all 0.5s linear;
  390. -moz-transition: all 0.5s linear;
  391. transition: all 0.5s linear;
  392. border:1px solid {color:Border};
  393. }
  394.  
  395. #credit:hover .p{
  396. opacity:.9;
  397. margin-top:30px;
  398. transition: all 0.5s linear;
  399. -webkit-transition: opacity 0.5s linear;
  400. -webkit-transition: all 0.5s linear;
  401. -moz-transition: all 0.5s linear;
  402. }
  403.  
  404. #credit .z{
  405. margin-top:100px;
  406. margin-top:0px;
  407. padding:3px;
  408. background:white;
  409. text-align:left;
  410. text-transform:uppercase;
  411. opacity:0;
  412. overflow:hidden;
  413. position: absolute;
  414. -webkit-transition: opacity 0.5s linear;
  415. -webkit-transition: all 0.5s linear;
  416. -moz-transition: all 0.5s linear;
  417. transition: all 0.5s linear;
  418. z-index:1200;
  419. border:1px solid {color:Border};
  420. }
  421.  
  422. #credit:hover .z{
  423. opacity:1;
  424. margin-left:15px;
  425. transition: all 0.5s linear;
  426. -webkit-transition: opacity 0.5s linear;
  427. -webkit-transition: all 0.5s linear;
  428. -moz-transition: all 0.5s linear;
  429. }
  430.  
  431. {CustomCSS}
  432. </style>
  433.  
  434. <link rel="shortcut icon" href="{Favicon}">
  435. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  436.  
  437. </head>
  438. <body>
  439.  
  440. <div id="side">
  441. <div id="dumb">
  442. <a href="/"><img src="{image:Sidebar}" width="160"></a></div>
  443. <br>
  444. <a href="/"><div class="blogtitle">{Title}</div></a>
  445. <div class="navigate">
  446. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  447. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  448. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  449. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  450. </div>
  451.  
  452. <div style="padding-left:20px;padding-right:5px;margin-top:10px;text-align:left;margin-bottom:10px;">
  453. {Description}
  454. </div>
  455. {block:ifNotInfiniteScrolling}
  456. {block:Pagination}
  457. <div class="pgs">
  458. {block:PreviousPage}
  459. <a href="{PreviousPage}">« prev</a>
  460. {/block:PreviousPage}
  461. {CurrentPage} out of {TotalPages}
  462. {block:NextPage}
  463. <a href="{NextPage}">next »</a>
  464. {/block:NextPage}
  465. </div>
  466. {/block:Pagination}
  467. {/block:ifNotInfiniteScrolling}
  468. </div>
  469.  
  470. {block:Posts}
  471. <div id="entry">
  472. {block:Answer}
  473. <div id="ask">{Question}
  474. <div class="askername">{Asker}</div>
  475. </div>
  476. <div id="answer">
  477. {Answer}
  478. </div>
  479. {/block:Answer}
  480.  
  481. {block:Text}
  482. {block:Title}
  483. <div class="posttitle">{Title}</div>
  484. {/block:Title}
  485. {Body}
  486. {/block:Text}
  487.  
  488. {block:Link}
  489. <div class="posttitle">
  490. <a href="{URL}">{Name}</a>
  491. </div>
  492. {block:Description}{Description}{/block:Description}
  493. {/block:Link}
  494.  
  495. {block:Photo}
  496. <center>
  497. <div id="dumb">
  498. {LinkOpenTag}
  499. <div id="pic">
  500. <a href="{permalink}">
  501. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a>
  502. </div>
  503. </div>
  504. {LinkCloseTag}
  505. </center>
  506. {block:Caption}{Caption}{/block:Caption}
  507. {block:ContentSource}
  508. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  509. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  510. {/block:SourceLogo}
  511. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  512. {/block:ContentSource}
  513. {block:ReblogParentURL}
  514. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  515. {/block:ReblogParentURL}
  516. {/block:Photo}
  517.  
  518. {block:Photoset}
  519. <center>
  520. <div class="photo">
  521. {Photoset-500}
  522. </div>
  523. </center>
  524. {block:Caption}{Caption}{/block:Caption}
  525. {/block:Photoset}
  526.  
  527. {block:Quote}
  528. <div class="posttitle">"{Quote}"</div>
  529. {block:Source}
  530. <div class="quotec">
  531. <i>-{Source}</i>
  532. </div>
  533. {/block:Source}
  534. {/block:Quote}
  535.  
  536. {block:Chat}
  537. {block:Title}
  538. <div class="posttitle">
  539. {Title}
  540. </div>
  541. {/block:Title}
  542. <div class="chat">
  543. {block:Lines}
  544. <div class="chat">
  545. <div class="line {Alt}">
  546. <div class="{Alt} user_{UserNumber}">
  547. {block:Label}
  548. <b>{Label} </b>
  549. {/block:Label}
  550. {Line}
  551. </div>
  552. </div>
  553. </div>
  554. {/block:Lines}
  555. </div>
  556. {/block:Chat}
  557.  
  558. {block:Audio}
  559. <div class="playbox">
  560. <div class="playbutton">
  561. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  562. </div></div>
  563. {block:AlbumArt}
  564. <img src="{AlbumArtURL}" class="cover">
  565. {/block:AlbumArt}
  566.  
  567. <div class="title">
  568. {block:TrackName}
  569. <b>Title</b>:{TrackName}
  570. {/block:TrackName}
  571. </div>
  572.  
  573. <div class="title">
  574. {block:Artist}
  575. <b>Artist:</b>{Artist}
  576. {/block:Artist}
  577. </div>
  578.  
  579. <div class="title">
  580. {PlayCountWithLabel}
  581. </div>
  582.  
  583. <br>
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Audio}
  586.  
  587.  
  588. {block:Video}
  589. <center>
  590. <div class="photo">
  591. {Video-500}
  592. </div>
  593. </center>
  594. {block:Caption}{Caption}{/block:Caption}
  595. {/block:Video}
  596.  
  597. {block:IndexPage}
  598. <div id="permalink">posted
  599. <a href="{Permalink}"> {TimeAgo}</a>
  600. with
  601. <a href="{Permalink}">{NoteCountWithLabel}</a>
  602. {block:RebloggedFrom}· <a href="{ReblogParentURL}" target="_blank">via</a> · (<a href="{ReblogRootURL}" target="_blank">©</a>) {/block:RebloggedFrom}
  603. <br>
  604. {block:HasTags}
  605. TAGGED AS:
  606. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  607. {/block:Tags}
  608. {/block:HasTags}
  609. </div>
  610. {/block:IndexPage}
  611.  
  612. {block:PermalinkPage}
  613. <center>
  614. <div id="permalink">
  615. {block:Date}
  616. {TimeAgo} on
  617. {ShortMonth} {DayofMonth},{Year}
  618. {/block:Date}
  619. {block:NoteCount} · {NoteCountWithLabel}
  620. {/block:NoteCount}
  621. {block:HasTags} · Tags:
  622. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  623. {/block:Tags}
  624. {/block:HasTags}
  625. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  626. </div>
  627. </center>
  628. {/block:PermalinkPage}
  629.  
  630. {block:PostNotes}
  631. {PostNotes}
  632. {/block:PostNotes}
  633. </div>
  634. {/block:Posts}
  635.  
  636.  
  637. <div id="credit">
  638. <center>
  639. <div id="credit">
  640. <div class="p">
  641. THEME ©
  642. </div>
  643. </div>
  644.  
  645. <div class="z">
  646. <a href="http://tomkirk.tumblr.com/">tomkirk</a>
  647. </div>
  648. </div>
  649.  
  650. </body>
  651. </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!