API tools faq
paste
Advertisement
themesbygeorgia

Theme #38

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