Advertisement
ten-tation

Theme #2 by thedoctorknows

Mar 6th, 2013
1,212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 13.18 KB | None | 0 0
  1. <!--THEME #2 BY THEDOCTORKNOWS
  2.  
  3. Please don't remove the credit, claim this code as your own nor use this as a base code. Thank you!-->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8.  
  9. <meta name="color:Background" content="#faf8f8" />
  10. <meta name="image:Background" content="http://media.tumblr.com/12838a18aea86ff6fcd350b6f3189100/tumblr_inline_mj9bisD8l31qz4rgp.png" />
  11. <meta name="color:Text" content="#a0a0a0" />
  12. <meta name="color:Link" content="#c5e6eb" />
  13. <meta name="color:LinkHover" content="#d7d7d7" />
  14. <meta name="color:SideLinks" content="#ffffff" />
  15. <meta name="color:SideLinksHover" content="#cccccc" />
  16. <meta name="color:LinksTitle" content="#9ccfdd" />
  17. <meta name="color:DescriptionTitle" content="#9ccfdd" />
  18. <meta name="color:PostsBg" content="#ffffff" />
  19. <meta name="color:Tags" content="#ffffff" />
  20. <meta name="color:TagsBg" content="#9ccfdd" />
  21. <meta name="color:Asks" content="#ffffff" />
  22. <meta name="color:AsksBg" content="#c5e6eb" />
  23. <meta name="color:Shadow" content="#888888" />
  24. <meta name="color:SidebarBg" content="#000000" />
  25. <meta name="color:Description" content="#ffffff" />
  26. <meta name="image:LeftSidebar" content="" />
  27. <meta name="image:RightSidebar" content="" />
  28. <meta name="text:AskText" content="said" />
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 1 URL" content="/" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 2 URL" content="/" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 3 URL" content="/" />
  35. <meta name="text:Link 4" content="" />
  36. <meta name="text:Link 4 URL" content="/" />
  37. <meta name="text:Link 5" content="" />
  38. <meta name="text:Link 5 URL" content="/" />
  39. <meta name="text:Link 6" content="" />
  40. <meta name="text:Link 6 URL" content="/" />
  41. <meta name="text:Link 7" content="" />
  42. <meta name="text:Link 7 URL" content="/" />
  43. <meta name="text:Link 8" content="" />
  44. <meta name="text:Link 8 URL" content="/" />
  45. <meta name="text:Link 9" content="" />
  46. <meta name="text:Link 9 URL" content="/" />
  47. <meta name="text:Link 10" content="" />
  48. <meta name="text:Link 10 URL" content="/" />
  49. <meta name="text:Link 11" content="" />
  50. <meta name="text:Link 11 URL" content="/" />
  51. <meta name="text:Link 12" content="" />
  52. <meta name="text:Link 12 URL" content="/" />
  53. <meta name="text:Link 13" content="" />
  54. <meta name="text:Link 13 URL" content="/" />
  55. <meta name="text:Link 14" content="" />
  56. <meta name="text:Link 14 URL" content="/" />
  57. <meta name="text:Link 15" content="" />
  58. <meta name="text:Link 15 URL" content="/" />
  59. <meta name="text:Link 16" content="" />
  60. <meta name="text:Link 16 URL" content="/" />
  61. <meta name="text:Link 17" content="" />
  62. <meta name="text:Link 17 URL" content="/" />
  63. <meta name="text:Link 18" content="" />
  64. <meta name="text:Link 18 URL" content="/" />
  65. <meta name="text:Link 19" content="" />
  66. <meta name="text:Link 19 URL" content="/" />
  67. <meta name="text:Link 20" content="" />
  68. <meta name="text:Link 20 URL" content="/" />
  69. <meta name="text:Link 21" content="" />
  70. <meta name="text:Link 21 URL" content="/" />
  71. <meta name="text:Link 22" content="" />
  72. <meta name="text:Link 22 URL" content="/" />
  73. <meta name="text:Link 23" content="" />
  74. <meta name="text:Link 23 URL" content="/" />
  75. <meta name="text:Link 24" content="" />
  76. <meta name="text:Link 24 URL" content="/" />
  77. <meta name="text:Link 25" content="" />
  78. <meta name="text:Link 25 URL" content="/" />
  79.  
  80. <title>{Title}</title>
  81. <link rel="shortcut icon" href="{Favicon}">
  82. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  83. {block:Description}
  84. <meta name="description" content="{MetaDescription}" />
  85. {/block:Description}
  86.  
  87. </head>
  88.  
  89. <style type="text/css">
  90.  
  91. @font-face {
  92.     font-family: "Yanone Kaffeesatz";
  93.     src:url('http://static.tumblr.com/ccsibxa/giFmi9pyt/yanonekaffeesatz-regular.ttf');
  94. }
  95.  
  96. body {
  97.     background:{color:Background};
  98.     background-image:url('{image:Background}');
  99.     background-attachment:fixed;
  100.     background-repeat:repeat;
  101.     color:{color:Text};
  102.     font-family:calibri;
  103.     font-size:11px;
  104.     line-height:100%;
  105. }
  106.  
  107. a {
  108.     text-decoration: none;
  109.     color: {color:Link};
  110.     -webkit-transition: all 0.5s ease-out;
  111.     -moz-transition: all 0.5s ease-out;
  112.     transition: all 0.5s ease-out;
  113. }
  114.  
  115. a:hover {
  116.     color:{color:LinkHover};
  117. }
  118.  
  119. h2 {
  120.     text-transform: uppercase;
  121. }
  122.  
  123. blockquote {
  124.     padding-left:3px;
  125.     border-left:2px solid;
  126. }
  127.  
  128. blockquote blockquote {
  129.     padding-left:3px;
  130.     border-left:2px solid;
  131. }
  132.  
  133. #content {
  134.     margin-left:auto;
  135.     margin-right:auto;
  136. }
  137.  
  138. .belowposts {
  139.     font-size:10px;
  140.     width:493px;
  141.     margin-top:10px;
  142.     padding-top:7px;
  143.     padding-bottom:7px;
  144.     padding-right:7px;
  145.     text-transform:uppercase;
  146.     text-align:right;
  147.     margin-bottom:0px;
  148.     background: {color:TagsBg};
  149. }
  150.  
  151. .belowposts a {
  152.     color:{color:Tags};
  153. }
  154.  
  155. #posts, ol.notes {
  156.     width:500px;
  157.     margin-left:auto;
  158.     margin-right:auto;
  159.     padding-left:10px;
  160.     padding-right:10px;
  161.     padding-top:10px;
  162.     padding-bottom:10px;
  163.     background:{color:PostsBg};
  164.     -moz-box-shadow: 0 2px 5px {color:Shadow};
  165.     -webkit-box-shadow: 0 2px 5px {color:Shadow};
  166.     box-shadow: 0 2px 5px {color:Shadow};
  167. }
  168.  
  169. ol.notes {
  170.         list-style: none;
  171. }
  172.  
  173. .quotepost {
  174.     padding-top:10px;
  175. }
  176.  
  177. #albumart {
  178.     float:left;
  179.     border:4px solid {color:Text};
  180.     padding-bottom:-3px;
  181.     margin-right:10px;
  182.     width:100px;
  183.     height:100px;
  184. }
  185.  
  186. #albumart img {
  187.     width:100px;
  188.     height:100px;
  189.     background:{color:Text};
  190. }
  191.  
  192. .acaption {
  193.     min-height:80px;
  194. }
  195.  
  196. #aud {
  197.     min-height:110px;
  198. }
  199.  
  200. #question {
  201.     padding:10px;
  202.     margin-bottom:0px;
  203.     width:480px;
  204.     font-size:11px;
  205.     color:{color:Asks};
  206.     background-color:{color:AsksBg};
  207. }
  208.  
  209. .askerimg {
  210.     width:500px;
  211.     font-size:10px;
  212.     text-transform:uppercase;
  213.     text-align:right;
  214. }
  215.  
  216. .sidebar1, .navlinks {
  217.     position:fixed;
  218.     float:left;
  219.     width:200px;
  220.     margin-left:115px;
  221. }
  222.  
  223. .navlinks {
  224.     margin-top:170px;
  225. }
  226.  
  227. .sidebar1 {
  228.     margin-top:170px;
  229. }
  230.  
  231. .sidebar1, .sidebar2 {
  232.     height:650px;
  233. }
  234.  
  235. .navlinks {
  236.     height:650px;
  237. }
  238.  
  239. .sidebar2 {
  240.     position:fixed;
  241.     float:right;
  242.     width:200px;
  243.     margin-left:1110px;
  244.     margin-top:-10px;
  245. }
  246.  
  247. .sidebar1 img, .sidebar2 img {
  248.     width:200px;
  249.     height:650px;
  250. }
  251.  
  252. .navlinks {
  253.     padding-top:5px;
  254.     text-transform:uppercase;
  255.     text-align:center;
  256.     background-color:{color:SidebarBg};
  257.     opacity:0;
  258.     -webkit-transition: all 1s ease-out;
  259.     -moz-transition: all 1s ease-out;
  260.     transition: all 1s ease-out;
  261. }
  262.  
  263. .navlinks:hover {
  264.     opacity:0.5;
  265. }
  266.  
  267. .navlinks a {
  268.     color:{color:SideLinks};
  269. }
  270.  
  271. .navlinks a:hover {
  272.     color:{color:SideLinksHover};
  273. }
  274.  
  275. .desc {
  276.     position:fixed;
  277.     float:right;
  278.     height:625px;
  279.     margin-top:-45px;
  280.     margin-left:1110px;
  281.     width:160px;
  282.     padding-top:40px;
  283.     padding-right:20px;
  284.     padding-left:20px;
  285.     padding-bottom:20px;
  286.     text-align:right;
  287.     color:{color:Description};
  288.     background-color:{color:SidebarBg};
  289.     opacity:0;
  290.     -webkit-transition: all 1s ease-out;
  291.     -moz-transition: all 1s ease-out;
  292.     transition: all 1s ease-out;
  293. }
  294.  
  295. .desc:hover {
  296.     opacity:0.5;
  297. }
  298.  
  299. #hl, #ml, #al, #l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8, #l9, #l10, #l11, #l12, #l13, #l14, #l15, #l16, #l17, #l18, #l19, #l20, #l21, #l22, #l23, #l24, #l25 {
  300.     padding:5px;
  301. }
  302.  
  303. .lt, .dt, .prev, .next {
  304.     text-transform:uppercase;
  305.     position:fixed;
  306.     font-size:15px;
  307. }
  308.  
  309. .lt, .prev {
  310.     color:{color:LinksTitle};
  311.     margin-left:115px;
  312.     margin-top:159px;
  313. }
  314.  
  315. .prev {
  316.     width:200px;
  317.     text-align:right;
  318. }
  319.  
  320. .dt {
  321.     color:{color:DescriptionTitle};
  322.     margin-left:1227px;
  323.     margin-top:641px;
  324. }
  325.  
  326. .prev a {
  327.     color:{color:LinksTitle};
  328. }
  329.  
  330. .next a {
  331.     color:{color:DescriptionTitle};
  332. }
  333.  
  334. .next {
  335.     color:{color:DescriptionTitle};
  336.     margin-top:643px;
  337.     margin-left:1109px;
  338. }
  339.  
  340. .credit {
  341.     position:fixed;
  342.     bottom:5px;
  343.     right:5px;
  344. }
  345.  
  346. .credit a:hover {
  347.     background:{color:LinkHoverBg};
  348.     color:{color:LinkHover};
  349. }
  350.  
  351. </style>
  352.  
  353. <div class="lt"><i>links</i></div>
  354. <div class="dt"><i>description</i></div>
  355.  
  356. <div class="sidebar1">
  357.     <img src="{image:LeftSidebar}">
  358. </div>
  359.  
  360. <div class="navlinks">
  361.     <div id="hl"><a href="/">home</a></div>
  362.     <div id="ml"><a href="/ask">message</a></div>
  363.     <div id="al"><a href="archive">archive</a></div>
  364.     <div id="l1"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  365.     <div id="l2"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  366.     <div id="l3"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  367.     <div id="l4"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  368.     <div id="l5"><a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  369.     <div id="l6"><a href="{text:Link 6 URL}">{text:Link 6}</a></div>
  370.     <div id="l7"><a href="{text:Link 7 URL}">{text:Link 7}</a></div>
  371.     <div id="l8"><a href="{text:Link 8 URL}">{text:Link 8}</a></div>
  372.     <div id="l9"><a href="{text:Link 9 URL}">{text:Link 9}</a></div>
  373.     <div id="l10"><a href="{text:Link 10 URL}">{text:Link 10}</a></div>
  374.     <div id="l11"><a href="{text:Link 11 URL}">{text:Link 11}</a></div>
  375.     <div id="l12"><a href="{text:Link 12 URL}">{text:Link 12}</a></div>
  376.     <div id="l13"><a href="{text:Link 13 URL}">{text:Link 13}</a></div>
  377.     <div id="l14"><a href="{text:Link 14 URL}">{text:Link 14}</a></div>
  378.     <div id="l15"><a href="{text:Link 15 URL}">{text:Link 15}</a></div>
  379.     <div id="l16"><a href="{text:Link 16 URL}">{text:Link 16}</a></div>
  380.     <div id="l17"><a href="{text:Link 17 URL}">{text:Link 17}</a></div>
  381.     <div id="l18"><a href="{text:Link 18 URL}">{text:Link 18}</a></div>
  382.     <div id="l19"><a href="{text:Link 19 URL}">{text:Link 19}</a></div>
  383.     <div id="l20"><a href="{text:Link 20 URL}">{text:Link 20}</a></div>
  384.     <div id="l21"><a href="{text:Link 21 URL}">{text:Link 21}</a></div>
  385.     <div id="l22"><a href="{text:Link 22 URL}">{text:Link 22}</a></div>
  386.     <div id="l23"><a href="{text:Link 23 URL}">{text:Link 23}</a></div>
  387.     <div id="l24"><a href="{text:Link 24 URL}">{text:Link 24}</a></div>
  388.     <div id="l25"><a href="{text:Link 25 URL}">{text:Link 25}</a></div>
  389. </div>
  390.  
  391. <div class="sidebar2">
  392.     <img src="{image:RightSidebar}">
  393. </div>
  394.  
  395. <div class="desc">
  396.     {block:Description}
  397.     <p id="description">{Description}</p>
  398.     {/block:Description}
  399. </div>
  400.  
  401. {block:Pagination}
  402.         {block:PreviousPage}
  403.             <div class="prev">
  404.                 <a href="{PreviousPage}"></a>
  405.             </div>
  406.         {/block:PreviousPage}
  407.         {block:NextPage}
  408.             <div class="next">
  409.                 <a href="{NextPage}"></a>
  410.             </div>
  411.         {/block:NextPage}
  412. {/block:Pagination}
  413.  
  414. <div id="content">
  415.     {block:Posts}
  416.     <div id="posts">
  417.  
  418.     {block:Text}
  419.     <div class="textpost">
  420.     {block:Title}
  421.     <a href="{Permalink}"><h2>{Title}</h2></a>
  422.     {/block:Title}
  423.  
  424.     {Body}
  425.     </div>
  426.     {/block:Text}
  427.  
  428.  
  429.     {Block:Photo}
  430.     {LinkOpenTag}
  431.     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  432.     {LinkCloseTag}
  433.  
  434.     {block:Caption}
  435.     {Caption}
  436.     {/block:Caption}
  437.     {/Block:Photo}
  438.  
  439.     {block:Photoset}
  440.     <div class="photopost">
  441.     <center>{Photoset-500}</center>
  442.  
  443.     {block:Caption}
  444.     <div class="caption">{Caption}</div>
  445.     {/block:Caption}
  446.     </div>
  447.     {/block:Photoset}
  448.  
  449.     {block:Quote}
  450.     <div class="quotepost"><center>"{Quote}"</center></div>
  451.     {block:Source}<div class="source">—{Source}{/block:Source}</div>{/block:Quote}
  452.  
  453.     {block:Link}
  454.     <div class="linkpost">
  455.     <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a></div>
  456.     {block:Description}
  457.     <div class="description">{Description}</div>
  458.     {/block:Description}
  459.     {/block:Link}
  460.  
  461.     {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  462.  
  463.     {block:Answer}<div class="askerimg">{Asker}</div><div id="question">{Question}</center><br></div><br><div id="answer">{Answer}</div>{/block:Answer}
  464.  
  465. {/block:Answer}
  466.     {block:Video}<div class="videopost">
  467.     <center>{Video-500}</center>{block:Caption}
  468.     <div class="caption">{Caption}</div>
  469.     {/block:Caption}
  470.     </div>
  471.     {/block:Video}
  472.  
  473.     {block:Audio}<div id="aud">
  474.     <div id="player">{AudioPlayerGrey}</div>      
  475.     <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  476.     {PlayCountWithLabel}
  477.     {block:Caption}<div class="acaption">{caption}</div>{/block:Caption}
  478.     </div>
  479.     {/block:Audio}
  480.  
  481.     <div class="belowposts">{block:Date}<a href="{Permalink}" target="_blank">{TimeAgo}</a> {/block:Date}{block:NoteCount}  <a href="{Permalink}" target="_blank">• {NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">• via</a> <a href="{ReblogRootURL}">• ©</a> {/block:RebloggedFrom}
  482.     {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}" target="_blank">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div></div>
  483.     {/block:Posts}
  484.     {block:PostNotes}{PostNotes}{/block:PostNotes}
  485. </div>
  486.  
  487. <div class="credit">
  488.     <a href="http://thedoctorknows.tumblr.com/"><b>© THEME</b>
  489. </div>
  490.  
  491. </body>
  492.  
  493. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement