API tools faq
paste
Advertisement
ten-tation

Theme #4 by thedoctorknows

ten-tation
Mar 10th, 2013
3,044
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.09 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME #4 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="#f1f0f0" />
  10. <meta name="image:Background" content="" />
  11. <meta name="color:Text" content="#acacac" />
  12. <meta name="color:Link" content="#6b6b6b" />
  13. <meta name="color:LinkHover" content="#d7d7d7" />
  14. <meta name="color:PostsBg" content="#ffffff" />
  15. <meta name="color:TagsBg" content="#585858" />
  16. <meta name="color:TagsBg2" content="#050505" />
  17. <meta name="color:Tags" content="#ffffff" />
  18. <meta name="color:Shadow" content="#bdbbbb" />
  19. <meta name="color:Description" content="#ffffff" />
  20. <meta name="color:SideLinks" content="#ffffff" />
  21. <meta name="color:Asks" content="#a5a5a4" />
  22. <meta name="color:AsksBg" content="#f1f0f0" />
  23. <meta name="image:Sidebar" content="" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:Link 3" content="" />
  27. <meta name="text:Link 1 URL" content="" />
  28. <meta name="text:Link 2 URL" content="" />
  29. <meta name="text:Link 3 URL" content="" />
  30. <meta name="text:AskText" content="said" />
  31.  
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}" />
  37. {/block:Description}
  38.  
  39. </head>
  40.  
  41. <style type="text/css">
  42.  
  43. @font-face {
  44.     font-family: "Yanone Kaffeesatz";
  45.     src:url('http://static.tumblr.com/ccsibxa/giFmi9pyt/yanonekaffeesatz-regular.ttf');
  46. }
  47.  
  48. body {
  49.     background:{color:Background};
  50.     background-image:url('{image:Background}');
  51.     background-attachment:fixed;
  52.     background-repeat:repeat;
  53.     color:{color:Text};
  54.     font-family:calibri;
  55.     font-size:11px;
  56.     line-height:100%;
  57. }
  58.  
  59. a {
  60.     text-decoration: none;
  61.     color: {color:Link};
  62.     -webkit-transition: all 0.5s ease-out;
  63.     -moz-transition: all 0.5s ease-out;
  64.     transition: all 0.5s ease-out;
  65. }
  66.  
  67. a:hover {
  68.     color:{color:LinkHover};
  69. }
  70.  
  71. h2 {
  72.     text-transform: uppercase;
  73. }
  74.  
  75. #posts, ol.notes {
  76.     width:500px;
  77.     margin-left:600px;
  78.     padding-left:10px;
  79.     padding-right:10px;
  80.     padding-top:10px;
  81.     padding-bottom:10px;
  82.     margin-top:10px;
  83.     background:{color:PostsBg};
  84.     -moz-box-shadow: 0 2px 5px {color:Shadow};
  85.     -webkit-box-shadow: 0 2px 5px {color:Shadow};
  86.     box-shadow: 0 2px 5px {color:Shadow};
  87. }
  88.  
  89. ol.notes {
  90.     list-style:none;
  91. }
  92.  
  93. .belowposts {
  94.     font-size:10px;
  95.     width:493px;
  96.     margin-top:10px;
  97.     padding-top:7px;
  98.     padding-bottom:7px;
  99.     padding-right:7px;
  100.     text-transform:uppercase;
  101.     text-align:right;
  102.     margin-bottom:0px;
  103.     background: {color:TagsBg};
  104.     background: -webkit-linear-gradient({color:TagsBg}, {color:TagsBg2});
  105.     background:    -moz-linear-gradient({color:TagsBg}, {color:TagsBg2});
  106.     background:     -ms-linear-gradient({color:TagsBg}, {color:TagsBg2});
  107.     background:      -o-linear-gradient({color:TagsBg}, {color:TagsBg2});
  108.     background:         linear-gradient({color:TagsBg}, {color:TagsBg2});
  109. }
  110.  
  111. .belowposts a {
  112.     color:{color:Tags};
  113. }
  114.  
  115. blockquote {
  116.     padding-left:3px;
  117.     border-left:2px solid;
  118. }
  119.  
  120. blockquote blockquote {
  121.     padding-left:3px;
  122.     border-left:2px solid;
  123. }
  124.  
  125. ul.chat {
  126.     list-style:none;
  127. }
  128.  
  129. #question {
  130.     padding:10px;
  131.     margin-bottom:0px;
  132.     width:480px;
  133.     font-size:11px;
  134.     color:{color:Asks};
  135.     background-color:{color:AsksBg};
  136. }
  137.  
  138. .askerimg {
  139.     width:500px;
  140.     font-size:10px;
  141.     text-transform:uppercase;
  142.     text-align:right;
  143. }
  144.  
  145. #albumart {
  146.     float:left;
  147.     border:4px solid {color:Text};
  148.     padding-bottom:-3px;
  149.     margin-right:10px;
  150.     width:100px;
  151.     height:100px;
  152. }
  153.  
  154. #albumart img {
  155.     width:100px;
  156.     height:100px;
  157.     background:{color:Text};
  158. }
  159.  
  160. .acaption {
  161.     min-height:80px;
  162. }
  163.  
  164. #aud {
  165.     min-height:110px;
  166. }
  167.  
  168. #sb {
  169.     position:fixed;
  170.     width:400px;
  171.     height:830px;
  172.     margin-top:-10px;
  173.     margin-left:50px;
  174.     -moz-box-shadow: 0 2px 5px {color:Shadow};
  175.     -webkit-box-shadow: 0 2px 5px {color:Shadow};
  176.     box-shadow: 0 2px 5px {color:Shadow};
  177. }
  178.  
  179. #sb img {
  180.     width:400px;
  181.     height:830px;
  182. }
  183.  
  184. #desc {
  185.     position:fixed;
  186.     width:300px;
  187.     margin-left:87px;
  188.     top:647px;
  189.     padding-right:10px;
  190.     padding-left:5px;
  191.     text-align:right;
  192.     font-size:10px;
  193.     border-style:solid;
  194.     border-color:{color:Description};
  195.     color:{color:Description};
  196. }
  197.  
  198. #circle1, #circle2, #circle3, #circle4, #circle5, #circle6 {
  199.     position:fixed;
  200.     width:10px;
  201.     height:10px;
  202.     border-radius:5px;
  203.     background:{color:SideLinks};
  204. }
  205.  
  206. #circle1 {
  207.     margin-top:50px;
  208.     margin-left:300px;
  209. }
  210.  
  211. #circle2 {
  212.     margin-top:140px;
  213.     margin-left:250px;
  214. }
  215.  
  216. #circle3 {
  217.     margin-top:180px;
  218.     margin-left:375px;
  219. }
  220.  
  221. #circle4 {
  222.     margin-top:300px;
  223.     margin-left:100px;
  224. }
  225.  
  226. #circle5 {
  227.     margin-top:370px;
  228.     margin-left:310px;
  229. }
  230.  
  231. #circle6 {
  232.     margin-top:550px;
  233.     margin-left:225px;
  234. }
  235.  
  236. #line1, #line2, #line3, #line4, #line5 {
  237.     width:2px;
  238.     position:fixed;
  239.     background:{color:SideLinks};
  240. }
  241.  
  242. #line1 {
  243.     height:100px;
  244.     margin-top:50px;
  245.     margin-left:279px;
  246.     -o-transform: rotate(29deg);
  247.     -webkit-transform: rotate(29deg);
  248.     -moz-transform: rotate(29deg);
  249.     transform: rotate(29deg);
  250. }
  251.  
  252. #line2 {
  253.     height:130px;
  254.     margin-top:101px;
  255.     margin-left:320px;
  256.     -o-transform: rotate(-72deg);
  257.     -webkit-transform: rotate(-72deg);
  258.     -moz-transform: rotate(-72deg);
  259.     transform: rotate(-72deg);
  260. }
  261.  
  262. #line3 {
  263.     height:295px;
  264.     margin-top:99px;
  265.     margin-left:240px;
  266.     -o-transform: rotate(67deg);
  267.     -webkit-transform: rotate(67deg);
  268.     -moz-transform: rotate(67deg);
  269.     transform: rotate(67deg);
  270. }
  271.  
  272. #line4 {
  273.     height:220px;
  274.     margin-top:230px;
  275.     margin-left:210px;
  276.     -o-transform: rotate(-72deg);
  277.     -webkit-transform: rotate(-72deg);
  278.     -moz-transform: rotate(-72deg);
  279.     transform: rotate(-72deg);
  280. }
  281.  
  282. #line5 {
  283.     height:195px;
  284.     margin-top:370px;
  285.     margin-left:271px;
  286.     -o-transform: rotate(25deg);
  287.     -webkit-transform: rotate(25deg);
  288.     -moz-transform: rotate(25deg);
  289.     transform: rotate(25deg);
  290. }
  291.  
  292. #hl, #ml, #al, #l1, #l2, #l3 {
  293.     width:100px;
  294.     position:fixed;
  295.     text-transform:uppercase;
  296.     font-size:8px;
  297.     padding:5px;
  298. }
  299.  
  300. #hl a, #ml a, #al a, #l1 a, #l2 a, #l3 a {
  301.     color:{color:SideLinks}
  302. }
  303.  
  304. #ml, #l1, #l3 {
  305.     text-align:right;
  306. }
  307.  
  308. #hl, #al, #l2 {
  309.     text-align:left;
  310. }
  311.  
  312. #hl {
  313.     margin-top:43px;
  314.     margin-left:310px;
  315. }
  316.  
  317. #ml {
  318.     margin-top:135px;
  319.     margin-left:140px;
  320. }
  321.  
  322. #al {
  323.     margin-top:174px;
  324.     margin-left:385px;
  325. }  
  326.  
  327. #l1 {
  328.     margin-top:295px;
  329.     margin-left:-10px;
  330. }
  331.  
  332. #l2 {
  333.     margin-top:364px;
  334.     margin-left:320px;
  335. }
  336.  
  337. #l3 {
  338.     margin-top:546px;
  339.     margin-left:115px;
  340. }
  341.  
  342. #next, #prev {
  343.     position:fixed;
  344.     margin-top:637px;
  345.     z-index:9999;
  346. }
  347.  
  348. #next a, #prev a {
  349.     color:{color:Description};
  350. }
  351.  
  352. #next {
  353.     margin-left:415px;
  354. }
  355.  
  356. #prev {
  357.     margin-left:70px;
  358. }
  359.  
  360. .credit {
  361.     text-transform:uppercase;
  362.     position:fixed;
  363.     bottom:5px;
  364.     right:5px;
  365. }
  366.  
  367. .credit a:hover {
  368.     background:{color:LinkHoverBg};
  369.     color:{color:LinkHover};
  370. }
  371.  
  372. </style>
  373.  
  374. <body>
  375.  
  376. {block:Pagination}
  377.         {block:PreviousPage}
  378.             <div id="prev">
  379.                 <a href="{PreviousPage}">←</a>
  380.             </div>
  381.         {/block:PreviousPage}
  382.         {block:NextPage}
  383.             <div id="next">
  384.                 <a href="{NextPage}">→</a>
  385.             </div>
  386.         {/block:NextPage}
  387. {/block:Pagination}
  388.  
  389. <div id="sb">
  390.     <img src="{image:Sidebar}">
  391. </div>
  392.  
  393. <div id="circle1"></div>
  394. <div id="circle2"></div>
  395. <div id="circle3"></div>
  396. <div id="circle4"></div>
  397. <div id="circle5"></div>
  398. <div id="circle6"></div>
  399.  
  400. <div id="line1"></div>
  401. <div id="line2"></div>
  402. <div id="line3"></div>
  403. <div id="line4"></div>
  404. <div id="line5"></div>
  405.  
  406. <div id="hl">
  407.     <a href="/">home</a>
  408. </div>
  409.  
  410. <div id="ml">
  411.     <a href="/ask">message</a>
  412. </div>
  413.  
  414. <div id="al">
  415.     <a href="/archive">past</a>
  416. </div>
  417.  
  418. <div id="l1">
  419.     <a href="{text:Link 1 URL}">{text:Link 1}</a>
  420. </div>
  421.  
  422. <div id="l2">
  423.     <a href="{text:Link 2 URL}">{text:Link 2}</a>
  424. </div>
  425.  
  426. <div id="l3">
  427.     <a href="{text:Link 3 URL}">{text:Link 3}</a>
  428. </div>
  429.  
  430. <div id="desc">
  431.     {block:Description}
  432.     <p id="description">{Description}</p>
  433.     {/block:Description}
  434. </div>
  435.  
  436. <div id="content">
  437. {block:Posts}
  438.  
  439. {block:ContentSource}
  440. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  441. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  442. {/block:SourceLogo}
  443. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  444. {/block:ContentSource}
  445.  
  446. <div id="posts">
  447.  
  448. {block:Text}
  449. <div class="textpost">
  450. {block:Title}
  451. <a href="{Permalink}"><h2>{Title}</h2></a>
  452. {/block:Title}
  453.  
  454. {Body}
  455. </div>
  456. {/block:Text}
  457.  
  458.  
  459. {Block:Photo}
  460. {LinkOpenTag}
  461. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  462. {LinkCloseTag}
  463.  
  464. {block:Caption}
  465. {Caption}
  466. {/block:Caption}
  467. {/Block:Photo}
  468.  
  469. {block:Photoset}
  470. <div class="photopost">
  471. <center>{Photoset-500}</center>
  472.  
  473. {block:Caption}
  474. <div class="caption">{Caption}</div>
  475. {/block:Caption}
  476. </div>
  477. {/block:Photoset}
  478.  
  479. {block:Quote}
  480. <div class="quotepost"><center>"{Quote}"</center></div>
  481. {block:Source}<div class="source">—{Source}{/block:Source}</div>{/block:Quote}
  482.  
  483. {block:Link}
  484. <div class="linkpost">
  485. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a></div>
  486. {block:Description}
  487. <div class="description">{Description}</div>
  488. {/block:Description}
  489. {/block:Link}
  490.  
  491. {block:Chat}<ul class="chat">{block:Lines}<b><li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</b></span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  492.  
  493.  
  494. {block:Answer}<div class="askerimg">{Asker} {text:AskText}</div><div id="question">{Question}</center><br></div><br><div id="answer">{Answer}</div>{/block:Answer}
  495.  
  496. {/block:Answer}
  497. {block:Video}<div class="videopost">
  498. <center>{Video-500}</center>{
  499. block:Caption}
  500. <div class="caption">{Caption}</div>
  501. {/block:Caption}
  502. </div>
  503. {/block:Video}
  504.  
  505. {block:Audio}<div id="aud">
  506. <div id="player">{AudioPlayerGrey}</div>      
  507. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  508. {PlayCountWithLabel}
  509. {block:Caption}<div class="acaption">{caption}</div>{/block:Caption}
  510. </div>
  511. {/block:Audio}
  512.  
  513. <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}
  514. {block:HasTags}<div class="tags">{block:Tags} <a href="{TagURL}" target="_blank">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div></div>
  515. {/block:Posts}
  516. {block:PostNotes}{PostNotes}{/block:PostNotes}
  517. </div>
  518.  
  519. <div class="credit"><a href="http://thedoctorknows.tumblr.com/"><center>© theme</center></div>
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!