API tools faq
paste
Advertisement
feiinho

SIX CAPS By Max Davis

feiinho
Jun 10th, 2018
459
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!---------------------------------------------------------------
  5.  
  6.  
  7. Theme SIX CAPS By Max Davis
  8. Last update 08.10.15
  9.  
  10. Theme info + code: http://themes.mxdvs.co/themes/sixcaps
  11. More free themes: http://themes.mxdvs.co
  12.  
  13.  
  14. ------------------------------------------------------------- -->
  15.  
  16.  
  17. <html lang="en">
  18. <head>
  19. <meta charset="utf-8" />
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#FFFFFF"/>
  26. <meta name="color:Titles" content="#000000"/>
  27. <meta name="color:Text" content="#000000"/>
  28. <meta name="color:Link" content="#000000"/>
  29. <meta name="color:Link Hover" content="#000000"/>
  30. <meta name="color:Border" content="#F5F5F5"/>
  31.  
  32. <meta name="image:Header Logo" content="" />
  33.  
  34. <meta name="if:Infinite scrolling" content="1" />
  35.  
  36. <meta name="text:Ask Title" content="Ask" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 1 Title" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 2 Title" content="" />
  41. <meta name="text:Link 3" content="" />
  42. <meta name="text:Link 3 Title" content="" />
  43. <meta name="text:Link 4" content="" />
  44. <meta name="text:Link 4 Title" content="" />
  45. <meta name="text:Link 5" content="" />
  46. <meta name="text:Link 5 Title" content="" />
  47.  
  48. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  49. <script type="text/javascript" src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  51. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  52. {block:IfInfinitescrolling}
  53. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  54. {/block:IfInfinitescrolling}
  55. <script type="text/javascript">
  56. jQuery(document).ready(function(){
  57. jQuery('#social').containedStickyScroll();
  58. });
  59. </script>
  60. <style type="text/css">
  61. body {
  62. padding:0;
  63. margin:0;
  64. font-family:'Helvetica', arial;
  65. font-size:11px;
  66. color:{color:text};
  67. background-color:{color:background};}
  68. a { text-decoration:none;
  69. color:{color:link};
  70. -webkit-transition: all 0.4s ease;
  71. -moz-transition: all 0.4s ease;
  72. transition: all 0.4s ease;}
  73. a:hover {
  74. text-decoration:none;
  75. color:{color:link hover};
  76. -webkit-transition: all 0.4s ease;
  77. -moz-transition: all 0.4s ease;
  78. transition: all 0.4s ease;}
  79.  
  80. a:active{outline: none;}
  81. a:focus{-moz-outline-style: none;}
  82. :-moz-any-link:focus{outline: none;}
  83. img{border:none;}
  84. .clear {clear:both;}
  85.  
  86. #center{
  87. width:1080px;
  88. margin: 0 auto 15px;}
  89.  
  90. .top{
  91. margin:30px 0;
  92. width:715px;}
  93. .top .logo{
  94. max-width:655px;}
  95.  
  96. /**** Header styles ****/
  97. #header{
  98. margin: 0 auto;
  99. position: relative;
  100. width: 1080px;
  101. background-color: {color:background};}
  102. #header h1{
  103. font-family: 'Helvetica neue',arial;
  104. font-size: 70px;
  105. font-style: italic;
  106. font-weight: bold;
  107. height: 65px;
  108. letter-spacing: -6px;
  109. line-height: 50px;
  110. margin: 50px 0;
  111. text-align: center;
  112. color:{color:Titles};}
  113. #header .logo{
  114. max-height:250px;
  115. margin:0 0 20px 0;}
  116. #header .description{
  117. margin: 0 auto 25px;
  118. text-align: center;
  119. width: 400px;}
  120. #header .links_box{
  121. height:10px;
  122. overflow:hidden;}
  123. #header .links{
  124. list-style: none outside none;
  125. margin: 0 auto 20px;
  126. padding: 0;
  127. text-align: center;
  128. color:{color:Titles}}
  129. #header .links li a{
  130. color:{color:Titles}}
  131. #header .links li{
  132. display: inline;
  133. font-weight:bold;
  134. font-size: 10px;
  135. letter-spacing: 0px;
  136. margin: 0 15px;
  137. text-transform: uppercase;
  138. color:{color:Titles}}
  139. #header .border{
  140. clear: both;
  141. margin: 25px auto;
  142. width: 450px;
  143. border-top: 1px solid {color:border};}
  144.  
  145. #container{
  146. width: 1080px;
  147. overflow-y: hidden;}
  148. #container .post{
  149. float: left;
  150. margin: 0 25px 50px;
  151. overflow: hidden;
  152. position: relative;
  153. width: 220px;
  154. background-color: {color:background};
  155. {block:PermalinkPage}
  156. width:800px;
  157. padding: 5px 0 30px;
  158. margin:auto;
  159. float:none;
  160. {/block:PermalinkPage}}
  161. #container .post img{
  162. {block:IndexPage}
  163. max-width:200px;
  164. height: auto;
  165. {/block:IndexPage}
  166. {block:PermalinkPage}
  167. max-width:800px;
  168. {/block:PermalinkPage}}
  169. #container h3{
  170. font-family: Helvetica Neue;
  171. margin:0;
  172. padding:0;
  173. line-height:19px;
  174. font-weight:bold;
  175. text-transform:uppercase;
  176. color:{color:Titles};}
  177.  
  178. #container .quote{
  179. text-align:center;
  180. {block:PermalinkPage}
  181. margin:auto;
  182. min-height:52px;
  183. text-align:center;
  184. width:500px;
  185. {/block:PermalinkPage}}
  186. #container .quote .quote_symbol{
  187. font-family: Impact,Charcoal,sans-serif;
  188. font-size: 200px;
  189. margin: -170px 0 0;
  190. opacity: 0.07;
  191. position: absolute;}
  192. #container .quote .source{
  193. margin-top:10px}
  194.  
  195. #container .album{
  196. margin:0;
  197. height:28px;}
  198. #container .albumart{
  199. margin:0;
  200. min-height:height:28px;;
  201. width: 220px;}
  202. #container .albumart img{
  203. height: auto;
  204. max-width: 220px !important;
  205. width: 220px;}
  206. #container .audio{
  207. background: none repeat scroll 0 0 black;
  208. border-left: 45px solid black;
  209. border-right: 45px solid black;
  210. float: left;
  211. height: 27px;
  212. margin: -39px 0 0;
  213. opacity: 0.8;
  214. overflow: hidden;
  215. padding: 5px 0 4px;
  216. position: absolute;
  217. width: 27px;}
  218. #container .plays{
  219. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  220. color: white;
  221. font-size: 9px;
  222. font-weight: bold;
  223. height: 11px;
  224. margin: -39px 0 0 117px;
  225. padding: 15px 15px 10px;
  226. position: absolute;
  227. text-align: right;
  228. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  229. text-transform: uppercase;
  230. width: 73px;}
  231. #container .caption{
  232. text-align:center;}
  233.  
  234. #container .video{
  235. position: relative;
  236. {block:PermalinkPage}
  237. width:500px;
  238. margin:auto;
  239. {/block:PermalinkPage}}
  240. #container .video .header{
  241. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  242. height: 13px;
  243. top:0;
  244. opacity:0;
  245. padding: 9px 10px 6px;
  246. position: absolute;
  247. width: 200px;
  248. -webkit-transition: all 1.0s ease;
  249. -moz-transition: all 1.0s ease;
  250. transition: all 1.0s ease;}
  251. #container .video:hover .header{
  252. opacity:1;
  253. -webkit-transition: all 1.0s ease-in;
  254. -moz-transition: all 1.0s ease-in;
  255. transition: all 1.0s ease-in;}
  256. #container .video .header h1{
  257. color: white;
  258. float: left;
  259. font-size: 12px;
  260. margin: 0;
  261. text-transform: uppercase;
  262. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
  263. #container .video .header .note{
  264. color: white;
  265. float: right;
  266. font-size: 9px;
  267. font-weight: bold;
  268. margin: 2px 0 0;
  269. text-transform: uppercase;
  270. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}{block:IndexPage}
  271. #container .video iframe{
  272. width:220px !important;
  273. height:123px !important;}{/block:IndexPage}
  274.  
  275. #container .photo_set{
  276. width:220px;
  277. position:relative;
  278. overflow:hidden;
  279. {block:PermalinkPage}
  280. width:500px;
  281. {/block:PermalinkPage}}
  282. #container .photo_set .view{
  283. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  284. bottom: 3px;
  285. opacity: 0;
  286. position: absolute;
  287. top: 0;
  288. width: 220px;
  289. -webkit-transition: all 0.7s ease;
  290. -moz-transition: all 0.7s ease;
  291. transition: all 0.7s ease;}
  292. #container .photo_set:hover .view{
  293. opacity:1;
  294. -webkit-transition: all 1.5s ease;
  295. -moz-transition: all 1.5s ease;
  296. transition: all 1.5s ease;}
  297. #container .photo_set .view .link{
  298. color: white;
  299. font-size: 12px;
  300. font-weight: bold;
  301. height: 11px;
  302. line-height: 13px;
  303. margin: -6px 0 0;
  304. position: absolute;
  305. text-align: center;
  306. text-transform: uppercase;
  307. top: 50%;
  308. width: 220px;
  309. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
  310. #container .photo_set .header{
  311. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
  312. height: 13px;
  313. padding: 9px 10px 6px;
  314. position: absolute;
  315. width: 200px;
  316. -webkit-transition: all 1.5s ease;
  317. -moz-transition: all 1.5s ease;
  318. transition: all 1.5s ease;}
  319. #container .photo_set:hover .header{
  320. opacity:0;
  321. -webkit-transition: all 0.7s ease;
  322. -moz-transition: all 0.7s ease;
  323. transition: all 0.7s ease;}
  324. #container .photo_set .header h1{
  325. color: white;
  326. float: left;
  327. font-size: 12px;
  328. margin: 0;
  329. text-transform: uppercase;
  330. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
  331. #container .photo_set .header .note{
  332. color: white;
  333. float: right;
  334. font-size: 9px;
  335. font-weight: bold;
  336. margin: 2px 0 0;
  337. text-transform: uppercase;
  338. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
  339.  
  340. {block:PermalinkPage}
  341. #container .answer_post{
  342. width:500px;
  343. margin:0;}
  344. {/block:PermalinkPage}
  345. #container .question {
  346. line-height: 11px;
  347. margin: 0;
  348. padding: 5px 0;
  349. width: 210px;}
  350. #container .question strong{
  351. text-transform:capitalize}
  352. #container .answer{
  353. clear: both;
  354. display: block;
  355. font-style: italic;
  356. line-height: 11px;
  357. margin: 7px 0 0;
  358. padding: 14px 0 0;
  359. border-top: 1px solid {color:border};}
  360. #container .answer p{
  361. padding:0;
  362. margin:0;}
  363.  
  364. #container blockquote {
  365. margin: 10px 0px 10px 15px;
  366. padding: 2px 5px;}
  367. {block:IndexPage}
  368. #container iframe.photoset{
  369. margin:0 0 0 -15px;}{/block:IndexPage}
  370. #container iframe.photoset img{
  371. display:block !important;}
  372. #container .answer_form_container iframe{
  373. height:75px !important}
  374. #container .chat{
  375. margin:5px 0;
  376. padding:0;
  377. list-style:none;}
  378. #container .chat li{
  379. margin: 5px;
  380. padding: 5px 2px 10px;
  381. border-bottom: 1px solid {color:border};}
  382. #container .chat li:last-child{
  383. border:0;
  384. padding: 5px 5px 0;}
  385. #container .chat .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {
  386. font-weight:bold;}
  387.  
  388. /**** Posts: Photos ****/
  389.  
  390. #photo {
  391. overflow:hidden;
  392. {block:IndexPage}
  393. width:220px;
  394. {/block:IndexPage}
  395. {block:PermalinkPage}
  396. width: 800px;
  397. {/block:PermalinkPage}}
  398. #photo a, #photo a:hover{
  399. color:white;}
  400. #photo img {
  401. display:block;
  402. {block:IndexPage}
  403. width:220px;
  404. max-width:220px !important;
  405. {/block:IndexPage}
  406. {block:PermalinkPage}
  407. max-width:800px;
  408. {/block:PermalinkPage}}
  409. div#photo div#picture {
  410. position:relative;}
  411. div#photo div#picture div#info {
  412. height: 100%;
  413. left: 0;
  414. opacity: 0;
  415. position: absolute;
  416. top: 0;
  417. visibility: hidden;
  418. width: 220px;
  419. z-index: 998;
  420. background-color: rgba(0, 0, 0, 0.8);
  421. -webkit-transition: all 0.7s ease;
  422. -moz-transition: all 0.7s ease;
  423. transition: all 0.7s ease;}
  424. div#photo:hover div#picture div#info {
  425. opacity:1;
  426. -webkit-transition: all 1.5s ease;
  427. -moz-transition: all 1.5s ease;
  428. transition: all 1.5s ease;}
  429. div#photo div#picture div#info div#holder {
  430. height: 134px;
  431. margin-top: -67px;
  432. position: absolute;
  433. text-align: center;
  434. top: 50%;
  435. width: 220px;
  436. z-index: 999;}
  437. div#photo div#picture div#info div#holder .note{
  438. font-family: 'Six Caps',sans-serif;
  439. font-size: 90px;
  440. height: 80px;
  441. line-height: 74px;
  442. margin: 0;
  443. text-align: center;
  444. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
  445. div#photo div#picture div#info div#holder .border {
  446. border-top: 1px solid rgba(255, 255, 255, 0.2);
  447. margin: 15px auto;
  448. width: 40px;}
  449. div#photo div#picture div#info div#holder .date {
  450. font-size: 14px;
  451. font-weight: bold;
  452. height: 11px;
  453. letter-spacing: 0;
  454. margin: 11px 0 7px;
  455. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  456. text-transform: uppercase;}
  457. div#photo div#picture div#info div#holder .reblog {
  458. color: white;
  459. font-size: 6px;
  460. letter-spacing: 3px;
  461. margin: 0 auto;
  462. overflow: hidden;
  463. text-align: center;
  464. text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  465. text-transform: uppercase;
  466. width: 40px;}
  467. div#photo div#picture:hover div#info {visibility:visible;}
  468.  
  469. .permalink_audio {
  470. margin: auto;
  471. width: 500px;}
  472. .permalink_audio .albumart_box {
  473. float: left;
  474. height: 220px;
  475. margin-right: 30px;
  476. position: relative;
  477. width: 220px;}
  478. .permalink_audio .albumart_box .albumart {
  479. position:absolute;
  480. width: 220px;}
  481. .permalink_audio .albumart_box .albumart img {
  482. display:block}
  483. .permalink_audio .no_albumart {
  484. border: 2px dashed rgba(0, 0, 0, 0.07);
  485. color: rgba(0, 0, 0, 0.07);
  486. font-size: 14px;
  487. font-weight: bold;
  488. height: 111px;
  489. letter-spacing: -1px;
  490. line-height: 14px;
  491. padding: 105px 0 0;
  492. text-align: center;
  493. text-transform: lowercase;
  494. width: 216px;}
  495. .permalink_audio .audio_player_perma {
  496. background: none repeat scroll 0 0 black;
  497. border-right: 224px solid black;
  498. float: left;
  499. height: 30px;
  500. margin: 89px 0 0 -15px;
  501. opacity: 0.7;
  502. overflow: hidden;
  503. padding: 7px 10px 4px;
  504. position: relative;
  505. width: 21px;
  506. z-index: 999;}
  507. .permalink_audio .audio_player_perma_art {
  508. background: none repeat scroll 0 0 black;
  509. border-right: 370px solid black;
  510. float: left;
  511. height: 30px;
  512. margin: 89px 0 0 -161px;
  513. opacity: 0.7;
  514. overflow: hidden;
  515. padding: 7px 10px 4px;
  516. position: relative;
  517. width: 21px;
  518. z-index: 999;}
  519. .permalink_audio .audio_info {
  520. border-left: 1px solid rgba(0, 0, 0, 0.07);
  521. color: rgba(0, 0, 0, 0.7);
  522. float: left;
  523. font-weight: bold;
  524. height: 84px;
  525. line-height: 18px;
  526. list-style: none outside none;
  527. margin: 0;
  528. padding: 8px 0 0 15px;
  529. width: 234px;}
  530. .permalink_audio .audio_info li {}
  531.  
  532. .perma_width{
  533. {block:PermalinkPage}
  534. width:500px;
  535. margin:auto;
  536. overflow:hidden;
  537. {/block:PermalinkPage}}
  538. .post_info_2, div.notes {
  539. margin:0 auto 30px;
  540. overflow: hidden;
  541. position: relative;
  542. width: 400px;}
  543. .post_info_2 {
  544. font-size: 10px;
  545. font-weight: bold;
  546. line-height: 14px;
  547. padding: 24px 25px 0;
  548. text-transform: uppercase;
  549. border-top: 1px solid {color:border};} 
  550. .post_info_2 a{font-weight:bold;}
  551. .post_info_2 p{margin:0 0 5px;}
  552. .post_info_2 .tags{
  553. margin:5px 0 0;
  554. padding:0;
  555. list-style:none;}
  556. .post_info_2 .tags li{
  557. float:left;
  558. margin:0 5px 0 0;}
  559. .post_info_2 .tags li a:hover{
  560. text-decoration:underline;}
  561. div.notes{
  562. padding:24px 25px 0;
  563. border-top: 1px solid {color:border};}
  564. ol.notes {
  565. padding: 0;
  566. margin: 0;
  567. list-style-type: none;}
  568. ol.notes li.note {
  569. float: left;
  570. height: 16px;
  571. margin: 3px;
  572. overflow: hidden;
  573. width: 16px;}
  574. ol.notes li.more_notes_link_container{
  575. clear: both;
  576. font-family: 'Source Sans Pro',sans-serif;
  577. font-size: 9px;
  578. font-weight: bold;
  579. height: 7px;
  580. margin: -24px 0 0 !important;
  581. padding: 22px 0;
  582. text-align: center;
  583. text-transform: uppercase;
  584. width: 400px;
  585. background-color:{color:background};}
  586. ol.notes li.note img.avatar {
  587. display: block;
  588. float: left;
  589. height: 16px;
  590. margin-right: 10px;
  591. vertical-align: -4px;
  592. width: 16px;}
  593. ol.notes li.note span{
  594. display:none;}
  595. ol.notes li.note span.action a{
  596. font-weight: bold;}
  597. ol.notes li.note .answer_content {
  598. font-weight: normal;
  599. display:none;}
  600. ol.notes li.note blockquote {
  601. padding: 4px 10px;
  602. margin: 10px 0 10px 30px;
  603. display:none;}
  604. ol.notes li.note blockquote a {
  605. text-decoration: none;
  606. display:none;}
  607.  
  608. #container .navigation{
  609. margin: 0 25px 50px;
  610. overflow: hidden;
  611. width: 200px;
  612. padding: 10px;
  613. float:left;
  614. border-top: 1px solid {color:border};}
  615. #container .previous,#container .next {
  616. padding: 2px 5px;
  617. font-size:10px;
  618. text-transform: uppercase;
  619. font-weight: bold;
  620. font-style:italic;}
  621. #container .previous {float:left;}
  622. #container .next {float:right;}
  623.  
  624. </style>
  625. {block:IndexPage}<script>
  626. $(window).load(function(){
  627. var $wall = $('#container');
  628.  
  629. $wall.masonry({
  630. itemSelector: '.post, .navigation',
  631. columnWidth:270
  632. });
  633.  
  634. $wall.infinitescroll({
  635. navSelector : ".nav",
  636. nextSelector : ".nav a",
  637. itemSelector : ".post",
  638. loading : "",
  639. donetext : ""
  640. },
  641.  
  642. function( newElements ) {
  643. var $newElems = $( newElements ).css({
  644. opacity: 0
  645. });
  646. $newElems.imagesLoaded(function(){
  647. $newElems.animate({ opacity: 1 });
  648. $wall.masonry( "appended", $newElems, true );
  649. });
  650. });
  651. });
  652. </script>{/block:IndexPage}
  653. </head>
  654. <body>
  655.  
  656. {block:IfInfinitescrolling}
  657. {block:Pagination}<div class="nav">
  658. {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
  659. </div>{/block:Pagination}{/block:IfInfinitescrolling}
  660.  
  661. <div id="header">
  662. {block:ifHeaderLogoimage}
  663. <center><img src="{image:Header Logo}" class="logo"/></center>
  664. {/block:ifHeaderLogoimage}
  665.  
  666. {block:ifNotHeaderLogoimage}
  667. <center><a href="/" title="Home"><h1>{Title}</h1></a></center>
  668. {/block:ifNotHeaderLogoimage}
  669.  
  670. {block:Description}
  671. <div class="description">{Description}</div>
  672. {/block:Description}
  673.  
  674. <div class="links_box">
  675. <ul class="links">
  676. <a href="/"><li>Home</li></a>
  677. {block:AskEnabled}<a href="/ask"><li>{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  678. {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</li></a>{/block:AskEnabled}
  679. {block:ifShowSubmit}<a href="/submit"><li>Submit</li></a> {/block:ifShowSubmit}
  680. {block:HasPages}{block:Pages}<a href="{URL}"><li>{Label}</li></a>{/block:Pages}
  681. {/block:HasPages}
  682. {block:ifLink1Title}
  683. <a href="{text:Link 1}" title="{text:Link 1 Title}"><li>
  684. {text:Link 1 Title}</li></a>
  685. {/block:ifLink1Title}
  686. {block:ifLink2Title}
  687. <a href="{text:Link 2}" title="{text:Link 2 Title}"><li>
  688. {text:Link 2 Title}</li></a>
  689. {/block:ifLink2Title}
  690. {block:ifLink3Title}
  691. <a href="{text:Link 3}" title="{text:Link 3 Title}"><li>
  692. {text:Link 3 Title}</li></a>
  693. {/block:ifLink3Title}
  694. {block:ifLink4Title}
  695. <a href="{text:Link 4}" title="{text:Link 4 Title}"><li>
  696. {text:Link 4 Title}</li></a>
  697. {/block:ifLink4Title}
  698. {block:ifLink5Title}
  699. <a href="{text:Link 5}" title="{text:Link 5 Title}"><li>
  700. {text:Link 5 Title}</li></a>
  701. {/block:ifLink5Title}
  702. </ul>
  703. </div>
  704. <div class="border"></div>
  705. </div><!-- End Header-->
  706.  
  707. <div id="center">
  708. <div id="container">
  709. {block:Posts}
  710. <div class="post">
  711. {block:Text}
  712. {block:Title}
  713. <a href="{Permalink}"><h3>{Title}</h3></a>
  714. {/block:Title}
  715. {Body}
  716. {/block:Text}
  717.  
  718. {block:Photo}
  719. <div id="photo">
  720. <div id="picture">
  721. {block:IndexPage}
  722. {block:Date}
  723. <div id="info">
  724. <div id="holder">
  725. <a href="{Permalink}">
  726. {block:NoteCount}<div class="note">
  727. {NoteCount}
  728. </div>{/block:NoteCount}
  729. <div class="border"></div>
  730. <div class="date">
  731. {DayOfMonthWithZero} {ShortMonth} {Year}
  732. </div>
  733. </a>
  734. <a href="{ReblogURL}" target="blank">
  735. <div class="reblog">
  736. reblog
  737. </div></a>
  738. </div>
  739. </div>
  740. {/block:Date}
  741. <img src="{PhotoURL-500}" />
  742. {/block:IndexPage}
  743. {block:PermalinkPage}
  744. <center><img src="{PhotoURL-HighRes}"
  745. class="permalink_photo" /></center>
  746. {/block:PermalinkPage}
  747. </div>
  748. </div>
  749. {/block:Photo}
  750.  
  751. {block:Photoset}
  752. {block:IndexPage}
  753. <div class="photo_set">
  754. <div class="header">
  755. <a href="{Permalink}"><h1>photoset</h1></a>
  756. {block:NoteCount}<a href="{Permalink}">
  757. <div class="note">{NoteCountWithLabel}</div></a>
  758. {/block:NoteCount}
  759. <div class="clear"></div>
  760. </div>
  761. <div class="view">
  762. <a href="{Permalink}">
  763. <div class="link">View Photoset ↦</div></a>
  764. </div>
  765. {Photoset-250}
  766. </div>{/block:IndexPage}
  767.  
  768. {block:PermalinkPage}
  769. <div class="perma_width">{Photoset-500}</div>
  770. {/block:PermalinkPage}
  771. {/block:Photoset}
  772.  
  773. {block:Quote}
  774. <div class="quote">
  775. <div class="quote_symbol">,,</div>
  776. <a href="{Permalink}"><h3>{Quote}</h3></a>
  777.  
  778. {block:Source}
  779. <div class="source">{Source}</div>
  780. {/block:Source}
  781. </div>
  782. {/block:Quote}
  783.  
  784. {block:Link}
  785. <a href="{URL}" class="link" {Target}><h3>
  786. {Name}</h3></a>
  787. {block:Description}
  788. <div class="description">{Description}</div>
  789. {/block:Description}
  790. {/block:Link}
  791.  
  792. {block:Audio}
  793. {block:IndexPage}
  794. <div class="album{block:AlbumArt}art{/block:AlbumArt}">
  795. {block:AlbumArt}
  796. <a href="{Permalink}"><img src="{AlbumArtURL}" /></a>
  797. {/block:AlbumArt}</div>
  798. <div class="audio">
  799. {AudioPlayerBlack}
  800. </div>
  801. <a href="{Permalink}">
  802. <div class="plays">{PlayCountWithLabel}</div></a>
  803. {/block:IndexPage}
  804. {block:PermalinkPage}
  805. <div class="permalink_audio">
  806. <div class="albumart_box">
  807. {block:AlbumArt}<div class="albumart">
  808. <img src="{AlbumArtURL}" />
  809. </div>{/block:AlbumArt}
  810. <div class="no_albumart">
  811. No album art
  812. </div>
  813. </div>
  814. <div class="audio_player_perma{block:AlbumArt}_art{block:AlbumArt}">
  815. {AudioPlayerBlack}
  816. </div>
  817. <ul class="audio_info">
  818. {block:TrackName}
  819. <li>Title: {TrackName}</li>
  820. {/block:TrackName}
  821. {block:Artist}
  822. <li>Artist: {Artist}</li>
  823. {/block:Artist}
  824. {block:Album}
  825. <li>Album: {Album}</li>
  826. {/block:Album}
  827. {block:PlayCount}
  828. <li>Played: {PlayCount} times</li>
  829. {/block:PlayCount}
  830. </div>
  831. <div class="clear"></div>
  832. </div>
  833. {/block:PermalinkPage}
  834. <div class="clear"></div>
  835. {/block:Audio}
  836.  
  837. {block:Chat}
  838. {block:Title}
  839. <a href="{Permalink}"><h3>{Title}</h3></a>
  840. {/block:Title}
  841. <ul class="chat">
  842. {block:Lines}
  843. <li class="{Alt} user_{UserNumber}">
  844. {block:Label}
  845. <span class="label">{Label}</span>
  846. {/block:Label}
  847.  
  848. {Line}
  849. </li>
  850. {/block:Lines}
  851. </ul>
  852. {/block:Chat}
  853.  
  854. {block:Video}
  855. <div class="video">
  856. {block:IndexPage}
  857. <div class="header">
  858. <a href="{Permalink}"><h1>video</h1></a>
  859. {block:NoteCount}<a href="{Permalink}">
  860. <div class="note">{NoteCountWithLabel}</div></a>
  861. {/block:NoteCount}
  862. <div class="clear"></div>
  863. </div>
  864. {Video-250}{/block:IndexPage}
  865. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  866. </div>
  867. {/block:Video}
  868.  
  869. {block:Answer}
  870. <div class="answer_post">
  871. <div class="question">
  872. <strong>{Asker}:</strong><br>
  873. {Question}
  874. </div>
  875. <a href="{Permalink}"><div class="answer">
  876. {Answer}
  877. </div></a>
  878. </div>
  879. {/block:Answer}
  880.  
  881. </div>
  882.  
  883.  
  884. {block:PermalinkPage}
  885. {block:Date}
  886. <div class="post_info_2">
  887. {block:Caption}{Caption}{/block:Caption}
  888. {block:NoteCount}{NoteCountWithLabel}<br />
  889. {/block:NoteCount}
  890. {block:RebloggedFrom}
  891. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>.<br />
  892. 0riginally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.<br />
  893. {/block:RebloggedFrom}
  894. Posted {TimeAgo} on {DayOfWeek} {DayOfMonth} {Month} {ShortYear}.<br/>
  895. {block:HasTags}<ul class="tags">filed under:{block:Tags}
  896. <li><a href="{TagURL}">#{Tag}</a></li>
  897. {/block:Tags}</ul>{/block:HasTags}
  898. </div>
  899. {/block:Date}
  900.  
  901. {block:PostNotes}
  902. <div class="notes">{PostNotes}<div class="clear"></div></div>
  903. {/block:PostNotes}
  904. {/block:PermalinkPage}
  905. {/block:Posts}
  906. {block:IfNotInfinitescrolling}
  907. {block:IndexPage}
  908. {block:Pagination}
  909. <div class="navigation">
  910. {block:PreviousPage}
  911. <a href="{PreviousPage}" class="previous">Previous page</a>
  912. {/block:PreviousPage}
  913.  
  914. {block:NextPage}
  915. <a href="{NextPage}" class="next">Next Page</a>
  916. {/block:NextPage}
  917. <div class="clear"></div>
  918. </div>
  919. {/block:Pagination}
  920. {/block:IndexPage}
  921. {/block:IfNotInfinitescrolling}
  922. </div>
  923. </div>
  924. </body>
  925. </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!