API tools faq
paste
Advertisement
kalder

Theme #11 - Vampires

kalder
Apr 17th, 2014
636
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.04 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. <!---- Theme #11 - Vampires by kalder, don't copy/repost. protected over creative commons license. --->
  15.  
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Mrs+Saint+Delafield' rel='stylesheet' type='text/css'>
  18. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21.  
  22. <meta name="color:Text" content="#838282"/>
  23.  
  24. <meta name="color:Link" content="#b8b8b8"/>
  25.  
  26. <meta name="color:Link hover" content="#b8b8b8"/>
  27.  
  28. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  29.  
  30. <meta name="color:Sidebar Title" content="#000000"/>
  31.  
  32. <meta name="image:Sidebar" content=""/>
  33.  
  34. <meta name="text:Sidebar Title" content=""/>
  35.  
  36.  
  37. <meta name="text:linkA" content="">
  38.  
  39.  
  40. <meta name="text:linkA url" content="/">
  41.  
  42. <meta name="text:linkB" content="">
  43.  
  44. <meta name="text:linkB url" content="/">
  45.  
  46. <meta name="text:linkC" content="">
  47.  
  48. <meta name="text:linkC url" content="/">
  49.  
  50. <meta name="text:linkD" content="">
  51.  
  52. <meta name="text:linkD url" content="/">
  53.  
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57.  
  58. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  59.  
  60. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  61.  
  62. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  63. </script>
  64.  
  65. <link href='http://static.tumblr.com/qxlvltu/H6zmrzzjl/chentrada.css' media='screen' rel='stylesheet'/>
  66.  
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69.  
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74.  
  75.  
  76.  
  77.  
  78. body {
  79. font-family: 'Arial';
  80.  
  81. background:{color:background};
  82.  
  83. margin:0px;
  84.  
  85. color:{color:text};
  86.  
  87. font-size:9px;
  88.  
  89. line-height:100%;
  90.  
  91. }
  92.  
  93.  
  94.  
  95. a {
  96.  
  97. text-decoration:none;
  98.  
  99. outline:none;
  100.  
  101. -moz-outline-style:none;
  102.  
  103. color:{color:link};
  104.  
  105. -moz-transition-duration:0.3s;
  106. -webkit-transition-duration:0.3s;
  107. -o-transition-duration:0.3s;
  108.  
  109. }
  110.  
  111.  
  112.  
  113. a:hover{
  114.  
  115. color:{color:link hover};
  116.  
  117. -moz-transition-duration:0.3s;
  118. -webkit-transition-duration:0.3s;
  119. -o-transition-duration:0.3s;
  120. }
  121.  
  122.  
  123.  
  124. img {
  125.  
  126. border:none;
  127.  
  128. }
  129.  
  130.  
  131.  
  132.  
  133. blockquote {
  134. font-size: 12px;
  135.  
  136. padding-left:5px;
  137.  
  138. border-left:2px solid;
  139.  
  140. line-height: 12px;
  141.  
  142. }
  143.  
  144.  
  145.  
  146. blockquote blockquote {
  147.  
  148. padding-left:5px;
  149.  
  150. border-left:2px solid;
  151.  
  152. }
  153.  
  154.  
  155.  
  156. h1 {
  157.  
  158. font-size:10px;
  159.  
  160. }
  161.  
  162.  
  163. h3 {
  164. font-family: arial;
  165.  
  166. font-weight: 100;
  167.  
  168. font-size: 24px;
  169.  
  170. color: {color:Sidebar Title};
  171.  
  172. position: relative;
  173.  
  174. top:-10px;
  175.  
  176. text-align:left;
  177. }
  178.  
  179. #entries {
  180.  
  181. padding:10px;
  182.  
  183. width:500px;
  184.  
  185. margin-left:580px;
  186.  
  187. margin-top:0px;
  188.  
  189. padding:0px;
  190.  
  191. }
  192.  
  193. #post {
  194.  
  195. width:500px;
  196.  
  197. margin-top: 73px ;
  198.  
  199. background: #ffffff;
  200.  
  201. padding: 10px;
  202. }
  203.  
  204. #sidebar {
  205. width:245px;
  206. position:fixed;
  207. margin-left:230px;
  208. margin-top:105px;
  209. background: #ffffff;
  210. padding: 10px;
  211. }
  212.  
  213.  
  214.  
  215. #sidebarimage {
  216. width:245px;
  217. }
  218.  
  219. #sidebarimage img {
  220. width:245px;
  221. }
  222.  
  223.  
  224. #pagbox{
  225. background: #ffffff;
  226. width: 148px;
  227. top: 20px;
  228. margin-left: 92px;
  229. position: static;
  230. padding: 5px;
  231. z-index: 999999999999999999999999999999999999;
  232. }
  233.  
  234. #pagbox a{
  235. color: #000000;
  236. text-transform: uppercase;
  237. font-size: 8px;
  238. font-family: calibri;
  239. }
  240.  
  241. #description {
  242. width:245px;
  243. text-align: justify;
  244. font-family:'Arial';
  245. margin-top:-25px;
  246. margin-left:-10px;
  247. font-size:9px;
  248. position:relative;
  249. line-height: 14px;
  250. padding:10px;
  251. color:#6E6E6E;
  252. word-spacing:0px;
  253. }
  254.  
  255. #links {
  256. font-family: calibri;
  257. font-size: 8px;
  258. color: {color:Sidebar Links};
  259. text-transform: uppercase;
  260. width: 150px;
  261. position: absolute;
  262. margin-top: -45px;
  263. margin-left: 97px;
  264. text-align:left;
  265. padding: 6px;
  266. }
  267.  
  268. #links a {
  269.  
  270. font-family: calibri;
  271. font-size: 8px;
  272. text-transform: uppercase;
  273. color: {color:Sidebar Links};
  274. padding: 6px;
  275. -webkit-transition:all 0.5s ease-in-out;
  276. -moz-transition:all 0.5s ease-in-out;
  277. -o-transition:all 0.5s ease-in-out;
  278. transition:all 0.5s ease-in-out;
  279. }
  280.  
  281. #links a:hover {
  282. color: {color:sidebar links};
  283. padding: 6px;
  284. text-decoration:underline;
  285. -webkit-transition:all 0.5s ease-in-out;
  286. -moz-transition:all 0.5s ease-in-out;
  287. -o-transition:all 0.5s ease-in-out;
  288. transition:all 0.5s ease-in-out;
  289. }
  290.  
  291. .caption {
  292.  
  293. width:500px;
  294.  
  295. text-align:justify;
  296.  
  297. line-height:120%;
  298.  
  299. }
  300.  
  301.  
  302.  
  303. .ask {
  304.  
  305. padding:10px;
  306.  
  307. text-align:left;
  308.  
  309. color:{color:text};
  310.  
  311. background-color:#eee;
  312.  
  313. border-bottom:1px solid #eee;
  314.  
  315. }
  316.  
  317.  
  318.  
  319. .ans {
  320.  
  321. text-align:left;
  322.  
  323. padding:10px;
  324.  
  325. color:{color:text};
  326.  
  327. }
  328.  
  329.  
  330.  
  331. .audio {
  332.  
  333. width:500px;
  334.  
  335. padding-bottom:10px;
  336.  
  337. background-color:{color:infobg};
  338.  
  339. }
  340.  
  341.  
  342.  
  343. .albumart {
  344.  
  345. float:left;
  346.  
  347. padding:0px 10px 10px 0px;
  348.  
  349. }
  350.  
  351.  
  352.  
  353. .albumart img {
  354.  
  355. width:45px;
  356.  
  357. height:45px;
  358.  
  359. }
  360.  
  361.  
  362.  
  363. .playercontainer {
  364.  
  365. text-align:left;
  366.  
  367. padding:10px;
  368.  
  369. background-color:#ffffff;
  370.  
  371. width:480px;
  372.  
  373. }
  374.  
  375.  
  376.  
  377. .audioinfo {
  378.  
  379. padding:10px;
  380.  
  381. color:{color:text};
  382.  
  383. }
  384.  
  385.  
  386.  
  387. #info {
  388. width:500px;
  389.  
  390. font-family:calibri;
  391. margin-top:10px;
  392. margin-left:px;
  393. letter-spacing:1px;
  394. font-size:8px;
  395. font-style:none;
  396.  
  397. line-height:10px;
  398. text-transform:uppercase;
  399.  
  400. }
  401.  
  402. #info a {
  403. text-align:center;
  404. color:{color:link};
  405. }
  406.  
  407. #info a:hover {
  408. -moz-transition-duration:0.3s;
  409. -webkit-transition-duration:0.3s;
  410. -o-transition-duration:0.3s;
  411. color: {color:link hover};
  412. }
  413.  
  414. #date{
  415. font-family: arial;
  416. font-weight: 300;
  417. font-size: 7px;
  418. color: #ffffff;
  419. display: inline;
  420. }
  421. #date a {
  422. color:#ffffff;
  423. padding: 5px;
  424. background: #000000;
  425. -moz-transition-duration:0.3s;
  426. -webkit-transition-duration:0.3s;
  427. -o-transition-duration:0.3s;
  428. }
  429.  
  430. #date a:hover {
  431. color: #000000;
  432. background: #ffffff;
  433. -moz-transition-duration:0.3s;
  434. -webkit-transition-duration:0.3s;
  435. -o-transition-duration:0.3s;
  436. }
  437.  
  438. #post:hover #tags {
  439. opacity:1;
  440. -moz-transition-duration:0.3s;
  441. -webkit-transition-duration:0.3s;
  442. -o-transition-duration:0.3s;
  443. }
  444. #tags{display:inline;
  445. position:relative;
  446. text-align:right;
  447. width:250px;
  448. margin-top:-9px;
  449. opacity:0;
  450. -moz-transition-duration:0.3s;
  451. -webkit-transition-duration:0.3s;
  452. -o-transition-duration:0.3s;
  453.  
  454. }
  455.  
  456. .note {
  457.  
  458. text-transform:lowercase;
  459.  
  460. font-style:normal;
  461.  
  462. letter-spacing:0px;
  463.  
  464. font-size: 9px;
  465.  
  466. text-align:left;
  467.  
  468. line-height:90%;
  469.  
  470. margin-left:-40px;
  471.  
  472. }
  473.  
  474.  
  475.  
  476. .note li {
  477.  
  478. list-style-type:none;
  479.  
  480. border-bottom:1px solid {color:border};
  481.  
  482. padding:10px 25px 10px 25px;
  483.  
  484. text-align:left;
  485.  
  486. margin:0px;
  487.  
  488. -moz-transition-duration:0.5s;
  489.  
  490. -webkit-transition-duration:0.5s;
  491.  
  492. -o-transition-duration:0.5s;
  493.  
  494. }
  495.  
  496.  
  497. ol.notes {
  498. width:500px;
  499. padding:20px;
  500. margin:0px 0 0px 30px;
  501. list-style-type:none;
  502. }
  503.  
  504. ol.notes li {
  505. padding:5px;
  506. }
  507.  
  508. ol.notes img.avatar {
  509. width:15px;
  510. height:15px;
  511. border-radius:100px;
  512. margin:0 10px 0 0;
  513. }
  514.  
  515. #tooltip{
  516. z-index:99999999999999999999999;
  517.  
  518. font-style:normal;
  519. margin:15px;
  520. padding:1px 2px 2px 3px;
  521.  
  522. box-shadow:1px 1px 3px rgba(0,0,0, .1);
  523.  
  524. background:black;opacity:0.4;
  525. color:white;
  526.  
  527. font-family:'Calibri', sans-serif;
  528. font-size:8px;
  529. line-height:100%;
  530. letter-spacing:1px;
  531. text-transform:uppercase;
  532.  
  533. border:1px solid transparent;
  534. border-radius:2px;
  535. }
  536.  
  537.  
  538. .tags {
  539.  
  540. font-style:normal;
  541.  
  542. width:500px;
  543.  
  544. text-transform:uppercase;
  545.  
  546. font-style:normal;
  547.  
  548. color:{color:tags};
  549.  
  550. letter-spacing:2px;
  551.  
  552. line-height:120%;
  553.  
  554. font-size:8px;
  555.  
  556. text-align:left;
  557.  
  558. padding:2px;
  559.  
  560. -moz-transition-duration:0.5s;
  561.  
  562. -webkit-transition-duration:0.5s;
  563.  
  564. -o-transition-duration:0.5s;
  565.  
  566. }
  567.  
  568.  
  569.  
  570. .tags a {
  571.  
  572. color:{color:tags};
  573.  
  574. letter-spacing:1px;
  575.  
  576. padding:1px;
  577.  
  578. }
  579.  
  580.  
  581.  
  582. .tags a:hover {
  583.  
  584. color:{color:link};
  585.  
  586. }
  587.  
  588.  
  589. ul.chat, .chat ol, .chat li {
  590.  
  591. list-style:none;
  592.  
  593. margin:0px;
  594.  
  595. padding:2px;
  596.  
  597. }
  598.  
  599.  
  600.  
  601. .label {
  602.  
  603. text-decoration:underline;
  604.  
  605. font-weight:300;
  606.  
  607. background-color:{color:infobg};
  608.  
  609. margin-right:5px;
  610.  
  611. }
  612.  
  613.  
  614.  
  615.  
  616. .user_1 .label {color:{color:text}; font-weight:bold}
  617.  
  618. .user_2 .label {color:{color:link}; font-weight:bold}
  619.  
  620. .user_3 .label {color:{color:text}; font-weight:bold}
  621.  
  622. .user_4 .label {color:{color:link}; font-weight:bold}
  623.  
  624. .user_5 .label {color:{color:text}; font-weight:bold}
  625.  
  626. .user_6 .label {color:{color:link}; font-weight:bold}
  627.  
  628. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  629.  
  630. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  631.  
  632.  
  633.  
  634. @-webkit-keyframes Beeh {
  635. 0% {-webkit-transform: scale(.4);}
  636. 50% {-webkit-transform: scale(1.04);}
  637. 70% {-webkit-transform: scale(.9);}
  638. 100% {-webkit-transform: scale(1);}}
  639.  
  640.  
  641.  
  642.  
  643.  
  644. #credits{ position:fixed; bottom:10px; right:10px; padding:5px;
  645. font-size:8px;
  646. text-transform: uppercase;
  647. font-family: calibri;
  648.  
  649. color: #000000;
  650.  
  651.  
  652.  
  653. text-align:center;}
  654.  
  655. #credits a{ color: #000000;}
  656. #credits a:hover{ color: #000000; text-transform: uppercase;}
  657.  
  658. .heart{
  659. display: inline;
  660. color: #d94848;
  661. }
  662.  
  663. .dot {
  664. display: inline;
  665. color: {color:sidebar links background};
  666. }
  667.  
  668.  
  669.  
  670.  
  671.  
  672. iframe#tumblr_controls {
  673. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  674. }
  675. #tumblr_controls{
  676. position:fixed !important;
  677. -webkit-filter: invert(100%)
  678. }
  679.  
  680.  
  681.  
  682.  
  683. /** Estilo de Ask por ruby [connectionhtml], usou ? creditou ! **/
  684. .pergunta{background:#eee;padding-left:4px;padding:7px;margin-left:0px;margin-right: 0;overflow: hidden;font-size:9px; font-family:trebuchet ms;text-shadow:1px 1px 0px #fff;margin-top:1px;}
  685.  
  686. #simbol1{color:#000000;font-size:15px;font-family:tahoma;margin-top:15px;-webkit-transform: rotate(45deg);z-index:9;margin-left:39px;width:15px;height:15px;position:absolute;}
  687.  
  688. .pergunta2{background:#fff;padding-left:4px;margin-left:0px;margin-right:3;overflow: hidden;font-size:9px; font-family:trebuchet ms;margin-top:1px;padding-top:-2px;border-bottom:1px solid #eee;}
  689.  
  690. .asker{font-family:georgia;font-size:9px;background-color:#E3E3E3; overflow:hidden;color:#7D7D7D;margin-left:0px;padding:7px;text-shadow:1px 1px 0px #ffffff;margin-top:0px;position:relative;line-height:26px;height:26px;font-style:italic;}
  691.  
  692. .asker a {color: #000000;}
  693. .fotoask {opacity: 1;-webkit-transition: all 0.6s ease-out;float:left;margin-right:1px;border-right:4px solid #000000;}
  694.  
  695.  
  696.  
  697.  
  698.  
  699. {CustomCSS}</style></head><body>
  700.  
  701.  
  702.  
  703.  
  704.  
  705. <div id="sidebar">
  706.  
  707.  
  708. <div id="sidebarimage">
  709.  
  710. <img src="{image:sidebar}">
  711.  
  712.  
  713.  
  714. </div>
  715.  
  716. <div class="CHentrada">
  717. <h3>{text:sidebar title}</h3>
  718.  
  719.  
  720. <div id="links">
  721.  
  722.  
  723. <a href="{text:LinkA url}">{text:LinkA}</a>
  724. <a href="{text:LinkB url}">{text:LinkB}</a>
  725. <a href="{text:LinkC url}">{text:LinkC}</a>
  726. <a href="{text:LinkD url}">{text:LinkD}</a>
  727.  
  728.  
  729.  
  730.  
  731. </div>
  732. </div>
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740. <div id="description">{Description}</div>
  741.  
  742. <div id="pagbox">
  743.  
  744.  
  745. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage}
  746. {block:NextPage}— <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination}
  747.  
  748.  
  749.  
  750.  
  751.  
  752. </div>
  753.  
  754.  
  755. </div>
  756.  
  757.  
  758.  
  759.  
  760.  
  761. <div id="entries">
  762. {block:Posts}
  763. <div id="post">
  764.  
  765. {block:Text}
  766. <div id="topinho">{block:Title}{Title}{/block:Title}</div>
  767. {Body}{/block:Text}
  768.  
  769. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  770. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  771.  
  772. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  773. {/block:Caption}{/block:Photoset}
  774.  
  775. {block:Quote}<h2>"{Quote}"</h2>
  776. {block:Source}<div class="qsource"> —{Source}</div>
  777. {/block:Source}{/block:Quote}
  778.  
  779. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  780.  
  781. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  782.  
  783. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  784. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  785. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  786. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  787. {/block:Audio}<br>
  788.  
  789. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  790.  
  791. {block:Answer}<img src="{AskerPortraitURL-40}" align="left" class="fotoask">
  792. <div id="simbol1">◥</div>
  793. <div class="asker"> &nbsp; {Asker} asked {TimeAgo}</div>
  794. <div class="pergunta">{Question} </div>
  795. <div class="pergunta2">{Answer}</div>{/block:answer}
  796.  
  797. <div id="info">
  798. <div id="date"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>
  799. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  800. • {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  801. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  802. with <div class="heart">♥</div> {NoteCountWithLabel}</a>
  803. {block:HasTags}
  804. <div id="tags" style="float:right"><br>
  805.  
  806. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  807. </div>{block:HasTags}
  808. </div>
  809. </div>
  810. {/block:Posts}
  811. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  812.  
  813. {/block:Posts}</div></div></div>
  814. <br><br><br><br>
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821. </div>
  822.  
  823.  
  824.  
  825.  
  826.  
  827. </div>
  828.  
  829. </div>
  830.  
  831. </div>
  832.  
  833.  
  834.  
  835. </body>
  836.  
  837.  
  838.  
  839.  
  840. <div id="credits">
  841.  
  842. <a href="http://kalder.tumblr.com">kt</a>
  843.  
  844. </div>
  845.  
  846.  
  847.  
  848. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!