API tools faq
paste
Advertisement
themesbygeorgia

Theme #2

themesbygeorgia
Feb 8th, 2014
844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 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>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9. <!--
  10. Theme #2 by wonderfullythemes
  11. please leave the credit intact, thanks!!-->
  12.  
  13. <!--MASONRY -->
  14. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17.  
  18. <stsss>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:100,
  26. tip_fade_speed:200,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33. {block:IndexPage}
  34. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  35. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  36.  
  37. <script type="text/javascript">
  38. $(window).load(function(){
  39. var $wall = $('#entries');
  40. $wall.imagesLoaded(function(){
  41. $wall.masonry({
  42. itemSelector: '#post, #post_photo',
  43. isAnimated : false
  44. });
  45. });
  46.  
  47. $wall.infinitescroll({
  48. navSelector : '#pagination',
  49. nextSelector : '#pagination a',
  50. itemSelector : '#post, #post_photo',
  51. bufferPx : 2000,
  52. debug : false,
  53. errorCallback: function() {
  54. $('#scroll').fadeOut('normal');
  55. }},
  56. function( newElements ) {
  57. var $newElems = $( newElements );
  58. $newElems.hide();
  59. $newElems.imagesLoaded(function(){
  60. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  61. });
  62. }); $('#entries').show(500);
  63. });
  64. </script>
  65. {/block:IndexPage}
  66.  
  67. <meta name="color:Background" content="#000"/>
  68. <meta name="color:Text" content="#000"/>
  69. <meta name="color:Link" content="#444"/>
  70. <meta name="color:Hover" content="#e0e0e0"/>
  71. <meta name="color:Title" content="#000"/>
  72. <meta name="color:Scrollbar" content="#000" />
  73. <meta name="color:Tooltip Background" content="#fff" />
  74. <meta name="color:Tooltip Text" content="#444" />
  75. <meta name="color:Tooltip Border" content="#ddd" />
  76.  
  77. <meta name="image:Background" content=""/>
  78.  
  79. <meta name="text:Link1" content="/" />
  80. <meta name="text:Link1 Text" content="Link 1" />
  81. <meta name="text:Link2" content="/" />
  82. <meta name="text:Link2 Text" content="Link 2" />
  83. <meta name="text:Link3" content="/" />
  84. <meta name="text:Link3 Text" content="Link 3" />
  85. <meta name="text:Link4" content="/" />
  86. <meta name="text:Link4 Text" content="Link 4" />
  87.  
  88. <meta name="if:ShowCustomCursor" content="0" />
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar-thumb {
  93. height:auto;
  94. background-color:{color:Scrollbar};
  95. }
  96.  
  97. ::-webkit-scrollbar {
  98. height:4px;
  99. width:3px;
  100. padding-right:2px;
  101. background-color:white;
  102. }
  103.  
  104. ::-moz-selection {
  105. background: {color:Text};
  106. color:{color:Link};
  107. }
  108.  
  109. ::selection {
  110. background: {color:Text};
  111. color:{color:Link};
  112. }
  113.  
  114. #s-m-t-tooltip {
  115. border:1px solid #fff;
  116. max-width:200px;
  117. font-family:'calibri';
  118. font-size:10px;
  119. background-color:{color:Tooltip Background};
  120. color:{color:Tooltip Text};
  121. border:1px solid {color:Tooltip Border};
  122. line-height:9px;
  123. display:none;
  124. position:absolute;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. padding:3px;
  128. margin:15px 0px 0px 15px;
  129. z-index:99999999999999;
  130. }
  131.  
  132. body {
  133. background:{color:Background};
  134. margin:0px;
  135. color:{color:Text};
  136. font-family:'calibri';
  137. font-size:10px;
  138. line-height:12px;
  139. font-style: none;
  140. {block:IfShowCustomCursor}
  141. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  142. {/block:IfShowCustomCursor}
  143. }
  144.  
  145. a {
  146. color:{color:Link};
  147. text-decoration:none;
  148. text-decoration:none;
  149. -moz-transition-duration:0.7s;
  150. -webkit-transition-duration:0.7s;
  151. -o-transition-duration:0.7s;
  152. }
  153.  
  154. a:hover {
  155. color:{color:Hover};
  156. {block:IfShowCustomCursor}
  157. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  158. {/block:IfShowCustomCursor}
  159. -moz-transition-duration:0.7s;
  160. -webkit-transition-duration:0.7s;
  161. -o-transition-duration:0.7s;
  162. }
  163.  
  164. blockquote {
  165. padding-left:5px;
  166. border-left:2px solid;
  167. }
  168.  
  169.  
  170. iframe, img, embed, object, video {
  171. max-width: 100%;
  172. }
  173.  
  174. #post img {
  175. max-width:100%;
  176. }
  177.  
  178. /*--SIDEBAR--*/
  179.  
  180. #title {
  181. color:{color:Link};
  182. font-family:'pt sans';
  183. font-size:20px;
  184. text-align:right;
  185. }
  186.  
  187. #sidebar {
  188. background: {color:sidebar background};
  189. margin-left:50px;
  190. margin-top:140px;
  191. padding:25px;
  192. color: {color:sidebar text};
  193. width:170px;
  194. float:left;
  195. position:fixed;
  196. border-right:3px solid {color:Text};
  197. }
  198.  
  199. #desc {
  200. width:140px;
  201. height:100px;
  202. overflow-y:scroll;
  203. margin-top:20px;
  204. margin-bottom:10px;
  205. margin-left:3px;
  206. padding:10px;
  207. color:{color:sidebar text};
  208. text-align:justify;
  209. font-family:'calibri';
  210. font-size:11px;
  211. font-weight:none;
  212. border:{color:post border} 1px solid;
  213. background-color:{color:background};
  214. }
  215.  
  216. /*--NAV LINKS--*/
  217.  
  218. #links {
  219. width:100%;
  220. font-family:'calibri';
  221. text-align:right;
  222. font-size:13px;
  223. font-weight:none;
  224. margin-top:20px;
  225. text-transform:lowercase;
  226. font-style:italic;
  227. }
  228.  
  229. #links a {
  230. color:{color:Link};
  231. padding:3px;
  232. line-height:20px;
  233. }
  234.  
  235.  
  236. #links a:hover {
  237. background-color:{color:Hover};
  238. }
  239.  
  240. /*--POSTS--*/
  241.  
  242. #entries {
  243. position:relative;
  244. float:center;
  245. top:60px;
  246. text-align:justify;
  247. margin-bottom:20px;
  248. left:370px;
  249. width:990px;
  250. {block:PermalinkPage}
  251. width:300px;
  252. {/block:PermalinkPage}
  253. }
  254.  
  255. #post {
  256. overflow-x:hidden;
  257. margin-bottom:20px;
  258. width:250px;
  259. padding:10px;
  260. margin-right:30px;
  261. {block:PermalinkPage}
  262. float:center;
  263. margin-bottom:0px;
  264. {/block:PermaLinkPage}
  265. -moz-transition-duration:0.7s;
  266. -webkit-transition-duration:0.7s;
  267. -o-transition-duration:0.7s;
  268. }
  269.  
  270. /*--POST TYPES--*/
  271.  
  272. #ask {
  273. float:left;
  274. margin-right:5px;
  275. }
  276.  
  277. /*--from two column base code. link on my main blog--*/
  278. .audio{
  279. {block:IndexPage}width:180px;{/block:IndexPage}
  280. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  281. .info{
  282. padding:2px 0px 1px 57px;}
  283. .i {
  284. text-transform:uppercase;
  285. letter-spacing:1px;
  286. font-size:8px;}
  287. .pl b,strong{
  288. text-transform:lowercase;
  289. font-size:9px;}
  290. .player{
  291. position:absolute;
  292. overflow:hidden;
  293. margin-top:0px;
  294. margin-left:15px;
  295. background:#ffffff;
  296. width:24px;
  297. height:23px;}
  298.  
  299. .video-container {
  300. position:relative;
  301. padding-bottom:56.25%;
  302. padding-top: 30px;
  303. height:0;
  304. overflow:hidden;}
  305.  
  306. .video-container iframe,
  307. .video-container object,
  308. .video-container embed {
  309. position: absolute;
  310. top: 0;
  311. left: 0;
  312. width: 100%;
  313. height: 100%;}
  314.  
  315. .chat{
  316. line-height:12px;
  317. list-style:none;}
  318. .chat ul{
  319. list-style:none;
  320. padding:0px 5px;
  321. line-height:15px;}
  322. .label{
  323. color:{color:Link};}
  324.  
  325. #scroll{
  326. bottom:-20px;
  327. position: absolute;
  328. left: 50%;
  329. width:10px;
  330. height:5px;
  331. overflow:hidden;
  332. margin-bottom:80px;}
  333.  
  334. /*--INFO AND TAGS--*/
  335. #info {
  336. margin-left: 0px;
  337. position: absolute;
  338. width:100%;
  339. height:auto;
  340. padding:2px;
  341. opacity:0;
  342. -moz-transition-duration:0.7s;
  343. -webkit-transition-duration:0.7s;
  344. -o-transition-duration:0.7s;
  345. }
  346.  
  347. #post:hover #info {
  348. opacity:0.9;
  349. background-color:#fff;
  350. -moz-transition-duration:0.7s;
  351. -webkit-transition-duration:0.7s;
  352. -o-transition-duration:0.7s;
  353. }
  354.  
  355. #footer {
  356. line-height:13px;
  357. text-transform:uppercase;
  358. width:250px;
  359. margin-left:0px;
  360. margin-top:10px;
  361. text-align:center;
  362. font-size:8px;
  363. padding-left:5px;
  364. position:relative;
  365. letter-spacing:2px;
  366. -moz-transition-duration:0.7s;
  367. -webkit-transition-duration:0.7s;
  368. -o-transition-duration:0.7s;
  369. }
  370.  
  371. #footer a {
  372. color:{color:Link};
  373. }
  374.  
  375. #footer a:hover {
  376. color:{color:Hover};
  377. }
  378.  
  379. #perma {
  380. margin-top:20px;
  381. text-align:left;
  382. margin-bottom:40px;
  383. }
  384.  
  385. /*--CREDIT DO NOT REMOVE--*/
  386. #cred {
  387. position:fixed;
  388. font-family:'Calibri';
  389. text-transform:uppercase;
  390. font-size:8px;
  391. right:9px;
  392. bottom:9px;
  393. padding:4px;
  394. color:{color:Link};
  395. letter-spacing:1px;
  396. }
  397.  
  398. {CustomCSS}</style></head><body>
  399.  
  400. <div id="sidebar">
  401. <div id="header">
  402. <div id="title"><a href="/">{Title};</a></div>
  403.  
  404. <div id="desc">{Description}</div>
  405.  
  406. <div id="links">
  407. - <a href="{text:Link1}">{text:Link1 Text}</a><br>
  408. - <a href="{text:Link2}">{text:Link2 Text}</a><br>
  409. - <a href="{text:Link3}">{text:Link3 Text}</a><br>
  410. - <a href="{text:Link4}">{text:Link4 Text}</a>
  411. </div>
  412.  
  413. </div>
  414. </div>
  415.  
  416. <div id="entries">{block:Posts}
  417.  
  418. {block:ContentSource}
  419. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  420. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  421. {/block:SourceLogo}
  422. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  423. {/block:ContentSource}
  424.  
  425. <div id="post">
  426.  
  427. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  428.  
  429. {block:IndexPage}
  430. <div id="footer">
  431. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  432. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  433.  
  434. {block:HasTags}<br>
  435. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  436. {/block:HasTags}
  437. </div>
  438. {/block:IndexPage}
  439.  
  440. {/block:Text}
  441.  
  442. {block:Photo}{block:IndexPage}
  443.  
  444. <div id="info">
  445. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  446. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  447.  
  448. {block:HasTags}<br>
  449. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  450. {/block:HasTags}
  451. </div>
  452.  
  453. <a href="{Permalink}" target="blank"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>{/block:Photo}
  454.  
  455. {block:Photoset}{block:IndexPage}
  456.  
  457. <div id="info">
  458. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  459. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  460.  
  461. {block:HasTags}<br>
  462. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  463. {/block:HasTags}
  464. </div>
  465.  
  466. {block:Photos}<a href="{Permalink}" target="blank"><img src="{PhotoURL-250}" /></a>{/block:Photos}{/block:IndexPage}
  467. {block:PermalinkPage}{block:Photos}<a href="{Permalink}" target="blank"><img src="{PhotoURL-250}" /></a>{/block:Photos}{/block:PermalinkPage}{/block:Photoset}
  468.  
  469. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}
  470.  
  471.  
  472. {block:IndexPage}
  473. <div id="footer">
  474. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  475. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  476.  
  477. {block:HasTags}<br>
  478. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  479. {/block:HasTags}
  480. </div>
  481. {/block:IndexPage}
  482.  
  483.  
  484. {/block:Quote}
  485.  
  486. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  487.  
  488.  
  489. {block:IndexPage}
  490. <div id="footer">
  491. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  492. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  493.  
  494. {block:HasTags}<br>
  495. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  496. {/block:HasTags}
  497. </div>
  498. {/block:IndexPage}
  499.  
  500.  
  501. {/block:Link}
  502.  
  503. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ul>{block:Lines}
  504. <li class="person{UserNumber}">{block:Label}
  505. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  506.  
  507. <div id="footer">
  508. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  509. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  510.  
  511. {block:HasTags}<br>
  512. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  513. {/block:HasTags}
  514. </div>
  515.  
  516.  
  517. {/block:IndexPage}{/block:Chat}
  518.  
  519. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  520. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}
  521.  
  522. <div id="footer">
  523. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  524. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  525.  
  526. {block:HasTags}<br>
  527. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  528. {/block:HasTags}
  529. </div>
  530.  
  531.  
  532. {/block:IndexPage}
  533. {/block:Audio}
  534.  
  535. {block:Video}{block:IndexPage}<div class="video-container">{Video-250}</div>
  536. {/block:IndexPage}
  537. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  538.  
  539. {block:IndexPage}
  540. <div id="footer">
  541. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  542. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  543.  
  544. {block:HasTags}<br>
  545. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  546. {/block:HasTags}
  547. </div>
  548. {/block:IndexPage}
  549.  
  550.  
  551. {/block:Video}
  552.  
  553. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}"></div>{Asker} asked:<br>{Question}{Answer}
  554.  
  555. {block:IndexPage}
  556. <div id="footer">
  557. {block:NoteCount}<a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  558. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} | <a href="{SourceURL}">source <a href="{SourceURL}"></a>{/block:ContentSource}
  559.  
  560. {block:HasTags}<br>
  561. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
  562. {/block:HasTags}
  563. </div>
  564. {/block:IndexPage}
  565.  
  566.  
  567.  
  568. {/block:Answer}
  569.  
  570. </div>
  571.  
  572. {block:PermalinkPage}
  573. {block:Caption}{Caption}{/block:Caption}
  574. <div id="perma">
  575. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a> {/block:Date}
  576. {block:NoteCount} | <a href="{Permalink}">♥ {NoteCount}</a>{/block:NoteCount}
  577. {block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} <br>
  578. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}<br></a>{/block:Tags}{/block:HasTags}
  579. </div>
  580. {/block:PermalinkPage}
  581.  
  582. {block:PostNotes}{PostNotes}{/block:PostNotes}
  583. {/block:Posts}
  584.  
  585. <div id="cred">
  586. <a href="http://wonderfullythemes.tumblr.com/">theme</a>
  587. </div>
  588.  
  589. </div>
  590.  
  591. {block:IndexPage}
  592. {block:Pagination}
  593. <div id="pagination">
  594. {block:NextPage}
  595. <a id="nextPage" href="{NextPage}"></a>
  596. {/block:NextPage}
  597. {block:PreviousPage}
  598. <a href="{PreviousPage}"></a>
  599. {/block:PreviousPage}
  600. </div>
  601. {/block:Pagination}
  602. {/block:IndexPage}
  603.  
  604. <!--For users adding Google Analytics ID-->
  605. <script>
  606. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  607. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  608. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  609. s.parentNode.insertBefore(g,s)}(document,'script'));
  610. </script>
  611.  
  612. <!--do not remove, it will affect the code and your health-->
  613. <div id="cred"><a href="http://wonderfullythemes.tumblr.com/" title="wonderfullythemes">theme</a></div>
  614.  
  615. </body>
  616. </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!