API tools faq
paste
stardating

FIEND DER HYDRA: HOWLING COMMANDOS

stardating
Jun 8th, 2014
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- PUT YOUR TITLE HERE IN THE {} BELOW
  6. IF YOU WANT IT TO BE DIFFERENT THAN THE SIDEBAR TITLE --->
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  13.  
  14. <!---
  15.  
  16. LAYOUT: HOWLING COMMANDOS (FIEND DER HYDRA)
  17. MAKER: STARDATING @ TUMBLR.COM
  18. BASE CODE: LIMESTHEMES
  19. RESOURCES: http://fiendderhydra.tumblr.com/post/88189009400/resources
  20. THEME PACK: http://stardating.tumblr.com/post/88239253712
  21.  
  22. DO NOT TAKE OUT THESE CREDITS
  23. FEEL FREE TO TWEAK & MODIFY ALL YOU WANT
  24. BUT DO NOT REDISTRIBUTE OR CLAIM AS YOUR OWN
  25.  
  26. --->
  27.  
  28. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31.  
  32.  
  33.  
  34. <!--- SEARCH BOX CODE --->
  35.  
  36. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  37.  
  38. <!--- END SEARCH BOX CODE --->
  39.  
  40. <!--- META TAGS
  41. CUSTOMIZE THE COLORS IN THE MAIN SCREEN
  42. IT'S EASIER, TRUST ME --->
  43.  
  44. <!--- IMAGES --->
  45.  
  46. <meta name="image:Background" content="">
  47. <meta name="image:Swapper" content="http://i1049.photobucket.com/albums/s393/chesswar/BANNERS/329.png">
  48. <meta name="image:Swappee" content="http://i1049.photobucket.com/albums/s393/chesswar/BANNERS/350.png">
  49.  
  50. <!--- GENERAL --->
  51.  
  52. <meta name="color:Background" content="#F8F8F8">
  53. <meta name="color:Post" content="#F8F8F8">
  54. <meta name="color:Text" content="#444444">
  55. <meta name="color:Emphasis" content="#2E4859">
  56. <meta name="color:Accent" content="#2E4859">
  57. <meta name="color:Link" content="#000000">
  58. <meta name="color:Link Hover" content="#3288BE">
  59. <meta name="color:Scrollbar" content="#2E4859">
  60. <meta name="color:Scrollbar BG" content="#F8F8F8">
  61.  
  62. <!--- TITLE --->
  63.  
  64. <meta name="color:Title" content="#000000">
  65. <meta name="color:Title Hover" content="#2E4859">
  66.  
  67. <!--- SIDEBAR --->
  68.  
  69. <meta name="color:Sidebar" content="#F8F8F8">
  70. <meta name="color:Description" content="#444444">
  71. <meta name="color:Sidebar Link" content="#000000">
  72. <meta name="color:Sidebar Link Hover" content="#FFFFFF">
  73. <meta name="color:Sidebar Link BG" content="#FFFFFF">
  74. <meta name="color:Sidebar Link BG Hover" content="#2E4859">
  75.  
  76. <!--- BLOCKQUOTE --->
  77.  
  78. <meta name="color:Blockquote" content="#444444">
  79. <meta name="color:Blockquote2" content="#444444">
  80. <meta name="color:Blockquote Border" content="#2E4859">
  81. <meta name="color:Blockquote2 Border" content="#2E4859">
  82.  
  83. <!--- TEXT POSTS --->
  84.  
  85. <meta name="color:Quote" content="#F8F8F8">
  86. <meta name="color:CaptionBG" content="#F8F8F8">
  87. <meta name="color:Text Post Title" content="#000000">
  88. <meta name="color:Link Post" content="#000000">
  89. <meta name="color:Link Post Hover" content="#2E4859">
  90. <meta name="color:Chat Odd BG" content="#F8F8F8">
  91. <meta name="color:Chat Even BG" content="#F8F8F8">
  92. <meta name="color:Chat Odd Border" content="#BEBEBE">
  93. <meta name="color:Chat Even Border" content="#BEBEBE">
  94.  
  95. <!--- PERMALINK, TAGS --->
  96.  
  97. <meta name="color:Permalink" content="#000000">
  98. <meta name="color:Permalink Hover" content="#2E4859">
  99. <meta name="color:Tag Link" content="#2E4859">
  100. <meta name="color:Tag Hover" content="#3288BE">
  101.  
  102. <!--- SIDEBAR LINKS --->
  103.  
  104. <meta name="text:link1" content="Link 1">
  105. <meta name="text:link1url" content="/">
  106.  
  107. <meta name="text:link2" content="Link 2">
  108. <meta name="text:link2url" content="/">
  109.  
  110. <meta name="text:link3" content="Link 3">
  111. <meta name="text:link3url" content="/">
  112.  
  113. <meta name="text:link4" content="Link 4">
  114. <meta name="text:link4url" content="/">
  115.  
  116. <!--- OPTIONS --->
  117.  
  118. <meta name="if:400 Post" content="0">
  119. <meta name="if:Captions" content="1">
  120. <meta name="if:Infinite Scroll" content="0">
  121.  
  122. <!--- END META TAGS --->
  123.  
  124.  
  125.  
  126. <!--- CSS BEGINS --->
  127.  
  128. <style type="text/css">
  129.  
  130. /*--- CUSTOM FONTS ---*/
  131.  
  132. @import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
  133.  
  134. /*--- SEARCH ---*/
  135.  
  136. .search input {background: {color:Background};
  137. padding: 0px 5px 0px 5px;
  138. width: 135px;
  139. height: 20px;
  140. margin: 20px 0px 0px 0px;
  141. display: inline-block;
  142. vertical-align: middle;
  143. font-family: Times New Roman;
  144. text-transform: uppercase;
  145. font-size: 10px;
  146. border: 1px solid {color:Blockquote Border};}
  147.  
  148. .search [type="image"] {padding: 6px;
  149. width: 16px;
  150. height: 16px;
  151. border: none;
  152. -webkit-transition: all 0.5s;
  153. -moz-transition: all 0.5s;
  154. -ms-transition: all 0.5s;
  155. -o-transition: all 0.5s;
  156. transition: all 0.5s;}
  157.  
  158. .search * {margin:0;
  159. padding: 0;
  160. border: 0;
  161. outline: 0;
  162. vertical-alignx: middle;
  163. background: transparent;}
  164.  
  165. /*--- SCROLLBAR ---*/
  166.  
  167. ::-webkit-scrollbar {width: 5px;
  168. height: 5px;
  169. background-color: {color:Scrollbar BG};}
  170.  
  171. ::-webkit-scrollbar-corner {background-color: {color:Scrollbar};}
  172.  
  173. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar};}
  174.  
  175. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scrollbar};}
  176.  
  177. /*--- GENERAL FORMATTING ---*/
  178.  
  179. body {margin: 10px;
  180. background-color: {color:Background};
  181. background-image: url('{image:Background}');
  182. background-attachment: fixed;
  183. font-family: Helvetica;
  184. font-size: 11px;
  185. color: {color:Text};
  186. text-align: justify;}
  187.  
  188. a {color:{color:Link};
  189. text-decoration: none;
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. -ms-transition-duration: .5s;}
  194.  
  195. a:hover {color:{color:Link Hover};
  196. text-decoration: underline;
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition-duration: .5s;}
  201.  
  202. b, strong, .strong {color:{color:Emphasis Text};}
  203.  
  204. i, em, .em {color:{color:Emphasis Text};}
  205.  
  206. small {font-size: 10px;}
  207.  
  208. blockquote {background-color: none;
  209. padding: 10px;
  210. margin: 10px 5px 5px 5px;
  211. border-left: 1px solid {color:Blockquote Border};
  212. color: {color:Blockquote};}
  213.  
  214. blockquote blockquote {background-color: none;
  215. padding: 10px;
  216. margin: 10px 5px 5px 5px;
  217. border-left: 1px solid {color:Blockquote2 Border};
  218. color: {color:Blockquote2};}
  219.  
  220. ::selection {background-color:{color:accent};
  221. color: #FFFFFF;}
  222.  
  223. /*--- SIDEBAR GENERAL ---*/
  224.  
  225. #sidebar {width: 180px;
  226. height: 300px;
  227. margin-left: -2px;
  228. margin-top: -42px;
  229. position: fixed;
  230. background-color: {color:Sidebar};}
  231.  
  232. #desc {width: 100%;
  233. height: 200px;
  234. margin-top: 15px;
  235. font-family: Helvetica;
  236. color: {color:Description};
  237. font-size: 11px;
  238. text-align: justify;
  239. line-height: 150%;
  240. background-color: {color:Sidebar};
  241. overflow-y: scroll;
  242. padding: 5px 10px 5px 5px;}
  243.  
  244. #sidecont {position: fixed;
  245. width: 180px;
  246. margin-left: 70px;
  247. margin-top: 70px;}
  248.  
  249. /*--- SIDEBAR TITLE, LINKS ---*/
  250.  
  251. #title {width: 180px;
  252. margin-top: 10px;
  253. margin-bottom: 25px;
  254. font-family: Oswald;
  255. font-size: 18px;
  256. color: {color:Title};
  257. text-align: center;
  258. letter-spacing: 5px;
  259. text-transform:uppercase;
  260. -webkit-transition: all 0.5s ease-in-out;
  261. -moz-transition: all 0.5s ease-in-out;
  262. -o-transition: all 0.5s ease-in-out;
  263. -ms-transition-duration: .5s;}
  264.  
  265. #title a {color:{color:Title};}
  266.  
  267. #title a:hover {color:{color:Title Hover};
  268. text-decoration: none;}
  269.  
  270. #sidebar_links a {width: 100%;
  271. font-family: Helvetica;
  272. text-align: center;
  273. font-size: 10px;
  274. margin-top: 10px;
  275. letter-spacing: 3px;
  276. text-transform: uppercase;
  277. color: {color:Sidebar Link};
  278. text-decoration: none;
  279. background: {color:Sidebar Link BG};
  280. display: block;
  281. padding: 3px;
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -moz-transition: all 0.5s ease-in-out;
  284. -o-transition: all 0.5s ease-in-out;
  285. -ms-transition-duration: .5s;}
  286.  
  287. #sidebar_links a:hover {color:{color:Sidebar Link Hover};
  288. text-decoration: none;
  289. background: {color:Sidebar Link BG Hover};
  290. display: block;
  291. -webkit-transition: all 0.5s ease-in-out;
  292. -moz-transition: all 0.5s ease-in-out;
  293. -o-transition: all 0.5s ease-in-out;
  294. -ms-transition-duration: .5s;}
  295.  
  296. /*--- SIDEBAR IMAGES & IMAGE HOVER EFFECT ---*/
  297.  
  298. #sidebarimage {width: 180px;}
  299.  
  300. #sidebar .dropmenu {margin-top:-45px;
  301. filter: alpha(opacity = 0);
  302. opacity:0;
  303. -webkit-transition: all 0.5s ease-in-out;
  304. -moz-transition: all 0.5s ease-in-out;
  305. -o-transition: all 0.5s ease-in-out;
  306. -ms-transition-duration: .5s;}
  307.  
  308. #sidebar:hover .dropmenu {margin-top: 0px;
  309. -webkit-transition: all 0.5s ease-in-out;
  310. -moz-transition: all 0.5s ease-in-out;
  311. -o-transition: all 0.5s ease-in-out;
  312. -ms-transition-duration: .5s;
  313. filter: alpha(opacity = 100);
  314. filter: alpha(opacity = 100);
  315. opacity:100;}
  316.  
  317. #swapper img {width: 180px;
  318. height: 98px;
  319. -webkit-transition: all 0.5s ease-in-out;
  320. -moz-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. -ms-transition-duration: .5s;}
  323.  
  324. #swapper img:hover {opacity: 3;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition-duration: .5s;}
  329.  
  330. .swappee img {width: 180px;
  331. height: 98px;
  332. opacity: 0;
  333. -webkit-transition: all 0.5s ease-in-out;
  334. -moz-transition: all 0.5s ease-in-out;
  335. -o-transition: all 0.5s ease-in-out;
  336. -ms-transition-duration: .5s;}
  337.  
  338. .swappee:hover {opacity: 3;
  339. -webkit-transition: all 0.5s ease-in-out;
  340. -moz-transition: all 0.5s ease-in-out;
  341. -o-transition: all 0.5s ease-in-out;
  342. -ms-transition-duration: .5s;}
  343.  
  344. .swappee {opacity: 0;
  345. position: fixed;
  346. -webkit-transition: all 0.5s ease-in-out;
  347. -moz-transition: all 0.5s ease-in-out;
  348. -o-transition: all 0.5s ease-in-out;
  349. -ms-transition-duration: .5s;}
  350.  
  351. /*--- BASIC POST FORMATTING ---*/
  352.  
  353. #content {margin-left: 400px;
  354. margin-top: 50px;
  355. margin-bottom: 50px;
  356. {block:if400Post}
  357. width: 420px;
  358. {/block:if400Post}
  359. {block:ifnot400Post}
  360. width: 520px;
  361. {/block:ifnot400Post}}
  362.  
  363. .posts {{block:if400Post}
  364. width: 400px;
  365. {/block:if400Post}
  366. {block:ifnot400Post}
  367. width: 500px;
  368. {/block:ifnot400Post}
  369. background: {color:Post};
  370. color: {color:Text};
  371. font-size: 11px;
  372. padding: 10px;}
  373.  
  374. .post ul {list-style:circle;
  375. letter-spacing:2px;
  376. text-align:justify;}
  377.  
  378. .post ol {list-style:upper-roman;
  379. letter-spacing:2px;
  380. text-align:justify;}
  381.  
  382. /*--- PAGEINATION ---*/
  383.  
  384. .nav {display:none!important;}
  385.  
  386. #pagination {margin: 80px auto 0px auto;
  387. padding: 10px;
  388. width: 200px;
  389. border-top: 1px solid {color:Text};
  390. background-color: {color:Background};
  391. font-family: Helvetica;
  392. font-size: 11px;
  393. text-transform: uppercase;
  394. text-align: center;
  395. color: {color:Text};
  396. -webkit-transition: all 0.5s ease-in-out;
  397. -moz-transition: all 0.5s ease-in-out;
  398. -o-transition: all 0.5s ease-in-out;
  399. -ms-transition-duration: .5s;}
  400.  
  401. #pagination:hover {padding: 10px;
  402. width: 200px;
  403. -webkit-transition: all 0.5s ease-in-out;
  404. -moz-transition: all 0.5s ease-in-out;
  405. -o-transition: all 0.5s ease-in-out;
  406. -ms-transition-duration: .5s;}
  407.  
  408. #pagination a {margin: 5px;
  409. padding: 10px;
  410. text-decoration: none;
  411. color: {color:Text};
  412. text-decoration: none;}
  413.  
  414. #pagination a:hover {margin: 5px;
  415. padding: 10px;
  416. color: {color:Link Hover};
  417. text-decoration: none;
  418. -webkit-transition: all 0.5s ease-in-out;
  419. -moz-transition: all 0.5s ease-in-out;
  420. -o-transition: all 0.5s ease-in-out;
  421. -ms-transition-duration: .5s;}
  422.  
  423. /*--- POST TITLES ---*/
  424.  
  425. .posttitle {font-family: Oswald;
  426. font-size: 20px;
  427. color: {color:Text Post Title};
  428. text-transform: uppercase;
  429. margin-bottom: 10px;}
  430.  
  431. .posttitle a {color:{color:Link Post};}
  432.  
  433. .posttitle a:hover {color:{color:Link Post Hover};}
  434.  
  435. /*--- QUOTE, SOURCE ---*/
  436.  
  437. .quote {font-family: Times New Roman;
  438. font-size: 18px;
  439. text-transform: uppercase;
  440. text-align: right;}
  441.  
  442. #source {color: {color:Text};
  443. font-family: Helvetica;
  444. text-align: right;
  445. font-size: 11px;
  446. text-transform: uppercase;
  447. text-align: right;
  448. margin-top: 10px;
  449. padding: 5px 0px 5px 5px;}
  450.  
  451. /*--- ASK, ANSWER ---*/
  452.  
  453. .question {font-family: Times New Roman;
  454. font-size: 18px;
  455. color: {color:Text};}
  456.  
  457. .answer {margin-left: 20px;
  458. font-family: Helvetica;
  459. font-size: 14px;
  460. color: {color:Text};
  461. font-style: italic;}
  462.  
  463. /*--- MUSIC ---*/
  464.  
  465. .player {width: 10px;
  466. height: 10px;
  467. overflow: hidden;
  468. padding: 4px 21px 21px 4px;
  469. margin-top: 33px;
  470. margin-left: 33px;
  471. position: absolute;
  472. background-color: #FFFFFF;
  473. opacity: 0.8;
  474. z-index: 10;}
  475.  
  476. .album {position: absolute;
  477. width: 100px;
  478. height: 100px;
  479. overflow: hidden;}
  480.  
  481. .album img {width: 100px;
  482. height: 100px;
  483. overflow: hidden;}
  484.  
  485. .track {min-height: 90px;
  486. max-height: 100px;
  487. overflow: auto;
  488. margin-left: 100px;
  489. padding: 5px 5px 15px 10px;
  490. color: {color:Text};
  491. text-transform: uppercase;
  492. letter-spacing: 1px;
  493. font-size: 10px;
  494. line-height: 150%;}
  495.  
  496. /*--- PERMALINKS, TAGS, NOTES ---*/
  497.  
  498. #permalink {font-family: Helvetica;
  499. font-size: 11px;
  500. text-align: center;
  501. text-transform: uppercase;
  502. line-height: 120%;
  503. color: {color:Permalink};
  504. background-color: none;
  505. padding: 10px 10px 0px 10px;
  506. margin: 40px 0px 0px 0px;
  507. border-top: 1px solid {color:Permalink};
  508. {block:if400Post}
  509. width: 380px;
  510. {/block:if400Post}
  511. {block:ifnot400Post}
  512. width: 500px;
  513. {/block:ifnot400Post}}
  514.  
  515. #permalink a: {text-decoration: none;
  516. color: {color:Permalink};}
  517.  
  518. #permalink a:hover {text-decoration: underline;
  519. color: {color:Permalink Hover};}
  520.  
  521. #tags {background: none;
  522. font-family: Helvetica;
  523. font-size: 10px;
  524. text-align: center;
  525. text-transform: uppercase;
  526. letter-spacing: 2px;
  527. color: {color:Tag Link};
  528. padding: 10px 10px 10px 10px;
  529. margin: 0px 0px 70px 0px;
  530. {block:if400Post}
  531. width: 380px;
  532. {/block:if400Post}
  533. {block:ifnot400Post}
  534. width: 500px;
  535. {/block:ifnot400Post}}
  536.  
  537. #tags a {text-decoration: none;
  538. color: {color:Tag Link};}
  539.  
  540. #tags a:hover {text-decoration: underline;
  541. color: {color:Tag Hover};}
  542.  
  543. .pagenotes {width: 500px;
  544. padding: 20px 0px 10px -30px;
  545. margin-top: 30px;
  546. margin-left: -20px;
  547. background-color: #F8F8F8;}
  548.  
  549. .pagenotes img {display:none!important;}
  550.  
  551. .pagenotes li {list-style-type: none;
  552. padding: 5px;
  553. text-align: left;
  554. margin: 10px 0px 5px -30px;
  555. font-size: 10px;
  556. font-family: Times New Roman;
  557. letter-spacing: 1px;
  558. border-bottom: 1px solid #444444;
  559. text-transform: uppercase;
  560. background-color: #F8F8F8;}
  561.  
  562. /*--- CAPTION ---*/
  563.  
  564. .caption {background-color: {color:CaptionBG};
  565. padding: 10px;
  566. margin: 10px 5px 5px 5px;
  567. border-left: 1px solid {color:Accent};
  568. color: {color:Text};}
  569.  
  570. /*--- CHAT ---*/
  571.  
  572. .chat ul {list-style: none;
  573. margin: 0;
  574. padding: 0;}
  575.  
  576. .chat li {margin-bottom: 5px;
  577. padding: 5px;}
  578.  
  579. .chat .even {background-color: {color:Chat Even BG};
  580. border: 1px solid {color:Chat Even Border};}
  581.  
  582. .chat .odd {background-color: {color:Chat Odd BG};
  583. border: 1px solid {color:Chat Odd Border};}
  584.  
  585.  
  586. </style>
  587.  
  588. </head>
  589.  
  590. <!--- CSS ENDS --->
  591.  
  592.  
  593.  
  594. <!--- BODY/POSTS BEGINS --->
  595.  
  596. <body>
  597.  
  598. <!--- SIDEBAR CODE --->
  599.  
  600. <div id="sidecont">
  601. <div id="sidebar">
  602. <div id="sidebarimage">
  603. <div id="swapper">
  604. <div class="swappee"><img src="{image:Swapper}"></div>
  605. <img src="{image:Swappee}"></div>
  606. </div>
  607.  
  608. <!--- THE TITLE HERE IS ALSO LINK :D
  609. THOUGH IT DOESN'T HAVE TO BE --->
  610.  
  611. <div id="title"><a href="/">{Title}</a></div>
  612.  
  613. <div class="dropmenu">
  614.  
  615. <!--- FEEL FREE TO ADD MORE LINKS; IT OVERFLOWS
  616.  
  617. STEP 1:
  618.  
  619. A. SEARCH FOR div id = " sidebar_links " WITHOUT THE SPACES
  620.  
  621. B. AND COPY/PASTE THE LINK CODE
  622.  
  623. C. BUT MAKE SURE TO CHANGE link1 TO link5 OR SOMETHING
  624.  
  625. STEP 2:
  626.  
  627. A. DO A QUICK SEARCH FOR "SIDEBAR LINKS" UNDER THE META TAGS
  628.  
  629. B. AND COPY/PASTE MORE OF THOSE LINES
  630.  
  631. C. NOTE: I PUT THEM INTO PAIRS FOR A REASON; BOTH ARE NEEDED
  632.  
  633. D. MAKE SURE THE LINK NUMBERS MATCH WHAT YOU PUT IN THE SIDEBAR
  634.  
  635.  
  636. THIS WAY YOU DON'T HAVE TO COME BACK HERE TO EDIT IT :DD
  637.  
  638. --->
  639.  
  640. <div id="sidebar_links">
  641. <a href="{text:link1url}">{text:link1}</a>
  642. <a href="{text:link2url}">{text:link2}</a>
  643. <a href="{text:link3url}">{text:link3}</a>
  644. <a href="{text:link4url}">{text:link4}</a>
  645.  
  646. <div class="search">
  647. <form action="/search" method="get" class="sfm">
  648. <input type="text" name="q" value=" "/>
  649. <input type="image" value="Search" src="https://cdn4.iconfinder.com/data/icons/miu/22/circle_next_arrow_disclosure-24.png"/>
  650. </form>
  651. </div>
  652.  
  653. </div>
  654.  
  655. <!--- THE DESCRIPTION CAN BE AS LONG AS YOU WANT.
  656. TYPE IT IN HERE WITHOUT THE {} OR IN THE CUSTOM MENU --->
  657.  
  658. <div id="desc">{Description}</div>
  659.  
  660. </div>
  661.  
  662. </div>
  663. </div>
  664.  
  665. <!--- ALL OF YOUR POST FORMATTING
  666. I WOULD NOT ADVISE TOUCHING IT IF YOU ARE NEW TO THIS KIND OF CODE
  667. TRUST ME I SCREWED IT UP HUNDREDS OF TIMES LEARNING
  668. AND I CRASHED MY BROWSER A FEW TIMES TOO --->
  669.  
  670. <div id="content">
  671. {block:Posts}
  672.  
  673. {block:ContentSource}
  674. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  675. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  676. {/block:SourceLogo}
  677. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  678. {/block:ContentSource}
  679.  
  680. <div class="posts">
  681.  
  682. {block:Text}
  683. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  684. {Body}
  685. {/block:Text}
  686.  
  687. {block:Photo}
  688. <center>
  689. {block:if400Post}
  690. <img src="{PhotoURL-400}" width="400px">
  691. {/block:if400Post}
  692. {block:ifnot400Post}
  693. <img src="{PhotoURL-500}" width="500px">
  694. {/block:ifnot400Post}
  695. {block:IndexPage}
  696. {block:ifCaptions}
  697. <div style="margin-bottom: -3px;"></div>
  698. {block:Caption}
  699. <div class="caption">
  700. {Caption}
  701. <div style="margin-bottom: -8px;"></div>
  702. </div>
  703. {/block:Caption}
  704. {/block:ifCaptions}
  705. {block:ifnotCaptions}
  706. <div style="margin-bottom: -3px;"></div>
  707. {/block:ifnotCaptions}
  708. {/block:IndexPage}
  709.  
  710. {block:PermalinkPage}
  711. <div style="margin-bottom: -3px;"></div>
  712. {block:Caption}
  713. <div class="caption">
  714. {Caption}
  715. <div style="margin-bottom: -8px;"></div>
  716. </div>
  717. {/block:Caption}
  718. {/block:PermalinkPage}
  719. </center>
  720. {/block:Photo}
  721.  
  722. {block:Photoset}
  723. {block:if400Post}
  724. {Photoset-400}
  725. {/block:if400Post}
  726. {block:ifnot400Post}
  727. {Photoset-500}
  728. {/block:ifnot400Post}
  729. {block:IndexPage}
  730. {block:ifCaptions}
  731. <div style="margin-bottom: -3px;"></div>
  732. {block:Caption}
  733. <div class="caption">
  734. {Caption}
  735. <div style="margin-bottom: -8px;"></div>
  736. </div>
  737. {/block:Caption}
  738. {/block:ifCaptions}
  739. {block:ifnotCaptions}
  740. <div style="margin-bottom: -3px;"></div>
  741. {/block:ifnotCaptions}
  742. {/block:IndexPage}
  743.  
  744. {block:PermalinkPage}
  745. <div style="margin-bottom: -3px;"></div>
  746. {block:Caption}
  747. <div class="caption">
  748. {Caption}
  749. <div style="margin-bottom: -8px;"></div>
  750. </div>
  751. {/block:Caption}
  752. {/block:PermalinkPage}
  753. {/block:Photoset}
  754.  
  755. {block:Quote}
  756. <div class="quote">❝ {Quote}</div>
  757. {block:Source}<div id="source">{Source} <span style="font-size: 16px;">❞</span></div> {/block:Source}
  758. {/block:Quote}
  759.  
  760. {block:Link}
  761. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  762. {block:Description}
  763. <div style="margin-top: -8px;"></div>
  764. {Description}
  765. <div style="margin-bottom: -8px;"></div>
  766. {/block:Description}
  767. {/block:Link}
  768.  
  769. {block:Chat}
  770. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  771. <div class="chat">
  772. <ul>
  773. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  774. </ul>
  775. </div>
  776. {/block:Chat}
  777.  
  778. {block:Video}
  779. {block:if400Post}
  780. {Video-400}
  781. {/block:if400Post}
  782. {block:ifnot400Post}
  783. {Video-500}
  784. {/block:ifnot400Post}
  785. {block:IndexPage}
  786. {block:ifCaptions}
  787. <div style="margin-bottom: -3px;"></div>
  788. {block:Caption}
  789. <div class="caption">
  790. {Caption}
  791. <div style="margin-bottom: -8px;"></div>
  792. </div>
  793. {/block:Caption}
  794. {/block:ifCaptions}
  795. {block:ifnotCaptions}
  796. <div style="margin-bottom: -4px;"></div>
  797. {/block:ifnotCaptions}
  798. {/block:IndexPage}
  799.  
  800. {block:PermalinkPage}
  801. <div style="margin-bottom: -3px;"></div>
  802. {block:Caption}
  803. <div class="caption">
  804. {Caption}
  805. <div style="margin-bottom: -8px;"></div>
  806. </div>
  807. {/block:Caption}
  808. {/block:PermalinkPage}
  809. {/block:Video}
  810.  
  811. {block:Audio}
  812. <div class="album">
  813. {block:AudioPlayer}
  814. <div class="player">{AudioPlayerWhite}</div>
  815. {/block:AudioPlayer}
  816.  
  817. {block:AlbumArt}
  818. <img src="{AlbumArtURL}">
  819. {/block:AlbumArt}
  820. </div>
  821.  
  822. <div class="track">
  823. {block:TrackName}
  824. Title: {TrackName}<br>
  825. {/block:TrackName}
  826. {block:Artist}
  827. Artist: {Artist}<br>
  828. {/block:Artist}
  829. {block:Album}
  830. Album: {Album}
  831. {/block:Album}
  832. </div>
  833.  
  834. {block:IndexPage}
  835. {block:ifCaptions}
  836. {block:if400Post}
  837. {block:Caption}
  838. <div class="caption"> <div style="margin-top:0px;"></div>
  839. {Caption}
  840. <div style="margin-bottom: -10px;"></div>
  841. </div>
  842. {/block:Caption}
  843. {/block:if400Post}
  844. {block:ifnot400Post}
  845. {block:Caption}
  846. <div class="caption"> <div style="margin-top:0px;"></div>
  847. {Caption}
  848. <div style="margin-bottom: -8px;"></div>
  849. </div>
  850. {/block:Caption}
  851. {/block:ifnot400Post}
  852. {/block:ifCaptions}
  853. {/block:IndexPage}
  854.  
  855. {block:PermalinkPage}
  856. {block:Caption}
  857. <div class="caption"> <div style="margin-top:0px;"></div>
  858. {Caption}
  859. <div style="margin-bottom: -8px;"></div>
  860. </div>
  861. {/block:Caption}
  862. {/block:PermalinkPage}
  863. {/block:Audio}
  864.  
  865. {block:Answer}
  866. <div class="question">
  867. <table style="padding-bottom: 15px; margin-bottom: 5px;">
  868. <tr>
  869. <td style="vertical-align: top; padding-right:10px;"><img src="{PortraitURL-64}"></td>
  870. <td style="vertical-align:top;">{Asker} asked: “{Question}”</td>
  871. </tr>
  872. </table>
  873. <div class="answer">{Answer}</div>
  874. </div>
  875. {/block:Answer}
  876.  
  877. {block:PermalinkPage}
  878. {block:RebloggedFrom}
  879. (via: <a href="{ReblogParentURL}">{ReblogParentName}</a>)
  880. {/block:RebloggedFrom}
  881. {/block:PermalinkPage}
  882.  
  883. <div id="pagenotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  884.  
  885. <div id="permalink">
  886.  
  887. {block:Date}
  888. <a href="{Permalink}">{Month} {DayOfMonthWithZero} {Year} @ {12HourWithZero}:{Minutes}{CapitalAmPm}</a> ★
  889. {/block:Date}
  890.  
  891. <a href="{Permalink}">{NoteCount}</a> NOTES {block:RebloggedFrom}<br />
  892.  
  893. originally from <a href="{ReblogParentURL}">{ReblogParentName}</a> via <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  894.  
  895. </div>
  896.  
  897. <div id="tags">
  898. {block:HasTags}
  899. {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}
  900. {/block:HasTags}
  901.  
  902. </div>
  903.  
  904. {/block:Posts}
  905.  
  906. {block:ifInfiniteScroll}
  907.  
  908. {block:IndexPage}
  909.  
  910. {block:Pagination}
  911. <div id="pagination">
  912. {block:previousPage}
  913. <a href="{previousPage}">back</a>
  914. {/block:previousPage}
  915. {block:NextPage}
  916. <a href="{NextPage}">next</a>
  917. {/block:NextPage}
  918. </div>
  919. {/block:Pagination}
  920. {/block:IndexPage}
  921. {/block:ifInfiniteScroll}
  922. {block:ifnotInfiniteScroll}
  923. {block:Pagination}
  924. <div id="pagination">
  925. {block:previousPage}
  926. <a href="{previousPage}">back</a>
  927. {/block:previousPage}
  928. {block:NextPage}
  929. <a href="{NextPage}">next</a>
  930. {/block:NextPage}
  931. </div>
  932. {/block:Pagination}
  933. {/block:ifnotInfiniteScroll}
  934. </div>
  935. </div>
  936. {block:IfInfiniteScroll}
  937. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  938. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  939. {/block:IfInfiniteScroll}
  940. </div>
  941. </body>
  942. </html>
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!