API tools faq
paste
bychloethemes

Budapest Theme - By Chloe

bychloethemes
Apr 14th, 2015
579
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. Budapest Theme - bychloethemes.tumblr.com
  7. don't be a douche and delete the credit
  8. -->
  9.  
  10. <meta name="color:Background" content="#ffffff" />
  11. <meta name="color:Body links" content="#444444" />
  12. <meta name="color:Body text" content="#1d1818" />
  13. <meta name="color:Post color" content="#ffffff" />
  14. <meta name="color:Text highlight" content="#ccc" />
  15. <meta name="color:Post Accent" content="#f6f6f6" />
  16. <meta name="color:Sidebar background" content="#dfd7ee" />
  17. <meta name="font:Body" content="Pratt Pro"/>
  18. <meta name="if:Show Description" content="1" />
  19. <meta name="if:No Post Accents" content="0" />
  20. <meta name="if:Archive link" content="1" />
  21. <meta name="if:Link 1" content="1" />
  22. <meta name="if:Link 2" content="1" />
  23. <meta name="if:Link 3" content="1" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:URL 1" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:URL 2" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:URL 3" content="" />
  30. <meta name="image:Background" content="" />
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34. <meta charset="utf-8">
  35. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  36. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  40. <style type="text/css">
  41. /*Basic styles*/
  42. ::-moz-selection {
  43. background: {color:Text highlight};
  44. color: #fff;
  45. }
  46. ::selection {
  47. background: {color:Text highlight};
  48. color: #fff;
  49. }
  50. #content {
  51. {block:IndexPage}
  52. margin-left:auto;
  53. margin-right:auto;
  54. width: 945px;
  55. left:10px;
  56. {/block:IndexPage}
  57. {block:PermalinkPage}
  58. width:400px;
  59. margin-top:50px;
  60. margin-bottom:50px;
  61. margin-left:50%;
  62. left:100px;
  63. {/block:PermalinkPage}
  64. }
  65. body {
  66. background: {color:Background} url('{image:Background}')
  67. no-repeat center center fixed;
  68. -webkit-background-size: cover;
  69. -moz-background-size: cover;
  70. -o-background-size: cover;
  71. background-size: cover;
  72. color: {color:Body text};
  73. font-family: {font:Body};
  74. font-size: 0.7em;
  75. margin: 0;
  76. padding: 0;
  77. }
  78. a:link, a:visited {
  79. text-decoration: none;
  80. color: {color:Body links};
  81. }
  82. a:hover, a:active {
  83. text-decoration: none;
  84. color: {color:Body links};
  85. font-style:italic;
  86. }
  87. blockquote {
  88. background: #fff;
  89. border-left: 1px solid #ccc;
  90. margin: 0;
  91. padding: 2%;
  92. }
  93. blockquote2 {
  94. background: #fff;
  95. padding: 2% 4% 2% 2%;
  96. }
  97. iframe, img, embed, object, video {
  98. max-width: 100%;
  99. }
  100. img {
  101. height: auto;
  102. width: auto;
  103. }
  104. /*Masthead*/
  105. .sidebar {
  106. top:50px;
  107. left:25px;
  108. height:auto;
  109. width:250px;
  110. position:fixed;
  111. background:{color:Sidebar Background};
  112. text-align:left;
  113. padding:10px;
  114. z-index:9999;
  115. opacity:0.8;
  116. }
  117. .sidebar h1 {
  118. display: block;
  119. font-size: 25px;
  120. margin-top: 0;
  121. margin-bottom: 0;
  122. margin-left: 0;
  123. margin-right: 0;
  124. font-weight: normal;
  125. }
  126. .sidebar hr {
  127. height: 1px;
  128. border: 0;
  129. color: {color:Body text};
  130. background-color: {color:Body text};
  131. width: 100%;
  132. }
  133. .sidebar description {
  134. font-size:0.7em;
  135. text-align:justify;
  136. }
  137. .sidebar ul {
  138. list-style-type:none;
  139. }
  140. .sidebar li {
  141. display:inline-block;
  142. font-size:0.7em;
  143. }
  144. /*Article*/
  145. article {
  146. background: {color:Post color};
  147. {block:IndexPage}
  148. margin:25px;
  149. width: 250px;
  150. {/block:IndexPage}
  151. {block:PermalinkPage}
  152. margin:0;
  153. width: 400px;
  154. {/block:PermalinkPage}
  155. padding: 5px 5px 3px 5px;
  156. }
  157. article h1 {
  158. font-weight:normal;
  159. text-transform:uppercase;
  160. font-size:20px;
  161. }
  162. .chat span {
  163. float: left;
  164. margin-right: 5px;
  165. }
  166. .chat .even {
  167. line-height:20px;
  168. {block:IfNotNoPostAccents}
  169. background: {color:Post Accent};
  170. {/block:IfNotNoPostAccents}
  171. }
  172. .tumblr_audio_player {
  173. height: 30px;
  174. width: 250px;
  175. }
  176. .albumart {
  177. position:absolute;
  178. {block:IndexPage}
  179. width:60px;
  180. height:60px;
  181. {/block:IndexPage}
  182. }
  183.  
  184. .albumart img {
  185. float:left;
  186. margin-left:5px;
  187. {block:IndexPage}
  188. width:60px;
  189. height:60px;
  190. {/block:IndexPage}
  191. border:1px solid #fff;
  192. }
  193.  
  194. .playbox {
  195. opacity:0.6;
  196. width:30px;
  197. height:30px;
  198. border-radius:15px;
  199. -webkit-border-radius:15px;
  200. -moz-border-radius:15px;
  201. -o-border-radius:15px;
  202. overflow:hidden;
  203. position:absolute;
  204. z-index:2;
  205. {block:IndexPage}
  206. margin-left:21px;
  207. margin-top:16px;
  208. {block:IndexPage}
  209. }
  210.  
  211. .audioinfo {
  212. margin-top:2px;
  213. line-height:12px;
  214. font-size:0.8em;
  215. padding-bottom:10px;
  216. text-transform:uppercase;
  217. {block:IndexPage}
  218. margin-left:75px;
  219. {block:IndexPage}
  220. }
  221. /*Metadata*/
  222. .metadata {
  223. display: inline-block;
  224. width: 100%;
  225. }
  226. .reblogged {
  227. float: right;
  228. }
  229. /*Tags and notes*/
  230. #tags, nav ul, .chat ul {
  231. list-style: none;
  232. list-style-image: none;
  233. margin: 0;
  234. padding: 0;
  235. }
  236. #tags li {
  237. float: left;
  238. margin-right: 10px;
  239. }
  240. .notes {
  241. clear: both;
  242. padding: 0;
  243. }
  244. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  245. display:none;
  246. }
  247. #infscr-loading {
  248. display:none;
  249. }
  250. .navigation {
  251. display:none!important;
  252. }
  253. .copyright {
  254. position:fixed;
  255. bottom:10px;
  256. left:10px;
  257. }
  258.  
  259. .permalink {
  260. margin-top:0px;
  261. padding:0px 2px 2px 2px;
  262. text-align:right;
  263. word-spacing:1px;
  264. {block:permalinkpage}
  265. opacity:0;
  266. {/block:permalinkpage}
  267. }
  268. #permatag {
  269. position:absolute;
  270. margin-top:-46px;
  271. margin-left:0px;
  272. bottom:5px;
  273. opacity:0;
  274. padding:10px;
  275. word-spacing:4px;
  276. text-align:left;
  277. z-index:5;
  278. width:70px;
  279. letter-spacing:1px;
  280. background-color:rgba(0, 0, 0, 0.6);
  281. -moz-transition:0.5s ease-in-out;
  282. -webkit-transition:0.5s ease-in-out;
  283. -o-transition:0.5s ease-in-out;
  284. transition:0.5s ease-in-out;
  285. }
  286.  
  287. #permatag a{
  288. text-transform:lowercase;
  289. text-decoration:none;
  290. font-size:10px;
  291. color:#fff;
  292. }
  293.  
  294. .post:hover #permatag{
  295. opacity:1;
  296. display:block;
  297. }
  298.  
  299. ol.notes {
  300. padding: 0px;
  301. margin: 25px 0px;
  302. list-style-type: none;
  303. }
  304.  
  305. ol.notes li.note {
  306. padding: 5px;
  307. text-align:right;
  308. }
  309.  
  310. ol.notes li.note img.avatar {
  311. display:none;
  312. }
  313.  
  314. ol.notes li.note span.action {
  315. font-weight: normal;
  316. }
  317.  
  318. ol.notes li.note .answer_content {
  319. font-weight: normal;
  320. }
  321.  
  322. ol.notes li.note blockquote {
  323. padding: 4px 5px;
  324. margin: 10px 0px 0px 25px;
  325. }
  326.  
  327. ol.notes li.note blockquote a {
  328. text-decoration: none;
  329. }
  330. /*Custom CSS*/
  331. {CustomCSS}
  332. </style>
  333. </head>
  334. <body>
  335. <!--Masthead-->
  336. <header class="sidebar">
  337. <blogtitle>
  338. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  339. </blogtitle>
  340. <description>
  341. {block:IfShowDescription}
  342. {block:Description}
  343. <p>{Description}</p>
  344. {block:Description}
  345. {/block:IfShowDescription}
  346. </description>
  347. <!--Navigation-->
  348. <nav>
  349. <ul>
  350. {block:AskEnabled}
  351. <li> <a href="/ask">{AskLabel}</a></li>
  352. {/block:AskEnabled}
  353. {block:SubmissionsEnabled}
  354. <li> <a href="/submit">{SubmitLabel}</a></li>
  355. {/block:SubmissionsEnabled}
  356. {block:HasPages}
  357. {block:Pages}
  358. <li> <a href="{URL}">{Label}</a></li>
  359. {/block:Pages}
  360. {/block:HasPages}
  361. {block:IfLink1}
  362. <li> <a href="{text:URL 1}">{text:Link 1}</a> </li>
  363. {/block:IfLink1}
  364. {block:IfLink2}
  365. <li> <a href="{text:URL 2}">{text:Link 2}</a> </li>
  366. {/block:IfLink2}
  367. {block:IfLink3}
  368. <li> <a href="{text:URL 3}">{text:Link 3}</a> </li>
  369. {/block:IfLink3}
  370. {block:IfArchiveLink}
  371. <li> <a href="/archive">past</a></li>
  372. {/block:IfArchiveLink}
  373. <li><a href="http://dontbrag.tumblr.com">theme</a></li>
  374. </ul>
  375. </nav>
  376. </header>
  377. <!--Content holder-->
  378. <div id="content">
  379. {block:Posts}
  380. <article>
  381. <!--Unique code for each post type-->
  382. {block:Text}
  383. <div class="text">
  384. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  385. {Body}
  386. {block:IndexPage}
  387. <div class="permalink">
  388. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  389. {/block:IndexPage}
  390. {/block:Text}
  391.  
  392. {block:Photo}<div class="photo">
  393. <div class="post">
  394. {block:IndexPage}
  395. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  396. </a>
  397. <div id="permatag">
  398. <a href="{Permalink}">{NoteCount}</a><br>
  399. <a href="{ReblogURL}" target="_blank">reblog</a>
  400. </div>
  401. {/block:IndexPage}
  402. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  403. {block:Caption}{Caption}{/block:Caption}
  404. {/block:PermalinkPage}</div>
  405. {/block:Photo}
  406.  
  407. {block:Photoset}
  408. <div class="photoset">
  409. <div class="post">
  410. {Photoset}
  411. {block:IndexPage}
  412. <div id="permatag">
  413. <a href="{Permalink}">{NoteCount}</a><br>
  414. <a href="{ReblogURL}" target="_blank">reblog</a>
  415. </div>
  416. {/block:IndexPage}
  417. {block:PermalinkPage}
  418. {block:Caption}{Caption}{/block:Caption}
  419. {/block:PermalinkPage}</div>
  420. {/block:Photoset}
  421.  
  422. {block:Quote}
  423. <div class="quote">
  424. <p>&ldquo;{Quote}&rdquo;</p>
  425. {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
  426. {block:IndexPage}
  427. <div class="permalink">
  428. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  429. {/block:IndexPage}
  430. {/block:Quote}
  431.  
  432. {block:Link}
  433. <div class="link">
  434. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  435. {block:Description}{Description}{/block:Description}
  436. {block:IndexPage}
  437. <div class="permalink">
  438. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  439. {/block:IndexPage}
  440. {/block:Link}
  441.  
  442. {block:Chat}
  443. <div class="chat inner">
  444. <ul>
  445. {block:Lines}<li class="{Alt}"><p>{block:Label}
  446. <strong>{Label}</strong>{/block:Label} {Line} </p>
  447. </li>{/block:Lines}
  448. </ul>
  449. {block:IndexPage}
  450. <div class="permalink">
  451. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  452. {/block:IndexPage}
  453. {/block:Chat}
  454.  
  455. {block:Audio}
  456. <div class="audio">
  457. {block:IndexPage}
  458. {block:AlbumArt}
  459. <div class="albumart">
  460. <a href="{Permalink}"><img src="{AlbumArtURL}"></a>
  461. </div>
  462. {/block:AlbumArt}
  463. {block:AudioPlayer}
  464. <div class="playbox">
  465. {AudioPlayerWhite}
  466. </div>
  467. {/block:AudioPlayer}
  468. <div class="audioinfo">
  469. Artist: <span{block:Artist} style="display:none;"
  470. {/block:Artist}>Unknown</span>
  471. {block:Artist}{Artist}{/block:Artist}</br>
  472. Title: <span{block:TrackName} style="display:none;"
  473. {/block:TrackName}>Unknown</span>
  474. {block:TrackName}{TrackName}{/block:TrackName}</br>
  475. Album: <span{block:Album} style="display:none;"
  476. {/block:Album}>Unknown</span>
  477. {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
  478. Plays: {FormattedPlayCount}{/block:PlayCount}
  479. </div>
  480. <div class="permalink">
  481. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  482. {/block:IndexPage}
  483. {block:PermalinkPage}
  484. {block:AlbumArt}<img src="{AlbumArtURL}" width="400"
  485. height="400"/>{/block:AlbumArt}<br>
  486. Artist: <span{block:Artist} style="display:none;"
  487. {/block:Artist}>Unknown</span>
  488. {block:Artist}{Artist}{/block:Artist} &mdash;
  489. Title: <span{block:TrackName} style="display:none;"
  490. {/block:TrackName}>Unknown</span>
  491. {block:TrackName}{TrackName}{/block:TrackName} &mdash;
  492. Album: <span{block:Album} style="display:none;"
  493. {/block:Album}>Unknown</span>
  494. {block:Album}{Album}{/block:Album}{block:PlayCount} &mdash;
  495. Plays: {FormattedPlayCount}{/block:PlayCount}
  496. {block:Caption}{Caption}{/block:Caption}
  497. {AudioPlayerWhite}
  498. {/block:PermalinkPage}
  499. {/block:Audio}
  500.  
  501. {block:Video}
  502. <div class="video">
  503. <div class="video-player">{Video-250}</div>
  504.  
  505. {block:IndexPage}
  506. <div class="permalink">
  507. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  508. {/block:IndexPage}
  509. {block:PermalinkPage}
  510. <div class="video-player">{Video-400}</div>
  511. {block:Caption}{Caption}{/block:Caption}
  512. {/block:permalinkPage}
  513. {/block:Video}
  514.  
  515. {block:Answer}
  516. <div class="answer">
  517. <div style="color: #000000; background-color:
  518. {color:Post Accent};padding: 10px;">
  519. {lang:Asker asked 2}: {Question}</div>
  520. <div style="text-indent: 20px;">{Answer}</div>
  521. {block:IndexPage}
  522. <div class="permalink">
  523. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  524. {/block:IndexPage}
  525. {/block:Answer}
  526. </div>
  527. <!--Post footer (tags and notes) on displayed on permalink pages-->
  528. {block:Permalink}
  529. <footer class="details">
  530. {block:HasTags}
  531. <ul id="tags">
  532. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  533. </ul>
  534. {/block:HasTags}
  535. {block:PostNotes}
  536. <div id="notes">
  537. {PostNotes}
  538. </div>
  539. {/block:PostNotes}
  540. </footer>
  541. {/block:Permalink}
  542. </article>
  543. {/block:Posts}
  544. <!--Close of article-->
  545. </div>
  546. <!--Pagination: previous/next page links-->
  547. {block:Pagination}
  548. <div class="pagination">
  549. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  550. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  551. </div>
  552. {/block:Pagination}
  553. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  554. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  555. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  556. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  557. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  558. <!--Code for infinite scroll and grid layout-->
  559. <script>
  560. (function() {
  561. var $tumblelog = $('#content');
  562. $tumblelog.infinitescroll({
  563. navSelector : ".pagination",
  564. nextSelector : ".pagination a:first",
  565. itemSelector : "article",
  566. bufferPx : 50,
  567. done : "",
  568. loading: {
  569. finishedMsg: "<p> </p>",
  570. img : " ",
  571. msg: null,
  572. msgText: "<p> </p>"
  573. },
  574. },
  575. function( newElements ) {
  576. var $newElems = $( newElements ).css({ opacity: 0 });
  577. $newElems.imagesLoaded(function(){
  578. $newElems.animate({ opacity: 1 });
  579. $tumblelog.masonry( 'appended', $newElems);
  580. });
  581. }
  582. );
  583. $tumblelog.imagesLoaded( function(){
  584. $tumblelog.masonry({
  585. columnWidth: function( containerWidth ) {
  586. return containerWidth / 100;
  587. }
  588. });
  589. });
  590. })();
  591. </script>
  592. <!--For users adding Google Analytics ID-->
  593. <script>
  594. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  595. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  596. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  597. s.parentNode.insertBefore(g,s)}(document,'script'));
  598. </script>
  599. <div class="copyright"><a href="http://dontbrag.tumblr.com">&copy;
  600. </a></div>
  601. </body>
  602. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!