Advertisement
Guest User

Untitled

a guest
Nov 1st, 2014
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme one version 1.0 by homemade themes
  6. created: december 2013, http://homemadethemes.tumblr.com
  7.  
  8. -->
  9.  
  10. <html><head>
  11.  
  12. <title>{title}</title>
  13. <meta name="description" content="{MetaDescription}" />
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  16. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  17. <meta name="viewport" content="width=1220" />
  18.  
  19. <!-- DEFAULT VARIABLES -->
  20. <meta name="color:Background" content="#FFFFFF" />
  21. <meta name="color:Center" content="#FFFFFF" />
  22. <meta name="color:Text" content="#000000" />
  23. <meta name="color:Link" content="#555555"/>
  24. <meta name="color:Link Hover" content="#5c5c5c" />
  25. <meta name="color:Scrollbar" content="#7e817e"/>
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Sidebar" content="" />
  28. <meta name="if:Rounded Photos" content="0"/>
  29. <meta name="if:Show Blog Title" content="1"/>
  30. <meta name="if:Show Photo Permalinks" content="1"/>
  31. <meta name="if:Show Description" content="1"/>
  32. <meta name="if:Show Sidebar" content="1"/>
  33. <meta name="if:Show Photo Captions" content="0"/>
  34. <meta name="text:Ask Title" content="Message" />
  35. <meta name="text:Link One" content="" />
  36. <meta name="text:Link One Title" content="" />
  37. <meta name="text:Link Two" content="" />
  38. <meta name="text:Link Two Title" content="" />
  39. <meta name="text:Link Three" content="" />
  40. <meta name="text:Link Three Title" content="" />
  41. <meta name="text:Link Four" content="" />
  42. <meta name="text:Link Four Title" content="" />
  43. <meta name="text:Link Five" content="" />
  44. <meta name="text:Link Five Title" content="" />
  45. <!--- STYLESHEETS & STATIC UPLOADS --->
  46. <script src="http://static.tumblr.com/ek9ly4s/b0Bmxbk09/jquery-latest-homemadethemes.js"></script>
  47. <script src="http://static.tumblr.com/ek9ly4s/am7mxbjx6/homemade.min.js"></script>
  48.  
  49. <style type="text/css">
  50.  
  51. html{
  52. {block:ifshowsidebar}padding-left:155px;{/block:ifshowsidebar}
  53. height:103%;}
  54.  
  55. body, p {
  56. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  57. font-style: normal;
  58. font-size: 12px;
  59. padding: 0px;
  60. margin: 0px;
  61. color:{color:text};}
  62.  
  63. body {
  64. {block:ifcrosshaircursor}cursor:crosshair;{/block:ifcrosshaircursor}
  65. background-color:{color:background};
  66. background-image:url({image:Background});
  67. background-attachment: fixed;
  68. background-repeat: repeat;}
  69.  
  70. a {
  71. text-decoration:none;
  72. color:{color:text};
  73. -webkit-transition: all 0.4s linear;
  74. -moz-transition: all 0.4s linear;
  75. transition: all 0.4s linear;}
  76.  
  77. a:link, a:active, a:visited{
  78. color: {color:Link};
  79. text-decoration: none;
  80. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o -transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  81.  
  82. a:hover{
  83. color:{color:link hover};}
  84.  
  85. img {
  86. {block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}
  87.  
  88. img:hover{
  89. opacity:1.0;
  90. -webkit-transition: all 0.6s ease-out;
  91. -moz-transition: all 0.6s ease-out;
  92. -o-transition: all 0.6s ease-out;
  93. -transition: all 0.6s ease-out;
  94. {block:ifcrosshaircursor}cursor:crosshair;{/block:ifcrosshaircursor}}
  95.  
  96. #infscr-loading{
  97. height:55px;
  98. width:55px;
  99. padding:0px 10px 5px 5px;
  100. background-color:white;
  101. border-radius:5px;
  102. {block:ifnotinfinitescroll}
  103. display:none;visibility: hidden;opacity:0;
  104. {/block:ifnotinfinitescroll}
  105. z-index:999999999999999999;
  106. bottom: 3px;
  107. position: absolute;
  108. left: 50%;
  109. margin-left:-16px;
  110. overflow:hidden;
  111. margin-bottom: 25px;}
  112.  
  113. .clear {
  114. text-align:left;
  115. clear:both;}
  116.  
  117. #entry.masonry-brick {
  118. top: 0 !important;
  119. left: 0 !important;}
  120.  
  121. .title{
  122. display:block;
  123. font-size:14px;
  124. margin-bottom:7px;}
  125.  
  126. blockquote{
  127. padding:0px 0px 2px 1px;
  128. margin:0px 0px 2px 1px;
  129. border-left: 1px dotted #555555;}
  130.  
  131. .description{
  132. text-align:left;}
  133.  
  134. #header{
  135. z-index:999999999999;
  136. padding-left:0px;
  137. width:800px;
  138. margin:auto;
  139. height:auto;
  140. margin-top:50px;
  141. text-align:center;}
  142.  
  143. .nav-tabs {
  144. {block:indexpage}
  145. border-bottom: 1px solid #dddddd;
  146. {/block:indexpage}}
  147.  
  148. #content{
  149. background-color:{color:center};
  150. margin:auto;position:relative;width:800px;
  151. border-left:1px solid #dddddd;
  152. border-right:1px solid #dddddd;
  153. {block:permalinkpage}
  154. border-bottom: 1px solid #dddddd;
  155. {/block:permalinkpage}}
  156.  
  157. {block:indexpage}
  158. @media (max-width: 1100px) {
  159. #content{width:535px;}}
  160.  
  161. @media (max-width:900px) {
  162. #content{width:270px;}}
  163.  
  164. @media (max-width: 1100px) {
  165. #header{width:535px;}}
  166.  
  167. @media (max-width:900px) {
  168. #header{width:270px;}}
  169. {/block:indexpage}
  170.  
  171.  
  172. .sidebar{
  173. border-radius: 4px 0px 4px 4px;
  174. z-index:1;
  175. text-align:left;
  176. border-left:1px solid #dddddd;
  177. border-top:1px solid #dddddd;
  178. border-bottom:1px solid #dddddd;
  179. border-right:1px solid {color:center};
  180. width:210px;
  181. background-color:{color:center};
  182. padding:15px;
  183. margin-left:-241px;
  184. position:fixed;
  185. top:150px;
  186. font-size:12px;}
  187.  
  188. {block:ifshowdescription}
  189. .sidebar img{
  190. margin-bottom:5px;}
  191. {/block:ifshowdescription}
  192.  
  193. @media (max-width:900px) {
  194. .sidebar{top:205px;}}
  195.  
  196. .entry{
  197. margin:5px;
  198. padding:3px 3px 0px 3px;
  199. background-color:{color:center};
  200. {block:IndexPage}
  201. width:250px;
  202. overflow:hidden;
  203. {/block:IndexPage}
  204. {block:PermalinkPage}
  205. width:780px;
  206. padding-right:8px;
  207. padding-bottom:50px;
  208. text-align:;
  209. height:auto;
  210. {/block:PermalinkPage}}
  211.  
  212. {block:IndexPage}
  213. .entry img{
  214. width:250px;}
  215. {/block:IndexPage}
  216.  
  217. /* SCROLL BAR APPEARANCE */
  218. ::-webkit-scrollbar-thumb:vertical {
  219. background-color:{color:scrollbar};
  220. height:10px;
  221. width:10px;
  222. opacity:1;
  223. -webkit-border-radius:0px;
  224. border:3px {color:background} solid;}
  225.  
  226. ::-webkit-scrollbar-thumb:horizontal {
  227. background-color:#4c4f50;
  228. opacity:1;
  229. height:10px !important;
  230. border:3px {color:background} solid;
  231. -webkit-border-radius:0px;}
  232.  
  233. ::-webkit-scrollbar {
  234. height:10px;
  235. width:10px;
  236. background-color:{color:background};
  237. -webkit-border-radius:0px;}
  238.  
  239. ::-webkit-scrollbar-corner {
  240. background-color:{color:background};}
  241.  
  242. ::-webkit-resizer {
  243. background-color:{color:background};}
  244.  
  245. .noteslabel{
  246. margin-left:3px;
  247. float: left;border-radius:3px;
  248. padding:7px;
  249. height:20px;line-height:20px;
  250. background-color:#ffffff;
  251. text-transform:uppercase;}
  252.  
  253. .noteslabel a{
  254. color:gray;
  255. font-size:15px;}
  256.  
  257. .video{
  258. width:250px;
  259. height:auto;}
  260.  
  261. .xnotes{
  262. text-align:right;
  263. margin-top:8px;}
  264.  
  265. .chat{
  266. padding:3px 3px 6px 3px;
  267. -webkit-transition: all 0.5s linear;
  268. -webkit-transition: all 0.5s linear;
  269. -moz-transition: all 0.5s linear;
  270. transition: all 0.5s linear;}
  271.  
  272. #chat{
  273. margin:0; list-style:none;
  274. padding:0;opacity:1;}
  275.  
  276. #chat li{
  277. padding:7px 10px;}
  278.  
  279. #chat li:nth-child(even) {
  280. background-color:#dddddd;
  281. opacity:1;
  282. border-radius:5px;}
  283.  
  284. #chat li span{
  285. text-transform:uppercase;}
  286.  
  287. .photo_caption{
  288. padding:5px 0px 5px 0px;
  289. text-align:right;}
  290.  
  291. .xspace{
  292. display:block;
  293. margin-top:7px;
  294. }
  295.  
  296. .nav-tabs > li.active > a,
  297. .nav-tabs > li.active > a:hover,
  298. .nav-tabs > li.active > a:focus {
  299. z-index:9999999999999999999;
  300. color:{color:link};
  301. cursor: default;
  302. background-color:{color:center};
  303. border-left: 1px solid #dddddd;
  304. border-top: 1px solid #dddddd;
  305. border-right: 1px solid #dddddd;
  306. border-bottom: 1px solid {color:center};
  307. }
  308.  
  309. @media (max-width:900px) {
  310. .nav-tabs > li.active > a,
  311. .nav-tabs > li.active > a:hover,
  312. .nav-tabs > li.active > a:focus {
  313. {block:ifbackgroundimage}
  314. background-color:transparent;
  315. {/block:ifbackgroundimage}
  316. {block:ifnotbackgroundimage}
  317. background-color:{color:background};
  318. {/block:ifnotbackgroundimage}
  319. border: 0px solid #dddddd;}}
  320.  
  321. #xpages{
  322. margin:0 5px;
  323. padding:5px 0;
  324. text-align:
  325. right;
  326. line-height:20px}
  327.  
  328. #xpages a,#xpages span{
  329. padding:5px}
  330.  
  331. #xpages li{
  332. display:inline}
  333.  
  334. #xpages li.prev:first-child .s{
  335. display:none}
  336.  
  337.  
  338. {block:ifshowphotocaptions}
  339. .permalinks{
  340. top:-6px;}
  341. {/block:ifshowphotocaptions}
  342.  
  343.  
  344. {CustomCSS}
  345. </style>
  346.  
  347. {block:IndexPage}
  348. {block:Pagination}
  349. <div id="pagination">
  350. {block:NextPage}
  351. <a id="nextPage" href="{NextPage}"></a>
  352. {/block:NextPage}
  353. {block:PreviousPage}
  354. <a href="{PreviousPage}"></a>
  355. {/block:PreviousPage}
  356. </div>
  357. {/block:Pagination}
  358. {/block:IndexPage}
  359. </head><body>
  360.  
  361. <link href="http://static.tumblr.com/ek9ly4s/Bdxmxbtjg/nav_homemadethemes.css" rel="stylesheet">
  362. <link href="http://static.tumblr.com/ek9ly4s/iDNmxbk31/drop_homemadethemes.css" rel="stylesheet">
  363.  
  364. <div id="header">
  365. <ul class="nav nav-tabs">
  366. {block:ifshowblogtitle}
  367. <li class="active"><a href="/">{title}</a></li>
  368. {/block:ifshowblogtitle}
  369. <li {block:ifnotshowblogtitle}class="active"{/block:ifnotshowblogtitle}>
  370. <a href="/" title="Refresh"> Home</a></li>
  371. {block:AskEnabled}<li><a href="/ask" title="{AskLabel}"> {text:Ask Title}</a></li>{/block:AskEnabled}
  372. <li><a href="http://homemadethemes.tumblr.com" target="_blank" title="Theme Maker"> Theme</a></li>
  373.  
  374.  
  375. <li class="dropdown">
  376. <a class="dropdown-toggle" data-toggle="dropdown" href="#">
  377. Dropdown <span class="caret"></span>
  378. </a>
  379. <ul class="dropdown-menu">
  380. <li class="dropdown-header">Navagation:</li>
  381. {block:ifLinkOneTitle}
  382. <li><a href="{text:Link One}"> {text:Link One Title}</a> </li>{/block:ifLinkOneTitle}
  383. {block:ifLinkTwoTitle}
  384. <li><a href="{text:Link Two}"> {text:Link Two Title}</a> </li>{/block:ifLinkTwoTitle}
  385. {block:ifLinkThreeTitle}
  386. <li><a href="{text:Link Three}"> {text:Link Three Title}</a> </li>{/block:ifLinkThreeTitle}
  387. {block:ifLinkFourTitle}
  388. <li><a href="{text:Link Four}"> {text:Link Four Title}</a> </li>{/block:ifLinkFourTitle}
  389. {block:ifLinkFiveTitle}
  390. <li><a href="{text:Link Five}"> {text:Link Five Title}</a> </li>{/block:ifLinkFiveTitle}
  391. {block:SubmissionsEnabled}<li><a href="/submit" title="{SubmitLabel}" target="_blank"> Submit</a></li> {/block:SubmissionsEnabled}
  392. <li><a href="/archive" title="View my blogging history" target="_blank"> Archive</a></li>
  393. <li><a href="{RSS}" title="Really Simple Syndication" target="_blank"> RSS</a></li>
  394. </ul>
  395. </li>
  396.  
  397. </ul>
  398. </li>
  399.  
  400. </div>
  401. </div>
  402.  
  403. <div id="content" class="infinite-scroll">
  404.  
  405. {block:ifshowsidebar}
  406. <div class="sidebar">
  407. <center>
  408. {block:ifsidebarimage}<center><a href="/"><img src="{image:sidebar}" style="width:100%;" class="img"></a></center>{/block:ifsidebarimage}
  409.  
  410. {block:ifshowdescription}
  411. <div class="description">{description}</div>
  412. {/block:ifshowdescription}
  413. </div>
  414. {/block:ifshowsidebar}
  415.  
  416. {block:Posts}
  417. <div id="content" class="infinite-scroll">
  418. <div class="entry">
  419.  
  420. {block:Photo}
  421. {block:IndexPage}
  422. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" widht="250"/> </a>{LinkCloseTag}</div>
  423. {block:ifshowphotopermalinks}
  424. <div class="permalinks">
  425. <ul class="buttons">
  426. <li>{ReblogButton color="gray" size="20"}</li>
  427. <li>{likeButton color="gray" size="20"}</li>
  428. <div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>
  429. </ul>
  430. </div>{/block:ifshowphotopermalinks}
  431. {Block:ifshowphotocaptions}{block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}{/Block:ifshowphotocaptions}
  432. {/block:IndexPage}
  433. {block:PermalinkPage}<div class="photobig"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div>
  434. {/block:PermalinkPage}
  435. {/block:Photo}
  436.  
  437. {block:Photoset}
  438. <center>
  439. <div class="photoset">
  440. {block:IndexPage}{Photoset-250}
  441. {block:ifshowphotopermalinks}
  442. <div class="permalinks">
  443. <ul class="buttons">
  444. <li>{ReblogButton color="gray" size="20"}</li>
  445. <li>{likeButton color="gray" size="20"}</li>
  446. <div class="noteslabel"><a href="{Permalink}">{NoteCount}</a></div>
  447. </ul>
  448. </div>{/block:ifshowphotopermalinks}
  449. {Block:ifshowphotocaptions}{block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}{/Block:ifshowphotocaptions}
  450. {/block:IndexPage}
  451. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  452. </center>
  453. {/block:Photoset}
  454.  
  455. {block:Text}
  456. <div class="text"><div style="padding:3px;">
  457. <span class="title">{Title}</span>
  458. {Body}
  459. {block:IndexPage}
  460. <a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>
  461. {/block:IndexPage}
  462. {/block:Text}
  463.  
  464. {block:Link}
  465. <div class="text"><div style="padding:3px;">
  466. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  467. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  468. {block:IndexPage}
  469. <a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>
  470. {/block:IndexPage}
  471. {block:Link}
  472.  
  473. {block:Quote}
  474. <div class="text"><div style="padding:3px;">
  475. <div style="margin-left:3px;">
  476. {Quote}</span>
  477. {block:Source}<strong>{Source}</strong>{/block:Source}
  478. </div>
  479. {block:IndexPage}
  480. <a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a></div></div>
  481. {/block:IndexPage}
  482. {/block:Quote}
  483.  
  484.  
  485. {block:Chat}
  486. <div class="chat">
  487. {block:Title}
  488. <a href="{Permalink}">
  489. <div class="title">{Title}</div></a>
  490. {/block:Title}
  491. <ul id="chat">
  492. {block:Lines}
  493. <li class="{Alt} user_{UserNumber}">
  494. {block:Label}
  495. <span class="label">{Label}</span>
  496. {/block:Label}
  497. {Line}
  498. </li>
  499. {/block:Lines}
  500. </ul>
  501. </div>
  502. {block:IndexPage}
  503. <a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a>
  504. {/block:IndexPage}
  505. {/block:Chat}
  506.  
  507. {block:Audio}
  508. <div class="audio">
  509. {block:AlbumArt}{block:indexpage}<a href="{Permalink}">{/block:indexpage}<img src="{AlbumArtURL}" alt="{PhotoAlt}" style="{block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:500px;height:500px;{/block:permalinkpage}"/>{/block:AlbumArt}
  510. <center>
  511. <div style="padding:10px;>{AudioPlayerGrey}
  512. </div>
  513. {block:IndexPage}
  514. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  515. <a href="{Permalink}"><div class="xnotes">{block:PlayCount}{FormattedPlayCount} Plays / {/block:PlayCount} {NoteCountwithLabel}</div></a>
  516. {/block:IndexPage}
  517. </div></center>
  518. {/block:Audio}
  519.  
  520. {block:Answer}
  521. <div class="text"><div style="padding:10px;">
  522. <b>Q</b>: {Question}<br>
  523. <div class="xspace">{Answer}</div>
  524. <div class="xspace"><i>asked by {Asker}</i></div>
  525. {block:IndexPage}
  526. <a href="{Permalink}"><div class="xnotes">{NoteCountwithLabel}</div></a>
  527. {/block:IndexPage}</div></div>{/block:Answer}
  528.  
  529. {block:Video}
  530. {block:IndexPage}
  531. <div class="video">
  532. <center>{Video-250}</center>
  533. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  534. <a href="{Permalink}"><div class="xnotes">{block:PlayCount}{FormattedPlayCount} Plays / {/block:PlayCount} {NoteCountwithLabel}</div></a></div>
  535. {/block:IndexPage}
  536. {block:PermalinkPage}
  537. <center>{Video-500}</center>
  538. {/block:PermalinkPage}
  539. {block:Video}
  540.  
  541. {block:PermalinkPage}
  542. {block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  543. {/block:PermalinkPage}
  544.  
  545. {block:PostNotes}
  546. <div class="notess">{block:Caption}{Caption}{/block:Caption}
  547. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  548. <br>{PostNotes}</div>
  549. {/block:PostNotes}
  550. </div>
  551. </div>
  552. {/block:Posts}
  553.  
  554.  
  555.  
  556. <!-- INFINTE SCROLL SCRIPT -->
  557. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/9Z7mxbk9o/jquery142.min.js"></script>
  558. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/ts7mxbkbc/infinite-scroll.js"></script></script><script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  559. <script type="text/javascript">
  560. $(window).load(function () {
  561. var $content = $('#content');
  562. $content.masonry({itemSelector: '.entry', columnWidth:0
  563. });
  564. $content.infinitescroll({
  565. navSelector : 'div#pagination',
  566. nextSelector : 'div#pagination a#nextPage',
  567. itemSelector : '.entry',
  568. loading: {/*Loading...*/
  569. finishedMsg: '',
  570. img: 'http://static.tumblr.com/ek9ly4s/cmzmxd5xz/ajax-loader__2_.gif'
  571. },
  572. bufferPx :200,
  573. extraScrollPx: 550,
  574. debug : false,
  575. },
  576. // call masonry as a callback.
  577. function( newElements ) {
  578. window.n = window.n || 0;
  579. Tumblr.LikeButton.get_status_by_page(++window.n);
  580. var $newElems = $( newElements );
  581. $newElems.hide();
  582. // ensure that images load before adding to masonry layout
  583. $newElems.imagesLoaded(function(){
  584. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
  585. });
  586. });
  587. });
  588. </script>
  589.  
  590. <script>
  591. $(document).ready(function(){
  592. $('.dropdown-toggle').dropdown()
  593. });
  594. </script>
  595.  
  596. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/8cAmx5h6j/bootstrap.min.js"></script>
  597.  
  598. {block:Pagination}
  599. <div id="pagination">
  600. {block:NextPage}
  601. <a id="nextPage" href="{NextPage}"></a>
  602. {/block:NextPage}
  603. {block:PreviousPage}
  604. <a href="{PreviousPage}"></a>
  605. {/block:PreviousPage}
  606. </div>
  607. {/block:Pagination}
  608. {/block:IndexPage}
  609. </div></div></div></div>
  610.  
  611.  
  612.  
  613. </body></html><!-- END OF THEME -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement