API tools faq
paste
Advertisement
themesbygeorgia

Theme #26

themesbygeorgia
Jul 9th, 2014
956
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.00 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 #26 by wonderfullythemes--->
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  12. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  13.  
  14. <!--SCRIPT FOR TOOLTIPS-->
  15. <stsss>
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18. <script>
  19. (function($){
  20. $(document).ready(function(){
  21. $("a[title]").style_my_tooltips({
  22. tip_follows_cursor:true,
  23. tip_delay_time:0,
  24. tip_fade_speed:0,
  25. attribute:"title"
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. {block:IfInfiniteScroll}
  32. {block:IndexPage}
  33. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  34. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  35.  
  36. <script type="text/javascript">
  37. $(window).load(function(){
  38. var $wall = $('#entries');
  39. $wall.imagesLoaded(function(){
  40. $wall.masonry({
  41. itemSelector: '#post, #post_photo',
  42. isAnimated : false
  43. });
  44. });
  45.  
  46. $wall.infinitescroll({
  47. navSelector : '#pagination',
  48. nextSelector : '#pagination a',
  49. itemSelector : '#post, #post_photo',
  50. bufferPx : 2000,
  51. debug : false,
  52. errorCallback: function() {
  53. $('#scroll').fadeOut('normal');
  54. }},
  55. function( newElements ) {
  56. var $newElems = $( newElements );
  57. $newElems.hide();
  58. $newElems.imagesLoaded(function(){
  59. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  60. });
  61. }); $('#entries').show(500);
  62. });
  63. </script>
  64. {/block:IndexPage}
  65. {/block:IfInfiniteScroll}
  66.  
  67. <meta name="color:Background" content="#fff" />
  68. <meta name="color:Link" content="#1bcc5c" />
  69. <meta name="color:Hover" content="#444" />
  70. <meta name="color:Text" content="#444" />
  71.  
  72. <meta name="image:Sidebar" content="" />
  73.  
  74. <meta name="text:Link1" content="/" />
  75. <meta name="text:Link1 Text" content="Link 1" />
  76. <meta name="text:Link2" content="/" />
  77. <meta name="text:Link2 Text" content="Link 2" />
  78. <meta name="text:Link3" content="/" />
  79. <meta name="text:Link3 Text" content="Link 3" />
  80. <meta name="text:Link4" content="/" />
  81. <meta name="text:Link4 Text" content="Link 4" />
  82. <meta name="text:Link5" content="/" />
  83. <meta name="text:Link5 Text" content="Link 5" />
  84.  
  85. <meta name="if:ShowCustomCursor" content="1" />
  86. <meta name="if:InfiniteScroll" content="0" />
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91. {block:IfInfiniteScroll}
  92. #scroll{
  93. bottom:-20px;
  94. position: absolute;
  95. left: 50%;
  96. width:10px;
  97. height:5px;
  98. overflow:hidden;
  99. margin-bottom:80px;}
  100. {/block:IfInfiniteScroll}
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. height:auto;
  104. background-color:{color:Link};
  105. border:2px solid {color:Background};
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. height:8px;
  110. width:11px;
  111. background-color:{color:Link};
  112. border:5px solid {color:Background};
  113. }
  114.  
  115. #s-m-t-tooltip {
  116. max-width:200px;
  117. font-family:'calibri';
  118. font-size:8px;
  119. background-color:#000;
  120. color:#fff;
  121. border:1px solid {color:Link};
  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. color:{color:Text};
  135. font-family:'calibri';
  136. font-size:11px;
  137. text-decoration:none;
  138. text-transform:none;
  139. margin:0px;
  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. }
  149.  
  150. a:hover {
  151. color:{color:Hover};
  152. text-decoration:underline;
  153. {block:IfShowCustomCursor}
  154. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  155. {/block:IfShowCustomCursor}
  156. }
  157.  
  158. h2 {
  159. font-family:arial black;
  160. color:{color:Text};
  161. }
  162.  
  163. h2 a {
  164. color:{color:Link};
  165. }
  166.  
  167. li {
  168. list-style:square;
  169. }
  170.  
  171. blockquote {
  172. border-left:2px solid {color:Text};
  173. padding-left:5px;
  174. }
  175.  
  176. img, blockquote, li, h2 {
  177. max-width:100%;
  178. }
  179.  
  180. #entries {
  181. width:550px;
  182. margin:auto;
  183. position:relative;
  184. top:10px;
  185. left:530px;
  186. padding:40px;
  187. float:left;
  188. }
  189.  
  190. #post {
  191. width:500px;
  192. margin-bottom:70px;
  193. }
  194.  
  195. #sidebar {
  196. width:200px;
  197. height:100%;
  198. position:fixed;
  199. padding-right:100px;
  200. margin-left:100px;
  201. border-right:1px solid {color:Link};
  202. -moz-transition-duration:0.7s;
  203. -webkit-transition-duration:0.7s;
  204. -o-transition-duration:0.7s;
  205. }
  206.  
  207. .title {
  208. background-color:{color:Background};
  209. text-transform:lowercase;
  210. position:fixed;
  211. letter-spacing:-1px;
  212. text-align:center;
  213. height:auto;
  214. font-family:'arial black';
  215. font-size:31px;
  216. float:center;
  217. margin-top:22%;
  218. margin-left:210px;
  219. padding:2px;
  220. width:auto;
  221. z-index:100;
  222. -webkit-transform: rotate(270deg);
  223. -moz-transform: rotate(270deg);
  224. -ms-transform: rotate(270deg);
  225. -o-transform: rotate(270deg);
  226. transform: rotate(270deg);
  227. }
  228.  
  229. #sidebar:hover .sidebarpic img {
  230. transform:rotate(360deg)scale(0,0);
  231. -ms-transform:rotate(360deg)scale(0,0);
  232. -webkit-transform:rotate(360deg)scale(0,0);
  233. -moz-transition-duration:1s;
  234. -webkit-transition-duration:1s;
  235. -o-transition-duration:1s;
  236. }
  237.  
  238. .sidebarpic img {
  239. margin-top:85%;
  240. height:300px;
  241. width:200px;
  242. transform:rotate(0deg)scale(1,1);
  243. -ms-transform:rotate(0deg)scale(1,1);
  244. -webkit-transform:rotate(0deg)scale(1,1);
  245. -moz-transition-duration:1s;
  246. -webkit-transition-duration:1s;
  247. -o-transition-duration:1s;
  248. }
  249.  
  250. #sidebar:hover .description {
  251. opacity:1;
  252. -moz-transition-duration:1s;
  253. -webkit-transition-duration:1s;
  254. -o-transition-duration:1s;
  255. }
  256.  
  257. .description {
  258. font-size:10px;
  259. text-align:center;
  260. overflow:hidden;
  261. padding:10px;
  262. width:142px;
  263. height:220px;
  264. position:absolute;
  265. background-color:#fff;
  266. margin-top:-260px;
  267. margin-left:20px;
  268. opacity:0;
  269. -moz-transition-duration:1s;
  270. -webkit-transition-duration:1s;
  271. -o-transition-duration:1s;
  272. }
  273.  
  274. .links {
  275. font-size:11px;
  276. line-height:40px;
  277. width:auto;
  278. height:auto;
  279. position:absolute;
  280. font-style:none;
  281. text-decoration:none;
  282. text-align:center;
  283. margin-top:-245px;
  284. margin-left:-40px;
  285. letter-spacing:1px;
  286. text-transform:uppercase;
  287. }
  288.  
  289. .links a {
  290. border-radius:0% 100%;
  291. padding:8px;
  292. background-color:{color:Hover};
  293. color:{color:Link};
  294. -webkit-transform:rotate(0deg);
  295. -moz-transition-duration:0.7s;
  296. -webkit-transition-duration:0.7s;
  297. -o-transition-duration:0.7s;
  298. }
  299.  
  300. .links a:hover {
  301. text-decoration:none;
  302. border-radius:100% 0%;
  303. color:{color:Link};
  304. -moz-transition-duration:0.7s;
  305. -webkit-transition-duration:0.7s;
  306. -o-transition-duration:0.7s;
  307. }
  308.  
  309. #pagination {
  310. width:205px;
  311. margin-top:15px;
  312. font-size:10px;
  313. float:center;
  314. text-align:center;
  315. text-transform:uppercase;
  316. position:relative;
  317. }
  318.  
  319. /*--POST TYPES--*/
  320.  
  321. .ask {
  322. padding:15px;
  323. border-bottom:1px solid #ddd;
  324. background-color:#000;
  325. color:#fff;
  326. }
  327.  
  328. /*--INFO AND TAGS--*/
  329.  
  330. #footer {
  331. line-height:13px;
  332. text-transform:uppercase;
  333. width:500px;
  334. margin-left:0px;
  335. margin-top:10px;
  336. text-align:center;
  337. font-size:8px;
  338. padding-left:5px;
  339. position:relative;
  340. letter-spacing:2px;
  341. }
  342.  
  343. #footer a {
  344. color:{color:Link};
  345. }
  346.  
  347. #footer a:hover {
  348. color:{color:Hover};
  349. }
  350.  
  351. /*--CREDIT--*/
  352. #spectrum {
  353. bottom:9px;
  354. right:7px;
  355. font-size:8px;
  356. font-family:'calibri';
  357. letter-spacing:1px;
  358. text-transform:uppercase;
  359. position:fixed;
  360. }
  361.  
  362. {CustomCSS}</style></head><body>
  363.  
  364. <div id="sidebar">
  365. <div class="title">{Title}</div>
  366.  
  367. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  368. <div class="description">{Description}</div>
  369.  
  370. <div class="links">
  371. <a href="{text:Link1}" title="{text:Link1 Text}"><i class="fa fa-music"></i></a><br>
  372. <a href="{text:Link2}" title="{text:Link2 Text}"><i class="fa fa-heart"></i> </a><br>
  373. <a href="{text:Link3}" title="{text:Link3 Text}"><i class="fa fa-star"></i></a><br>
  374. <a href="{text:Link4}" title="{text:Link4 Text}"><i class="fa fa-key"></i></a><br>
  375. <a href="{text:Link5}" title="{text:Link5 Text}"><i class="fa fa-gift"></i></a>
  376. </div>
  377.  
  378. <div id="pagination">
  379. {block:Pagination}
  380. {block:PreviousPage}<a href="{PreviousPage}" title="back"><i class="fa fa-caret-left"></i></a> &nbsp;&nbsp;{/block:PreviousPage}
  381. {block:NextPage}<a href="{NextPage}" title="next"><i class="fa fa-caret-right"></i></a>{/block:NextPage}
  382. {/block:Pagination}
  383. </div>
  384.  
  385.  
  386. </div>
  387.  
  388. <div id="entries">{block:Posts}
  389.  
  390. {block:IfInfiniteScroll}
  391. {block:ContentSource}
  392. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  393. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  394. {/block:SourceLogo}
  395. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  396. {/block:ContentSource}
  397. {/block:IfInfiniteScroll}
  398.  
  399. <div id="post">
  400.  
  401. {block:Text}
  402. {block:Title}<h2>{Title}</h2>{/block:Title}
  403. {Body}
  404. {/block:Text}
  405.  
  406. {block:Answer}
  407. <div class="ask"><span style="text-transform:uppercase;font-style:italic;letter-spacing:1px;font-size:9px;">{Asker} asked:</span> {Question}</div>
  408. {Answer}
  409. {/block:Answer}
  410.  
  411. {block:Quote}
  412. {Quote}
  413. {block:Source}{Source}{/block:Source}
  414. {/block:Quote}
  415.  
  416. {block:Link}
  417. <h2><a href="{URL}">{Name}</a></h2>
  418. {block:Description}{Description}{/block:Description}
  419. {/block:Link}
  420.  
  421. {block:Chat}
  422. {block:Title}{Title}{/block:Title}
  423. <ul>{block:Lines}
  424. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  425. {/block:Lines}</ul>
  426. {/block:Chat}
  427.  
  428. {block:Photo}
  429. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  430. {block:Caption}{Caption}{/block:Caption}
  431. {/block:Photo}
  432.  
  433. {block:Photoset}
  434. {Photoset-500}
  435. {block:Caption}{Caption}{/block:Caption}
  436. {/block:Photoset}
  437.  
  438. {block:Audio}
  439. {AudioPlayerWhite}
  440. {block:TrackName}{TrackName}{/block:Trackname}
  441. {AudioPlayerBack}
  442. {block:Caption}{Caption}{/block:Caption}
  443. {/block:Audio}
  444.  
  445. {block:Video}
  446. {Video-500}
  447. {block:Caption}{Caption}{/block:Caption}
  448. {/block:Video}
  449.  
  450. <div id="footer">
  451. {block:Date}<a href="{Permalink}">{TimeAgo}</a>
  452. {block:NoteCount}&nbsp;|&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  453. {block:RebloggedFrom}&nbsp;|&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  454. {block:RebloggedFrom}&nbsp;|&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}<br>
  455. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  456. {/block:Date}</div>
  457.  
  458. </div>{/block:Posts}
  459.  
  460. <div id="spectrum">
  461. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  462. </div>
  463.  
  464. </div>
  465.  
  466. {block:IfInfiniteScroll}
  467. {block:IndexPage}
  468. {block:Pagination}
  469. <div id="pagination">
  470. {block:NextPage}
  471. <a id="nextPage" href="{NextPage}"></a>
  472. {/block:NextPage}
  473. {block:PreviousPage}
  474. <a href="{PreviousPage}"></a>
  475. {/block:PreviousPage}
  476. </div>
  477. {/block:Pagination}
  478. {/block:IndexPage}
  479. {/block:IfInfiniteScroll}
  480.  
  481.  
  482. </body>
  483. </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!