API tools faq
paste
zaincumsthemes

Kira's halloween theme

zaincumsthemes
Oct 13th, 2013
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.62 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <!---- Kira's personal halloween theme made by zaincum! this theme wont be released sorry--->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Text" content="#838282"/>
  22.  
  23. <meta name="color:Link" content="#b8b8b8"/>
  24.  
  25. <meta name="color:border" content="#eeeeee"/>
  26.  
  27. <meta name="color:Link hover" content="#b8b8b8"/>
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="text:linkA" content="">
  32.  
  33. <meta name="text:linkA url" content="/">
  34.  
  35. <meta name="text:linkB" content="">
  36.  
  37. <meta name="text:linkB url" content="/">
  38.  
  39. <meta name="text:linkC" content="">
  40.  
  41. <meta name="text:linkC url" content="/">
  42.  
  43. <meta name="text:linkD" content="">
  44.  
  45. <meta name="text:linkD url" content="/">
  46.  
  47. <meta name="text:linkE" content="">
  48.  
  49. <meta name="text:linkE url" content="/">
  50.  
  51. <style type="text/css">
  52.  
  53. body {
  54.  
  55. background:{color:background};
  56.  
  57. margin:0px;
  58.  
  59. color:{color:text};
  60.  
  61. font-size:9px;
  62.  
  63. line-height:100%;
  64.  
  65. }
  66.  
  67.  
  68.  
  69. a {
  70.  
  71. text-decoration:none;
  72.  
  73. outline:none;
  74.  
  75. -moz-outline-style:none;
  76.  
  77. color:{color:link};
  78.  
  79. -moz-transition-duration:0.5s;
  80.  
  81. -webkit-transition-duration:0.5s;
  82.  
  83. -o-transition-duration:0.5s;
  84.  
  85. }
  86.  
  87.  
  88.  
  89. a:hover{
  90.  
  91. color:{color:link hover};
  92.  
  93. font-style:italic;
  94.  
  95. -moz-transition-duration:0.5s;
  96.  
  97. -webkit-transition-duration:0.5s;
  98.  
  99. -o-transition-duration:0.5s;}
  100.  
  101.  
  102.  
  103. img {
  104.  
  105. border:none;
  106.  
  107. }
  108.  
  109.  
  110.  
  111. blockquote {
  112.  
  113. padding-left:5px;
  114.  
  115. border-left:2px solid;
  116.  
  117. }
  118.  
  119.  
  120.  
  121. blockquote blockquote {
  122.  
  123. padding-left:5px;
  124.  
  125. border-left:2px solid;
  126.  
  127. }
  128.  
  129.  
  130.  
  131. h1 {
  132.  
  133. font-size:10px;
  134.  
  135. }
  136.  
  137.  
  138.  
  139.  
  140.  
  141. #entries {
  142.  
  143. padding:10px;
  144.  
  145. width:500px;
  146.  
  147. margin-left:500px;
  148.  
  149. margin-top:0px;
  150.  
  151. padding:0px;
  152.  
  153. }
  154.  
  155.  
  156.  
  157. #post {
  158.  
  159. width:500px;
  160.  
  161. }
  162.  
  163. #title{
  164. font-size:20px;
  165. font-style:italic;
  166. text-align:center;
  167. padding-left:0px;
  168. height:40px;
  169. width:150px;
  170. line-height:40px;
  171.  
  172. }
  173. #sidebar {
  174. width:150px;
  175. position:fixed;
  176. margin-left:200px;
  177. margin-top:250px;
  178. }
  179.  
  180. #sidebarimage {
  181. width 100px;
  182. }
  183.  
  184. #sidebarimage img {
  185. width:130px;
  186. position:fixed;
  187. height:120px;
  188. border: 8px solid #000;
  189. margin-top:-200px;
  190. margin-left: -89px;
  191. -moz-border-radius: 94px;
  192. -webkit-border-radius: 94px;
  193. }
  194.  
  195. #sidebar:hover #sidebarimage img{
  196.  
  197. -webkit-transition: all 0.7s ease-in-out;
  198.  
  199. -moz-transition: all 0.7s ease-in-out;
  200.  
  201. -o-transition: all 0.7s ease-in-out;
  202.  
  203. -webkit-transform: rotate(360deg);
  204.  
  205. -moz-transform: rotate(360deg);
  206.  
  207. -o-transform: rotate(360deg);
  208.  
  209. }
  210.  
  211.  
  212. #sidebarimage2 {
  213. width 100px;
  214. }
  215.  
  216. #sidebarimage2 img {
  217. width:440px;
  218. height:590px;
  219. margin-top:-230px;
  220. margin-left: -200px;
  221. padding:3px;
  222. }
  223.  
  224. #sidebarimage3 {
  225. width 80px;
  226. }
  227.  
  228. #sidebarimage3 img {
  229. width:90px;
  230. height:110px;
  231. margin-top:-100px;
  232. margin-left: 120px;
  233. padding:3px;
  234. position:fixed;
  235. z-index:999999999999999;
  236.  
  237. }
  238.  
  239. #sidebarimage4 {
  240. width 80px;
  241. }
  242.  
  243. #sidebarimage4 img {
  244. width:90px;
  245. height:110px;
  246. margin-top:-125px;
  247. margin-left: -30px;
  248. position:fixed;
  249. padding:3px;
  250. z-index:999999999999999;
  251.  
  252. }
  253.  
  254.  
  255. #description {
  256. width:200px;
  257. margin-top:-270px;
  258. margin-left:-20px;
  259. line-height:13px;
  260. text-align:center;
  261. position:fixed;
  262. font-size:20px;
  263. background-color: #000;
  264. color:#f01212;
  265. z-index:999999999999999;
  266.  
  267.  
  268. }
  269. #description a {color:#f01212; -moz-transition-duration:1s;
  270.  
  271. -webkit-transition-duration:1s; -o-transition-duration:1s;}
  272.  
  273.  
  274.  
  275. #sidebar #description {
  276.  
  277. opacity:0;
  278.  
  279. -moz-transition-duration:1s;
  280.  
  281. -webkit-transition-duration:1s;
  282.  
  283. -o-transition-duration:1s;
  284.  
  285. }
  286.  
  287.  
  288.  
  289. #sidebar:hover #description {
  290.  
  291. opacity:.7771;
  292.  
  293. -moz-transition-duration:1s;
  294.  
  295. -webkit-transition-duration:1s;
  296.  
  297. -o-transition-duration:1s;
  298.  
  299. }
  300.  
  301. #links {
  302. margin-top: -566px;
  303. margin-left:-81px;
  304. font-size:9px;
  305. text-transform:normal;
  306. text-align:center;
  307. letter-spacing:2px;
  308. position:fixed;
  309. line-height:170%;
  310. width:130px;
  311. font-style:normal;
  312. z-index:999999999999999;
  313. background-color: #000;
  314. color:#f01212;
  315. height:130px;
  316. -moz-border-radius: 94px;
  317. -webkit-border-radius: 94px;
  318.  
  319. }
  320.  
  321. #links a {color:#f01212; -moz-transition-duration:1s;
  322.  
  323. -webkit-transition-duration:1s; -o-transition-duration:1s;}
  324.  
  325.  
  326.  
  327. #sidebar #links {
  328.  
  329. opacity:0;
  330.  
  331. -moz-transition-duration:1s;
  332.  
  333. -webkit-transition-duration:1s;
  334.  
  335. -o-transition-duration:1s;
  336.  
  337. }
  338.  
  339.  
  340.  
  341. #sidebar:hover #links {
  342.  
  343. opacity:.7771;
  344.  
  345. -moz-transition-duration:1s;
  346.  
  347. -webkit-transition-duration:1s;
  348.  
  349. -o-transition-duration:1s;
  350.  
  351. }
  352.  
  353. #links a{
  354. padding:3px;
  355. color:#f01212;
  356. letter-spacing:0px;
  357. text-decoration:none;
  358. -moz-transition-duration:1s;
  359. -webkit-transition-duration:1s;
  360. -o-transition-duration:1s;
  361. }
  362.  
  363. #links a:hover{
  364. color:;
  365. -moz-transition-duration:0s;
  366. -webkit-transition-duration:0s;
  367. -o-transition-duration:0s;
  368. }
  369.  
  370. #pagination {
  371. font-size:45px;
  372. margin-top:-570px;
  373. margin-left:630px;
  374. text-align:center;
  375. font-style:italic;
  376. width:405px;
  377. }
  378.  
  379.  
  380.  
  381. .caption {
  382.  
  383. width:500px;
  384.  
  385. text-align:justify;
  386.  
  387. line-height:120%;
  388.  
  389. }
  390.  
  391.  
  392.  
  393. .ask {
  394.  
  395. padding:10px;
  396.  
  397. text-align:left;
  398.  
  399. color:{color:text};
  400.  
  401. background-color:#eee;
  402.  
  403. border-bottom:1px solid #eee;
  404.  
  405. }
  406.  
  407.  
  408.  
  409. .ans {
  410.  
  411. text-align:left;
  412.  
  413. padding:10px;
  414.  
  415. color:{color:text};
  416.  
  417. }
  418.  
  419.  
  420.  
  421. .audio {
  422.  
  423. width:500px;
  424.  
  425. padding-bottom:10px;
  426.  
  427. background-color:{color:infobg};
  428.  
  429. }
  430.  
  431.  
  432.  
  433. .albumart {
  434.  
  435. float:left;
  436.  
  437. padding:0px 10px 10px 0px;
  438.  
  439. }
  440.  
  441.  
  442.  
  443. .albumart img {
  444.  
  445. width:45px;
  446.  
  447. height:45px;
  448.  
  449. }
  450.  
  451.  
  452.  
  453. .playercontainer {
  454.  
  455. text-align:left;
  456.  
  457. padding:10px;
  458.  
  459. background-color:#ffffff;
  460.  
  461. width:480px;
  462.  
  463. }
  464.  
  465.  
  466.  
  467. .audioinfo {
  468.  
  469. padding:10px;
  470.  
  471. color:{color:text};
  472.  
  473. }
  474.  
  475.  
  476.  
  477. #postinfo {
  478.  
  479. text-align:left;padding-top:3px;
  480.  
  481. margin-top:5px;
  482.  
  483. margin-bottom:10px;
  484.  
  485. text-transform: lowercase;
  486.  
  487. letter-spacing:0px;
  488. text-align:center;
  489.  
  490. font-size:8px;
  491.  
  492. line-height: 10px;
  493.  
  494. color:{color:link};
  495.  
  496.  
  497. }
  498.  
  499.  
  500.  
  501. #postinfo a {
  502.  
  503. color:{color:link};
  504.  
  505. text-align:center;
  506.  
  507. font-style:normal;
  508.  
  509.  
  510. }
  511.  
  512.  
  513.  
  514. #postinfo a:hover {
  515.  
  516. color:{color:hover};
  517.  
  518. }
  519.  
  520.  
  521.  
  522. .note {
  523.  
  524. text-transform:lowercase;
  525.  
  526. font-style:normal;
  527.  
  528. letter-spacing:0px;
  529.  
  530. font-size: 9px;
  531.  
  532. text-align:left;
  533.  
  534. line-height:90%;
  535.  
  536. margin-left:-40px;
  537.  
  538. }
  539.  
  540.  
  541.  
  542. .note li {
  543.  
  544. list-style-type:none;
  545.  
  546. border-bottom:1px solid {color:border};
  547.  
  548. padding:10px 25px 10px 25px;
  549.  
  550. text-align:left;
  551.  
  552. margin:0px;
  553.  
  554. -moz-transition-duration:0.5s;
  555.  
  556. -webkit-transition-duration:0.5s;
  557.  
  558. -o-transition-duration:0.5s;
  559.  
  560. }
  561.  
  562.  
  563.  
  564. .tags {
  565.  
  566. font-style:normal;
  567.  
  568. width:500px;
  569.  
  570. text-transform:uppercase;
  571.  
  572. font-style:normal;
  573.  
  574. color:{color:tags};
  575.  
  576. letter-spacing:2px;
  577.  
  578. line-height:120%;
  579.  
  580. font-size:8px;
  581.  
  582. text-align:left;
  583.  
  584. padding:2px;
  585.  
  586. -moz-transition-duration:0.5s;
  587.  
  588. -webkit-transition-duration:0.5s;
  589.  
  590. -o-transition-duration:0.5s;
  591.  
  592. }
  593.  
  594.  
  595.  
  596. .tags a {
  597.  
  598. color:{color:tags};
  599.  
  600. letter-spacing:1px;
  601.  
  602. padding:1px;
  603.  
  604. }
  605.  
  606.  
  607.  
  608. .tags a:hover {
  609.  
  610. color:{color:link};
  611.  
  612. }
  613.  
  614.  
  615. ul.chat, .chat ol, .chat li {
  616.  
  617. list-style:none;
  618.  
  619. margin:0px;
  620.  
  621. padding:2px;
  622.  
  623. }
  624.  
  625.  
  626.  
  627. .label {
  628.  
  629. text-decoration:underline;
  630.  
  631. font-weight:300;
  632.  
  633. background-color:{color:infobg};
  634.  
  635. margin-right:5px;
  636.  
  637. }
  638.  
  639.  
  640.  
  641.  
  642. .user_1 .label {color:{color:text}; font-weight:bold}
  643.  
  644. .user_2 .label {color:{color:link}; font-weight:bold}
  645.  
  646. .user_3 .label {color:{color:text}; font-weight:bold}
  647.  
  648. .user_4 .label {color:{color:link}; font-weight:bold}
  649.  
  650. .user_5 .label {color:{color:text}; font-weight:bold}
  651.  
  652. .user_6 .label {color:{color:link}; font-weight:bold}
  653.  
  654. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  655.  
  656.  
  657.  
  658. {CustomCSS}</style></head><body>
  659.  
  660. <div id="sidebar">
  661.  
  662. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  663. <div id="sidebarimage2"><img src="http://media.tumblr.com/da3350e10a1fd873c363cc4ccec11e20/tumblr_inline_mum7h2eZPs1rohu8o.png"></div>
  664. <div id="sidebarimage3"><img src="http://media.tumblr.com/5e94e4d9a0b8f963500feb0677a851fd/tumblr_inline_mumam7YH4c1rohu8o.png"></div>
  665. <div id="sidebarimage4"><img src="http://media.tumblr.com/f9a93984ae4a8103b35cbe3c58915710/tumblr_inline_mumav8fJHS1rohu8o.png"></div>
  666.  
  667.  
  668. <div id="links">
  669. <a href="{text:linkA url}">{text:linkA}</a>
  670. <br>
  671. <a href="{text:linkB url}">{text:linkB}</a>
  672. <br>
  673. <a href="{text:linkC url}">{text:linkC}</a>
  674. <br>
  675. <a href="{text:linkD url}">{text:linkD}</a>
  676. <br>
  677. <a href="{text:linkE url}">{text:linkE}</a>
  678.  
  679.  
  680.  
  681. </div>
  682.  
  683. <div id="description"><br>{Description}<br><br></div>
  684.  
  685. <div id="pagination">
  686. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  687. {block:NextPage}— <a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
  688. </div>
  689.  
  690. </div>
  691.  
  692.  
  693.  
  694. <div id="entries">
  695.  
  696.  
  697. {block:Posts}<div id="post"><br><br><br><br><br><br>
  698.  
  699.  
  700.  
  701. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  702.  
  703.  
  704.  
  705. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  706.  
  707.  
  708.  
  709. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  710.  
  711. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  712.  
  713.  
  714.  
  715. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  716.  
  717.  
  718.  
  719. {block:Photoset}<center>{Photoset-500}</center>
  720.  
  721. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  722.  
  723.  
  724.  
  725. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  726.  
  727.  
  728.  
  729. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  730.  
  731.  
  732.  
  733. {block:Answer}<div class="ask">{Asker} said: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  734.  
  735.  
  736.  
  737. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  738.  
  739. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  740.  
  741. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  742.  
  743. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  744.  
  745. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752. <div id="postinfo"><a href="{Perimalink}">posted on {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}</a> {/block:Date} with <a href="{Permalink}">{NoteCount} notes </a> {block:RebloggedFrom} ♡ <a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom}
  753.  
  754. {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
  755.  
  756. {block:HasTags}<div id="tags">{block:Tags} # <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  757.  
  758. {/block:Posts}
  759.  
  760. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  761.  
  762.  
  763. {/block:Posts}</div></div></div>
  764.  
  765.  
  766.  
  767.  
  768.  
  769. </div>
  770.  
  771.  
  772.  
  773.  
  774.  
  775. </div>
  776.  
  777. </div>
  778.  
  779. </div>
  780.  
  781.  
  782.  
  783. </body>
  784.  
  785.  
  786. <div style="
  787. position:fixed;
  788. bottom:-5px;
  789. right:3px;
  790. font-size:10px;
  791. letter-spacing:1px;
  792. font-family:cambria;
  793. padding:6px;">
  794. <a href="http://zaincum.tumblr.com/"><img src="http://media.tumblr.com/tumblr_m7a701bs9G1roozkr.gif"></a></center></div>
  795.  
  796. </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!