API tools faq
paste
Advertisement
singforabsolution

Theme By Kelsey #34

singforabsolution
Jul 2nd, 2012
328
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.50 KB | None | 0 0
raw download clone embed print report
  1. <!--Don't use as a base code for your own themes or take of your credit because I will find you holla \o\-->
  2.  
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8.  
  9. <!--Default Variables-->
  10. <!--Colors-->
  11. <meta name="color:Background" content="#050404"/>
  12. <meta name="color:Text" content="#ceb9b9"/>
  13. <meta name="color:Link" content="#555557"/>
  14. <meta name="color:Link Hover" content="#ebe2e1"/>
  15. <meta name="color:Tab" content="#343435"/>
  16. <meta name="color:Insides" content="#E8E8E8"/>
  17. <meta name="color:Sidelinks" content="#ac1919"/>
  18. <meta name="color:Sidelinks Hover" content="#2a2933"/>
  19. <meta name="color:Custom Links" content="#2a2933"/>
  20.  
  21. <!--Images-->
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <!--Options-->
  26. <meta name="if:Infinite Scrolling" content="1"/>
  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.  
  36. <meta name="font:Font" content=""/>
  37.  
  38.  
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />{/block:Description}
  41. <title>
  42. {block:PostSummary}
  43. {PostSummary} - {/block:PostSummary}{Title}</title>
  44.  
  45. <link rel="shortcut icon" href="{Favicon}">
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  49.  
  50. <style type="text/css">
  51.  
  52. 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;}
  53.  
  54.  
  55. 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;}
  56.  
  57. .wrapper{
  58. margin: 0px auto;
  59. width: 717px;
  60. }
  61.  
  62. .left{
  63. float: left;
  64. margin-right: 20px;
  65. width: 917px;
  66. }
  67.  
  68. body{
  69. background-color: {color:Background};
  70. background-image:url({image:Background});
  71. background-attachment:fixed;
  72. background-repeat:repeat;
  73. background-position:center;
  74. font-family:{Font:Font};
  75. font-size:11px;
  76. line-height:12px;
  77. letter -spacing:0px;
  78. color:{color:Text};
  79. }
  80.  
  81.  
  82. a:link, a:active, a:visited{
  83. color: {color:Link};
  84. text-decoration: none;
  85. -webkit-transition: color 0.3s linear;
  86. -moz-transition: color 0.3s linear;
  87. -transition: color 0.3s linear;
  88. }
  89.  
  90. a:hover{
  91. color:{color:Link Hover};
  92. text-decoration: none;
  93. }
  94.  
  95. #content {
  96. float:center;
  97. width:1200px;
  98. padding:3px;
  99. margin-top:0px;
  100. }
  101.  
  102.  
  103. .entry {
  104. {block:IndexPage}
  105. width:250px;
  106. {/block:IndexPage}
  107. {block:PermalinkPage}
  108. width:600px;
  109. {/block:PermalinkPage}
  110. padding:1px;
  111. margin:3px;
  112. float:left;
  113. overflow:hidden;
  114. }
  115.  
  116. .photo img{
  117. {block:IndexPage}
  118. width:250px;
  119. {/block:IndexPage}
  120. {block:PermalinkPage}
  121. width:600px;
  122. {/block:PermalinkPage}
  123. }
  124.  
  125. .entry .perma a{
  126. color:black;
  127. }
  128.  
  129. .entry .perma a:hover{
  130. color: {color:Link Hover};
  131. }
  132.  
  133. .entry .perma{
  134. padding-right:4px;
  135. padding-left:4px;
  136. padding-top:2px;
  137. margin-top:10px;
  138. margin-left:10px;
  139. position:absolute;
  140. text-align:right;
  141. font-size:10px;
  142. line-height:12px;
  143. height:14px;
  144. overflow:hidden;
  145. background-color:white;
  146. opacity:0.0;
  147. z-index:1;
  148. border: 1px solid black;
  149. -webkit-transition: all 0.3s linear;
  150. -moz-transition: all 0.3s linear;
  151. transition: all 0.3s linear;
  152. }
  153.  
  154. .entry:hover .perma{
  155. overflow:visible;
  156. -webkit-transition: opacity 0.3s linear; opacity: 1;
  157. -webkit-transition: all 0.3s linear;
  158. -moz-transition: all 0.3s linear;
  159. transition: all 0.3s linear;
  160. }
  161.  
  162. #permalink{
  163. text-align:right;
  164. font-size:10px;
  165. padding-right:5px;
  166. position:relative;
  167. vertical-align:text-top;
  168. }
  169.  
  170. #tags{
  171. text-align:left;
  172. font-size:10px;
  173. padding-right:5px;
  174. line-height:10px;
  175. position:relative;
  176. }
  177.  
  178. #posts {
  179. width: 766px;
  180. margin-left:480px;
  181. margin-top: 7px;
  182. {block:PermalinkPage}
  183. width: 582px;
  184. margin-top: 7px;
  185. margin-left:480px;
  186. {/block:PermalinkPage}
  187. float:left;
  188. }
  189.  
  190. #infscr-loading{
  191. bottom: -70px;
  192. position: absolute;
  193. left: 50%;
  194. margin-left:-8px;
  195. width:16px;
  196. height:11px;
  197. overflow:hidden;
  198. margin-bottom: 50px;
  199. }
  200.  
  201. #side {
  202. position:fixed !important;
  203. width:145px;
  204. height:auto;
  205. font-size:10px;
  206. line-height:11px;
  207. margin-top:140px;
  208. margin-left:30px;
  209. z-index:1;
  210. }
  211.  
  212. #navigation {
  213. text-align: center;
  214. background:{color:Insides};
  215. height:50px;
  216. position:fixed;
  217. margin-left:30px;
  218. margin-top:126px;
  219. z-index:0;
  220. -webkit-transition: all .5s ease-in-out;
  221. -moz-transition: all .5s ease-in-out;
  222. -o-transition: all .5s ease-in-out;
  223. -webkit-border-top-left-radius: 12px;
  224. -webkit-border-top-right-radius: 12px;
  225. -moz-border-radius-topleft: 12px;
  226. -moz-border-radius-topright: 12px;
  227. border-top-left-radius: 12px;
  228. border-top-right-radius: 12px;
  229. }
  230.  
  231. #navigation:hover {
  232. margin-top:90px;
  233. }
  234.  
  235. #navigation:hover #insides {
  236. opacity:1;
  237. }
  238.  
  239. #navigation:hover .tab {
  240. opacity:1;
  241. {block:iftinycursor}cursor: url(http://i.imgur.com/IepP2.jpg), progress{/block:iftinycursor};
  242. }
  243.  
  244. #insides a{
  245. padding:10px;
  246. padding-top:10px;
  247. width:12px;
  248. height:10px;
  249. margin-top:2px;
  250. background:{color:Sidelinks};
  251. display:inline-block;
  252. -webkit-transition: opacity 0.5s linear;
  253. -webkit-transition: all 0.5s linear;
  254. -moz-transition: all 0.5s linear;
  255. }
  256.  
  257. #insides a:hover{
  258. background:{color:Sidelinks Hover};
  259. }
  260.  
  261. .tab {
  262. width:140px;
  263. height:15px;
  264. background:{color:Tab};
  265. margin-left:0px;
  266. text-align:right;
  267. font-size:7px;
  268. text-transform:uppercase;
  269. padding-right:5px;
  270. }
  271.  
  272. .nav2{
  273. font-size:9px;
  274. height:13px;
  275. padding-top:2px;
  276. text-transform:uppercase;
  277. margin-top:-20px;
  278. text-align:center;
  279. margin-top:-1px;
  280. background:{color:Tab};
  281. }
  282.  
  283. .nav2 a {
  284. color:{color:Custom Links};
  285. -webkit-transition: color 0.3s linear;
  286. -moz-transition: color 0.3s linear;
  287. -transition: color 0.3s linear;
  288. }
  289.  
  290. .nav2 a:hover {
  291. -webkit-transition: color 0.3s linear;
  292. -moz-transition: color 0.3s linear;
  293. -transition: color 0.3s linear;
  294. color:{color:Link Hover};
  295. }
  296.  
  297. .blogtitle{
  298. font-size: 25px;
  299. line-height: 20px;
  300. color: {color:Blog Title};
  301. padding: 3px;
  302. text-align:center;
  303. }
  304.  
  305. .posttitle{
  306. font-size: 20px;
  307. line-height: 20px;
  308. }
  309.  
  310. .albumart { margin-bottom:0px; }
  311. .albumart img, .audio embed {
  312. width:73px;
  313. padding-right:25px;
  314. }
  315.  
  316. .albumartovr {
  317. background-image:url(http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png);
  318. }
  319.  
  320. .name{
  321. font-size:11px;
  322. line-height:11px;
  323. margin-top:10px;
  324. }
  325.  
  326. blockquote{
  327. padding:0px 0px 2px 5px;
  328. margin:0px 0px 2px 1px;
  329. border-left: 1px solid {color:Text};}
  330. blockquote p, ul{margin:0px; padding:0px;
  331. }
  332.  
  333. .label{font-weight:bold;}
  334.  
  335. .chat .line{
  336. color:{color:Chat 1};
  337. margin: 0 0 0px;
  338. padding: 2px;
  339. }
  340. .chat .line.odd{
  341. color:{color:Chat 2};
  342. }
  343.  
  344. .p { padding-top:5px; }
  345. .ol, ul { margin-left:10px; padding:5px; }
  346. .ul { list-style-type:square; }
  347.  
  348. {CustomCSS}
  349. </style>
  350.  
  351. {block:IndexPage}
  352. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  353. {block:IfInfiniteScrolling}
  354. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  355. {/block:IfInfiniteScrolling}
  356.  
  357. <script type="text/javascript">
  358. $(window).load(function () {
  359. var $content = $('#posts');
  360. $content.masonry({itemSelector: '.entry'}),
  361. $content.infinitescroll({
  362. navSelector : 'div#pagination',
  363. nextSelector : 'div#pagination a#nextPage',
  364. itemSelector : '.entry',
  365. loading: {
  366. finishedMsg: '',
  367. img: ' '
  368. },
  369. bufferPx : 600,
  370. debug : false,
  371. },
  372. // call masonry as a callback.
  373. function( newElements ) {
  374. var $newElems = $( newElements );
  375. $newElems.hide();
  376. // ensure that images load before adding to masonry layout
  377. $newElems.imagesLoaded(function(){
  378. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  379.  
  380.  
  381. });
  382. });
  383. });
  384. </script>
  385.  
  386. {/block:IndexPage}
  387.  
  388. </head>
  389. <body>
  390. <div id="content">
  391. <div class="wrapper">
  392. <div id="navigation">
  393. <div class="tab"> hover
  394. </div>
  395. <div id="insides">
  396. <div align="center">
  397. <div id="link">
  398. <div class="navi">
  399. <a href="/" title="home"><img src="http://media.tumblr.com/tumblr_m671b2VKxo1r869vr.png"></a>
  400. <a href="/ask" title="message"><img src="http://media.tumblr.com/tumblr_m671bw2gSp1r869vr.png"></a>
  401. <a href="/archive" title="archive"><img src="http://media.tumblr.com/tumblr_m671chgBfq1r869vr.png"></a>
  402. <a href="http://tomkirk.tumblr.com/" title="theme by tomkirk"><img src="http://media.tumblr.com/tumblr_m671dftMyD1r869vr.png"></a>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407.  
  408.  
  409. </div>
  410. <div id="side">
  411.  
  412. <div id="sidepic">
  413. <img src="{image:sidebar}" width="145" style="z-index:2;">
  414. </div>
  415. <div class="nav2">
  416. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  417. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  418. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  419. </div>
  420. <center>
  421. {Description}
  422. {block:ifNotInfiniteScrolling}
  423. <br>
  424. <center>
  425. {block:PreviousPage} <a href="{PreviousPage}"><font size="2">←</font></a>{/block:PreviousPage}
  426. {block:NextPage}<a href="{NextPage}"><font size="2">→</font></a>{/block:NextPage}{/block:ifpagination}
  427. {block:PermalinkPagination}
  428. {block:PreviousPost}<a href="{PreviousPost}"><font size="2">↓</font></a>{/block:PreviousPost}
  429. {block:NextPost}<a href="{NextPost}"><font size="2">↑</font></a>{/block:NextPost}
  430. </center>
  431. {/block:PermalinkPagination}
  432. {/block:ifNotInfiniteScrolling}
  433. </center>
  434. </div>
  435. </div>
  436.  
  437. </div>
  438. </div>
  439.  
  440. {block:IndexPage}
  441. {block:Pagination}
  442. <div id="pagination">
  443. {block:NextPage}
  444. <a id="nextPage" href="{NextPage}"></a>
  445. {/block:NextPage}
  446. {block:PreviousPage}
  447. <a href="{PreviousPage}"> </a>
  448. {/block:PreviousPage}
  449. </div>
  450. {/block:Pagination}
  451. {/block:IndexPage}
  452. </div>
  453.  
  454. <div class="header">
  455. <div class="left">
  456. <div id="posts">
  457.  
  458. {block:Posts}
  459. <div class="entry">
  460.  
  461. {block:Text}
  462. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  463. {block:IndexPage}
  464. <div id="permalink"><a href="{Permalink}" target="_blank" class="details"> {NoteCountWithLabel}</a></l>
  465. </div>
  466. {/block:IndexPage}
  467. {/block:Text}
  468.  
  469. {block:Link}
  470. <a href="{URL}" class="posttitle">{Name}</a>
  471. {block:Description}{Description}{/block:Description}
  472. {block:IndexPage}
  473. <div id="permalink"><a href="{Permalink}" target="_blank" class="details"> {NoteCountWithLabel}</a></l>
  474. </div>
  475. {/block:IndexPage}
  476. {block:Link}
  477.  
  478.  
  479. {block:Photo}
  480. {block:IndexPage}
  481. <div class="perma">
  482. <l><a href="{Permalink}"target="_blank" class="details"> {NoteCountWithLabel}</a></l>
  483. </div>
  484. {/block:IndexPage}
  485. {block:IndexPage}
  486. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/>
  487. {block:Caption}{Caption}{/block:Caption}
  488. {block:ContentSource}
  489. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  490. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  491. {/block:SourceLogo}
  492. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  493. {/block:ContentSource}
  494. {block:ReblogParentURL}
  495. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  496. {/block:ReblogParentURL}{/block:IndexPage}
  497. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  498. {/block:Photo}
  499.  
  500. {block:Photoset}
  501. {block:IndexPage}
  502. <div class="perma">
  503. <l><a href="{Permalink}"target="_blank" class="details">{NoteCountWithLabel}</a></l>
  504. </div>
  505. {/block:IndexPage}
  506. {block:IndexPage}
  507. <center>
  508. {Photoset-250}
  509. </center>
  510. <br>
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:IndexPage}
  513. {block:PermalinkPage}
  514. <center>
  515. {Photoset-500}
  516. </center>
  517. <br>
  518. {block:Caption}{Caption}{/block:Caption}
  519. {/block:PermalinkPage}
  520. {/block:Photoset}
  521.  
  522. {block:Quote}
  523. {Quote}</span>
  524. {block:Source}{Source}{/block:Source}
  525. {block:IndexPage}
  526. <div id="permalink"><a href="{Permalink}" target="_blank" class="details">{NoteCountWithLabel}</a></l>
  527. </div>
  528. {/block:IndexPage}
  529. {/block:Quote}
  530.  
  531. {block:Chat}
  532. {block:title}<div class="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}">
  533. {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  534. {block:IndexPage}
  535. <div id="permalink"><a href="{Permalink}" target="_blank" class="details">{NoteCountWithLabel}</a></l>
  536. </div>
  537. {/block:IndexPage}
  538. {/block:Chat}
  539.  
  540. {block:Audio}
  541. <div style="background:black; margin-bottom:4px;">
  542. {AudioPlayerBlack}
  543. </div>
  544. {block:albumart}
  545. <div class="albumartovr">
  546. <img src="http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png" style="position:absolute; width:96px; margin-left:-1px;">
  547. <div class="albumart">
  548. <img src="{albumarturl}" align="left">
  549. </div></div>
  550. {/block:albumart}
  551. <div class="name">
  552. {block:TrackName}<span><b>Title</b>:<br>
  553. {TrackName}</span>{/block:TrackName}<br>
  554. {block:Artist}<span><b>Artist:</b><br>
  555. {Artist}</span>{/block:Artist}
  556. </div>
  557. <br>
  558. {block:Caption}{Caption}{/block:Caption}
  559. {block:IndexPage}
  560. <div id="permalink"><a href="{Permalink}" target="_blank" class="details">{NoteCountWithLabel}</a></l>
  561. </div>
  562. {/block:IndexPage}
  563. {/block:Audio}
  564.  
  565. {block:Video}
  566. {block:IndexPage}
  567. <div class="perma">
  568. <l><a href="{Permalink}" target="_blank" class="details"> {NoteCountWithLabel}</a></l>
  569. </div>
  570. {/block:IndexPage}
  571. <center>{block:IndexPage}{Video-250}{/block:IndexPage}</center>
  572. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  573. {block:Caption}{Caption}{/block:Caption}
  574. {block:Video}
  575.  
  576. {block:IndexPage}
  577. <div id="permalink">
  578. {block:HasTags}Tags:
  579. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  580. {/block:Tags}
  581. {/block:HasTags}
  582. </div>
  583. {/block:IndexPage}
  584.  
  585. {block:PermalinkPage}
  586. <center>
  587. <Br>
  588. {block:Date}
  589. {TimeAgo} on
  590. {ShortMonth} {DayofMonth},{Year}
  591. {/block:Date}
  592. {block:NoteCount} · {NoteCountWithLabel}
  593. {/block:NoteCount}
  594. {block:HasTags} · Tags:
  595. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  596. {/block:Tags}
  597. {/block:HasTags}
  598. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  599. </center>
  600. {/block:PermalinkPage}
  601.  
  602. {block:PostNotes}{PostNotes}
  603. {/block:PostNotes}
  604. </div>
  605.  
  606. {/block:Posts}
  607.  
  608. </div>
  609. </div>
  610. <div class="right">
  611. </div>
  612. <div class="footer">
  613. <br>
  614. </div>
  615. </div>
  616.  
  617. </body>
  618. </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!