API tools faq
paste
Advertisement
themesbygeorgia

Theme #34

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