Advertisement
ten-tation

Theme #6 by thedoctorknows

Mar 28th, 2013
4,061
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.24 KB | None | 0 0
  1. <!--THEME #6 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="image:Background" content="http://media.tumblr.com/9e96c3b0eb6189c55ce9e6f3403182ec/tumblr_inline_mke1k6DJlE1qz4rgp.png" />
  10. <meta name="image:Sidebar" content="" />
  11. <meta name="color:Background" content="#ffffff" />
  12. <meta name="color:ScrollbarBackground" content="#ffffff" />
  13. <meta name="color:Text" content="#ffffff" />
  14. <meta name="color:Link" content="#4fdaf7" />
  15. <meta name="color:LinkHover" content="#aaaaaa" />
  16. <meta name="color:PostsBg" content="#000000" />
  17. <meta name="color:SidebarBg" content="#000000" />
  18. <meta name="color:SidebarLine" content="#4fdaf7" />
  19. <meta name="color:SidebarBorder" content="#000000" />
  20. <meta name="color:SideLinks" content="#ffffff" />
  21. <meta name="color:SideLinksBg" content="#000000" />
  22. <meta name="color:DescriptionBg" content="#000000" />
  23. <meta name="color:Tags" content="#000000" />
  24. <meta name="color:BoldAndItalicText" content="#4fdaf7" />
  25. <meta name="color:AskBg" content="#4fdaf7" />
  26. <meta name="if:Greyscale" content="1" />
  27. <meta name="if:SidebarGreyscale" content="0" />
  28. <meta name="text:AskText" content="asked" />
  29. <meta name="text:TagsFontSize" content="8" />
  30. <meta name="text:Link 1 URL" content="/" />
  31. <meta name="text:Link 1" content="link 1" />
  32. <meta name="text:Link 2 URL" content="/" />
  33. <meta name="text:Link 2" content="link 2" />
  34. <meta name="text:Link 3 URL" content="/" />
  35. <meta name="text:Link 3" content="link 3" />
  36. <meta name="text:Link 4 URL" content="/" />
  37. <meta name="text:Link 4" content="link 4" />
  38. <meta name="text:Link 5 URL" content="/" />
  39. <meta name="text:Link 5" content="link 5" />
  40. <meta name="text:Link 6 URL" content="/" />
  41. <meta name="text:Link 6" content="link 6" />
  42. <meta name="if:Show Link 1" content="1" />
  43. <meta name="if:Show Link 2" content="1" />
  44. <meta name="if:Show Link 3" content="1" />
  45. <meta name="if:Show Link 4" content="1" />
  46. <meta name="if:Show Link 5" content="1" />
  47. <meta name="if:Show Link 6" content="1" />
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:Description}
  53. {/block:Description}
  54.  
  55. {block:IfEnableEndlessScrolling}
  56.  <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/R0cmg0bw1/tumblr-endless-scrolling.js"></script>
  57. {/block:IfEnableEndlessScrolling}
  58.  
  59. </head>
  60.  
  61. <style type="text/css">
  62.  
  63. iframe#tumblr_controls {
  64.     top: 0% !important;
  65.     right:0% !important;
  66.     position: fixed !important;
  67. }
  68.  
  69. iframe#tumblr_controls {
  70.     white-space:nowrap;
  71.     -webkit-filter: invert(100%);
  72.     -moz-filter: invert(100%);
  73.     -o-filter: invert(100%);
  74.     -ms-filter: invert(100%);
  75.     filter: invert(100%);
  76.     opacity:.2;
  77.     transition: .8s ease-in-out;
  78.     -webkit-transition: .8s ease-in-out;
  79.     -moz-transition: .8s ease-in-out;
  80.     -o-transition: .8s ease-in-out;
  81. }
  82.  
  83. body {
  84.     background:{color:Background};
  85.     background-image:url('{image:Background}');
  86.     background-attachment:fixed;
  87.     background-repeat:repeat;
  88.     color:{color:Text};
  89.     font-family:Calibri;
  90.     font-size:10px;
  91.     line-height:100%;
  92. }
  93.  
  94. a {
  95.     text-decoration: none;
  96.     color: {color:Link};
  97.     -webkit-transition: all 0.5s ease-out;
  98.     -moz-transition: all 0.5s ease-out;
  99.     transition: all 0.5s ease-out;
  100. }
  101.  
  102. a:hover {
  103.     color:{color:LinkHover};
  104. }
  105.  
  106. #prevv a:hover, #nextt a:hover {
  107.     color:{color:Links};
  108. }
  109.  
  110. b, i {
  111.     color:{color:BoldAndItalicText};
  112. }
  113.  
  114. h2 {
  115.     text-transform: uppercase;
  116.     font-size:12px;
  117.     font-family:Calibri;
  118.     padding-right:7px;
  119.     padding-bottom:7px;
  120. }
  121.  
  122. h2 a {
  123.     color:{color:Text};
  124. }
  125.  
  126. blockquote {
  127.     padding-left:5px;
  128.     border-left:2px solid;
  129. }
  130.  
  131. blockquote img {
  132.     max-width:450px;
  133. }
  134.  
  135. blockquote blockquote {
  136.     padding-left:5px;
  137.     border-left:3px solid;
  138. }
  139.  
  140. blockquote blockquote img {
  141.     max-width:400px;
  142. }
  143.  
  144. blockquote blockquote blockquote img {
  145.     max-width:355px;
  146. }
  147.  
  148. blockquote blockquote blockquote blockquote img {
  149.     max-width:310px;
  150. }
  151.  
  152. blockquote blockquote blockquote blockquote blockquote img {
  153.     max-width:265px;
  154. }
  155.  
  156. blockquote blockquote blockquote blockquote blockquote blockquote img {
  157.     max-width:220px;
  158. }
  159.  
  160. blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {
  161.     max-width:175px;
  162. }
  163.  
  164. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {
  165.     max-width:130px;
  166. }
  167.  
  168. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {
  169.     max-width:85px;
  170. }
  171.  
  172. blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote img {
  173.     max-width:40px;
  174. }
  175.    
  176. .credit {
  177.     position:fixed;
  178.     bottom:8px;
  179.     right:8px;
  180.     font-size:8px;
  181.     text-transform:uppercase;
  182.     padding:4px;
  183.     background:black;
  184.     border:1px solid white;
  185. }
  186.  
  187. .credit a {
  188.     color:white;
  189. }
  190.  
  191. ::-webkit-scrollbar-thumb:vertical {
  192.     background-color:{color:ScrollbarBackground};
  193.     width:7px;
  194.     height:100px;
  195.     border: 1px solid {color:PostsBg};
  196.     -webkit-border-radius: 6px;
  197.     }
  198.  
  199. ::-webkit-scrollbar {
  200.     height:10px;
  201.     width:7px;
  202.     background-color: {color:Background};
  203.     }
  204.  
  205. #posts, ol.notes {
  206.     width:500px;
  207.     margin-left:auto;
  208.     margin-right:auto;
  209.     padding:15px;
  210.     margin:50px 0px 0px 400px;
  211.     background:{color:PostsBg};
  212. }
  213.  
  214. ol.notes {
  215.         list-style: none;
  216. }
  217.  
  218. .textpost .tags, .photopost .tags {
  219.     font-size:{FontSize}px;
  220.     margin:0px;
  221.     opacity:1;
  222.     overflow:hidden;
  223. }
  224.  
  225. .quotepost {
  226.     padding-top:10px;
  227. }
  228.  
  229. #aud {
  230.     min-height:110px;
  231. }
  232.  
  233. {Block:IfGreyscale}
  234.     #content a img, #posts img, #photop {
  235.        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  236.     filter: gray;
  237.     -webkit-filter: grayscale(100%);
  238.     -webkit-transition: all 0.8s ease-out;
  239.     -moz-transition: all 0.8s ease-out;
  240.     transition: all 0.8s ease-out;
  241.     }
  242.  
  243.     #content a:hover img, #posts img:hover, #photop:hover {
  244.        filter:none;
  245.        -webkit-filter:none;
  246.     }
  247. {/Block:IfGreyscale}
  248.  
  249. {Block:IfSidebarGreyscale}
  250.     a img, img {
  251.           filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  252.     filter: gray;
  253.     -webkit-filter: grayscale(100%);
  254.     -webkit-transition: all 0.8s ease-out;
  255.     -moz-transition: all 0.8s ease-out;
  256.     transition: all 0.8s ease-out;
  257.     }
  258.  
  259.     a img:hover, img:hover {
  260.         filter:none;
  261.        -webkit-filter:none;
  262.     }
  263. {/Block:IfSidebarGreyscale}
  264.  
  265. #fsb {
  266.     position:fixed;
  267.     background:{color:SidebarBg};
  268.     height:100%;
  269.     width:150px;
  270.     margin:-50px 0px 0px -10px;
  271. }
  272.  
  273. #linee {
  274.     position:fixed;
  275.     height:100%;
  276.     width:10px;
  277.     background:{color:SidebarLine};
  278.     margin:-50px 0px 0px 110px;
  279. }
  280.  
  281. #sbp img {
  282.     width:220px;
  283.     height:320px;
  284.     margin-bottom:-3px;
  285. }
  286.  
  287. #sbp {
  288.     position:fixed;
  289.     border:10px solid {color:SidebarBorder};
  290.     margin:100px 0 0 30px;
  291. }
  292.  
  293. #h, #aa, #pp, #l1, #l2, #l3, #l4, #l5, #l6 {
  294.     position:fixed;
  295.     color:{color:SideLinks};
  296.     background:{color:SideLinksBg};
  297.     padding:3px 5px 3px 60px;
  298.     font-size:11px;
  299.     font-style:italic;
  300.     text-align:right;
  301.     margin-left:140px;
  302.     -webkit-transition: all 0.5s ease-out;
  303.     -moz-transition: all 0.5s ease-out;
  304.     transition: all 0.5s ease-out;
  305. }
  306.  
  307. #pp {
  308.     margin-top:80px;
  309. }
  310.  
  311. #aa {
  312.     margin-top:60px;
  313. }
  314.  
  315. #h {
  316.    margin-top:40px;
  317. }
  318.  
  319. #l1 {
  320.     margin-top:444px;
  321. }
  322.  
  323. #l2 {
  324.     margin-top:464px;
  325.     padding:3px 5px 3px 70px;
  326. }
  327.  
  328. #l3 {
  329.     margin-top:484px;
  330. }
  331.  
  332. #l4 {
  333.     margin-top:504px;
  334.     padding:3px 5px 3px 70px;
  335. }
  336.  
  337. #l5 {
  338.     margin-top:524px;
  339. }
  340.  
  341. #l6 {
  342.     margin-top:544px;
  343.     padding:3px 5px 3px 70px;
  344. }
  345.  
  346. #h:hover, #aa:hover, #pp:hover, #l1:hover, #l3:hover, #l5:hover {
  347.     padding:3px 5px 3px 80px;
  348. }
  349.  
  350. #l2:hover, #l4:hover, #l6:hover {
  351.     padding:3px 5px 3px 90px;
  352. }
  353.  
  354. #prevv, #nextt {
  355.     position:fixed;
  356.     font-size:75px;
  357.     font-style:italic;
  358.     margin-left:60px;
  359. }
  360.  
  361. #prevv a, #nextt a {
  362.     color:{color:Links};
  363. }
  364.  
  365. #nextt {
  366.     margin-top:65px;
  367. }
  368.  
  369. #prevv {
  370.     margin-top:453px;
  371. }
  372.  
  373. #desc {
  374.     position:fixed;
  375.     width:190px;
  376.     height:290px;
  377.     color:{color:Text};
  378.     text-align:right;
  379.     padding:15px;
  380.     margin-top:110px;
  381.     margin-left:40px;
  382.     line-height:120%;
  383.     -moz-box-shadow: -75px -75px 800px 0 {color:DescriptionBg} inset;
  384.     -webkit-box-shadow: -75px -75px 800px 0 {color:DescriptionBg} inset;
  385.     box-shadow: -75px -75px 800px 0 {color:DescriptionBg} inset;
  386.     opacity:0;
  387.     -webkit-transition: all 1s ease-out;
  388.     -moz-transition: all 1s ease-out;
  389.     transition: all 1s ease-out;
  390. }
  391.  
  392. #desc:hover {
  393.     opacity:1;
  394. }
  395.  
  396. #asks {
  397.     text-align:right;
  398.     font-family:Calibri;
  399.     font-size:9px;
  400.     text-transform:uppercase;
  401.     width:480px;
  402.     padding:5px 10px 5px 10px;
  403.     background:{color:AskBg};
  404.     color:{color:Text};
  405. }
  406.  
  407. #asks a {
  408.     color:{color:Text};
  409. }
  410.  
  411. #ques {
  412.     padding:2px 10px 2px 10px;
  413.     width:480px;
  414.     text-align:right;
  415.     font-style:italic;
  416. }
  417.  
  418. #replies {
  419.     margin-left:3px;
  420.     margin-top:8px;
  421. }
  422.  
  423. #da, #notess, #reb {
  424.     position:absolute;
  425.     padding:3px 3px 3px 20px;
  426.     background:{color:PostsBg};
  427.     -webkit-transition: all 0.5s ease-out;
  428.     -moz-transition: all 0.5s ease-out;
  429.     transition: all 0.5s ease-out;
  430. }
  431.  
  432. #da:hover, #notess:hover, #reb:hover {
  433.     padding:3px 3px 3px 30px;
  434. }
  435.  
  436. #via, #sou {
  437.     position:absolute;
  438.     padding:3px 20px 3px 3px;
  439.     background:{color:PostsBg};
  440.     -webkit-transition: all 0.5s ease-out;
  441.     -moz-transition: all 0.5s ease-out;
  442.     transition: all 0.5s ease-out;
  443. }
  444.  
  445. #via:hover, #sou:hover {
  446.     margin-left:-570px;
  447.     padding:3px 30px 3px 3px;
  448. }
  449. .a a {
  450.     position:absolute;
  451.     float:top;
  452.     font-family:Calibri;
  453.     font-size:10px;
  454.     font-style:italic;
  455.     margin-left:515px;
  456.     width:200px;
  457.     color:{color:Text};
  458. }
  459.  
  460. #da, #sou {
  461.     margin-top:-15px;
  462. }
  463.  
  464. #reb, #via {
  465.     margin-top:5px;
  466. }
  467.  
  468. #notess {
  469.     margin-top:25px;
  470. }
  471.  
  472. #sou {
  473.     margin-left:-560px;
  474. }
  475.  
  476. #via {
  477.     margin-left:-560px;
  478. }
  479.  
  480. .tags {
  481.     position:absolute;
  482.     font-size:{text:TagsFontSize}px;
  483.     font-family:Calibri;
  484.     width:500px;
  485.     padding:0px 5px 0px 0px;
  486.     text-transform:uppercase;
  487.     font-weight:bold;
  488.     text-align:left;
  489.     line-height:120%;
  490.     margin-top:4px;
  491.     z-index:0;
  492.     border-top:10px solid {color:PostsBg};
  493.     -webkit-transition: all 0.5s ease-out;
  494.     -moz-transition: all 0.5s ease-out;
  495.     transition: all 0.5s ease-out;
  496. }
  497.  
  498. .tags:hover {
  499.     margin-top:15px;
  500. }
  501.  
  502. .tags a {
  503.     color:{color:Tags};
  504. }
  505.  
  506. #player {
  507.     width:30px;
  508.     height:30px;
  509.     overflow:hidden;
  510.     position:absolute;
  511.     margin-top:40px;
  512.     margin-bottom:45px;
  513.     margin-left:40px;
  514.     z-index:9999;
  515. }
  516.  
  517. #albumart {
  518.     float:left;
  519.     border:4px solid {color:Text};
  520.     padding-bottom:-3px;
  521.     margin-right:10px;
  522.     width:100px;
  523.     height:100px;
  524. }
  525.  
  526. #albumart img {
  527.     width:100px;
  528.     height:100px;
  529.     background:{color:Text};
  530. }
  531.  
  532. .acaption {
  533.     min-height:80px;
  534. }
  535.  
  536. ul.chat {
  537.     list-style:none;
  538. }
  539.  
  540. .chat1, .chat {
  541.     margin-left:0px;
  542. }
  543.  
  544. .chat, .chat1, .chat2 {
  545.     margin-top:-3px;
  546.     margin-bottom: -7px;
  547.     padding: 5px 7px 7px 7px;
  548. }
  549.  
  550. .chat2odd {
  551.     padding:5px;
  552.     border-top:1px solid {color:Borders};
  553.     border-bottom:1px solid {color:Borders};
  554. }
  555.  
  556. .chat2odd:first-child {
  557.     border-top:0px;
  558. }
  559.  
  560. .chat2even {
  561.     padding:5px;
  562. }
  563.  
  564. </style>
  565.  
  566. <body>
  567.  
  568. <div id="fsb"></div>
  569.  
  570. <div id="linee"></div>
  571.  
  572. <div id="sbp"><a href="/"><img src="{image:Sidebar}"></a></div>
  573.  
  574. <a href="/"><div id="h">home</div></a>
  575. <a href="/ask"><div id="aa">message</div></a>
  576. <a href="/archive"><div id="pp">past</div></a>
  577. {Block:IfShowLink1}
  578.     <a href="{text:Link 1 URL}"><div id="l1">{text:Link 1}</div></a>
  579. {/Block:IfShowLink1}
  580. {Block:IfShowLink2}
  581.     <a href="{text:Link 2 URL}"><div id="l2">{text:Link 2}</div></a>
  582. {/Block:IfShowLink2}
  583. {Block:IfShowLink3}
  584.     <a href="{text:Link 3 URL}"><div id="l3">{text:Link 3}</div></a>
  585. {/Block:IfShowLink3}
  586. {Block:IfShowLink4}
  587.     <a href="{text:Link 4 URL}"><div id="l4">{text:Link 4}</div></a>
  588. {/Block:IfShowLink4}
  589. {Block:IfShowLink5}
  590.     <a href="{text:Link 5 URL}"><div id="l5">{text:Link 5}</div></a>
  591. {/Block:IfShowLink5}
  592. {Block:IfShowLink6}
  593.     <a href="{text:Link 6 URL}"><div id="l6">{text:Link 6}</div></a>
  594. {/Block:IfShowLink6}
  595.  
  596. {block:Pagination}
  597.     {block:PreviousPage}
  598.         <a href="{PreviousPage}"><div id="prevv">«</div></a>
  599.     {/block:PreviousPage}
  600.     {block:NextPage}
  601.         <a href="{NextPage}"><div id="nextt">»</div></a>
  602.     {/block:NextPage}
  603. {/block:Pagination}
  604.  
  605. <div id="desc">
  606.     {block:Description}
  607.     <p id="description">{Description}</p>
  608.     {/block:Description}
  609. </div>
  610.  
  611. <div id="content">
  612. {block:Posts}
  613. {block:ContentSource}
  614. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  615. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  616. {/block:SourceLogo}
  617. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  618. {/block:ContentSource}
  619. <div id="posts">
  620.  
  621. <div class="a">{block:Date}<a href="{Permalink}" target="_blank"><div id="da">{TimeAgo}</div></a> {/block:Date}{block:NoteCount}  <a href="{Permalink}" target="_blank"><div id="notess">{NoteCountWithLabel}</div></a>{/block:NoteCount} {block:RebloggedFrom} <a href="{ReblogParentURL}"><div id="via">via</div></a> <a href="{ReblogRootURL}"><div id="sou">©</div></a> {/block:RebloggedFrom} <a href={ReblogURL} target=_blank><div id="reb">reblog</div></a>
  622. </div>
  623.  
  624. {block:Text}
  625. <div class="textpost">
  626. {block:Title}
  627. <a href="{Permalink}"><h2>{Title}</h2></a>
  628. {/block:Title}
  629.  
  630. {Body}
  631. </div>
  632. {/block:Text}
  633.  
  634. {Block:Photo}
  635. {LinkOpenTag}
  636. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  637. {LinkCloseTag}
  638.  
  639. {block:Caption}
  640. {Caption}
  641. {/block:Caption}
  642. {/Block:Photo}
  643.  
  644. {block:Photoset}
  645. <div class="photopost">
  646. <center><div id="photop">{Photoset-500}</div></center>
  647.  
  648. {block:Caption}
  649. <div class="caption">{Caption}</div>
  650. {/block:Caption}
  651. </div>
  652. {/block:Photoset}
  653.  
  654. {block:Quote}
  655. <div class="quotepost"><center>"{Quote}"</center></div>
  656. {block:Source}<div class="source">—{Source}{/block:Source}</div>{/block:Quote}
  657.  
  658. {block:Link}
  659. <div class="linkpost">
  660. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a></div>
  661. {block:Description}
  662. <div class="description">{Description}</div>
  663. {/block:Description}
  664. {/block:Link}
  665.  
  666. {block:Chat}
  667.     <ul class="chat">
  668.       <div class="chat">
  669.         <div class="chat1">
  670.             {Block:Lines}
  671.                 <div class="chat2{Alt}">
  672.                 {Block:Label}
  673.                     <span>{Label}</span>
  674.                 {/Block:Label}
  675.             {Line}
  676.                 </div>
  677.             {/Block:Lines}
  678.         </div>
  679.         </div>
  680.     </ul>
  681. {/block:Chat}
  682.  
  683. {block:Answer}
  684. <div id="asks">{Asker} {text:AskText}</div>
  685. <div id="ques">{Question}</div>
  686. <div id="replies">{Answer}</div>
  687. {/block:Answer}
  688.  
  689. {block:Video}<div class="videopost">
  690. <center>{Video-500}</center>{
  691. block:Caption}
  692. <div class="caption">{Caption}</div>
  693. {/block:Caption}
  694. </div>
  695. {/block:Video}
  696.  
  697. {block:Audio}<div id="aud">
  698. <div id="player">{AudioPlayerGrey}</div>      
  699. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  700. {PlayCountWithLabel}
  701. {block:Caption}<div class="acaption">{caption}</div>{/block:Caption}
  702. </div>
  703. {/block:Audio}
  704.  
  705. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}" target="_blank">{Tag}  &nbsp;</a></tag>{/block:Tags}{/block:HasTags}</div></div>
  706. {/block:Posts}
  707.  
  708. {block:PostNotes}{PostNotes}{/block:PostNotes}
  709. </div>
  710.  
  711. <div class="credit"><a href="http://thedoctorknows.tumblr.com/">© theme</a></div>
  712.  
  713. </body>
  714.  
  715. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement