API tools faq
paste
alicescreed

2.37 Takota

alicescreed
Aug 12th, 2014
3,314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />
  11.  
  12. {/block:Description}
  13.  
  14. <meta name="image:header background" content="">
  15. <meta name="image:header" content="">
  16. <meta name="image:header2" content="">
  17. <meta name="image:header3" content="">
  18. <meta name="image:title header" content="">
  19. <meta name="image:bg" content="">
  20. <meta name="image:info bg" content="">
  21.  
  22. <meta name="text:link1" content="">
  23. <meta name="text:link1 title" content="link 1">
  24. <meta name="text:link2" content="">
  25. <meta name="text:link2 title" content="link 2">
  26.  
  27. <meta name="color:links" content="#ae8c51">
  28. <meta name="color:asks bg" content="#000000">
  29. <meta name="color:links hover" content="#3a5a08">
  30. <meta name="color:text" content="#ffffff">
  31. <meta name="color:header border" content="#1a1610">
  32. <meta name="color:bold" content="#b49a41">
  33. <meta name="color:content shadow" content="#000000">
  34. <meta name="color:content" content="#15120f">
  35. <meta name="color:links bg" content="#000000">
  36. <meta name="color:italic" content="#666743">
  37. <meta name="color:header shadow" content="#000000">
  38. <meta name="color:header description" content="#000000">
  39. <meta name="color:header description shadow" content="#000000">
  40.  
  41. <!-- START NIVO SLIDER -->
  42.  
  43. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  44. <script type="text/javascript" src="http://static.tumblr.com/y0x5xm1/WdCmcx05a/jquery.nivo.slider.pack.js"></script>
  45. <script type="text/javascript">
  46. var $nv4wp = jQuery.noConflict();
  47. $nv4wp(window).load(function() {
  48. $nv4wp('#slider').nivoSlider({
  49. effect:'random',
  50. slices:15, // For slice animations
  51. boxCols: 4, // For box animations
  52. boxRows: 2, // For box animations
  53. animSpeed:500, // Slide transition speed
  54. pauseTime:3000, // How long each slide will show
  55. startSlide:0, // Set starting Slide (0 index)
  56. directionNav:true, //Next & Prev
  57. controlNav:false, // 1,2,3... navigation
  58. controlNavThumbs:false, // Use thumbnails for Control Nav
  59. controlNavThumbsFromRel:false, // Use image rel for thumbs
  60. controlNavThumbsSearch: '.jpg', // Replace this with...
  61. controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
  62. keyboardNav:true, //Use left & right arrows
  63. pauseOnHover:true, //Stop animation while hovering
  64. manualAdvance:false, //Force manual transitions
  65. captionOpacity:0.8, //Universal caption opacity
  66. prevText: 'Prev', // Prev directionNav text
  67. nextText: 'Next', // Next directionNav text
  68. beforeChange: function(){}, // Triggers before a slide transition
  69. afterChange: function(){}, // Triggers after a slide transition
  70. slideshowEnd: function(){}, // Triggers after all slides have been shown
  71. lastSlide: function(){}, // Triggers when last slide is shown
  72. afterLoad: function(){} // Triggers when slider has loaded
  73. });
  74. });
  75. </script>
  76.  
  77. <script type="text/javascript" src="http://static.tumblr.com/y0x5xm1/e1gmcx29e/jquery.nivo.slider.js"></script>
  78. <script type="text/javascript">
  79. $(window).load(function() {
  80. $('#slider').nivoSlider();
  81. });
  82. </script>
  83. <!-- END NIVO SLIDER -->
  84.  
  85. <script type="text/javascript"
  86. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  87. <script>
  88. $(document).ready(function() {
  89. //
  90. $('a.poplight[href^=#]').click(function() {
  91. var popID = $(this).attr('rel'); //Get Popup Name
  92. var popURL = $(this).attr('href'); //Get Popup href to define size
  93. var query= popURL.split('?');
  94. var dim= query[1].split('&');
  95. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  96. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/iddq6cw/Atplvofrt/tooltip-closebutton.png" class="btn_close" title="Close" alt="Close" /></a>');
  97. var popMargTop = ($('#' + popID).height() + 80) / 2;
  98. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  99. //Apply Margin to Popup
  100. $('#' + popID).css({
  101. 'margin-top' : -popMargTop,
  102. 'margin-left' : -popMargLeft
  103. });
  104. $('body').append('<div id="fade"></div>');
  105. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  106. return false;
  107. });
  108. $('a.close, #fade').live('click', function() {
  109. $('#fade , .popup_block').fadeOut(function() {
  110. $('#fade, a.close').remove(); //fade them both out
  111. });
  112. return false;
  113. });
  114. });
  115. </script>
  116.  
  117. <style type="text/css">
  118.  
  119. body {
  120. background-image: url('{image:bg}');
  121. color: {color:text};
  122. font-family: trebuchet ms;
  123. font-size: 9pt;
  124. text-align: center;
  125. }
  126.  
  127. a:hover {
  128. transition-duration: 0.6s;
  129. -moz-transition-duration: 0.6s;
  130. -webkit-transition-duration: 0.6s;
  131. -o-transition-duration: 0.6s;
  132. color: {color:links hover};
  133. }
  134.  
  135. b {
  136. color: {color:bold};
  137. font-weight: bold;
  138. }
  139.  
  140. i {
  141. color: {color:italic};
  142. font-style: italic;
  143. }
  144.  
  145. #headerbg {
  146. background-image: url('{image:header background}');
  147. width: 100%;
  148. height: 500px;
  149. position: absolute;
  150. margin-top: -10px;
  151. margin-left: -8px;
  152. }
  153.  
  154. blockquote {
  155. border-left: 2px solid;
  156. padding-left: 5px;
  157. }
  158.  
  159. blockquote img {
  160. max-width: 100%;
  161. }
  162.  
  163. #anchor {
  164. position: relative;
  165. width: 1000px;
  166. background-color: transparent;
  167. margin: 0 auto -12px auto;
  168. }
  169.  
  170. #mainheader {
  171. width: 1000px;
  172. margin-top: 50px;
  173. height: 300px;
  174. position: absolute;
  175. border: 5px solid {color:header border};
  176. box-shadow: 5px 5px 8px {color:header shadow};
  177. background-image: url('{image:main header}');
  178. }
  179.  
  180. #bottompart {
  181. position: absolute;
  182. width: 1000px;
  183. height: 100px;
  184. margin-top: 360px;
  185. }
  186.  
  187. #box {
  188. width: 470px;
  189. height: 70px;
  190. padding: 10px;
  191. border-radius: 10px;
  192. background-color: {color:header description};
  193. opacity: .8;
  194. color: #fff;
  195. margin-top: -40px;
  196. position: absolute;
  197. }
  198.  
  199. #descbox {
  200. width: 470px;
  201. height: 60px;
  202. overflow: auto;
  203. position: absolute;
  204. font-family: trebuchet ms;
  205. text-shadow: 1px 1px 1px {color:header description shadow};
  206. font-size: 9pt;
  207. margin-top: 5px;
  208. }
  209.  
  210.  
  211.  
  212. /*
  213. * jQuery Nivo Slider v3.1
  214. * http://nivo.dev7studios.com
  215. *
  216. * Copyright 2012, Dev7studios
  217. * Free to use and abuse under the MIT license.
  218. * http://www.opensource.org/licenses/mit-license.php
  219. * Mhel, of html-and-etc.tumblr.com tweaked the original codes given
  220. */
  221.  
  222. /* The Nivo Slider styles */
  223. .nivoSlider {
  224. border: 5px solid {color:header border};
  225. position:absolute;
  226. width:1000px;
  227. height:300px;
  228. overflow: hidden;
  229. margin-top: 40px;
  230. box-shadow: 5px 5px 10px {color:header shadow};
  231. }
  232. .nivoSlider img {
  233. position:absolute;
  234. top:0px;
  235. left:0px;
  236. max-width: none;
  237. }
  238. .nivo-main-image {
  239. display: block !important;
  240. position: relative !important;
  241. width: 100% !important;
  242. }
  243.  
  244. /* If an image is wrapped in a link */
  245. .nivoSlider a.nivo-imageLink {
  246. position:absolute;
  247. top:0px;
  248. left:0px;
  249. width:100%;
  250. height:100%;
  251. border:0;
  252. padding:0;
  253. margin:0;
  254. z-index:6;
  255. display:none;
  256. }
  257. /* The slices and boxes in the Slider */
  258. .nivo-slice {
  259. display:block;
  260. position:absolute;
  261. z-index:5;
  262. height:100%;
  263. top:0;
  264. }
  265. .nivo-box {
  266. display:block;
  267. position:absolute;
  268. z-index:5;
  269. overflow:hidden;
  270. }
  271. .nivo-box img { display:block; }
  272.  
  273. /* Caption styles */
  274. .nivo-caption {
  275. position:absolute;
  276. left:0px;
  277. bottom:10px;
  278. background:#000;
  279. font-weight: 300;
  280. letter-spacing: 3px;
  281. text-transform: uppercase;
  282. font-size: 12pt;
  283. text-align: center;
  284. color:#fff;
  285. width:100%;
  286. padding: 5px;
  287. z-index:8;
  288. padding: 5px 10px;
  289. opacity: 0.8;
  290. overflow: hidden;
  291. display: none;
  292. -moz-opacity: 0.8;
  293. filter:alpha(opacity=8);
  294. -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  295. -moz-box-sizing: border-box; /* Firefox, other Gecko */
  296. box-sizing: border-box; /* Opera/IE 8+ */
  297. }
  298. .nivo-caption p {
  299. padding:5px;
  300. margin:0;
  301. font-size:14px;
  302. }
  303. .nivo-caption a {
  304. display:inline !important;
  305. }
  306. .nivo-html-caption {
  307. display:none;
  308. }
  309. /* Direction nav styles (e.g. Next & Prev) */
  310.  
  311. .nivo-directionNav a {
  312. position:absolute;
  313. top:45%;
  314. z-index:9;
  315. cursor:pointer;
  316. display:block;
  317. width:31px;
  318. height:34px;
  319. background:url('http://static.tumblr.com/y0x5xm1/ei3mcx19v/arrows.png') no-repeat;
  320. text-indent:-9999px;
  321. border:0;
  322.  
  323. }
  324.  
  325. .nivoSlider .nivo-directionNav a {
  326. opacity: 0;
  327. -webkit-transition: all 200ms ease-in-out;
  328. -moz-transition: all 200ms ease-in-out;
  329. -o-transition: all 200ms ease-in-out;
  330. transition: all 200ms ease-in-out;
  331. }
  332. .nivoSlider:hover .nivo-directionNav a { opacity: 1; }
  333.  
  334. a.nivo-nextNav {background-position:-30px 0;right:15px;}
  335.  
  336. a.nivo-prevNav { left:15px;}
  337.  
  338. .nivo-prevNav {
  339. left:0px;
  340. }
  341. .nivo-nextNav {
  342. right:0px;
  343. }
  344. /* Control nav styles (e.g. 1,2,3...) */
  345. .nivo-controlNav {
  346. text-align:center;
  347. padding: 15px 0;
  348. }
  349. .nivo-controlNav a {
  350. cursor:pointer;
  351. }
  352. .nivo-controlNav a.active {
  353. font-weight:bold;
  354. }
  355.  
  356. #posts {
  357. position: absolute;
  358. background-color: {color:content};
  359. padding: 20px;
  360. text-align: justify;
  361. width: 500px;
  362. margin-top: 540px;
  363. margin-left: 40px;
  364. box-shadow: inset 2px 2px 10px {color:content shadow};
  365. font-family: trebuchet ms;
  366. font-size: 8pt;
  367. text-shadow: 2px 2px 2px {color:header description shadow};
  368. color: {color:text};
  369. }
  370.  
  371. #info {
  372. background-image: url('{image:info bg}');
  373. padding: 5px;
  374. border-radius: 5px;
  375. margin-top: 10px;
  376. margin-bottom: 50px;
  377. opacity: .8;
  378. text-align: center;
  379. text-transform: uppercase;
  380. font-size: 6pt;
  381. }
  382.  
  383. #linksbox {
  384. width: 100%;
  385. height: 50px;
  386. margin-left: -8px;
  387. position: absolute;
  388. text-align: center;
  389. font-size: 12pt;
  390. text-transform: uppercase;
  391. margin-top: 490px;
  392. background-color: {color:links bg};
  393. }
  394.  
  395. #links {
  396. letter-spacing: 2px;
  397. margin-top: 15px;
  398. }
  399.  
  400. a {
  401. text-decoration: none;
  402. color: {color:links};
  403. transition-duration: 0.6s;
  404. -moz-transition-duration: 0.6s;
  405. -webkit-transition-duration: 0.6s;
  406. -o-transition-duration: 0.6s;
  407. }
  408.  
  409. #a {
  410. }
  411.  
  412. #ask {
  413. background-color: {color:asks bg};
  414. padding: 10px;
  415. text-align: left;
  416. border-radius: 10px;
  417. }
  418.  
  419. #h1 {
  420. font-style: italic;
  421. color: {color:links hover};
  422. font-size: 12pt;
  423. margin-bottom: 10px;
  424. }
  425.  
  426. #h1 a {
  427. color:{color:links hover};
  428. }
  429.  
  430.  
  431. #sidebox {
  432. position: absolute;
  433. background-color: {color:content};
  434. padding: 20px;
  435. width: 300px;
  436. text-align: justify;
  437. margin-top: 540px;
  438. margin-left: 620px;
  439. box-shadow: inset 2px 2px 10px {color:content shadow};
  440. font-family: trebuchet ms;
  441. font-size: 8pt;
  442. text-shadow: 2px 2px 2px {color:header description shadow};
  443. color: {color:text};
  444. }
  445.  
  446. #sidebox img {
  447. margin-bottom: 10px;
  448. background-image: url('{image:header background}');
  449. max-width: 280px;
  450. padding: 5px;
  451. }
  452.  
  453. #td {
  454. margin-right: 5px;
  455. margin-bottom: 5px;
  456. }
  457.  
  458. #h2 {
  459. font-style: italic;
  460. color: {color:links hover};
  461. font-size: 12pt;
  462. border-bottom: 1px solid {color:links bg};
  463. border-radius: 5px;
  464. margin-bottom: 10px;
  465. padding: 5px;
  466. }
  467.  
  468. #affbox {
  469. TEXT-ALIGN: CENTER;
  470. }
  471.  
  472. #affbox img {
  473. margin-right: 8px;
  474. margin-bottom: 5px;
  475. }
  476.  
  477. #credit {
  478. text-align: center;
  479. text-transform: uppercase;
  480. font-size: 6pt;
  481. margin-top: 5px;
  482. }
  483.  
  484. .jump_page {
  485. background-color: transparent;
  486. color: {color:links};
  487. text-decoration:none;
  488. font-size: 12pt;
  489. }
  490.  
  491. .current_page, .jump_page:hover {
  492. background-color: transparent;
  493. text-decoration:none;
  494. color: {color:text};
  495. font-size: 12pt;
  496. }
  497.  
  498.  
  499. </style>
  500.  
  501. </head>
  502.  
  503. <body>
  504.  
  505. <div id="headerbg"></div>
  506.  
  507.  
  508. <div id="linksbox">
  509. <div id="links">
  510. <a href="/">home</a> • <a href="/ask">contact us</a> • <a href="/archive">archive</a> • <a href="{text:link1}">{text:link1 title}</a> • <a href="{text:link2}">{text:link2 title}</a></div>
  511. </div>
  512.  
  513. <div id="anchor">
  514.  
  515. <!-- START NIVO SLIDER -->
  516. <div class="slider-wrapper theme-default">
  517. <div id="slider" class="nivoSlider">
  518. <img src="{image:header}">
  519. <img src="{image:header2}">
  520. <img src="{image:header3}">
  521. </div>
  522. </div>
  523. <!-- END NIVO SLIDER -->
  524. <div id="bottompart">
  525. <table>
  526.  
  527. <td><a href="/"><img src="{image:title header}"></a></td>
  528. <td><div id="box"><div id="descbox">{description}</div></div></td>
  529.  
  530. </table>
  531.  
  532. </div>
  533.  
  534. <div id="sidebox">
  535. <!-- START FIRST CUSTOM BOX -->
  536. <div id="h2">Official Links</div>
  537. <img src="https://31.media.tumblr.com/42edda584e8a23513de293fddccee558/tumblr_inline_na7kynMdJE1sou8u5.png">
  538. <img src="https://31.media.tumblr.com/bef81aec919ec37c0501e72756376a8b/tumblr_inline_na7l0dnXba1sou8u5.png">
  539. <img src="https://31.media.tumblr.com/883fbe2beea4ee6d5fe2d49e18de261f/tumblr_inline_na7l77uABr1sou8u5.png">
  540. <!-- END FIRST CUSTOM BOX -->
  541.  
  542. <!-- START SECOND CUSTOM BOX -->
  543. <div id="h2">Contributors</div>
  544. {block:GroupMembers}
  545. <table>
  546. {block:GroupMember} <td><img src="{GroupMemberPortraitURL-40}"</td>
  547. <td><a href="{GroupMemberURL}">{GroupMemberName}</a><br>
  548. <i>{GroupMemberTitle}</i>
  549. </td>{/block:GroupMember}
  550. </table>
  551. {/block:GroupMembers}
  552. <!-- END SECOND CUSTOM BOX -->
  553.  
  554. <!-- START THIRD CUSTOM BOX -->
  555. <div id="h2">Affiliates</div>
  556. <div id="affbox"><img src="https://31.media.tumblr.com/566a60cbcfebffda00ee502389ddc1b3/tumblr_inline_na7lyj3FMN1sou8u5.png"> <img src="https://31.media.tumblr.com/88c78b19e0b4b72f146f5058bdced395/tumblr_inline_na7lzmplpv1sou8u5.png"> <img src="https://31.media.tumblr.com/471d2facddff4ffc8523b2099ea3ac83/tumblr_inline_na7lzg7dIO1sou8u5.png"><img src="https://31.media.tumblr.com/d20e309510febd1afa8e4986a0266267/tumblr_inline_na7m2cqHQE1sou8u5.png"></div>
  557. <!-- END THIRD CUSTOM BOX -->
  558.  
  559. <!-- START FOURTH CUSTOM BOX -->
  560. <div id="h2">Site Info</div>
  561. Add your disclaimer, etc. etc. In here. Remember that you can have as many custom boxes as you want by simply using the "h2" div as your divider. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  562. <!-- END FOURTH CUSTOM BOX -->
  563.  
  564. <div id="credit"><a href="http://ritasvrataski.tumblr.com">Theme by Diana @ Drunk and Coloring</a><br>
  565. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  566. {block:JumpPagination length="3"}
  567. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  568. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  569. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  570. {/block:Pagination}
  571. </div>
  572.  
  573. </div>
  574.  
  575. <div id="container">
  576. <div id="posts">
  577.  
  578. {block:Posts}
  579.  
  580. <div id="post">
  581.  
  582.  
  583. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  584.  
  585. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{block:Caption}
  586.  
  587. {Caption}{/block:Caption}{/block:Photo}
  588.  
  589. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  590.  
  591. {/block:Photoset}
  592.  
  593. {block:Quote}<div id="title">{Quote}</div>{block:Source} <div id="sub" style="margin-top: 5px; text-align:center;">-- {source}</div>{/block:Source}{/block:Quote}
  594.  
  595. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  596.  
  597. {Description}{/block:Description}{/block:Link}
  598.  
  599. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  600.  
  601. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  602.  
  603. {block:Audio}
  604. {block:AlbumArt}
  605. <div id="a">
  606. <table>
  607. <td><img src="{AlbumArtURL}" width="55" style="padding: 5px;"></td>
  608. {/block:AlbumArt}
  609. <td>
  610. {block:TrackName}
  611. <div id="audiotitle" style="line-height: 100%;">{TrackName}</div>
  612. {/block:TrackName}<br>
  613. <div id="sub" style="margin-top: -10px; margin-bottom: 5px;">{block:Artist}
  614. {Artist}<br>
  615. {/block:Artist}
  616. </div>
  617.  
  618. {AudioPlayerWhite}</td>
  619. </table>
  620. </div>
  621. {block:caption}{Caption}{/block:caption}
  622. {/block:Audio}
  623.  
  624. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  625.  
  626. {block:Answer}<div id="ask"><table>
  627. <td><img src="{AskerPortraitURL-40}"></td>
  628. <td>{Asker}:<br>
  629. {Question}
  630. </td>
  631. </table></div>
  632. {Answer}{/block:Answer}
  633.  
  634.  
  635. </div>
  636.  
  637. <div id="info">
  638. {block:Date}Posted on {ShortMonth} {DayOfMonth} at {12Hour}:{Minutes}{/block:Date} with <a href="{Permalink}">
  639. {NoteCount}</a> notes {block:HasTags}<br>filed under: {block:Tags} #<a href="{TagURL}">{Tag}</a>
  640.  
  641. {/block:Tags}{/block:HasTags}</div>
  642.  
  643. {block:PostNotes}<div id="postnotes">{PostNotes}</div>{/block:PostNotes}
  644.  
  645. {/block:Posts}</div>
  646.  
  647. </div>
  648.  
  649. </body>
  650.  
  651. </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!