API tools faq
paste
Advertisement
themesbygeorgia

Theme #35

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