alokasenna

Mischief Managed (Theme 08)

Oct 7th, 2014
631
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.25 KB | None | 0 0
  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 08 BY STVCKY (STVCKY.TUMBLR.COM). 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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  13.  
  14. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  15.  
  16.  
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="image:icon one" content="https://31.media.tumblr.com/8102435f6f5ef7b844fc9db3d3eb79a5/tumblr_inline_nd3mzbX0Ad1sdqauz.png"/>
  25.  
  26. <meta name="image:icon two" content="https://31.media.tumblr.com/8076c737600e1a2b341f0026db5518d2/tumblr_inline_nd3mzqeqM01sdqauz.png"/>
  27.  
  28. <meta name="image:icon three" content="https://31.media.tumblr.com/ec0e2ebc6cce55805acb488ed467fb28/tumblr_inline_nd3mzhzBUi1sdqauz.png"/>
  29.  
  30. <meta name="image:icon four" content="https://31.media.tumblr.com/9a3bb1a6ce109180b8bcad9389b9a785/tumblr_inline_nd3mzy8HTO1sdqauz.jpg"/>
  31.  
  32. <meta name="color:ask bg" content="#fcfcfc"/>
  33. <meta name="color:ask text" content="#000"/>
  34. <meta name="color:ask icon border" content="#000"/>
  35. <meta name="color:audio border" content="#fcfcfc"/>
  36. <meta name="color:background" content="#fcfcfc"/>
  37. <meta name="color:blockquote" content="#fcfcfc"/>
  38. <meta name="color:bold" content="#fcfcfc"/>
  39. <meta name="color:chat even" content="#000"/>
  40. <meta name="color:chat even bg" content="#fcfcfc"/>
  41. <meta name="color:chat odd" content="#fcfcfc"/>
  42. <meta name="color:chat odd bg" content="#000"/>
  43. <meta name="color:credit" content="#fcfcfc"/>
  44. <meta name="color:credit bg" content="#000"/>
  45. <meta name="color:description bg" content="#f0d3e7"/>
  46. <meta name="color:description scroll" content="#f0d3e7"/>
  47. <meta name="color:description scroll bg" content="#fcfcfc"/>
  48. <meta name="color:description text" content="#000"/>
  49. <meta name="color:icon one border" content="#000"/>
  50. <meta name="color:icon one border hover" content="#a5cae6"/>
  51. <meta name="color:icon two border" content="#000"/>
  52. <meta name="color:icon two border hover" content="#f0d3e7"/>
  53. <meta name="color:icon three border" content="#000"/>
  54. <meta name="color:icon three border hover" content="#e8e6ca"/>
  55. <meta name="color:icon four border" content="#000"/>
  56. <meta name="color:icon four border hover" content="#327c8f"/>
  57. <meta name="color:info" content="#000"/>
  58. <meta name="color:italics" content="#fcfcfc"/>
  59. <meta name="color:link" content="#fcfcfc"/>
  60. <meta name="color:link post" content="#fcfcfc"/>
  61. <meta name="color:main nav links" content="#a5cae6"/>
  62. <meta name="color:nav one links" content="#c7c5ab"/>
  63. <meta name="color:nav two links" content="#327c8f"/>
  64. <meta name="color:pagination" content="#fcfcfc"/>
  65. <meta name="color:pagination bg" content="#000"/>
  66. <meta name="color:post bg" content="#000"/>
  67. <meta name="color:post titles" content="#fcfcfc"/>
  68. <meta name="color:quote" content="#0000"/>
  69. <meta name="color:quote shadow" content="#fcfcfc"/>
  70. <meta name="color:scrollbar" content="#000"/>
  71. <meta name="color:selection" content="#000"/>
  72. <meta name="color:selection text" content="#fcfcfc"/>
  73. <meta name="color:subtitle" content="#fcfcfc"/>
  74. <meta name="color:subtitle shadow" content="#a5cae6"/>
  75. <meta name="color:tags" content="#fcfcfc"/>
  76. <meta name="color:tags border" content="#fcfcfc"/>
  77. <meta name="color:tags hover" content="#000"/>
  78. <meta name="color:tags hover shadow" content="#fcfcfc"/>
  79. <meta name="color:text" content="#fcfcfc"/>
  80. <meta name="color:title" content="#a5cae6"/>
  81.  
  82. <meta name="text:subtitle" content="subtitle"/>
  83.  
  84. <meta name="text:link one url" content="/"/>
  85. <meta name="text:link one" content="one"/>
  86.  
  87. <meta name="text:link two url" content="/"/>
  88. <meta name="text:link two" content="two"/>
  89.  
  90. <meta name="text:link three url" content="/"/>
  91. <meta name="text:link three" content="three"/>
  92.  
  93. <meta name="text:link four url" content="/"/>
  94. <meta name="text:link four" content="four"/>
  95.  
  96.  
  97. <meta name="text:link five url" content="/"/>
  98. <meta name="text:link five" content="five"/>
  99.  
  100. <meta name="text:link six url" content="/"/>
  101. <meta name="text:link six" content="six"/>
  102.  
  103. <meta name="text:link seven url" content="/"/>
  104. <meta name="text:link seven" content="seven"/>
  105.  
  106. <meta name="text:link eight url" content="/"/>
  107. <meta name="text:link eight" content="eight"/>
  108.  
  109.  
  110.  
  111.  
  112. <style type="text/css">
  113.  
  114.  
  115. ::-webkit-scrollbar-thumb {
  116. background-color: {color:scrollbar};
  117. height:auto;
  118. border-bottom:none;
  119. }
  120. ::-webkit-scrollbar {
  121. height:9px;
  122. width:8px;
  123. background-color: {color:background};
  124.  
  125. }
  126.  
  127. ::selection {
  128. background-color: {color:selection};
  129. color: {color:selection text};
  130. }
  131.  
  132.  
  133. body {
  134. background-color: {color:background};
  135. margin:0px;
  136. color: {color:text};
  137. font-family:Arial;
  138. font-size:9px;
  139. line-height:100%;
  140. background-repeat: repeat;
  141. text-align: center;
  142. line-height: 110%;
  143. }
  144.  
  145. i, em {
  146. color: {color:italics};
  147. }
  148.  
  149. b, strong {
  150. color: {color:bold};
  151. opacity: .7;
  152. }
  153.  
  154. a {
  155. text-decoration:none;
  156. -moz-outline-style:none;
  157. color: {color:link};
  158. opacity: .8;
  159. }
  160.  
  161. a:hover {
  162. letter-spacing: 1.5px;
  163. -webkit-transition: all 0.8s ease;
  164. -moz-transition: all 0.8s ease;
  165. -o-transition: all 0.8s ease;
  166. }
  167.  
  168.  
  169.  
  170. h1 {
  171. font-size:12px;
  172. text-transform:uppercase;
  173. line-height: 110%;
  174. text-align: center;
  175. color: {color:post titles};
  176. }
  177.  
  178. blockquote {
  179. padding-left:5px;
  180. border-left:2px solid {color:blockquote};
  181. max-width: 100%;
  182. word-wrap: break-word
  183. }
  184.  
  185. blockquote img {
  186. max-width: 100%;
  187. }
  188.  
  189.  
  190. #si {
  191. width: 100px;
  192. height: 300px;
  193. position: fixed;
  194. margin-top: -300px;
  195. margin-left: 50px;
  196. }
  197.  
  198. #sii {
  199. width: 100px;
  200. height: 300px;
  201. position: fixed;
  202. margin-top: -300px;
  203. margin-left: 500px;
  204. }
  205.  
  206. /*PADFOOT AND PRONGS*/
  207.  
  208. /*PRONGS*/
  209.  
  210. #prongs {
  211. width: 50px;
  212. }
  213.  
  214. #prongs img {
  215. width: 50px;
  216. height: 50px;
  217. border: 20px solid {color:icon one border};
  218. border-radius: 50%;
  219. padding: 5px;
  220. position: fixed;
  221. margin-left: -25px;
  222. }
  223.  
  224. #prongs img:hover {
  225. border: 20px solid {color:icon one border hover};
  226. -webkit-transition: all 0.8s ease;
  227. -moz-transition: all 0.8s ease;
  228. -o-transition: all 0.8s ease;
  229. }
  230.  
  231. #prongs:hover #boxi {
  232. opacity: 1;
  233. margin-left: 110px;
  234. margin-top: 40px;
  235. -webkit-transition: all 0.8s ease;
  236. -moz-transition: all 0.8s ease;
  237. -o-transition: all 0.8s ease;
  238. }
  239.  
  240. #boxi {
  241. opacity: 0;
  242. width: 200px;
  243. height: 200px;
  244. position: fixed;
  245. margin-top: 40px;
  246. }
  247.  
  248.  
  249. #title {
  250. font-family: times;
  251. font-style: italic;
  252. font-size: 20px;
  253. position: fixed;
  254. letter-spacing: 2px;
  255. color: {color:title};
  256. text-transform: lowercase;
  257. }
  258.  
  259. #subt {
  260. font-family: arial;
  261. text-transform: uppercase;
  262. font-size: 9px;
  263. color: {color:subtitle};
  264. text-shadow: 1px 1px {color:subtitle shadow};
  265. position: fixed;
  266. margin-top: 10px;
  267. }
  268.  
  269. #lb {
  270. width: 70px;
  271. height: 100px;
  272. margin-left: 50px;
  273. margin-top: 25px;
  274. position: fixed;
  275. }
  276.  
  277. #lb a {
  278. font-family: arial;
  279. color: {color:main nav links};
  280. text-transform: uppercase;
  281. text-align: center;
  282. }
  283.  
  284. /*PADFOOT*/
  285.  
  286. #padfoot {
  287. width: 50px;
  288. }
  289.  
  290. #padfoot img {
  291. width: 50px;
  292. height: 50px;
  293. border: 20px solid {color:icon two border};
  294. border-radius: 50%;
  295. padding: 5px;
  296. position: fixed;
  297. margin-top: 200px;
  298. margin-left: -25px;
  299. }
  300.  
  301. #padfoot img:hover {
  302. border: 20px solid {color:icon two border hover};
  303. -webkit-transition: all 0.8s ease;
  304. -moz-transition: all 0.8s ease;
  305. -o-transition: all 0.8s ease;
  306. }
  307.  
  308. #padfoot:hover #boxii {
  309. opacity: 1;
  310. margin-left: 110px;
  311. margin-top: 200px;
  312. -webkit-transition: all 0.8s ease;
  313. -moz-transition: all 0.8s ease;
  314. -o-transition: all 0.8s ease;
  315. }
  316.  
  317. #boxii {
  318. opacity: 0;
  319. width: 120px;
  320. height: 20px;
  321. margin-top: 200px;
  322. background-color: {color:description bg};
  323. position: fixed;
  324. padding: 40px;
  325. text-align: justify;
  326. font-family: times;
  327. font-size: 9px;
  328. color: {color:description text};
  329. letter-spacing: 2px;
  330. overflow-y: scroll;
  331. overflow-x: hidden;
  332. }
  333.  
  334. #boxii::-webkit-scrollbar-thumb {
  335. background-color: {color:description scroll};
  336. height:auto;
  337. border:none;
  338. }
  339. #boxii::-webkit-scrollbar {
  340. height:9px;
  341. width:5px;
  342. background-color: {color:description scroll bg};
  343. }
  344.  
  345. /*WORMTAIL AND MOONY*/
  346.  
  347. /*WORMTAIL*/
  348.  
  349. #wormtail {
  350. width: 50px;
  351. }
  352.  
  353. #wormtail img {
  354. width: 50px;
  355. height: 50px;
  356. border: 20px solid {color:icon three border};
  357. border-radius: 50%;
  358. padding: 5px;
  359. position: fixed;
  360. margin-left: -25px;
  361. }
  362.  
  363. #wormtail img:hover {
  364. border: 20px solid {color:icon three border hover};
  365. -webkit-transition: all 0.8s ease;
  366. -moz-transition: all 0.8s ease;
  367. -o-transition: all 0.8s ease;
  368. }
  369.  
  370. #wormtail:hover #boxiii {
  371. opacity: 1;
  372. margin-left: -140px;
  373. -webkit-transition: all 0.8s ease;
  374. -moz-transition: all 0.8s ease;
  375. -o-transition: all 0.8s ease;
  376. }
  377.  
  378. #boxiii {
  379. opacity: 0;
  380. width: 200px;
  381. height: 100px;
  382. position: fixed;
  383. }
  384.  
  385. #boxiii a {
  386. color: {color:nav one links};
  387. font-size: 20px;
  388. font-family: arial;
  389. letter-spacing: 2px;
  390. }
  391.  
  392. /*MOONY*/
  393.  
  394. #moony {
  395. width: 50px;
  396. }
  397.  
  398. #moony img {
  399. width: 50px;
  400. height: 50px;
  401. border: 20px solid {color:icon four border};
  402. border-radius: 50%;
  403. padding: 5px;
  404. position: fixed;
  405. margin-top: 200px;
  406. margin-left: -25px;
  407. }
  408.  
  409. #moony img:hover {
  410. border: 20px solid {color:icon four border hover};
  411. -webkit-transition: all 0.8s ease;
  412. -moz-transition: all 0.8s ease;
  413. -o-transition: all 0.8s ease;
  414. }
  415.  
  416. #moony:hover #boxiv {
  417. opacity: 1;
  418. margin-left: -140px;
  419. -webkit-transition: all 0.8s ease;
  420. -moz-transition: all 0.8s ease;
  421. -o-transition: all 0.8s ease;
  422. }
  423.  
  424. #boxiv {
  425. opacity: 0;
  426. width: 200px;
  427. height: 100px;
  428. margin-top: 200px;
  429. position: fixed;
  430. }
  431.  
  432. #boxiv a {
  433. color: {color:nav two links};
  434. font-size: 20px;
  435. font-family: arial;
  436. letter-spacing: 2px;
  437. }
  438.  
  439. /*END OF MARAUDERS*/
  440.  
  441. /*POSTS*/
  442.  
  443. #all {
  444. padding:10px;
  445. width: 250px;
  446. font-size:10px;
  447. margin-left: 150px;
  448. margin-top: 500px;
  449. }
  450.  
  451.  
  452. #posts {
  453. width: 250px;
  454. padding-bottom:40px;
  455. padding-top:20px;
  456. padding-right: 30px;
  457. padding-left: 30px;
  458. margin-top:30px;
  459. background-color: {color:post bg};
  460. text-align: left;
  461. line-height: 110%;
  462. }
  463.  
  464. #posts img {
  465. max-width: 100%;
  466. }
  467.  
  468. #infos {
  469. opacity: 1;
  470. width: 50px;
  471. height: 90px;
  472. padding: 5px;
  473. background-color: {color:background};
  474. border: 20px solid {color:background};
  475. margin-bottom: -130px;
  476. margin-left: 320px;
  477. }
  478.  
  479. #notess {
  480. width: 100%;
  481. font-size: 15px;
  482. color: black;
  483. text-align: center;
  484. margin-top: -30px;
  485. margin-left: -30px;
  486. }
  487.  
  488. #notess a {
  489. color: {color:info};
  490. }
  491.  
  492. #notess a:hover {
  493. opacity: .5;
  494. -webkit-transition: all 0.8s ease;
  495. -moz-transition: all 0.8s ease;
  496. -o-transition: all 0.8s ease;
  497. }
  498.  
  499. #date {
  500. width: 100%;
  501. font-size: 10px;
  502. text-align: center;
  503. margin-top: 10px;
  504. margin-left: -30px;
  505. padding-bottom: 10px;
  506. border-bottom: 1px dotted {color:info};
  507. }
  508.  
  509. #date a {
  510. color: {color:info};
  511. }
  512.  
  513. #date a:hover {
  514. opacity: .5;
  515. }
  516.  
  517. #source {
  518. width: 100%;
  519. font-size: 11px;
  520. text-align: center;
  521. margin-top: 10px;
  522. margin-left: -30px;
  523. }
  524.  
  525. #source a {
  526. color: {color:info};
  527. }
  528.  
  529. #source a:hover {
  530. opacity: .5;
  531. }
  532.  
  533.  
  534. #posts:hover #details {
  535. opacity: 1;
  536. margin-top:8px;
  537. margin-left: 0px;
  538. -webkit-transition: all 0.9s ease;
  539. -moz-transition: all 0.9s ease;
  540. -o-transition: all 0.9s ease;
  541. }
  542.  
  543.  
  544. #details {
  545. opacity: 0;
  546. text-align:left;
  547. margin-top:8px;
  548. margin-left: -400px;
  549. font-size:8px;
  550. font-style:none;
  551. }
  552.  
  553.  
  554. #tags {
  555. width: 250px;
  556. height: auto;
  557. font-family: arial;
  558. letter-spacing:0px;
  559. font-size:10px;
  560. margin-top:2px;
  561. text-align: right;
  562. padding: 3px;
  563. color: {color:tags};
  564. padding-bottom: 10px;
  565. padding-top: 10px;
  566. border-top: 1px solid {color:tags border};
  567. }
  568.  
  569. #tags a {
  570. display:inline-block;
  571. padding:-3px;
  572. text-align:right;
  573. color: {color:tags};
  574. }
  575.  
  576. #tags a:hover {
  577. color: {color:tags hover};
  578. text-shadow: 1px 1px {color:tags hover shadow};
  579. letter-spacing: 2px;
  580. }
  581.  
  582. #question {
  583. padding:50px;
  584. font-family:arial;
  585. letter-spacing:2px;
  586. text-align:right;
  587. border:20px solid {color:ask bg};
  588. color: {color:ask text};
  589. background-color: {color:ask bg};
  590. }
  591.  
  592. #question a {
  593. color: {color:ask text};
  594. }
  595.  
  596. .convo .convoline {
  597. color: {color:chat even};
  598. background-color: {color:chat even bg};
  599. padding: 10px;
  600. }
  601.  
  602. .convo .convoline.odd {
  603. color: {color:chat odd};
  604. background-color: {color:chat odd bg};
  605. padding: 10px;
  606. }
  607.  
  608. .newplayerbutton {
  609. position: relative;
  610. width: 28px;
  611. height: 27px;
  612. overflow: hidden;
  613. }
  614.  
  615. .playerbuttonhug {
  616. position: absolute;
  617. top: -11px;
  618. left: -12px;
  619. }
  620.  
  621.  
  622. .tumblr_audio_player {
  623. border: none;
  624. padding: 0px;
  625. margin: 0px;
  626. height: 50px;
  627. width: 250px;
  628. }
  629.  
  630. .playerbuttonbg {
  631. position: absolute;
  632. left: 20px;
  633. top: 20px;
  634. width: 28px;
  635. height: 28px;
  636. background-color: #ffffff;
  637. padding: 10px;
  638. -webkit-border-radius: 40px;
  639. -moz-border-radius: 40px;
  640. border-radius: 40px;
  641. opacity: .4;
  642. filter: alpha(opacity=40);
  643. -moz-opacity: 0.4;
  644. -khtml-opacity: 0.4;
  645. transition: opacity .7s ease-in-out;
  646. -moz-transition: opacity .7s ease-in-out;
  647. -webkit-transition: opacity .7s ease-in-out;
  648. }
  649.  
  650. .playerbuttonbg:hover {
  651. opacity: 1;
  652. filter: alpha(opacity=100);
  653. -moz-opacity: 1;
  654. -khtml-opacity: 1;
  655. }
  656.  
  657. .audioimgwrapper {
  658. position: absolute;
  659. left: 0px;
  660. top: 0px;
  661. border: 2px dotted {color:audio border};
  662. background-color: {color:audio border};
  663. padding: 2px;
  664. -webkit-border-radius: 50px;
  665. -moz-border-radius: 50px;
  666. border-radius: 50px;
  667. overflow: hidden;
  668. width: 88px;
  669. height: 88px;
  670.  
  671. }
  672.  
  673. .audioimgwrapper img {
  674. width: 100%;
  675. height: auto;
  676. border: 2px dotted {color:audio border};
  677. padding: 2px;
  678. -webkit-border-radius: 50px;
  679. -moz-border-radius: 50px;
  680. border-radius: 50px;
  681. }
  682.  
  683. .trackdetails {
  684. width: auto;
  685. display:inline-block;
  686. margin-left: 100px;
  687. min-height: 85px;
  688. line-height: 200%;
  689. }
  690.  
  691. .audiowrapper {
  692. position: relative;
  693. display:inline-block;
  694. padding: 10px;
  695. }
  696.  
  697.  
  698.  
  699. #quote {
  700. font-size: 30px;
  701. font-family: times;
  702. font-style: italic;
  703. text-align: center;
  704. line-height: 110%;
  705. letter-spacing: 2px;
  706. padding-top: 10px;
  707. text-shadow: 2px 2px {color:quote shadow};
  708. color: {color:quote};
  709. }
  710.  
  711. #qsource {
  712. font-size: 10px;
  713. font-family: arial;
  714. text-transform: uppercase;
  715. text-align: right;
  716. }
  717.  
  718. #notes {
  719. width: 250px;
  720. height: 170px;
  721. overflow-y: scroll;
  722. overflow-x: hidden;
  723. margin-top: 30px;
  724. opacity: 1;
  725. text-align: left;
  726. }
  727.  
  728. #link_post {
  729. width: 250px;
  730. height: auto;
  731. font-size: 15px;
  732. text-align: center;
  733. text-transform: uppercase;
  734. line-height: 100%;
  735. }
  736.  
  737. #link_post a {
  738. color: {color:link post};
  739. }
  740.  
  741. #link_post a:hover {
  742. letter-spacing: 2px;
  743. }
  744.  
  745.  
  746.  
  747.  
  748. #credit {
  749. position:fixed;
  750. bottom:8px;
  751. right:3px;
  752. font-size:9px;
  753. letter-spacing:1px;
  754. font-family:calibri;
  755. height: 15px;
  756. width: 20px;
  757. background-color: {color:credit bg};
  758. padding-top: 5px;
  759. text-align: center
  760. }
  761.  
  762. #credit a {
  763. color: {color:credit};
  764. text-decoration:none;
  765. }
  766.  
  767. #pagination {
  768. width: 300px;
  769. height: 100px;
  770. margin-top: 50px;
  771. margin-left: 150px;
  772. }
  773.  
  774. #pagination a {
  775. opacity: 1;
  776. }
  777.  
  778. .jump_page {
  779. padding: 4px 8px;
  780. background-color: {color:pagination bg};
  781. color: {color:pagination};
  782. font-family:century gothic;
  783. font-size:11px;
  784. text-decoration:none;
  785. }
  786.  
  787. .current_page, .jump_page:hover {
  788. padding: 4px 8px;
  789. color: {color:pagination bg};
  790. font-family:century gothic;
  791. font-size:11px;
  792. text-decoration:none;
  793. }
  794.  
  795.  
  796.  
  797. {CustomCSS}
  798.  
  799. </style>
  800.  
  801. </head>
  802.  
  803. <body>
  804.  
  805. <!--PADFOOT AND PRONGS-->
  806.  
  807.  
  808. <div id="si">
  809.  
  810. <div id="prongs">
  811.  
  812. <img src="{image:icon one}">
  813.  
  814. <div id="boxi">
  815.  
  816. <div id="title">
  817. {Title}
  818. </div>
  819.  
  820. <div id="subt">
  821. {text:subtitle}
  822. </div>
  823.  
  824. <div id="lb">
  825.  
  826. <a href="/" title="home">I.</a>
  827. <a href="/ask" title="ask">II.</a>
  828. <a href="/archive" title="past">III.</a>
  829.  
  830. </div>
  831.  
  832. </div>
  833.  
  834. </div>
  835.  
  836. <div id="padfoot">
  837.  
  838. <img src="{image:icon two}">
  839.  
  840. <div id="boxii">
  841.  
  842. <p>{Description}</p>
  843.  
  844. </div>
  845.  
  846. </div>
  847.  
  848. </div>
  849.  
  850.  
  851. <!--WORMTAIL AND MOONY-->
  852.  
  853. <div id="sii">
  854.  
  855. <!--WORMTAIL-->
  856.  
  857. <div id="wormtail">
  858.  
  859. <img src="{image:icon three}">
  860.  
  861. <div id="boxiii">
  862.  
  863. <a href="{text:link one url}" title="{text:link one}">I</a>
  864. <br><br>
  865. <a href="{text:link two url}" title="{text:link two}">II</a>
  866. <br><br>
  867. <a href="{text:link three url}" title="{text:link three}">III</a>
  868. <br><br>
  869. <a href="{text:link four url}" title="{text:link four}">IV</a>
  870.  
  871. </div>
  872.  
  873. </div>
  874.  
  875.  
  876. <!--MOONY-->
  877.  
  878. <div id="moony">
  879.  
  880. <img src="{image:icon four}">
  881.  
  882. <div id="boxiv">
  883.  
  884. <a href="{text:link five url}" title="{text:link five}">V</a>
  885. <br><br>
  886. <a href="{text:link six url}" title="{text:link six}">VI</a>
  887. <br><br>
  888. <a href="{text:link seven url}" title="{text:link seven}">VII</a>
  889. <br><br>
  890. <a href="{text:link eight url}" title="{text:link eight}">VIII</a>
  891.  
  892. </div>
  893.  
  894. </div>
  895.  
  896. </div>
  897.  
  898.  
  899.  
  900.  
  901. <div id="all">
  902.  
  903. {block:Posts}<div id="posts">
  904.  
  905. <div id="infos">
  906.  
  907. <div id="notess">
  908. <a href="{Permalink}">{NoteCount}</a>
  909. </div>
  910.  
  911. <div id="date">
  912. <a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero} </a>
  913. </div>
  914.  
  915. {block:ContentSource}
  916. <div id="source">
  917.  
  918. <a href="{SourceURL}" title="source"><a href="{SourceURL}" title="source">☽</a>
  919.  
  920. </div>
  921. {/block:ContentSource}
  922.  
  923. </div>
  924.  
  925. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  926.  
  927. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  928.  
  929.  
  930.  
  931. {block:Link}<div id="link_post"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  932.  
  933. {block:Photoset}{Photoset-250} {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  934.  
  935.  
  936. {block:Quote}
  937.  
  938. <div id="quote">"{Quote}"</div>
  939.  
  940. <div id="qsource">{block:Source} —{Source}{/block:Source}</div>
  941.  
  942. {/block:Quote}
  943.  
  944.  
  945.  
  946. {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/>
  947. {PlayCountWithLabel}</div></div>
  948.  
  949. {block:Caption}{Caption}{/block:Caption}
  950.  
  951. {/block:AudioPlayer}
  952.  
  953.  
  954. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  955.  
  956. {block:Chat}
  957. {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>
  958. {/block:Chat}
  959.  
  960.  
  961.  
  962. {block:Answer}<div id="question"><span style="font-size:9px;">
  963.  
  964. <center>
  965. <img src="{AskerPortraitURL-40}" style="border:20px solid {color:ask icon border}; padding: 10px; border-radius: 50%">
  966. </center>
  967. <br><br><br>
  968. </span>
  969.  
  970. <center>
  971. "{Question}"
  972.  
  973.  
  974. <br><br>
  975.  
  976.  
  977. whispered {Asker}
  978. </center>
  979.  
  980.  
  981.  
  982.  
  983. </div>
  984.  
  985. <left> <font face="arial">{Answer}</font>{/block:Answer}
  986.  
  987. <div id="details">
  988.  
  989. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  990.  
  991. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  992. </div></div>
  993. {/block:Posts}
  994. {/block:Posts}</div></div></div>
  995. </div></div>
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001. <div id="credit"><a href="http://stvcky.tumblr.com/">S</a></center></div>
  1002.  
  1003. <div id="pagination">
  1004. {block:Pagination}
  1005. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1006. {block:JumpPagination length="5"}
  1007. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1008. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1009. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1010. {/block:Pagination}
  1011. </div>
  1012.  
  1013.  
  1014.  
  1015. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment