API tools faq
paste
BandThemes

Gerard Way Theme

BandThemes
Jun 11th, 2015
611
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.39 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. theme by band-themes, don't steal or I will eat you
  3.  
  4. ------------------------------------------------------------------------>
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--IMAGES-->
  13.  
  14. <meta name="image:Sidebar" content="https://40.media.tumblr.com/c0b8eaa78b5fb9a4595fd3cb3a19ee74/tumblr_ncf9jaa71q1qgy1evo1_r2_500.png">
  15. <meta name="image:Background" content="http://33.media.tumblr.com/tumblr_lz7ek3UzXX1qlhvfoo1_1280.gif">
  16.  
  17. <!--COLORS-->
  18. <meta name="color:Background" content="#fff">
  19. <meta name="color:Post" content="#fff">
  20. <meta name="color:Text" content="#898989">
  21. <meta name="color:Emphasis Text" content="#444">
  22. <meta name="color:Link" content="#fabbbb">
  23. <meta name="color:Link Hover" content="#000">
  24.  
  25. <meta name="color:Sidebar" content="#fff">
  26. <meta name="color:Description" content="#848484">
  27. <meta name="color:Title" content="#ccc">
  28. <meta name="color:Title Hover" content="#aaa">
  29. <meta name="color:Sidebar Link" content="#000">
  30. <meta name="color:Sidebar Link Hover" content="#000">
  31. <meta name="color:Sidebar Link BG" content="#eec1ff">
  32. <meta name="color:Sidebar Link BG Hover" content="#9cdfed">
  33.  
  34. <meta name="color:Permalink" content="#fabbbb">
  35. <meta name="color:Permalink Hover" content="#ccc">
  36. <meta name="color:Permalink BG" content="#eec1ff">
  37.  
  38. <meta name="color:Scrollbar" content="#ccc">
  39. <meta name="color:Scrollbar BG" content="#fff">
  40.  
  41. <meta name="color:Text Post Title" content="#ccc">
  42. <meta name="color:Link Post" content="#ed9e9e">
  43. <meta name="color:Link Post Hover" content="#666">
  44.  
  45. <!--TEXT-->
  46. <meta name="text:Link 1" content="Link 1">
  47. <meta name="text:Link 1 URL" content="/">
  48. <meta name="text:Link 2" content="Link 2">
  49. <meta name="text:Link 2 URL" content="/">
  50. <meta name="text:Link 3" content="Link 3">
  51. <meta name="text:Link 3 URL" content="/">
  52. <meta name="text:Link 4" content="Link 4">
  53. <meta name="text:Link 4 URL" content="/">
  54.  
  55. <!--OPTIONS (0 means the option is OFF-->
  56. <meta name="if:400 Post" content="0">
  57. <meta name="if:Captions" content="1">
  58. <meta name="if:Infinite Scroll" content="0">
  59.  
  60. <title>{Title}</title>
  61.  
  62. <link rel="shortcut icon" href="{Favicon}" />
  63. <script>
  64.  
  65. (function($){
  66.  
  67. $(document).ready(function(){
  68.  
  69. $("a[title]").style_my_tooltips({
  70.  
  71. tip_follows_cursor:true,
  72.  
  73. tip_delay_time:0,
  74.  
  75. tip_fade_speed:300,
  76.  
  77. attribute:"title"
  78.  
  79. });
  80.  
  81. });
  82.  
  83. })(jQuery);
  84.  
  85. </script>
  86. <style type="text/css">
  87.  
  88. @font-face {
  89. font-family: "economica";
  90. src: url('https://dl.dropboxusercontent.com/u/81174604/economica-regular.ttf');
  91. }
  92. #s-m-t-tooltip {
  93. max-width:300px;
  94. margin:15px;
  95. padding:2px 7px;
  96. border:1px solid #898989;
  97. border-radius:4px;
  98. background:#FFF;
  99. color:#898989;
  100. z-index:999999;
  101. font-size:11px;
  102. text-transform:lowercase;
  103. }
  104. /*SCROLLBAR*/
  105. ::-webkit-scrollbar-thumb:vertical {
  106. background-color:{color:Scrollbar};
  107. height: 30px;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal {
  111. background-color:{color:Scrollbar};
  112. width: 30px;
  113. }
  114.  
  115. ::-webkit-scrollbar {
  116. background-color:{color:Scrollbar BG};
  117. height: 5px;
  118. width: 5px;
  119. }
  120.  
  121. .nav {
  122. display:none!important;
  123. }
  124.  
  125. /*ENTIRE PAGE*/
  126. body {
  127. left: 0px;
  128. background-attachment: fixed; /*makes the background not move*/
  129. background-repeat:repeat;
  130. color: {color:Text};
  131. font-size: 11px;
  132. font-family:consolas;
  133. }
  134.  
  135. /*LINKS*/
  136. a:link, a:active, a:visited {
  137. text-decoration: none; /*no underline*/
  138. color: {color:Link};
  139. /*the stuff below allows a smooth transition*/
  140. -webkit-transition: all 0.4s ease-in-out; /*for chrome*/
  141. -moz-transition: all 0.4s ease-in-out; /*for firefox*/
  142. -o-transition: all 0.4s ease-in-out; /*for opera*/
  143. }
  144.  
  145. /*LINK HOVER*/
  146. a:hover {
  147. color: {color:Link Hover};
  148. }
  149.  
  150. /*FOLLOW/REBLOG/LIKE/DASH BUTTON*/
  151. iframe#tumblr_controls{
  152. position: fixed;
  153. right: 0px;
  154. top: 0px;
  155. opacity: 0.8;
  156. }
  157.  
  158. /*BOLD*/
  159. b, strong, .strong {
  160. color: {color:Emphasis Text};
  161. }
  162.  
  163. /*ITALICS*/
  164. i, em, .em {
  165. color: {color:Emphasis Text};
  166. }
  167.  
  168. blockquote {
  169. border-left: 2px solid {color:Text};
  170. padding: 3px 5px;
  171. margin: 0;
  172. margin-top: 20px;
  173. margin-bottom: 20px;
  174. margin-left: 25px;
  175. }
  176.  
  177. /*SIDEBAR*/
  178. #sidecont {
  179. position: fixed;
  180. width: 200px;
  181. padding: 10px;
  182. margin-left: 75px;
  183. margin-top: 50px;
  184. }
  185.  
  186. #sidebar {
  187. width: 200px;
  188. border: 10px solid {color:Sidebar};
  189. border-radius:10px;
  190. background: {color:Sidebar};
  191. }
  192.  
  193. #sidebar img {
  194. width:200px;
  195. border-radius:10px;
  196. }
  197.  
  198. .desc {
  199. margin-top: 7px;
  200. color: {color:Description};
  201. font-family:consolas;
  202. font-size: 11px;
  203. text-align:center;
  204. }
  205.  
  206. /*TITLE*/
  207. #title {
  208. width: 200px;
  209. padding: 0px 10px;
  210. text-align: center;
  211. font-family: 'Press Start 2P', cursive;
  212. font-size: 23px;
  213. margin-bottom: 5px;
  214. }
  215.  
  216. #title a {
  217. color: {color:Title};
  218. }
  219.  
  220. #title a:hover {
  221. color: {color:Title Hover};
  222. }
  223.  
  224. /*NAVIGATION*/
  225. #nav {
  226. width: 200px;
  227. margin-left: 12px;
  228. margin-top: 10px;
  229. }
  230.  
  231. .navi {
  232. display: inline-block; /*keeps it in a row*/
  233. text-align: center;
  234. background-color: {color:Sidebar Link BG};
  235. width: 50px;
  236. border: 1px solid #898989;
  237. border-radius:5px;
  238. line-height: 15px;
  239. margin-bottom: 7px;
  240. margin-right: 8px;
  241. }
  242. .navi:hover {
  243. background-color: {color:Sidebar Link BG Hover};
  244. }
  245.  
  246. .navi a {
  247. color: {color:Sidebar Link};
  248. }
  249.  
  250. .navi a:hover {
  251. color: {color:Sidebar Link Hover};
  252.  
  253. }
  254.  
  255. /*POST CONTAINER*/
  256. #content {
  257. margin-left: 400px;
  258. margin-top: 50px;
  259. margin-bottom: 50px;
  260. {block:if400Post}
  261. width: 420px;
  262. {/block:if400Post}
  263. {block:ifnot400Post}
  264. width: 520px;
  265. {/block:ifnot400Post}
  266. }
  267.  
  268. /*POSTS*/
  269. .posts {
  270. {block:if400Post}
  271. width: 400px;
  272. {/block:if400Post}
  273. {block:ifnot400Post}
  274. width: 500px;
  275. {/block:ifnot400Post}
  276. background: {color:Post};
  277. color: {color:Text};
  278. font-family: Calibri;
  279. font-size: 11px;
  280. margin-bottom: 20px;
  281. border-radius:10px;
  282. padding: 10px;
  283. }
  284.  
  285. /*POST TITLES*/
  286. .posttitle {
  287. font-family: 'Press Start 2P', cursive;
  288. font-size: 18px;
  289. color: {color:Text Post Title};
  290. }
  291.  
  292. /*LINK TITLES*/
  293. .posttitle a {
  294. color: {color:Link Post};
  295. }
  296.  
  297. .posttitle a:hover{
  298. color: {color:Link Post Hover};
  299. }
  300.  
  301. /*QUOTE*/
  302. .quote {
  303. font-family: economica;
  304. font-size: 18px;
  305. }
  306.  
  307. /*AUDIO POST*/
  308. /*MUSIC PLAYER*/
  309. .player {
  310. width: 10px;
  311. height: 10px;
  312. overflow: hidden;
  313. padding: 4px 21px 21px 4px;
  314. margin-top: 33px;
  315. margin-left: 33px;
  316. position: absolute;
  317. background-color: #fff;
  318. opacity: 0.8;
  319. z-index: 10;
  320. }
  321.  
  322. /*ALBUM*/
  323. .album {
  324. position: absolute;
  325. width: 100px;
  326. height: 100px;
  327. overflow: hidden;
  328. }
  329.  
  330. .album img {
  331. width: 100px;
  332. height: 100px;
  333. overflow: hidden;
  334. }
  335.  
  336. /*AUDIO INFO*/
  337. .track {
  338. min-height: 90px;
  339. max-height: 100px;
  340. overflow: auto;
  341. margin-left: 100px;
  342. padding: 5px 10px;
  343. color: {color:Text};
  344. text-transform: UPPERCASE;
  345. letter-spacing: 1px;
  346. font-size: 9px;
  347. }
  348.  
  349. /*ANSWER*/
  350. .question {
  351. font-family: economica;
  352. font-size: 18px;
  353. color: {color:Text Post Title};
  354. }
  355.  
  356. /*CAPTION*/
  357. .caption {
  358. line-height: 12px;
  359. text-align: left;
  360. margin-top: -5px;
  361. }
  362.  
  363. /*PERMALINK*/
  364. #perm {
  365. font-family:consolas;
  366. font-size: 10px;
  367. border-radius:5px;
  368. border:1px #898989 solid;
  369. padding: 3px 10px;
  370. text-transform: lowercase;
  371. letter-spacing: 1px;
  372. text-align: center;
  373. margin-top: 5px;
  374. color: {color:Permalink};
  375. background-color: {color:Permalink BG};
  376. {block:if400Post}
  377. width: 380px;
  378. {/block:if400Post}
  379. {block:ifnot400Post}
  380. width: 480px;
  381. {/block:ifnot400Post}
  382. }
  383.  
  384. #perm a {
  385. color: {color:Permalink};
  386. }
  387.  
  388. #perm a:hover {
  389. color: {color:Permalink Hover};
  390. }
  391. #backg {bottom:-10px;
  392. position:fixed;
  393. left:00px;
  394. z-index:-1;
  395. }
  396.  
  397. #backg img {width:1400px;
  398. height:670px;
  399. }
  400. #bli img {
  401. width:75px;
  402. position:fixed;
  403. padding:3px;
  404. opacity: .9;
  405. bottom:5px;
  406. right:5px;
  407. z-index:999999999999999999999999999999999999999999;
  408. }
  409. #bli img:hover {
  410. opacity:1;
  411. }
  412.  
  413. </style>
  414.  
  415. <body>
  416. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  417.  
  418. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  419. <script>
  420. (function($){
  421. $(document).ready(function(){
  422. $("[title]").style_my_tooltips({
  423. tip_follows_cursor:true,
  424. tip_delay_time:200,
  425. tip_fade_speed:300
  426. }
  427. );
  428. });
  429. })(jQuery);
  430. </script>
  431. {block:ifInfiniteScroll}
  432.  
  433. {block:IndexPage}
  434. <div class="nav">
  435. {block:Pagination}
  436. {block:PreviousPage}
  437. <a href="{PreviousPage}">previous</a> &middot;
  438. {/block:PreviousPage}
  439. {block:NextPage}
  440. <a href="{NextPage}">next</a>
  441. {/block:NextPage}
  442. {/block:Pagination}
  443. </div>
  444. {/block:IndexPage}
  445.  
  446. {/block:ifInfiniteScroll}
  447. <div id="backg"><img src="{image:Background}"></div>
  448. <div id="sidecont">
  449. <div id="sidebar">
  450. <a href="/"><img src="{image:Sidebar}"></a>
  451. {block:Description}
  452. <div class="desc">{Description}</div>
  453. {/block:Description}
  454. <div id="nav">
  455. <a href="/"><div class="navi">Home</a></div>
  456. <div class="navi"><a href="/ask">Inbox</a></div>
  457. <div class="navi"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  458. <div class="navi"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  459. <div class="navi"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  460. <div class="navi"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  461. </div>
  462. {block:ifnotInfiniteScroll}
  463. {block:Pagination}
  464. <center>
  465. <br>
  466. {block:PreviousPage}
  467. <a class="jump_page" href="{PreviousPage}">« back</a>&nbsp
  468. {/block:PreviousPage}
  469.  
  470. {block:NextPage}
  471. <a class="jump_page" href="{NextPage}">next »</a>
  472. {/block:NextPage}
  473. </center>
  474. {/block:Pagination}
  475. {/block:ifnotInfiniteScroll}
  476. </div>
  477.  
  478.  
  479. </div>
  480.  
  481. <div id="content">
  482. {block:Posts}
  483.  
  484. {block:ContentSource}
  485. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  486. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  487. {/block:SourceLogo}
  488. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  489. {/block:ContentSource}
  490.  
  491. <div class="posts">
  492.  
  493. {block:Text}
  494. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  495. {Body}
  496. {/block:Text}
  497.  
  498. {block:Photo}
  499. <center>
  500. {block:if400Post}
  501. <img src="{PhotoURL-400}" width="400px">
  502. {/block:if400Post}
  503. {block:ifnot400Post}
  504. <img src="{PhotoURL-500}" width="500px">
  505. {/block:ifnot400Post}
  506. {block:IndexPage}
  507. {block:ifCaptions}
  508. <div style="margin-bottom: -3px;"></div>
  509. {block:Caption}
  510. <div class="caption">
  511. {Caption}
  512. <div style="margin-bottom: -8px;"></div>
  513. </div>
  514. {/block:Caption}
  515. {/block:ifCaptions}
  516. {block:ifnotCaptions}
  517. <div style="margin-bottom: -3px;"></div>
  518. {/block:ifnotCaptions}
  519. {/block:IndexPage}
  520.  
  521. {block:PermalinkPage}
  522. <div style="margin-bottom: -3px;"></div>
  523. {block:Caption}
  524. <div class="caption">
  525. {Caption}
  526. <div style="margin-bottom: -8px;"></div>
  527. </div>
  528. {/block:Caption}
  529. {/block:PermalinkPage}
  530. </center>
  531. {/block:Photo}
  532.  
  533. {block:Photoset}
  534. {block:if400Post}
  535. {Photoset-400}
  536. {/block:if400Post}
  537. {block:ifnot400Post}
  538. {Photoset-500}
  539. {/block:ifnot400Post}
  540. {block:IndexPage}
  541. {block:ifCaptions}
  542. <div style="margin-bottom: -3px;"></div>
  543. {block:Caption}
  544. <div class="caption">
  545. {Caption}
  546. <div style="margin-bottom: -8px;"></div>
  547. </div>
  548. {/block:Caption}
  549. {/block:ifCaptions}
  550. {block:ifnotCaptions}
  551. <div style="margin-bottom: -3px;"></div>
  552. {/block:ifnotCaptions}
  553. {/block:IndexPage}
  554.  
  555. {block:PermalinkPage}
  556. <div style="margin-bottom: -3px;"></div>
  557. {block:Caption}
  558. <div class="caption">
  559. {Caption}
  560. <div style="margin-bottom: -8px;"></div>
  561. </div>
  562. {/block:Caption}
  563. {/block:PermalinkPage}
  564. {/block:Photoset}
  565.  
  566. {block:Quote}
  567. {Source}:
  568. <div class="quote">{Quote}</div>
  569. {/block:Quote}
  570.  
  571. {block:Link}
  572. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  573. {block:Description}
  574. <div style="margin-top: -8px;"></div>
  575. {Description}
  576. <div style="margin-bottom: -8px;"></div>
  577. {/block:Description}
  578. {/block:Link}
  579.  
  580. {block:Chat}
  581. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  582. {block:Lines}
  583. {block:Label}<b>{Label}</b>{/block:Label}
  584. {Line}<br>
  585. {/block:Lines}
  586. {/block:Chat}
  587.  
  588. {block:Video}
  589. {block:if400Post}
  590. {Video-400}
  591. {/block:if400Post}
  592. {block:ifnot400Post}
  593. {Video-500}
  594. {/block:ifnot400Post}
  595. {block:IndexPage}
  596. {block:ifCaptions}
  597. <div style="margin-bottom: -3px;"></div>
  598. {block:Caption}
  599. <div class="caption">
  600. {Caption}
  601. <div style="margin-bottom: -8px;"></div>
  602. </div>
  603. {/block:Caption}
  604. {/block:ifCaptions}
  605. {block:ifnotCaptions}
  606. <div style="margin-bottom: -4px;"></div>
  607. {/block:ifnotCaptions}
  608. {/block:IndexPage}
  609.  
  610. {block:PermalinkPage}
  611. <div style="margin-bottom: -3px;"></div>
  612. {block:Caption}
  613. <div class="caption">
  614. {Caption}
  615. <div style="margin-bottom: -8px;"></div>
  616. </div>
  617. {/block:Caption}
  618. {/block:PermalinkPage}
  619. {/block:Video}
  620.  
  621. {block:Audio}
  622. <div class="album">
  623. {block:AudioPlayer}
  624. <div class="player">{AudioPlayerWhite}</div>
  625. {/block:AudioPlayer}
  626.  
  627. {block:AlbumArt}
  628. <img src="{AlbumArtURL}">
  629. {/block:AlbumArt}
  630. </div>
  631.  
  632. <div class="track">
  633. {block:TrackName}
  634. Title: {TrackName}<br>
  635. {/block:TrackName}
  636. {block:Artist}
  637. Artist: {Artist}<br>
  638. {/block:Artist}
  639. {block:Album}
  640. Album: {Album}
  641. {/block:Album}
  642. </div>
  643.  
  644. {block:IndexPage}
  645. {block:ifCaptions}
  646. {block:if400Post}
  647. {block:Caption}
  648. <div class="caption"> <div style="margin-top:0px;"></div>
  649. {Caption}
  650. <div style="margin-bottom: -10px;"></div>
  651. </div>
  652. {/block:Caption}
  653. {/block:if400Post}
  654. {block:ifnot400Post}
  655. {block:Caption}
  656. <div class="caption"> <div style="margin-top:0px;"></div>
  657. {Caption}
  658. <div style="margin-bottom: -8px;"></div>
  659. </div>
  660. {/block:Caption}
  661. {/block:ifnot400Post}
  662. {/block:ifCaptions}
  663. {/block:IndexPage}
  664.  
  665. {block:PermalinkPage}
  666. {block:Caption}
  667. <div class="caption"> <div style="margin-top:0px;"></div>
  668. {Caption}
  669. <div style="margin-bottom: -8px;"></div>
  670. </div>
  671. {/block:Caption}
  672. {/block:PermalinkPage}
  673. {/block:Audio}
  674.  
  675. {block:Answer}
  676. <div class="question">
  677. {Asker}: “{Question}”
  678. </div>
  679. {Answer}
  680. {/block:Answer}
  681.  
  682. {block:IndexPage}<!--only shows up on the front page"-->
  683. <div id="perm">
  684. <a href="{Permalink}">{NoteCount} notes</a>
  685. • <a href="{ReblogURL}">reblog</a>
  686. • via:<a href="{ReblogParentURL}">{ReblogParentName}</a>
  687. {/block:RebloggedFrom}
  688. <br> filed under:
  689. {block:HasTags}
  690. {block:Tags}
  691. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  692. {/block:Tags}
  693. {/block:HasTags}
  694. </div>
  695. {/block:IndexPage}
  696.  
  697. {block:PermalinkPage}
  698. <div style="line-height:25px; text-align:center;">
  699. {block:Date}
  700. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  701. {/block:Date}
  702. {block:RebloggedFrom}
  703. <center>
  704. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  705. &nbsp;|&nbsp;
  706. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  707. </center>
  708. {/block:RebloggedFrom}
  709.  
  710. {block:HasTags}
  711. {block:Tags}
  712. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  713. {/block:Tags}
  714. {/block:HasTags}
  715. </div>
  716. {/block:PermalinkPage}
  717.  
  718. </div>
  719.  
  720. {block:PermalinkPage}
  721. {block:PostNotes}{PostNotes}{/block:PostNotes}
  722. {/block:PermalinkPage}
  723.  
  724. {/block:Posts}
  725.  
  726. {block:IfInfiniteScroll}
  727. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  728. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  729. {/block:IfInfiniteScroll}
  730.  
  731. </div>
  732. <div id="bli"><a href="http://band-themes.tumblr.com" title="theme credit"><img src="http://gerardwaygpic.com/images/g-img.png"/></a></div>
  733. </body>
  734.  
  735. </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!