API tools faq
paste
alokasenna

Black Widow (Theme 07)

alokasenna
May 23rd, 2014
762
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.84 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.  
  3. <!--
  4.  
  5. THEME 07 BY STVCKY (ODINSSON.CO.VU). DON'T STEAL OR USE AS BASE PLEASE AND THANK. IF YOU HAVE ANY ISSUES MESSAGE ME.
  6.  
  7. -->
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function() {
  16. //
  17. $('a.poplight[href^=#]').click(function() {
  18. var popID = $(this).attr('rel'); //Get Popup Name
  19. var popURL = $(this).attr('href'); //Get Popup href to define size
  20. var query= popURL.split('?');
  21. var dim= query[1].split('&');
  22. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  23. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  24. var popMargTop = ($('#' + popID).height() + 80) / 2;
  25. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  26. //Apply Margin to Popup
  27. $('#' + popID).css({
  28. 'margin-top' : -popMargTop,
  29. 'margin-left' : -popMargLeft
  30. });
  31. $('body').append('<div id="fade"></div>');
  32. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  33. return false;
  34. });
  35. $('a.close, #fade').live('click', function() {
  36. $('#fade , .popup_block').fadeOut(function() {
  37. $('#fade, a.close').remove(); //fade them both out
  38. });
  39. return false;
  40. });
  41. });
  42. </script>
  43.  
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.  
  50. <meta name="image:icon" content="http://ic.pics.livejournal.com/attice/50729155/252563/252563_original.png"/>
  51. <meta name="image:sidebar" content="https://31.media.tumblr.com/a7ecf2ed579dc4006457741483eb7516/tumblr_n6208tPsgb1tpb7s5o1_400.png"/>
  52.  
  53. <meta name="if:500px posts" content="0">
  54. <meta name="if:400px posts" content="0">
  55. <meta name="if:250px posts" content="0">
  56. <meta name="if:link one" content="0">
  57. <meta name="if:link two" content="0">
  58. <meta name="if:link three" content="0">
  59. <meta name="if:link four" content="0">
  60.  
  61. <meta name="color:ask bg" content="#97cf36"/>
  62. <meta name="color:ask text" content="#fcfcfc"/>
  63. <meta name="color:ask title" content="#97cf36"/>
  64. <meta name="color:audio border" content="#fcfcfc"/>
  65. <meta name="color:background" content="#fcfcfc"/>
  66. <meta name="color:blockquote" content="#97cf36"/>
  67. <meta name="color:bold" content="#97cf36"/>
  68. <meta name="color:chat even" content="#000"/>
  69. <meta name="color:chat even bg" content="#97cf36"/>
  70. <meta name="color:chat odd" content="#fcfcfc"/>
  71. <meta name="color:chat odd bg" content="#000"/>
  72. <meta name="color:credit" content="#97cf36"/>
  73. <meta name="color:description text" content="#fcfcfc"/>
  74. <meta name="color:info bg" content="#97cf36"/>
  75. <meta name="color:info border" content="#fcfcfc"/>
  76. <meta name="color:info link" content="#000"/>
  77. <meta name="color:info text" content="#fcfcfc"/>
  78. <meta name="color:italics" content="#97cf36"/>
  79. <meta name="color:link" content="#97cf36"/>
  80. <meta name="color:link post" content="#97cf36"/>
  81. <meta name="color:nav links" content="#fcfcfc"/>
  82. <meta name="color:nav links bg" content="#97cf36"/>
  83. <meta name="color:pagination" content="#fcfcfc"/>
  84. <meta name="color:pagination bg" content="#97cf36"/>
  85. <meta name="color:popup bg" content="#000"/>
  86. <meta name="color:post bg" content="#000"/>
  87. <meta name="color:popup image border" content="#97cf36"/>
  88. <meta name="color:post titles" content="#97cf36"/>
  89. <meta name="color:quote" content="#000"/>
  90. <meta name="color:quote shadow" content="#97cf36"/>
  91. <meta name="color:rp info border" content="#fcfcfc"/>
  92. <meta name="color:rp info title" content="#000"/>
  93. <meta name="color:rp info text" content="#fcfcfc"/>
  94. <meta name="color:scrollbar" content="#000"/>
  95. <meta name="color:scrollbar border" content="#97cf36"/>
  96. <meta name="color:selection" content="#97cf36"/>
  97. <meta name="color:selection text" content="#000"/>
  98. <meta name="color:sidebar bg" content="#fcfcfc"/>
  99. <meta name="color:sidebar border" content="#97cf36"/>
  100. <meta name="color:sidebar scroll" content="#fcfcfc"/>
  101. <meta name="color:tags" content="#fcfcfc"/>
  102. <meta name="color:tags bg" content="#97cf36"/>
  103. <meta name="color:tags border" content="#fcfcfc"/>
  104. <meta name="color:text" content="#fcfcfc"/>
  105. <meta name="color:title" content="#97cf36"/>
  106. <meta name="color:title shadow" content="#fcfcfc"/>
  107.  
  108. <meta name="text:ask title" content="ask title"/>
  109. <meta name="text:info title one" content="M!A Status:"/>
  110. <meta name="text:info text one" content="M!A Status"/>
  111. <meta name="text:info title two" content="Tracked Tag:"/>
  112. <meta name="text:info text two" content="trackedtag"/>
  113. <meta name="text:info title three" content="FC:"/>
  114. <meta name="text:info text three" content="faceclaim"/>
  115. <meta name="text:info title four" content="OOC Comments:"/>
  116. <meta name="text:info text four" content="ooc comments"/>
  117. <meta name="text:link one" content="one"/>
  118. <meta name="text:link one url" content="/"/>
  119. <meta name="text:link two" content="two"/>
  120. <meta name="text:link two url" content="/"/>
  121. <meta name="text:link three" content="three"/>
  122. <meta name="text:link three url" content="/"/>
  123. <meta name="text:link four" content="four"/>
  124. <meta name="text:link four url" content="/"/>
  125. <meta name="text:url" content="your url INCLUDING .tumblr.com"/>
  126.  
  127.  
  128.  
  129.  
  130.  
  131. <style type="text/css">
  132.  
  133.  
  134. ::-webkit-scrollbar-thumb {
  135. background-color: {color:scrollbar};
  136. height:auto;
  137. border-bottom:none;
  138. border-top: 3px solid {color:scrollbar border};
  139. border-left: 3px solid {color:scrollbar border};
  140. border-bottom: 3px solid {color:scrollbar border};
  141. }
  142. ::-webkit-scrollbar {
  143. height:9px;
  144. width:10px;
  145. background-color: {color:container bg};
  146. border-left: 2px solid {color:container bg};
  147. border-top: 2px solid {color:container bg};
  148. border-bottom: 2px solid {color:container bg};
  149. border-right: 3px solid {color:scrollbar border};
  150. }
  151.  
  152. ::selection {
  153. background-color: {color:selection};
  154. color: {color:selection text};
  155. }
  156.  
  157. @font-face{font-family:mix;src:url(http://static.tumblr.com/9wzbixa/cf6mj2fv4/ballw___.ttf);}
  158.  
  159. @font-face {font-family:"subtitle"; src: url('http://static.tumblr.com/aorjzw7/aMums1s2i/comfortaa.ttf'); }
  160.  
  161. @font-face { font-family: "lily"; src: url('http://static.tumblr.com/gdh5wux/jMNmoz1x8/lilyscript.ttf'); }
  162.  
  163.  
  164. body {
  165. background-color: {color:background};
  166. margin:0px;
  167. color: {color:text};
  168. font-family:Arial, Helvetica;
  169. font-size:9px;
  170. line-height:100%;
  171. background-repeat: repeat;
  172. }
  173.  
  174. i, em {
  175. color: {color:italics};
  176. }
  177.  
  178. b, strong {
  179. color: {color:bold};
  180. }
  181.  
  182. a {
  183. text-decoration:none;
  184. -moz-outline-style:none;
  185. color: {color:link};
  186. }
  187.  
  188.  
  189.  
  190. h1 {
  191. font-size:12px;
  192. text-transform:uppercase;
  193. line-height: 110%;
  194. color: {color:post titles};
  195. }
  196.  
  197. h1:hover {
  198. letter-spacing: 2px;
  199. -webkit-transition: all 0.5s ease;
  200. -moz-transition: all 0.5s ease;
  201. -o-transition: all 0.5s ease;
  202. }
  203.  
  204. blockquote {
  205. padding-left:5px;
  206. border-left:2px solid {color:blockquote};
  207. max-width: 100%;
  208. word-wrap: break-word
  209. }
  210.  
  211. blockquote img {
  212. max-width: 100%;
  213. }
  214.  
  215.  
  216. a:hover {
  217. opacity:1;
  218. color:{color:hover};
  219. -webkit-transition: all 0.5s ease;
  220. -moz-transition: all 0.5s ease;
  221. -o-transition: all 0.5s ease
  222. }
  223.  
  224. #icon {
  225. width: 100px;
  226. position: fixed;
  227. }
  228.  
  229. #icon img {
  230. width: 80px;
  231. height: 80px;
  232. border: 20px solid {color:sidebar border};
  233. margin-left: 100px;
  234. margin-top: 170px;
  235. }
  236.  
  237.  
  238. #sidebar {
  239. width: 150px;
  240. height: 100%;
  241. background-color: {color:sidebar bg};
  242. position: fixed;
  243. border-right: 20px solid {color:sidebar border};
  244. }
  245.  
  246. #linkbox {
  247. width: 60px;
  248. height: auto;
  249. margin-top: 300px;
  250. margin-left: 130px;
  251. }
  252.  
  253. #linkage {
  254. width: 60px;
  255. height: 13px;
  256. padding-top: 7px;
  257. background-color: {color:nav links bg};
  258. margin-top: 10px;
  259. text-align: center;
  260. text-transform: uppercase;
  261. }
  262.  
  263. #linkage a {
  264. color: {color:nav links};
  265. font-family: subtitle;
  266. font-size: 15px;
  267. }
  268.  
  269. #linkage:hover {
  270. width: 117px;
  271. margin-left: -30px;
  272. padding-right: 3px;
  273. text-align: right;
  274. -webkit-transition: all 0.5s ease;
  275. -moz-transition: all 0.5s ease;
  276. -o-transition: all 0.5s ease;
  277. }
  278.  
  279.  
  280. #all {
  281. padding:10px;
  282. {block:If500pxposts}
  283. width: 500px;
  284. {/block:If500pxposts}
  285.  
  286. {block:If400pxposts}
  287. width: 400px;
  288. {/block:If400pxposts}
  289.  
  290. {block:If250pxposts}
  291. width: 250px;
  292. {/block:If250pxposts}
  293. margin-top: 0px;
  294. margin-left: 100px;
  295. font-size:10px;
  296. }
  297.  
  298. #posts {
  299. {block:If500pxposts}
  300. width: 500px;
  301. {/block:If500pxposts}
  302.  
  303. {block:If400pxposts}
  304. width: 400px;
  305. {/block:If400pxposts}
  306.  
  307. {block:If250pxposts}
  308. width: 250px;
  309. {/block:If250pxposts}
  310. padding-bottom:20px;
  311. padding:10px;
  312. margin-top:30px;
  313. background-color: {color:post bg};
  314. margin-bottom: 50px;
  315. text-align: left;
  316. }
  317.  
  318. #posts:hover #details {
  319. opacity: 1;
  320. -webkit-transition: all 0.8s ease;
  321. -moz-transition: all 0.8s ease;
  322. -o-transition: all 0.8s ease;
  323. }
  324.  
  325.  
  326. #details {
  327. opacity: 0;
  328. text-align:right;
  329. margin-top:8px;
  330. font-size:8px;
  331. font-style:none;
  332. -webkit-transition: all 0.8s ease;
  333. -moz-transition: all 0.8s ease;
  334. -o-transition: all 0.8s ease;
  335. }
  336.  
  337.  
  338. #tags {
  339. {block:If500pxposts}
  340. width: 494px;
  341. {/block:If500pxposts}
  342.  
  343. {block:If400pxposts}
  344. width: 394px;
  345. {/block:If400pxposts}
  346.  
  347. {block:If250pxposts}
  348. width: 244px;
  349. {/block:If250pxposts}
  350.  
  351. height: auto;
  352. font-family:cambria;
  353. letter-spacing:0px;
  354. font-size:10px;
  355. margin-top:2px;
  356. text-align: right;
  357. padding: 3px;
  358. color: black;
  359. background-color: {color:tags bg};
  360. border-bottom: 10px solid {color:tags border};
  361. padding-bottom: 10px;
  362. padding-top: 10px;
  363. }
  364.  
  365. #tags a {
  366. display:inline-block;
  367. padding:-3px;
  368. text-align:right;
  369. color: {color:tags};
  370. -webkit-transition: all 0.6s ease-in-out;
  371. -moz-transition: all 0.6s ease-in-out;
  372. -o-transition: all 0.6s ease-in-out;
  373. -ms-transition: all 0.6s ease-in-out;
  374. -transition: all 0.6s ease-in-out;
  375. }
  376.  
  377. #tags a:hover {
  378. opacity: .7;
  379. font-style: italic;
  380. }
  381.  
  382. #info {
  383. {block:If500pxposts}
  384. width: 480px;
  385. {/block:If500pxposts}
  386.  
  387. {block:If400pxposts}
  388. width: 380px;
  389. {/block:If400pxposts}
  390.  
  391. {block:If250pxposts}
  392. width: 230px;
  393. {/block:If250pxposts}
  394. height: auto;
  395. font-family: arial;
  396. font-size: 10px;
  397. background-color: {color:info bg};
  398. border-top: 10px solid {color:info border};
  399. padding: 10px;
  400. margin-bottom: 10px;
  401. color: {color:info text};
  402. }
  403.  
  404. #info a {
  405. color: {color:info link};
  406. }
  407.  
  408. #date {
  409. text-transform: uppercase;
  410. }
  411.  
  412. #question {
  413. padding:8px;
  414. font-family:arial;
  415. letter-spacing:2px;
  416. text-align:right;
  417. font-style:italic;
  418. border:5px solid {color:ask bg};
  419. color: {color:ask text};
  420. background-color: {color:ask bg};
  421. }
  422.  
  423. #question a {
  424. color: {color:ask text};
  425. }
  426.  
  427. .convo .convoline {
  428. color: {color:chat even};
  429. background-color: {color:chat even bg};
  430. }
  431.  
  432. .convo .convoline.odd {
  433. color: {color:chat odd};
  434. background-color: {color:chat odd bg};
  435. padding: 5px;
  436. }
  437.  
  438. .newplayerbutton {
  439. position: relative;
  440. width: 28px;
  441. height: 27px;
  442. overflow: hidden;
  443. }
  444.  
  445. .playerbuttonhug {
  446. position: absolute;
  447. top: -11px;
  448. left: -12px;
  449. }
  450.  
  451.  
  452. .tumblr_audio_player {
  453. border: none;
  454. padding: 0px;
  455. margin: 0px;
  456. height: 50px;
  457. {block:If500pxposts}
  458. width: 500px;
  459. {/block:If500pxposts}
  460.  
  461. {block:If400pxposts}
  462. width: 400px;
  463. {/block:If400pxposts}
  464.  
  465. {block:If250pxposts}
  466. width: 250px;
  467. {/block:If250pxposts}
  468. }
  469.  
  470. .playerbuttonbg {
  471. position: absolute;
  472. left: 20px;
  473. top: 20px;
  474. width: 28px;
  475. height: 28px;
  476. background-color: #ffffff;
  477. padding: 10px;
  478. -webkit-border-radius: 40px;
  479. -moz-border-radius: 40px;
  480. border-radius: 40px;
  481. opacity: .4;
  482. filter: alpha(opacity=40);
  483. -moz-opacity: 0.4;
  484. -khtml-opacity: 0.4;
  485. transition: opacity .7s ease-in-out;
  486. -moz-transition: opacity .7s ease-in-out;
  487. -webkit-transition: opacity .7s ease-in-out;
  488. }
  489.  
  490. .playerbuttonbg:hover {
  491. opacity: 1;
  492. filter: alpha(opacity=100);
  493. -moz-opacity: 1;
  494. -khtml-opacity: 1;
  495. }
  496.  
  497. .audioimgwrapper {
  498. position: absolute;
  499. left: 0px;
  500. top: 0px;
  501. border: 2px dotted {color:audio border};
  502. background-color: {color:audio border};
  503. padding: 2px;
  504. -webkit-border-radius: 50px;
  505. -moz-border-radius: 50px;
  506. border-radius: 50px;
  507. overflow: hidden;
  508. width: 88px;
  509. height: 88px;
  510.  
  511. }
  512.  
  513. .audioimgwrapper img {
  514. width: 100%;
  515. height: auto;
  516. border: 2px dotted {color:audio border};
  517. padding: 2px;
  518. -webkit-border-radius: 50px;
  519. -moz-border-radius: 50px;
  520. border-radius: 50px;
  521. }
  522.  
  523. .trackdetails {
  524. width: auto;
  525. display:inline-block;
  526. margin-left: 100px;
  527. min-height: 85px;
  528. line-height: 200%;
  529. }
  530.  
  531. .audiowrapper {
  532. position: relative;
  533. display:inline-block;
  534. padding: 10px;
  535. }
  536.  
  537. #pagination {
  538. height: 100px;
  539. width: 400px;
  540. position: fixed;
  541. margin-top: 520px;
  542. margin-left: 110px;
  543. }
  544.  
  545. .jump_page {
  546. padding: 4px 8px;
  547. background-color: {color:pagination bg};
  548. color: {color:pagination};
  549. font-family:century gothic;
  550. font-size:11px;
  551. text-decoration:none;
  552. }
  553.  
  554. .current_page, .jump_page:hover {
  555. padding: 4px 8px;
  556. background-color: {color:pagination};
  557. color: {color:pagination bg};
  558. font-family:century gothic;
  559. font-size:11px;
  560. text-decoration:none;
  561. }
  562.  
  563. #quote {
  564. font-size: 30px;
  565. font-family: times;
  566. font-style: italic;
  567. text-align: center;
  568. line-height: 110%;
  569. padding-top: 10px;
  570. text-shadow: 2px 2px {color:quote shadow};
  571. color: {color:quote};
  572. }
  573.  
  574. #qsource {
  575. font-size: 10px;
  576. font-family: arial;
  577. text-transform: uppercase;
  578. text-align: right;
  579. }
  580.  
  581. #notes {
  582. {block:If500pxposts}
  583. width: 500px;
  584. {/block:If500pxposts}
  585.  
  586. {block:If400pxposts}
  587. width: 400px;
  588. {/block:If400pxposts}
  589.  
  590. {block:If250pxposts}
  591. width: 250px;
  592. {/block:If250pxposts}
  593. height: 170px;
  594. overflow-y: scroll;
  595. overflow-x: hidden;
  596. margin-top: 30px;
  597. opacity: 1;
  598. text-align: left;
  599. }
  600.  
  601. #link_post {
  602. {block:If500pxposts}
  603. width: 500px;
  604. {/block:If500pxposts}
  605.  
  606. {block:If400pxposts}
  607. width: 400px;
  608. {/block:If400pxposts}
  609.  
  610. {block:If250pxposts}
  611. width: 250px;
  612. {/block:If250pxposts}
  613.  
  614. height: auto;
  615. font-family: mix;
  616. font-size: 50px;
  617. text-align: center;
  618. line-height: 100%;
  619. }
  620.  
  621. #link_post a {
  622. color: {color:link post};
  623. opacity: 1;
  624. }
  625.  
  626. #link_post a:hover {
  627. opacity: .7;
  628. }
  629.  
  630. .popup_block{
  631. display:none;
  632. background: {color:popup bg};
  633. padding:20px;
  634. float:left;
  635. position:fixed;
  636. top:50%;left:50%;
  637. z-index: 99999;
  638. }
  639.  
  640. img.btn_close {
  641. float: right;
  642. margin: -20 -20px 0 0;
  643. }
  644. *html #fade {
  645. position: absolute;
  646. }
  647. *html .popup_block {
  648. position: absolute;
  649. }
  650.  
  651. #fade {
  652. display:none;
  653. background:#000;
  654. position:fixed;
  655. left:0;
  656. top:0;
  657. width:100%;
  658. height:100%;
  659. opacity:0.0;
  660. z-index:9999;
  661. }
  662.  
  663. #poptit {
  664. font-family: lily;
  665. color: {color:ask title};
  666. font-size: 50px;
  667. text-align: center;
  668. text-shadow: 2px 2px {color:popup bg};
  669. margin-top: 0px;
  670. position: fixed;
  671. }
  672.  
  673. #title {
  674. color: {color:title};
  675. font-family: lily;
  676. font-size: 50px;
  677. text-shadow: 2px 2px {color:title shadow};
  678. text-align: center;
  679. line-height: 110%;
  680. }
  681.  
  682. #description {
  683. width: 100px;
  684. height: 100px;
  685. overflow-y: scroll;
  686. margin-top: 20px;
  687. }
  688.  
  689. #description::-webkit-scrollbar-thumb {
  690. background-color: {color:sidebar scroll};
  691. height:auto;
  692. border:none;
  693. }
  694. #description::-webkit-scrollbar {
  695. height:9px;
  696. width:5px;
  697. background-color: {color:sidebar scroll};
  698. border: 2px solid {color:popup bg};
  699. }
  700.  
  701. #infos {
  702. width: 90px;
  703. height: 25px;
  704. padding: 5px;
  705. border-top: 15px solid {color:rp info border};
  706. overflow-y: scroll;
  707. font-family: arial;
  708. font-size: 10px;
  709. text-align: center;
  710. color: {color:rp info text};
  711. }
  712.  
  713. #infotit {
  714. font-family: arial;
  715. color: {color:rp info title};
  716. text-transform: uppercase;
  717. margin-top: -15px;
  718. text-align: center;
  719. position: fixed;
  720. }
  721.  
  722. #infos::-webkit-scrollbar-thumb {
  723. background-color: {color:sidebar scroll};
  724. height:auto;
  725. border:none;
  726. }
  727. #infos::-webkit-scrollbar {
  728. height:9px;
  729. width:5px;
  730. background-color: {color:sidebar scroll};
  731. border: 2px solid {color:popup bg};
  732. }
  733.  
  734. #image {
  735. width: 300px;
  736. margin-top: 50px;
  737. }
  738.  
  739. #image img {
  740. width: 300px;
  741. height: 200px;
  742. border: 10px solid {color:popup image border};
  743. margin-left: -10px;
  744. }
  745.  
  746. #credit {
  747. position: fixed;
  748. }
  749.  
  750. {CustomCSS}
  751.  
  752. </style>
  753.  
  754. </head>
  755.  
  756. <body>
  757.  
  758. <div id="sidebar">
  759.  
  760. <div id="icon">
  761. <img src="{image:icon}">
  762. </div>
  763.  
  764. <div id="linkbox">
  765.  
  766. <div id="linkage">
  767. <a href="/">home</a>
  768. </div>
  769. <div id="linkage">
  770. <a href="#?w=300" rel="box1" class="poplight">ask</a>
  771. </div>
  772. <div id="linkage">
  773. <a href="#?w=400" rel="box2" class="poplight">info</a>
  774. </div>
  775.  
  776. {block:Iflinkone}
  777. <div id="linkage">
  778. <a href="{text:link one url}">{text:link one}</a>
  779. </div>
  780. {/block:Iflinkone}
  781.  
  782. {block:Iflinktwo}
  783. <div id="linkage">
  784. <a href="{text:link two url}">{text:link two}</a>
  785. </div>
  786. {/block:Iflinktwo}
  787.  
  788. {block:Iflinkthree}
  789. <div id="linkage">
  790. <a href="{text:link three url}">{text:link three}</a>
  791. </div>
  792. {/block:Iflinkthree}
  793.  
  794. {block:Iflinkfour}
  795. <div id="linkage">
  796. <a href="{text:link four url}">{text:link four}</a>
  797. </div>
  798. {/block:Iflinkfour}
  799.  
  800. </div>
  801.  
  802.  
  803. </div>
  804.  
  805. <div id="pagination">
  806. {block:Pagination}
  807. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  808. {block:JumpPagination length="2"}
  809. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  810. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  811. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  812. {/block:Pagination}
  813. </div>
  814.  
  815. <center>
  816. <div id="all">
  817.  
  818. {block:Posts}<div id="posts">
  819.  
  820. <div id="info">
  821.  
  822. <div id="date">
  823.  
  824. posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  825.  
  826. </div>
  827.  
  828. </div>
  829.  
  830. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  831.  
  832.  
  833. {block:If500pxposts}
  834. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:Photo}
  835. {/block:If500pxposts}
  836.  
  837. {block:If400pxposts}
  838. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:Photo}
  839. {/block:If400pxposts}
  840.  
  841. {block:If250pxposts}
  842. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{/block:Photo}
  843. {/block:If250pxposts}
  844.  
  845. {block:Link}<div id="link_post"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  846.  
  847. {block:If500pxposts}
  848. {block:Photoset}{Photoset-500}{/block:Photoset}
  849. {/block:If500pxposts}
  850.  
  851. {block:If400pxposts}
  852. {block:Photoset}{Photoset-400}{/block:Photoset}
  853. {/block:If400pxposts}
  854.  
  855. {block:If250pxposts}
  856. {block:Photoset}{Photoset-250}{/block:Photoset}
  857. {/block:If250pxposts}
  858.  
  859. {block:Quote}
  860.  
  861. <div id="quote">"{Quote}"</div>
  862.  
  863. <div id="qsource">{block:Source} —{Source}{/block:Source}</div>
  864.  
  865. {/block:Quote}
  866.  
  867.  
  868.  
  869. {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>{block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  870. {PlayCountWithLabel}</div></div>{/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}
  871.  
  872. {block:If500pxposts}
  873. {block:Video}{Video-500}{/block:Video}
  874. {/block:If500pxposts}
  875.  
  876. {block:If400pxposts}
  877. {block:Video}{Video-400}{/block:Video}
  878. {/block:If400pxposts}
  879.  
  880. {block:If250pxposts}
  881. {block:Video}{Video-250}{/block:Video}
  882. {/block:If250pxposts}
  883.  
  884. {block:Chat}
  885. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="convo">{block:Lines}<div class="convo"><div class="convoline {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div></div></div>{/block:Lines}</div>
  886. {/block:Chat}
  887.  
  888.  
  889. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  890.  
  891. <div id="details">
  892.  
  893. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  894.  
  895. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  896. </div></div>
  897. {/block:Posts}
  898. {/block:Posts}</div></div></div></div>
  899.  
  900. </center>
  901.  
  902. <div id="credit" style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri; height: 15px; width: 20px; background-color: {color:credit}; border:1px solid {color:credit}; border-radius: 50%; padding-top: 5px; text-align: center"><a style="color:#fcfcfc; text-decoration:none;" href="http://stvcky.tumblr.com/">S</a></center></div>
  903.  
  904.  
  905. </body>
  906.  
  907. <div id="box1" class="popup_block">
  908.  
  909. <div id="poptit">{text:ask title}</div>
  910.  
  911. <p><iframe frameborder="0" height="280" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:url}" width="100%"></iframe></p>
  912. </div>
  913.  
  914.  
  915. <div id="box2" class="popup_block">
  916. <br><br>
  917. <div id="title">{Title}</div>
  918.  
  919. <center>
  920. <div id="description">{Description}</div>
  921. </center>
  922.  
  923. <div id="infos" style="margin-top: -100px">
  924. <div id="infotit">{text:info title one}</div>
  925. <br>
  926. {text:info text one}
  927. </div>
  928.  
  929. <div id="infos" style="margin-top: 10px">
  930. <div id="infotit">{text:info title two}</div>
  931. <br>
  932. {text:info text two}
  933. </div>
  934.  
  935. <div id="infos" style="margin-top: -110px; margin-left: 300px">
  936. <div id="infotit">{text:info title three}</div>
  937. <br>
  938. {text:info text three}
  939. </div>
  940.  
  941. <div id="infos" style="margin-top: 10px; margin-left: 300px">
  942. <div id="infotit">{text:info title four}</div>
  943. <br>
  944. {text:info text four}
  945. </div>
  946.  
  947. <center>
  948. <div id="image">
  949. <img src="{image:sidebar}">
  950. </div>
  951. </center>
  952.  
  953.  
  954. </div>
  955.  
  956. </div></div></div></div></div></div></div></div></div></div>
  957.  
  958. </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!