dansmilth

Fansite Theme #7

Jan 17th, 2016
6,244
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- FANSITE THEME #7 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:bold" content="#a6aaad"/>
  16. <meta name="color:italic" content="#aa6078"/>
  17. <meta name="color:text" content="#000000"/>
  18. <meta name="color:links" content="#626262"/>
  19. <meta name="color:navigation" content="#ffffff"/>
  20. <meta name="color:nav links" content="#ae677d"/>
  21. <meta name="color:nav links hover" content="#8867ae"/>
  22. <meta name="color:borders" content="#eeeeee"/>
  23. <meta name="color:question" content="#f8f8f8"/>
  24. <meta name="color:scrollbar" content="#000000"/>
  25. <meta name="color:scrollbar background" content="#ffffff"/>
  26. <meta name="color:sidebar" content="#ffffff"/>
  27. <meta name="color:titles" content="#ae677d"/>
  28. <meta name="color:titles bg" content="#ffffff"/>
  29. <meta name="color:dates" content="#ae677d"/>
  30. <meta name="color:info" content="#ae677d"/>
  31. <meta name="color:content background" content="#f8f8f8"/>
  32. <meta name="color:posts background" content="#ffffff"/>
  33. <meta name="color:events date" content="#eeeeee"/>
  34.  
  35.  
  36. <meta name="image:header" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:icon" content=""/>
  39.  
  40. <meta name="text:link 1 title" content="link"/>
  41. <meta name="text:link 1 url" content=""/>
  42. <meta name="text:link 2 title" content="link"/>
  43. <meta name="text:link 2 url" content=""/>
  44. <meta name="text:link 3 title" content="link"/>
  45. <meta name="text:link 3 url" content=""/>
  46. <meta name="text:link 4 title" content="link"/>
  47. <meta name="text:link 4 url" content=""/>
  48. <meta name="text:link 5 title" content="link"/>
  49. <meta name="text:link 5 url" content=""/>
  50. <meta name="text:link 6 title" content="link"/>
  51. <meta name="text:link 6 url" content=""/>
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <!----------------SCRIPTS---------------->
  58.  
  59. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("[title]").style_my_tooltips({
  66. tip_follows_cursor:true,
  67. tip_delay_time:200,
  68. tip_fade_speed:300
  69. });
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  77.  
  78. <script type="text/javascript">
  79. WebFontConfig = {
  80. google: { families: [ 'Roboto:400,400italic,500,500italic,700,700italic,900,900italic:latin' ] }
  81. };
  82. (function() {
  83. var wf = document.createElement('script');
  84. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  85. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  86. wf.type = 'text/javascript';
  87. wf.async = 'true';
  88. var s = document.getElementsByTagName('script')[0];
  89. s.parentNode.insertBefore(wf, s);
  90. })(); </script>
  91.  
  92. <style type="text/css">
  93.  
  94. /*----------SCROLLBAR---------*/
  95.  
  96. ::-webkit-scrollbar {
  97. background-color: {color:scrollbar bg};
  98. height:8px;
  99. width:5px;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb:vertical {
  103. background-color:{color:scrollbar};
  104. height:50px;
  105. }
  106.  
  107. ::-webkit-scrollbar-thumb:horizontal {
  108. background-color:{color:scrollbar bg};
  109. height:8px;
  110. }
  111.  
  112. /*----------TOOLTIPS---------*/
  113.  
  114. #s-m-t-tooltip {
  115. max-width:300px;
  116. margin:15px;
  117. padding:5px;
  118. border:1px solid #eeeeee;
  119. border-radius:0px;
  120. background:#ffffff;
  121. color:{color:text};
  122. z-index:999999;
  123. font-size:7px;
  124. font-style:none;
  125. letter-spacing:2px;
  126. font-family:arial;
  127. text-transform:uppercase;
  128. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  129. }
  130.  
  131. /*----------BASICS---------*/
  132.  
  133. body {
  134. background:{color:background};
  135. color:{color:text};
  136. font-family:'roboto', sans-serif;
  137. font-size:11px;
  138. line-height:150%;
  139. margin:0;
  140. text-align:left;
  141. }
  142.  
  143. small {
  144. font-size:11px;
  145. }
  146.  
  147.  
  148.  
  149. a {
  150. color:{color:links};
  151. text-decoration:none;
  152. }
  153.  
  154. b {
  155. color:{color:bold};
  156.  
  157. }
  158.  
  159. i {
  160. color:{color:italic};
  161. }
  162.  
  163. a:hover {
  164. color:{color:link hover};
  165. transition:1s;
  166. -webkit-transition:1s;
  167. -moz-transition:1s;
  168. -o-transition:1s;
  169. }
  170.  
  171. img {
  172. opacity:1;
  173. text-decoration:none;
  174. }
  175.  
  176. h1 {
  177. font-size:14px;
  178. font-weight:bold;
  179. font-family:arial;
  180. line-height:150%;
  181. text-transform:uppercase;
  182. }
  183.  
  184. blockquote {
  185. padding-left:10px;
  186. margin:10px;
  187. border-left:1px solid #eee;
  188. }
  189.  
  190. /*----------HEADER---------*/
  191.  
  192. .h img {
  193. margin-bottom:0px;
  194. }
  195.  
  196. .topbar {
  197. width:1280px;
  198. padding:30px 0px 40px 0px;
  199. background:{color:navigation};
  200. }
  201.  
  202. .topbar img {
  203. float:left;
  204. width:30px;
  205. margin-left:30px;
  206. }
  207.  
  208. .title {
  209. text-transform:uppercase;
  210. float:left;
  211. margin-left:10px;
  212. font-size:15px;
  213. font-weight:bold;
  214. }
  215.  
  216.  
  217. .subtitle {
  218. float:left;
  219. margin-left:10px;
  220.  
  221. }
  222.  
  223. .links {
  224. margin-top:-10px;
  225.  
  226. }
  227.  
  228. .links a {
  229. padding:20px;
  230. text-transform:uppercase;
  231. font-size:15px;
  232. letter-spacing:1px;
  233. font-weight:bold;
  234. color:{color:nav links};
  235. }
  236.  
  237. .links a:hover {
  238. color:{color:nav links hover};
  239. }
  240.  
  241.  
  242. /*----------SIDEBAR---------*/
  243.  
  244. .sidebar {
  245. position:absolute;
  246. width:350px;
  247. margin-top:50px;
  248. margin-left:100px;
  249.  
  250. }
  251.  
  252.  
  253. .cat {
  254. padding:20px;
  255. margin-bottom:50px;
  256. background:white;
  257. }
  258.  
  259. .cti {
  260. text-transform:uppercase;
  261. font-size:15px;
  262. font-weight:bold;
  263. padding:15px;
  264. color:{color:titles};
  265. text-align:right;
  266. font-style:italic;
  267. letter-spacing:1px;
  268. background:white;
  269. margin-bottom:5px;
  270. }
  271.  
  272.  
  273.  
  274. .descimg img {
  275. width:350px;
  276. }
  277.  
  278.  
  279.  
  280. .welcome {
  281. text-align:justify;
  282. padding:30px;
  283. margin-top:-5px;
  284. font-size:12px;
  285. margin-bottom:50px;
  286. background:white;
  287. }
  288.  
  289.  
  290.  
  291.  
  292. .projects {
  293. padding:5px;
  294. text-align:left;
  295. margin-top:0px;
  296.  
  297. }
  298.  
  299.  
  300.  
  301. .projects img {
  302. padding:5px;
  303. width:100px;
  304. float:left;
  305. margin-right:10px;
  306. border:1px solid #eee;
  307.  
  308. }
  309.  
  310. .projects a {
  311. color:black;
  312. }
  313.  
  314. .buttons {
  315. text-align:left;
  316. margin-left:70px;
  317. margin-top:10px;
  318. margin-bottom:10px;
  319. color:black;
  320.  
  321. }
  322.  
  323. .buttons a {
  324. padding:5px;
  325. border:1px solid #eee;
  326. color:black;
  327. text-decoration:none;
  328. }
  329.  
  330.  
  331. .cover img{
  332. width:350px;
  333. }
  334.  
  335. .pinfo {
  336. height:130px;
  337. margin-top:10px;
  338. }
  339.  
  340. .pinfo a {
  341. color:black;
  342. text-decoration:none;
  343. }
  344.  
  345. .pinfo b {
  346. color:#a6aaad;
  347. }
  348.  
  349.  
  350.  
  351. .m {
  352. padding:10px 5px 5px 10px;
  353. background:white;
  354. margin-bottom:0px;
  355. height:90px;
  356. }
  357.  
  358. .m a {
  359. margin-top:30px;
  360. position:absolute;
  361. margin-left:10px;
  362. text-transform:uppercase;
  363. font-family:'raleway', sans-serif;
  364. font-size:8px;
  365. letter-spacing:1px;
  366. font-weight:bold;
  367. }
  368.  
  369. .minfo {
  370. margin-top:-50px;
  371. margin-left:100px;
  372.  
  373. }
  374.  
  375.  
  376. .m img {
  377.  
  378. width:90px;
  379. border-radius:100%;
  380. }
  381.  
  382.  
  383.  
  384. .affiliates {
  385. width:300px;
  386. padding:5px;
  387. text-align:left;
  388. text-transform:uppercase;
  389. font-size:9px;
  390. letter-spacing:1px;
  391. margin-top:20px;
  392. }
  393.  
  394. .affiliates img {
  395. padding:5px;
  396. width:50px;
  397.  
  398.  
  399. }
  400.  
  401. .affiliates img:hover {
  402. -webkit-filter: grayscale(100%);
  403. z-index: -9999999999999999999999999px;
  404. -webkit-transition: all 0.9s ease-in-out;
  405. -moz-transition: all 0.9s ease-in-out;
  406. -o-transition: all 0.9s ease-in-out;
  407. -ms-transition: all 0.9s ease-in-out;
  408. transition: all 0.9s ease-in-out;
  409. }
  410.  
  411. .sinfo {
  412. margin:20px;
  413. text-align:justify;
  414. }
  415.  
  416. .off a {
  417. display:block;
  418. padding:10px;
  419. border-bottom:1px solid #eee;
  420. text-transform:uppercase;
  421. font-size:10px;
  422. color:black;
  423. }
  424.  
  425. .off a:hover {
  426. margin-left:5px;
  427. }
  428.  
  429.  
  430. .date {
  431. float:left;
  432. padding:10px;
  433. margin-right:10px;
  434. background:{color:events date};
  435. text-transform:uppercase;
  436. font-weight:bold;
  437. }
  438.  
  439. .e {
  440. padding:10px;
  441. border-bottom:1px solid #eee;
  442. }
  443.  
  444. .hqs {
  445. height:150px;
  446. padding:10px;
  447. margin-left:10px;
  448. width:250px;
  449. }
  450.  
  451. .hqs img {
  452. float:left;
  453. margin:5px;
  454. display:block;
  455. width:64px;
  456. }
  457.  
  458. /*----------PAGINATION---------*/
  459.  
  460. #pagi {
  461. margin-top:40px;
  462. margin-left:800px;
  463. font-family:'roboto', sans-serif;
  464. text-transform:uppercase;
  465. font-size:20px;
  466. font-weight:bold;
  467. padding:20px;
  468. }
  469.  
  470. /*----------POSTS---------*/
  471.  
  472. .container {
  473. width:1240px;
  474. margin-left:calc(50% - 640px);
  475. background:{color:content background};
  476. padding:20px;
  477. margin-top:-5px;
  478.  
  479. }
  480.  
  481.  
  482. .entries {
  483. margin-top:50px;
  484. width:500px;
  485. margin-left:600px;
  486. background:{color:content background};
  487.  
  488. }
  489.  
  490. .posts {
  491. width:500px;
  492. margin-bottom:70px;
  493. background:{color:posts background};
  494. padding:20px;
  495.  
  496. }
  497.  
  498.  
  499. /*----------QUOTE---------*/
  500.  
  501. .quote {
  502. padding:10px;
  503. font-size:15px;
  504. }
  505.  
  506. .quotesource {
  507. padding:10px;
  508. text-align:center;
  509. }
  510.  
  511. /*----------CHAT---------*/
  512.  
  513. .chat {
  514. line-height:150%;
  515. list-style:none;
  516. }
  517.  
  518. .line.odd {
  519. padding:10px;
  520. background:#f8f8f8;
  521. }
  522.  
  523. .line.even {
  524. padding:10px;
  525. }
  526.  
  527. .label {
  528. text-transform:uppercase;
  529. font-size:10px;
  530. letter-spacing:1px;
  531. font-weight:bold;
  532. }
  533.  
  534. /*----------AUDIO---------*/
  535.  
  536. .cover {
  537. position:relative;
  538. z-index:1;
  539. max-width:100px;
  540. padding:10px;
  541. float:left;
  542. }
  543.  
  544. .playbutton {
  545. width:20px;
  546. height:30px;
  547. overflow:hidden;
  548. position:relative;
  549. z-index:2;
  550.  
  551. }
  552.  
  553.  
  554. .playbox {
  555. background-color:#000;
  556. position:absolute;
  557. z-index:2;
  558. padding:15px 24px 13px 16px;
  559. margin-top:30px;
  560. margin-left:30px;
  561. opacity:0.5;
  562. }
  563.  
  564. .trackdetails {
  565. padding:10px;
  566. width:auto;
  567. height:100px;
  568. margin-top:10px;
  569. margin-left:100px;
  570. }
  571.  
  572. /*----------ASK---------*/
  573.  
  574. .question {
  575. padding:10px;
  576. background:{color:question};
  577. }
  578.  
  579.  
  580. .asker {
  581. text-transform:uppercase;
  582. }
  583.  
  584. .answer {
  585. margin:10px;
  586. }
  587.  
  588. /*----------INFO---------*/
  589.  
  590. .infodate {
  591. padding-bottom:20px;
  592. text-transform:uppercase;
  593. font-style:italic;
  594. letter-spacing:1px;
  595.  
  596. }
  597.  
  598. .infodate a {
  599. font-weight:bold;
  600. color:{color:dates};
  601. }
  602.  
  603. .info {
  604. padding:10px;
  605. text-transform:uppercase;
  606. border-top:1px solid #eee;
  607. margin-top:25px;
  608. font-size:10px;
  609. letter-spacing:1px;
  610. }
  611.  
  612. .info b {
  613. color:{color:info};
  614. }
  615.  
  616.  
  617. .tags {
  618. margin-left:10px;
  619. margin-top:-5px;
  620. font-size:10px;
  621.  
  622. }
  623.  
  624. .tags a {
  625. margin-right:10px;
  626. letter-spacing:1px;
  627.  
  628. }
  629.  
  630. /*----------POST NOTES---------*/
  631.  
  632. ol.notes {
  633. padding:0px;
  634. margin:25px 0px 0px -10px;
  635. list-style-type:none;
  636. }
  637.  
  638. ol.notes li.note {
  639. padding:10px;
  640. }
  641.  
  642. ol.notes li.note img.avatar {
  643. vertical-align:-4px;
  644. margin-right:10px;
  645. width:16px;
  646. height:16px;
  647. }
  648.  
  649. ol.notes li.note span.action {
  650. font-weight:none;
  651. }
  652.  
  653. ol.notes li.note .answer_content {
  654. font-weight:normal;
  655. }
  656.  
  657. ol.notes li.note blockquote {
  658. padding:4px 10px;
  659. margin:10px 0px 0px 25px;
  660. }
  661.  
  662. ol.notes li.note blockquote a {
  663. text-decoration:none;
  664. }
  665.  
  666. /*----------CREDIT---------*/
  667.  
  668. .credit {
  669. font-size:8px;
  670. position:fixed;
  671. font-weight:bold;
  672. bottom:5px;
  673. right:15px;
  674. z-index:10;
  675. text-align:right;
  676. letter-spacing:1px;
  677. padding:2px;
  678. }
  679.  
  680. .credit a {
  681. color:{color:links};
  682. text-decoration:none;
  683. border:1px solid #eee;
  684. padding:5px;
  685. }
  686.  
  687. .credit a:hover {
  688. color:{color:links hover};
  689. text-decoration:none;
  690. }
  691.  
  692. </style>
  693. </head>
  694.  
  695. <body>
  696.  
  697. <div class="credit">
  698. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank">CH</a></div>
  699.  
  700.  
  701. <center><div class="topbar">
  702. <img src="{image:icon}"/>
  703. <div class="title">halseysource</div><br>
  704. <div class="subtitle">these are the badlands</div>
  705.  
  706. <div class="links">
  707. <a href="/">Home</a>
  708. <a href="/ask">Inbox</a>
  709. <a href="{text:link 1 url}">{text:link 1 title}</a>
  710. <a href="{text:link 2 url}">{text:link 2 title}</a>
  711. <a href="{text:link 3 url}">{text:link 3 title}</a>
  712. <a href="{text:link 4 url}">{text:link 4 title}</a>
  713. <a href="{text:link 5 url}">{text:link 5 title}</a>
  714. <a href="{text:link 6 url}">{text:link 6 title}</a>
  715. </div>
  716.  
  717. </div></center>
  718.  
  719.  
  720. <center><div class="h"><img src="{image:header}"></div></center>
  721.  
  722.  
  723. <div class="container">
  724.  
  725. <div class="sidebar">
  726.  
  727.  
  728.  
  729. <!-- WELCOME -->
  730.  
  731. <div class="cti"><i class="fa fa-home" style="float:left"></i> Welcome</div>
  732.  
  733.  
  734. <div class="descimg"><img src="{image:sidebar}"/></div>
  735.  
  736.  
  737. <div class="welcome">
  738. {Description}
  739.  
  740.  
  741.  
  742. </div>
  743.  
  744. <!-- OFFICIAL LINKS -->
  745.  
  746. <div class="cti"><i class="fa fa-list" style="float:left"></i> Official Links</div>
  747. <div class="cat">
  748. <div class="off">
  749. <a href="http://twitter.com/halsey">Twitter <i class="fa fa-twitter" style="float:right"></i></a>
  750. <a href="http://instagram.com/iamhalsey">Instagram <i class="fa fa-instagram" style="float:right"></i></a>
  751. <a href="http://iamhalsey.com">Official website <i class="fa fa-globe" style="float:right"></i></a>
  752. <a href="http://www.halseystore.com/">Store <i class="fa fa-tag" style="float:right"></i></a>
  753. </div>
  754. </div>
  755.  
  756.  
  757. <!-- UPCOMING EVENTS -->
  758.  
  759. <div class="cti"><i class="fa fa-calendar" style="float:left"></i> Upcoming events</div>
  760. <div class="cat">
  761.  
  762.  
  763. <div class="date">January 23</div><div class="e">Badlands Tour, Honolulu</div><br>
  764.  
  765. <div class="date">February 17</div><div class="e">Badlands Tour, Stockholm</div><br>
  766.  
  767. <div class="date">February 19</div><div class="e">Badlands Tour, Glasgow</div><br>
  768.  
  769. <div class="date">February 20</div><div class="e">Badlands Tour, Birmingham</div><br>
  770.  
  771. <div class="date">February 22</div><div class="e">Badlands Tour, Manchester</div><br>
  772.  
  773.  
  774.  
  775. </div>
  776.  
  777.  
  778. <!-- LATEST HQS -->
  779.  
  780. <div class="cti"><i class="fa fa-picture-o" style="float:left"></i> Latest HQs</div>
  781. <div class="cat">
  782.  
  783.  
  784. <center><div class="hqs">
  785.  
  786. <a href="/tagged/btsydneyhq" title="badlands tour sydney"><img src="http://static.tumblr.com/zy3qjic/UBbo0ntui/6.png"/></a>
  787. <a href="/tagged/btsydneymghq" title="sydney meet and greet"><img src="http://static.tumblr.com/zy3qjic/unXo0ntu6/5.png"/></a>
  788. <a href="/tagged/btmelbournehq" title="badlands tour melbourne"><img src="http://static.tumblr.com/zy3qjic/y5Zo0nttu/4.png"/></a>
  789. <a href="/tagged/btmelbournemghq" title="melbourne meet and greet"><img src="http://static.tumblr.com/zy3qjic/jVIo0ntte/3.png"/></a>
  790. <a href="/tagged/fallsbyronbayhq" title="falls festival byron bay"><img src="http://static.tumblr.com/zy3qjic/tBqo0ntt1/2.png"/></a>
  791. <a href="/tagged/fielddayhq" title="field day sydney"><img src="http://static.tumblr.com/zy3qjic/Otko0nts3/1.png"/></a>
  792.  
  793.  
  794.  
  795.  
  796. </div></center>
  797.  
  798. </div>
  799.  
  800. <!-- PROJECTS -->
  801.  
  802.  
  803. <div class="cti"><i class="fa fa-diamond" style="float:left"></i> Projects</div>
  804. <div class="cat">
  805.  
  806.  
  807.  
  808. <div class="projects">
  809.  
  810. <img src="https://40.media.tumblr.com/d8683ce1263b6d385811bcb881de213a/tumblr_nldaz5UvCC1u8zs1yo1_500.jpg">
  811. <div class="pinfo"><ul> <b><font style="font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;">ROOM 93</font></b><br>
  812. <b>Label</b>: Astralwerks<br>
  813. <b>Status</b>: Released<br>
  814. <b>Release</b>: November 27, 2014<br>
  815. <div class="buttons">
  816. <a href="https://shop.virginemi.com/halsey/"><i class="fa fa-globe"></i></a>
  817. <a href="https://itunes.apple.com/us/album/room-93-ep/id982681479"><i class="fa fa-apple"></i></a>
  818. <a href="http://www.amazon.com/Room-93-EP-Halsey/dp/B00T4LLK46/ref=sr_1_1?ie=UTF8&qid=1452437878&sr=8-1&keywords=halsey+room+93"><i class="fa fa-amazon"></i></a>
  819. </div>
  820. </ul></div>
  821.  
  822. <img src="http://images.rapgenius.com/f371291856251ba998e049fa457c5ad7.600x600x1.jpg">
  823. <div class="pinfo"><ul> <b><font style="font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;">BADLANDS</font></b><br>
  824. <b>Label</b>: Astralwerks<br>
  825. <b>Status</b>: Released<br>
  826. <b>Release</b>: August 28, 2015<br>
  827. <div class="buttons">
  828. <a href="https://shop.virginemi.com/halsey/"><i class="fa fa-globe"></i></a>
  829. <a href="https://itunes.apple.com/us/album/badlands-deluxe/id999626332"><i class="fa fa-apple"></i></a>
  830. <a href="http://www.amazon.com/Badlands-Halsey/dp/B00YO1TQAG/ref=sr_1_3?ie=UTF8&qid=1452437878&sr=8-3&keywords=halsey+room+93"><i class="fa fa-amazon"></i></a>
  831. </div>
  832. </ul></div>
  833.  
  834. <img src="http://celebmix.com/wp-content/uploads/2015/08/halsey-in-badlands-02.jpg">
  835. <div class="pinfo"><ul> <b><font style="font-size:15px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px;">BADLANDS TOUR</font></b><br>
  836. <b>Status</b>: Headliner<br>
  837. <b>Start</b>: September 30, 2015<br>
  838. <b>End</b>: August 13, 2016<br>
  839. <div class="buttons">
  840. <a href="http://iamhalsey.com/tour"><i class="fa fa-globe"></i></a>
  841.  
  842. </div>
  843. </ul></div>
  844.  
  845.  
  846. </div></div>
  847.  
  848.  
  849. <!-- SPOTLIGHT -->
  850.  
  851.  
  852. <div class="cti"><i class="fa fa-bolt" style="float:left"></i> Spotlight</div>
  853.  
  854. <img src="http://static.tumblr.com/zy3qjic/8rno0qt12/spot.png"><br><br><br><br><br>
  855.  
  856.  
  857.  
  858. <!-- AFFILIATES -->
  859.  
  860. <div class="cti"><i class="fa fa-heart-o" style="float:left"></i> Affiliates</div>
  861. <div class="cat">
  862.  
  863. <div class="affiliates">
  864.  
  865. <center>
  866.  
  867. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  868. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  869. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  870. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  871. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  872. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  873. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  874. <a href="/" title="apply"><img src="http://static.tumblr.com/zy3qjic/OeDnvsxch/8.png"/></a>
  875. </center>
  876.  
  877.  
  878. </div>
  879. </div>
  880.  
  881. <!-- MEMBERS -->
  882.  
  883. <div class="cti"><i class="fa fa-user" style="float:left"></i> Members</div>
  884. <div class="cat">
  885.  
  886. {block:GroupMembers}
  887. <table style="margin-top:0px;">
  888. {block:GroupMember}
  889. <tr>
  890. <td style="width:40px;">
  891. <img src="{GroupMemberPortraitURL-40}" width="40px;" height="auto;" style="margin-right: 10px; padding: 5px; border: 1px solid #f1f1f1">
  892. </td>
  893. <td style="width:290px; height:auto;">
  894. <div id="m" style="margin-bottom:10px;">
  895. <a href="{GroupMemberURL}" style="font-weight:bold; text-transform:uppercase; font-family:arial; letter-spacing:0px; font-size:8px;">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  896.  
  897. </tr>
  898. {/block:GroupMember}
  899. </table>
  900. {/block:GroupMembers}
  901. </div>
  902.  
  903.  
  904.  
  905. <!-- INFO -->
  906.  
  907. <div class="cti"><i class="fa fa-creative-commons" style="float:left"></i> About the site</div>
  908. <div class="cat">
  909.  
  910. <div class="sinfo">
  911. <b>About:</b> Halsey<br>
  912. <b>Admins:</b> <a href="http://clumhood.tumblr.com">Graziella</a> and <a href="http://owashton.tumblr.com">Ashley</a> <br>
  913. <b>Header by:</b> <a href="http://fansitebanners">Madi</a> <br>
  914. <b>Designed by:</b> <a href="http://clumhood.tumblr.com/">Graziella</a><br>
  915. <b>Online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5047335";
  916. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  917. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  918. document.body.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  919. </script><br>
  920. <b>Visits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2994952";
  921. fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  922. document.body.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  923. </script><br><br>
  924.  
  925. 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.
  926. </div>
  927.  
  928.  
  929.  
  930. </div>
  931.  
  932. </div>
  933.  
  934. <div class="entries">
  935.  
  936. {block:Posts}
  937.  
  938. <div class="posts">
  939.  
  940. <div class="infodate">
  941. {block:Date}
  942. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  943. {/block:Date}</div>
  944.  
  945. {block:Text}
  946. <h1>{block:Title}{Title}{/block:Title}</h1>
  947. {Body}{/block:Text}
  948.  
  949.  
  950. {block:Photo}
  951. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  952. {block:Caption}{Caption}{/block:Caption}
  953. {/block:Photo}
  954.  
  955.  
  956. {block:Photoset}
  957. {Photoset-500}
  958. {block:Caption}{Caption}{/block:Caption}
  959. {/block:Photoset}
  960.  
  961.  
  962. {block:Quote}
  963. <div class="quote">"{Quote}"</div>
  964. {block:Source}<div class="quotesource"> — {Source}</div>
  965. {/block:Source}{/block:Quote}
  966.  
  967.  
  968. {block:Link}
  969. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  970. {block:Description}{Description}{/block:Description}
  971. {/block:Link}
  972.  
  973.  
  974. {block:Chat}
  975. {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>
  976. {/block:Chat}
  977.  
  978.  
  979. {block:Audio}
  980.  
  981. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  982.  
  983. {block:AlbumArt}
  984. <img src="{AlbumArtURL}" class="cover">
  985. {/block:AlbumArt}
  986.  
  987.  
  988. <div class="trackdetails"><br>
  989. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  990.  
  991. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  992.  
  993. <b>PLAYS:</b> {FormattedPlayCount}</div>
  994.  
  995.  
  996. {block:Caption}
  997. <div class="caption">{Caption}</div>
  998. {/block:Caption}
  999. {/block:Audio}
  1000.  
  1001.  
  1002. {block:Video}
  1003. {Video-500}
  1004. {block:Caption}{Caption}{/block:Caption}
  1005. {/block:Video}
  1006.  
  1007.  
  1008. {block:Answer}
  1009. <div class="question">
  1010. <div class="asker"><b>{Asker} said:</b></div>
  1011. {Question}</div>
  1012. <div class="answer">
  1013. {Answer}</div>
  1014. {/block:Answer}
  1015.  
  1016.  
  1017. <div class="info">
  1018. <a href="{Permalink}">{NoteCount}</a>
  1019. &nbsp;&nbsp;
  1020.  
  1021. <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>
  1022.  
  1023. <font style="float:right">
  1024. {block:RebloggedFrom}
  1025. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  1026. {block:ContentSource}
  1027. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  1028. {/block:ContentSource}
  1029. {/block:RebloggedFrom}
  1030. </font style>
  1031.  
  1032.  
  1033. </div>
  1034.  
  1035.  
  1036. {block:HasTags}
  1037. <div class="tags">
  1038. {block:Tags}
  1039. #<a href="{TagURL}">{Tag}</a>
  1040. {/block:Tags}
  1041. </div>
  1042. {/block:HasTags}
  1043.  
  1044. </div>
  1045.  
  1046.  
  1047. {block:PostNotes}
  1048. {PostNotes}
  1049. {/block:PostNotes}
  1050. {/block:Posts}</div>
  1051.  
  1052. <div id="pagi">
  1053. {block:IndexPage}
  1054. <div id="pagination">
  1055. {block:Pagination}
  1056. {block:JumpPagination length="5"}
  1057. {block:CurrentPage}
  1058. <span class="current_page">{PageNumber}</span>
  1059. {/block:CurrentPage}
  1060. {block:JumpPage}
  1061. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1062. {/block:JumpPage}
  1063. {/block:JumpPagination}
  1064. {/block:Pagination}
  1065. </div>
  1066. {/block:IndexPage}
  1067. </div>
  1068.  
  1069. {block:ContentSource}
  1070. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1071. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1072. {/block:SourceLogo}
  1073. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1074. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1075.  
  1076. </body>
Advertisement
Add Comment
Please, Sign In to add comment