API tools faq
paste
dansmilth

Fansite Theme #3

dansmilth
Aug 22nd, 2015
3,299
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- FANSITE THEME 3 by clumhood :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:navigation" content="#ffffff"/>
  19. <meta name="color:navi links" content="#000000"/>
  20. <meta name="color:content background" content="#f8f8f8"/>
  21. <meta name="color:posts background" content="#ffffff"/>
  22. <meta name="color:sidebars background" content="#ffffff"/>
  23. <meta name="color:description background" content="#facaa6"/>
  24. <meta name="color:description text" content="#d56614"/>
  25. <meta name="color:titles background" content="#f8f8f8"/>
  26. <meta name="color:titles border" content="#eeeeee"/>
  27. <meta name="color:official links background" content="#f8f8f8"/>
  28. <meta name="color:official links border" content="#eeeeee"/>
  29. <meta name="color:events date" content="#eeeeee"/>
  30. <meta name="color:events name" content="#f8f8f8"/>
  31. <meta name="color:question" content="#f8f8f8"/>
  32. <meta name="color:scrollbar" content="#000000"/>
  33. <meta name="color:scrollbar background" content="#ffffff"/>
  34.  
  35. <meta name="image:header" content=""/>
  36. <meta name="image:sidebar" content=""/>
  37.  
  38. <meta name="text:link 1 title" content="link"/>
  39. <meta name="text:link 1 url" content=""/>
  40. <meta name="text:link 2 title" content="link"/>
  41. <meta name="text:link 2 url" content=""/>
  42. <meta name="text:link 3 title" content="link"/>
  43. <meta name="text:link 3 url" content=""/>
  44. <meta name="text:link 4 title" content="link"/>
  45. <meta name="text:link 4 url" content=""/>
  46. <meta name="text:link 5 title" content="link"/>
  47. <meta name="text:link 5 url" content=""/>
  48.  
  49. <!----------------SCRIPTS---------------->
  50.  
  51. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:200,
  60. tip_fade_speed:300
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  69.  
  70. <script type="text/javascript">
  71. WebFontConfig = {
  72. google: { families: [ 'Roboto:400,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  73. };
  74. (function() {
  75. var wf = document.createElement('script');
  76. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  77. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  78. wf.type = 'text/javascript';
  79. wf.async = 'true';
  80. var s = document.getElementsByTagName('script')[0];
  81. s.parentNode.insertBefore(wf, s);
  82. })(); </script>
  83.  
  84. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  85.  
  86. <style type="text/css">
  87.  
  88. /*----------SCROLLBAR---------*/
  89.  
  90. ::-webkit-scrollbar {
  91. background-color: {color:scrollbar bg};
  92. height:8px;
  93. width:5px;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97. background-color:{color:scrollbar};
  98. height:50px;
  99. }
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal {
  102. background-color:{color:scrollbar bg};
  103. height:8px;
  104. }
  105.  
  106. /*----------TOOLTIPS---------*/
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. margin:15px;
  111. padding:5px;
  112. border:1px solid #eeeeee;
  113. border-radius:0px;
  114. background:#ffffff;
  115. color:{color:text};
  116. z-index:999999;
  117. font-size:7px;
  118. font-style:none;
  119. letter-spacing:2px;
  120. font-family:arial;
  121. text-transform:uppercase;
  122. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  123. }
  124.  
  125. /*----------BASICS---------*/
  126.  
  127. body {
  128. background:{color:background};
  129. color:{color:text};
  130. font-family:'roboto',sans-serif;
  131. font-size:11px;
  132. line-height:150%;
  133. margin:0;
  134. text-align:left;
  135. }
  136.  
  137.  
  138. a {
  139. color:{color:links};
  140. text-decoration:none;
  141. }
  142.  
  143. a:hover {
  144. color:{color:links hover};
  145. transition:1s;
  146. -webkit-transition:1s;
  147. -moz-transition:1s;
  148. -o-transition:1s;
  149. }
  150.  
  151. img {
  152. opacity:1;
  153. text-decoration:none;
  154. }
  155.  
  156. h1 {
  157. font-size:14px;
  158. font-weight:bold;
  159. font-family:arial;
  160. line-height:150%;
  161. text-transform:uppercase;
  162. }
  163.  
  164. blockquote {
  165. padding-left:10px;
  166. margin:10px;
  167. border-left:1px solid #eee;
  168. }
  169.  
  170. /*----------SIDEBAR---------*/
  171.  
  172. .navi {
  173. width:100%;
  174. background:{color:navigation};
  175. padding:30px 0px 30px 0px;
  176. text-align:center;
  177. }
  178.  
  179. .navi a {
  180. padding:20px;
  181. text-transform:uppercase;
  182. font-size:15px;
  183. font-weight:bold;
  184. color:{color:navi links};
  185. }
  186.  
  187. .navi a:hover {
  188. color:{color:description background};
  189. }
  190.  
  191.  
  192. .title {
  193. font-size:15px;
  194. text-transform:uppercase;
  195. font-weight:bold;
  196. float:left;
  197. padding-left:30px;
  198. }
  199.  
  200. .header {
  201. width:100%;
  202. height:500px;
  203. }
  204.  
  205.  
  206.  
  207. /*----------POSTS---------*/
  208.  
  209. .container {
  210. width:1200px;
  211. margin-left:calc(50% - 600px);
  212. background:{color:content background};
  213. padding:20px;
  214. }
  215.  
  216.  
  217. .entries {
  218. margin-top:50px;
  219. width:500px;
  220. margin-left:325px;
  221.  
  222. }
  223.  
  224. .posts {
  225. width:500px;
  226. margin-bottom:70px;
  227. background:{color:posts background};
  228. padding:20px;
  229. }
  230.  
  231. .sidebar1 {
  232. width:250px;
  233. float:left;
  234. position:absolute;
  235. padding:10px;
  236. background:{color:sidebars background};
  237. margin-top:50px;
  238. }
  239.  
  240. .sidebar2 {
  241. width:250px;
  242. float:right;
  243. padding:10px;
  244. background:{color:sidebars background};
  245. margin-top:50px;
  246. }
  247.  
  248. .cti {
  249. padding:20px;
  250. margin-top:10px;
  251. text-transform:uppercase;
  252. font-size:15px;
  253. font-weight:bold;
  254. background:{color:titles background};
  255. text-align:right;
  256. border-right:4px solid {color:titles border};
  257. }
  258.  
  259. .cat {
  260. padding:10px;
  261. text-align:justify;
  262. border:1px solid #eee;
  263. margin-top:20px;
  264. margin-bottom:30px;
  265. }
  266.  
  267. .desc {
  268. padding:20px;
  269. background:{color:description background};
  270. margin-top:20px;
  271. text-align:justify;
  272. color:{color:description text};
  273. margin-bottom:50px;
  274. }
  275.  
  276. .date {
  277. float:left;
  278. padding:10px;
  279. margin-right:10px;
  280. background:{color:events date};
  281. text-transform:uppercase;
  282. font-weight:bold;
  283. }
  284.  
  285. .e {
  286. padding:10px;
  287. background:{color:events name};
  288. }
  289.  
  290. .off {
  291. text-transform:uppercase;
  292. letter-spacing:1px;
  293.  
  294. }
  295.  
  296. .off a {
  297. display:block;
  298. padding:10px;
  299. margin:10px;
  300. background:{color:official links background};
  301. border-left:4px solid {color:official links border};
  302. color:black;
  303. }
  304.  
  305. .off a:hover {
  306. background:{color:description background};
  307. transition:1s;
  308. -webkit-transition:1s;
  309. -moz-transition:1s;
  310. -o-transition:1s;
  311. }
  312.  
  313. .hqs {
  314. height:150px;
  315. padding:10px;
  316. }
  317.  
  318. .hqs img {
  319. float:left;
  320. margin:5px;
  321. display:block;
  322. width:64px;
  323. }
  324.  
  325. .music {
  326. padding:10px;
  327. height:220px;
  328. }
  329.  
  330. .music img {
  331. width:100px;
  332. float:left;
  333. display:block;
  334. margin:5px;
  335. }
  336.  
  337. .tours {
  338. padding:10px;
  339. font-size:10px;
  340. }
  341.  
  342. .tours img {
  343. width:100px;
  344. float:left;
  345. padding:5px;
  346. }
  347.  
  348. .projects {
  349.  
  350. width:250px;
  351. padding:5px;
  352. text-align:left;
  353. margin-top:10px;
  354. }
  355.  
  356. .projects img {
  357. padding:5px;
  358. border:1px solid #d1d1d1;
  359. width:80px;
  360. float:left;
  361. margin-right:10px;
  362.  
  363. }
  364.  
  365. /*----------QUOTE---------*/
  366.  
  367. .quote {
  368. padding:10px;
  369. font-size:15px;
  370. text-align:center;
  371. }
  372.  
  373. .quotesource {
  374. padding:10px;
  375. text-align:center;
  376. }
  377.  
  378. /*----------CHAT---------*/
  379.  
  380. .chat {
  381. line-height:150%;
  382. list-style:none;
  383. }
  384.  
  385. .line.odd {
  386. padding:10px;
  387. background:#f8f8f8;
  388. }
  389.  
  390. .line.even {
  391. padding:10px;
  392. }
  393.  
  394. .label {
  395. text-transform:uppercase;
  396. font-size:10px;
  397. letter-spacing:1px;
  398. font-weight:bold;
  399. }
  400.  
  401. /*----------AUDIO---------*/
  402.  
  403. .cover {
  404. position:relative;
  405. z-index:1;
  406. max-width:100px;
  407. padding:10px;
  408. float:left;
  409. }
  410.  
  411. .playbutton {
  412. width:20px;
  413. height:30px;
  414. overflow:hidden;
  415. position:relative;
  416. z-index:2;
  417.  
  418. }
  419.  
  420.  
  421. .playbox {
  422. background-color:#000;
  423. position:absolute;
  424. z-index:2;
  425. padding:15px 24px 13px 16px;
  426. margin-top:20px;
  427. margin-left:20px;
  428. opacity:0.5;
  429. }
  430.  
  431. .trackdetails {
  432. padding:10px;
  433. width:auto;
  434. height:100px;
  435. margin-top:20px;
  436. }
  437.  
  438. /*----------ASK---------*/
  439.  
  440. .question {
  441. padding:10px;
  442. background:{color:question};
  443. }
  444.  
  445.  
  446. .asker {
  447. text-transform:uppercase;
  448. }
  449.  
  450. .answer {
  451. margin:10px;
  452. }
  453.  
  454. /*----------INFO---------*/
  455.  
  456. .info {
  457. padding:10px;
  458. text-transform:uppercase;
  459. border-top:1px solid #eee;
  460. margin-top:25px;
  461. }
  462.  
  463.  
  464. .tags {
  465. margin-left:10px;
  466. margin-top:-5px;
  467. }
  468.  
  469. .tags a {
  470. margin-right:10px;
  471. letter-spacing:1px;
  472. }
  473.  
  474. /*----------POST NOTES---------*/
  475.  
  476. ol.notes {
  477. padding:0px;
  478. margin:25px 0px 0px -10px;
  479. list-style-type:none;
  480. }
  481.  
  482. ol.notes li.note {
  483. padding:10px;
  484. }
  485.  
  486. ol.notes li.note img.avatar {
  487. vertical-align:-4px;
  488. margin-right:10px;
  489. width:16px;
  490. height:16px;
  491. }
  492.  
  493. ol.notes li.note span.action {
  494. font-weight:none;
  495. }
  496.  
  497. ol.notes li.note .answer_content {
  498. font-weight:normal;
  499. }
  500.  
  501. ol.notes li.note blockquote {
  502. padding:4px 10px;
  503. margin:10px 0px 0px 25px;
  504. }
  505.  
  506. ol.notes li.note blockquote a {
  507. text-decoration:none;
  508. }
  509.  
  510. /*----------CREDIT---------*/
  511.  
  512. .credit {
  513. font-size:12px;
  514. position:fixed;
  515. font-weight:bold;
  516. bottom:5px;
  517. right:15px;
  518. z-index:10;
  519. text-align:right;
  520. letter-spacing:1px;
  521. padding:2px;
  522. }
  523.  
  524. .credit a {
  525. color:{color:links};
  526. text-decoration:none;
  527. color:black;
  528. }
  529.  
  530. .credit a:hover {
  531. color:{color:links hover};
  532. text-decoration:none;
  533. }
  534.  
  535. #pagi {
  536. margin-top:40px;
  537. margin-left:600px;
  538. font-family:'roboto', sans-serif;
  539. text-transform:uppercase;
  540. font-size:20px;
  541. font-weight:bold;
  542. padding:20px;
  543. }
  544.  
  545. </style>
  546. </head>
  547.  
  548. <body>
  549.  
  550. <div class="credit">
  551. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank"><i class="fa fa-diamond"></i></a></div>
  552.  
  553. <!----- NAVIGATION ------>
  554.  
  555. <div class="navi"><div class="title"><i class="fa fa-diamond"></i> {Title}</div>
  556. <a href="/">Home</a>
  557. <a href="/ask">Inbox</a>
  558. <a href="{text:link 1 url}">{text:link 1 title}</a>
  559. <a href="{text:link 2 url}">{text:link 2 title}</a>
  560. <a href="{text:link 3 url}">{text:link 3 title}</a>
  561. <a href="{text:link 4 url}">{text:link 4 title}</a>
  562. <a href="{text:link 5 url}">{text:link 5 title}</a>
  563. </div>
  564.  
  565. <!----- HEADER ------>
  566.  
  567. <center><div class="header"><img src="{image:header}"/></div></center>
  568.  
  569. <div class="container">
  570.  
  571. <!----- SIDEBAR 1 ------>
  572.  
  573. <div class="sidebar1">
  574. <img src="{image:sidebar}"/>
  575.  
  576.  
  577.  
  578. <!----- DESCRIPTION ------>
  579.  
  580. <div class="cti">Welcome &nbsp;&nbsp;<i class="fa fa-home"></i></div>
  581. <div class="desc">{Description}</div>
  582.  
  583.  
  584.  
  585. <!----- OFFICIAL LINKS ------>
  586.  
  587. <div class="cti">Official links &nbsp;&nbsp;<i class="fa fa-globe"></i></div>
  588. <div class="cat"><div class="off">
  589. <a href="http://twitter.com/ashton5sos"><i class="fa fa-twitter"></i> &nbsp;&nbsp;Twitter</a>
  590. <a href="http://instagram.com/ashtonirwin"><i class="fa fa-instagram"></i> &nbsp;&nbsp;Instagram</a>
  591. <a href="http://youtube.com/user/hemmo1996"><i class="fa fa-youtube-play"></i> &nbsp;&nbsp;Youtube</a>
  592. <a href="http://5sos.com"><i class="fa fa-globe"></i> &nbsp;&nbsp;Official Website</a>
  593. </div></div>
  594.  
  595. <!----- LATEST HQS ------>
  596.  
  597.  
  598. <div class="cti">Latest HQS &nbsp;&nbsp;<i class="fa fa-camera"></i></div>
  599. <center><div class="hqs">
  600. <a href="/tagged/siriusxmhq"><img src="http://static.tumblr.com/zy3qjic/SqJntg8qk/1.png"/></a>
  601. <a href="/tagged/siriusxmhq"><img src="http://static.tumblr.com/zy3qjic/Ctuntg8qu/2.png"/></a>
  602. <a href="/tagged/gmahq"><img src="http://static.tumblr.com/zy3qjic/5g1ntg8r2/3.png"/></a>
  603. <a href="/tagged/gmahq"><img src="http://static.tumblr.com/zy3qjic/KLLntg8ra/4.png"/></a>
  604. <a href="/tagged/gmahq"><img src="http://static.tumblr.com/zy3qjic/Q3wntg8ri/5.png"/></a>
  605. <a href="/tagged/gmahq"><img src="http://static.tumblr.com/zy3qjic/qC3ntg8rp/6.png"/></a>
  606. </div></center>
  607.  
  608.  
  609.  
  610.  
  611. <!----- MEMBERS ------>
  612.  
  613.  
  614. <div class="cti">Members &nbsp;&nbsp;<i class="fa fa-users"></i></div>
  615. <div class="cat">
  616. {block:GroupMembers}
  617. <table style="margin-top:0px;">
  618. {block:GroupMember}
  619. <tr>
  620. <td style="width:40px;">
  621. <img src="{GroupMemberPortraitURL-40}" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  622. </td>
  623. <td style="width:290px; height:auto;">
  624. <div id="m" style="margin-bottom:10px;">
  625. <a href="{GroupMemberURL}" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  626.  
  627. </tr>
  628. {/block:GroupMember}
  629. </table>
  630. {/block:GroupMembers}
  631. </div>
  632.  
  633.  
  634.  
  635. <!----- ABOUT THE BLOG ------>
  636.  
  637.  
  638. <div class="cti">About the blog &nbsp;&nbsp;<i class="fa fa-info"></i></div>
  639. <div class="cat">
  640. <b>About:</b> Ashton Irwin<br>
  641. <b>Admins:</b> <a href="http://clumhood.tumblr.com">Graziella</a> and <a href="http://zayenmalik.tumblr.com">Cynthia</a> <br>
  642. <b>Designed by:</b> <a href="http://clumhood.tumblr.com/">Graziella</a><br>
  643. <b>Online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5040470";
  644. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  645. fhs.src = "http://s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  646. document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  647. </script><br>
  648. <b>Visits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2991474";
  649. fhsh.src = "http://s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  650. document.body.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  651. </script><br><br>
  652.  
  653. Our site claims no credit for any images posted on this site unless stated otherwise. Images and information on this blog are copyright to their respectful owners.
  654. </div>
  655. </div>
  656.  
  657.  
  658. <!----- SIDEBAR 2 ------>
  659.  
  660.  
  661. <div class="sidebar2">
  662.  
  663.  
  664. <!----- UPCOMING EVENTS ------>
  665.  
  666.  
  667. <div class="cti">Upcoming Events &nbsp;&nbsp;<i class="fa fa-calendar"></i></div>
  668. <div class="cat">
  669.  
  670. <div class="date">August 21</div><div class="e">ROWYSO Cleveland</div><br>
  671.  
  672. <div class="date">August 22</div><div class="e">ROWYSO Indianapolis</div><br>
  673.  
  674. <div class="date">August 23</div><div class="e">ROWYSO Burgettstown</div><br>
  675.  
  676. <div class="date">August 25</div><div class="e">ROWYSO Toronto</div><br>
  677.  
  678. <div class="date">August 26</div><div class="e">ROWYSO Saratoga Springs</div><br>
  679.  
  680. </div>
  681.  
  682.  
  683.  
  684. <div class="cti">Music &nbsp;&nbsp;<i class="fa fa-music"></i></div>
  685. <div class="projects">
  686.  
  687. <img src="https://upload.wikimedia.org/wikipedia/en/5/53/5_Seconds_of_Summer_-_5_Seconds_of_Summer.png">
  688. <ul> <b>5 Seconds of Summer</b><br>
  689. <b>Label</b>: Capital Records<br>
  690. <b>Purchase</b>: <a href="https://itunes.apple.com/fr/album/5-seconds-of-summer-deluxe/id876410663">iTunes</a> | <a href="https://store.universalmusic.com/5sos/*/Music/">Official</a><br>
  691. <b>Released</b>: June 30th, 2014</ul>
  692. <br><br>
  693.  
  694. <img src="http://www.5sos.com/wp-content/themes/5secondsofsummer2/assets/images/livesos-packshot.jpg">
  695. <ul> <b>LiveSOS</b><br>
  696. <b>Label</b>: Capital Records<br>
  697. <b>Purchase</b>: <a href="https://itunes.apple.com/fr/album/livesos-bonus-track-version/id939308954">iTunes</a> | <a href="https://store.universalmusic.com/5sos/*/Music/">Official</a><br>
  698. <b>Released</b>: December 15th, 2014</ul>
  699. <br><br>
  700.  
  701. <img src="http://c.directlyrics.com/img/upload/5-seconds-of-summer-shes-kinda-hot-cover.jpg">
  702. <ul> <b>She's Kinda Hot</b><br>
  703. <b>Label</b>: Capital Records<br>
  704. <b>Purchase</b>: <a href="https://itunes.apple.com/fr/album/shes-kinda-hot-single/id1016879692">iTunes</a> | <a href="https://store.universalmusic.com/5sos/*/Music/">Official</a><br>
  705. <b>Released</b>: July 17th, 2015</ul>
  706. <br><br>
  707.  
  708. <img src="http://40.media.tumblr.com/8b4d1926e0fac98793569710dd878b71/tumblr_nszj78CTb31trq9l0o4_1280.jpg">
  709. <ul> <b>Sounds Good Feels Good</b><br>
  710. <b>Label</b>: Capital Records<br>
  711. <b>Purchase</b>: <a href="https://itunes.apple.com/us/album/sounds-good-feels-good-deluxe/id1029985289">iTunes</a> | <a href="https://store.universalmusic.com/5sos/*/Sounds-Good-Feels-Good/">Official</a><br>
  712. <b>Release Date</b>: October 23rd, 2015</ul>
  713.  
  714.  
  715. </div>
  716.  
  717. <!-- TOURS -->
  718.  
  719.  
  720. <div class="cti">Tours &nbsp;&nbsp;<i class="fa fa-location-arrow"></i></div>
  721. <div class="projects">
  722.  
  723. <img src="http://www.livetradingnews.com/wp-content/uploads/2014/07/5SOS-Web-Teaser_500x500-1-1024x1024.jpg">
  724. <ul> <b>Rock Out With Your Socks Out</b><br>
  725. <b>Status</b>: Headliner<br>
  726. <b>Start</b>: May 4th, 2015<br>
  727. <b>End</b>: September 13th, 2015</ul>
  728. </div>
  729.  
  730.  
  731.  
  732. </div>
  733.  
  734. <div class="entries">
  735.  
  736. {block:Posts}
  737.  
  738. <div class="posts">
  739.  
  740. {block:Text}
  741. <h1>{block:Title}{Title}{/block:Title}</h1>
  742. {Body}{/block:Text}
  743.  
  744.  
  745. {block:Photo}
  746. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  747. {block:Caption}{Caption}{/block:Caption}
  748. {/block:Photo}
  749.  
  750.  
  751. {block:Photoset}
  752. {Photoset-500}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:Photoset}
  755.  
  756.  
  757. {block:Quote}
  758. <div class="quote">"{Quote}"</div>
  759. {block:Source}<div class="quotesource"> — {Source}</div>
  760. {/block:Source}{/block:Quote}
  761.  
  762.  
  763. {block:Link}
  764. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  765. {block:Description}{Description}{/block:Description}
  766. {/block:Link}
  767.  
  768.  
  769. {block:Chat}
  770. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  771. {/block:Chat}
  772.  
  773.  
  774. {block:Audio}
  775.  
  776. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  777.  
  778. {block:AlbumArt}
  779. <img src="{AlbumArtURL}" class="cover">
  780. {/block:AlbumArt}
  781.  
  782.  
  783. <div class="trackdetails"><br>
  784. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  785.  
  786. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  787.  
  788. <b>PLAYS:</b> {FormattedPlayCount}</div>
  789.  
  790.  
  791. {block:Caption}
  792. <div class="caption">{Caption}</div>
  793. {/block:Caption}
  794. {/block:Audio}
  795.  
  796.  
  797. {block:Video}
  798. {Video-500}
  799. {block:Caption}{Caption}{/block:Caption}
  800. {/block:Video}
  801.  
  802.  
  803. {block:Answer}
  804. <div class="question">
  805. <div class="asker"><b>{Asker} said:</b></div>
  806. {Question}</div>
  807. <div class="answer">
  808. {Answer}</div>
  809. {/block:Answer}
  810.  
  811.  
  812. <div class="info">
  813. {block:Date}
  814. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  815. {/block:Date}
  816.  
  817. &nbsp;&nbsp;
  818. <a href="{Permalink}">{NoteCount}</a>
  819. &nbsp;&nbsp;
  820.  
  821. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>&nbsp;&nbsp;<b>Posted by</b> <a href="{PostAuthorURL}">{PostAuthorName}</a>
  822.  
  823. <font style="float:right">
  824. {block:RebloggedFrom}
  825. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  826. {block:ContentSource}
  827. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  828. {/block:ContentSource}
  829. {/block:RebloggedFrom}
  830. </font style>
  831.  
  832.  
  833. </div>
  834.  
  835.  
  836. {block:HasTags}
  837. <div class="tags">
  838. {block:Tags}
  839. <a href="{TagURL}">{Tag}</a>
  840. {/block:Tags}
  841. </div>
  842. {/block:HasTags}
  843.  
  844. </div>
  845.  
  846.  
  847. {block:PostNotes}
  848. {PostNotes}
  849. {/block:PostNotes}
  850.  
  851. {/block:Posts}</div>
  852.  
  853.  
  854. <div id="pagi">
  855. {block:IndexPage}
  856. <div id="pagination">
  857. {block:Pagination}
  858. {block:JumpPagination length="5"}
  859. {block:CurrentPage}
  860. <span class="current_page">{PageNumber}</span>
  861. {/block:CurrentPage}
  862. {block:JumpPage}
  863. <a class="jump_page" href="{URL}">{PageNumber}</a>
  864. {/block:JumpPage}
  865. {/block:JumpPagination}
  866. {/block:Pagination}
  867. </div>
  868. {/block:IndexPage}
  869. </div>
  870.  
  871. {block:ContentSource}
  872. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  873. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  874. {/block:SourceLogo}
  875. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  876. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  877.  
  878. </body>
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!