API tools faq
paste
Advertisement
Athesiel

Ace Attorney Tumblr Theme

Athesiel
Nov 5th, 2014
362
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.60 KB | None | 0 0
raw download clone embed print report
  1. <!-- WARNING: THIS THEME HAS BEEN DISCONTINUED DUE TO ERRORS WITH THE FILE HOSTING. IT MAY BE UPDATED AT A LATER DATE, BUT FOR NOW, THE THEME IS BROKEN. -->
  2.  
  3. <!--
  4. All credit to go to Transeldritch AKA Athesiel, as is linked in the Evidence button! Otherwise, feel free to modify the base code to your own will!
  5. -->
  6. <!DOCTYPE html>
  7. <html>
  8.  
  9. <head>
  10.  
  11. <meta name="color:Background" content="#cccccc" />
  12. <meta name="font:Body" content="Georgia" />
  13. <meta name="image:Background" content="http://i41.tinypic.com/wvztsk.png" />
  14. <meta name="color:Primary Colour" content="#03999b" />
  15. <meta name="color:Secondary Colour" content="#4cc3c5" />
  16. <meta name="image:Left Sidebar" content="" />
  17. <meta name="image:Right Sidebar" content="" />
  18. <meta name="if:Infinite Scroll" content="0">
  19. <meta name="image:Link 1 Image" content="" />
  20. <meta name="text:Link 1 Location" content="" />
  21. <meta name="image:Link 2 Image" content="" />
  22. <meta name="text:Link 2 Location" content="" />
  23. <meta name="image:Link 3 Image" content="" />
  24. <meta name="text:Link 3 Location" content="" />
  25. <meta name="image:Link 4 Image" content="" />
  26. <meta name="text:Link 4 Location" content="" />
  27. <meta name="image:Link 5 Image" content="" />
  28. <meta name="text:Link 5 Location" content="" />
  29. <meta name="image:Link 6 Image" content="" />
  30. <meta name="text:Link 6 Location" content="" />
  31. <meta name="image:Link 7 Image" content="" />
  32. <meta name="text:Link 7 Location" content="" />
  33. <meta name="image:Link 8 Image" content="" />
  34. <meta name="text:Link 8 Location" content="" />
  35.  
  36. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  37.  
  38. <style type="text/css">
  39.  
  40. body {
  41.     background-color: {color:Background};
  42.     background-attachment: fixed;
  43.     font-family: {font:Body};
  44.     background-image: url({image:Background});
  45.     margin: 0;
  46.     word-wrap: break-word
  47. }
  48.  
  49. #content {
  50.       width: 560px;
  51.       margin: 60px 0 60px 260px;
  52.       padding: 20px 0;
  53.       color: white;
  54. }
  55. #content a {
  56.     color: {color:Primary Colour};
  57.     text-decoration: none;
  58. }
  59. #content a:hover {
  60.     color: {color:Secondary Colour};
  61. }
  62.  
  63. #content blockquote {
  64.     border-left: solid 4px white;
  65.     margin: 0;
  66.     padding-left: 10px;
  67. }
  68.  
  69. #content #posts {
  70.     width: 500px;
  71.     margin: 0 auto 20px;
  72.     padding: 10px;
  73.     background-image: url(https://dl-web.dropbox.com/get/public/assets/POST_bkgd2.png?_subject_uid=103938258&w=AAAz7dzxwIP5DzKdc_c-A-7vV2v-pG4S9WO8XkzRla7fWA);
  74.     background-size: 100% 100%;
  75. }
  76. #content #posts .title {
  77.     font-size: 22px;
  78. }
  79. #content #posts .text {
  80.     font-size: 11px;
  81. }
  82. #content #posts #permalink {
  83.     font-size: 9px;
  84.     margin-top: 10px;
  85. }
  86. #content #posts #tags {
  87.     font-size: 8px;
  88. }
  89. #content #posts #tags .comma:last-child {
  90.     display: none;
  91. }
  92.  
  93. #content #notecontainer {
  94.     margin: 20px auto;
  95.     width: 500px;
  96. }
  97. #content #notecontainer ol.notes {
  98.     list-style-type: none;
  99.     margin: 0;
  100.     padding: 0;
  101. }
  102. #content #notecontainer img.avatar {
  103.     margin-right: 10px;
  104.     width: 16px;
  105.     height: 16px;
  106. }
  107. #tagstag {
  108.     margin-left: 30px;
  109.     background-image: url(https://dl-web.dropbox.com/get/public/assets/TAGSF_bkgd.png?_subject_uid=103938258&w=AAD0RV2hq7Bu3MYnv1-VkZ5D6rSMBPbML092bJs274laRQ);
  110.     background-size: 500px 100%;
  111.     background-repeat: no-repeat;
  112.     text-align: center;
  113.     font-size: 10px;
  114.     padding-right: 50px;
  115.     padding-left: 23px;
  116. }
  117. #sidebar {
  118.     width: 260px;
  119.     position: fixed;
  120.     top: 100px;
  121.     left: auto;
  122. }
  123. #sidebar .title {
  124.     font-size: 15px;
  125.     text-align: left;
  126.     padding: 10px;
  127.     color: white;
  128.     font-family: 'Inconsolata';
  129.     position: fixed;
  130.     top: 422px;
  131. }
  132. #sidebar .title a {
  133.     color: {color:Primary Colour};
  134.     text-decoration: none;
  135. }
  136. #sidebar .title a:hover {
  137.     color: {color:Secondary Colour};
  138. }
  139. #sidebar .image {
  140.     width: 260px;
  141.     height: auto;
  142.     position: fixed;
  143.     top: 150px;
  144. }
  145. #sidebar .deskimage {
  146.     width: 260px;
  147.     height: auto;
  148.     position: fixed;
  149.     top: 300px;
  150.     left: auto;
  151. }
  152. #sidebar .clinks {
  153.     width: auto;
  154.     height: auto;
  155.     position: fixed;
  156.     top: 430px;
  157.     left: 0px;
  158. }
  159.  
  160. #sidebar2 {
  161.     float: right;
  162.     width: 260px;
  163.     position: relative;
  164.     top: 150px;
  165. }
  166. #sidebar2 .image {
  167.     position: fixed;
  168.     top: 150px;
  169.     width: 260px;
  170.     height: auto;
  171. }
  172. #sidebar2 .deskimage {
  173.     width: 260px;
  174.     height: auto;
  175.     position: fixed;
  176.     top: 300px;
  177. }
  178. #sidebar2 .description {
  179.     color: white;
  180.     font-size: 12px;
  181.     text-align: left;
  182.     padding-left: 100px;
  183.     padding-right: 15px;
  184.     line-height: 15px;
  185.     position: fixed;
  186.     top: 370px;
  187.     left: auto;
  188. }
  189. #sidebar2 .description a {
  190.     color: {color:Primary Colour};
  191.     text-decoration: none;
  192. }
  193. #sidebar2 .description a:hover {
  194.     color: {color:Secondary Colour};
  195. }
  196. #sidebar2 .info {
  197.     top: 360px;
  198.     position: fixed;
  199. }
  200. #sidebar2 .profpic {
  201.     position: fixed;
  202.     top: 360px;
  203.     left: auto;
  204.     padding: 8px;
  205.     width: 64px;
  206.     height: 64px;
  207. }
  208.  
  209. img {
  210.       border: 0;
  211.       max-width: 100%;
  212. }
  213.  
  214. button {
  215.     text-size: 12px;
  216.     border: 0px;
  217.     background: rgba(0,0,0,0);
  218.     width: 79px;
  219.     height: 30px;
  220.     padding: 5px;
  221.     margin-top: 5px;
  222.     color: white;
  223.     position: fixed;
  224.     background: url(https://dl-web.dropbox.com/get/public/assets/BL-BLANK_btn.png?_subject_uid=103938258&w=AAC5xGg394egfH0PcMGnAFaTPBrbJnCIdUmO7SI4xurBqA);
  225. }
  226. button a {
  227.     color: white;
  228.     text-decoration: none;
  229. }
  230. button a:hover {
  231.     color: white;
  232. }
  233. #button1 {
  234.     top: 355px;
  235.     position: fixed;
  236. }
  237. #button2 {
  238.     top: 355px;
  239.     position: fixed;
  240.     left: 85px;
  241. }
  242. #button3 {
  243.     top: 390px;
  244.     position: fixed;
  245. }
  246. #button4 {
  247.     top: 390px;
  248.     position: fixed;
  249.     left: 85px;
  250. }
  251. #l1 {
  252.     top: 459px;
  253.     left: 13px;
  254.     position: fixed;
  255. }
  256. #l2 {
  257.     top: 459px;
  258.     left: 61px;
  259.     position: fixed;
  260. }
  261. #l3 {
  262.     top: 459px;
  263.     left: 109px;
  264.     position: fixed;
  265. }
  266. #l4 {
  267.     top: 459px;
  268.     left: 157px;
  269.     position: fixed;
  270. }
  271. #l5 {
  272.     top: 508px;
  273.     left: 13px;
  274.     position: fixed;
  275. }
  276. #l6 {
  277.     top: 508px;
  278.     left: 61px;
  279.     position: fixed;
  280. }
  281. #l7 {
  282.     top: 508px;
  283.     left: 109px;
  284.     position: fixed;
  285. }
  286. #l8 {
  287.     top: 508px;
  288.     left: 157px;
  289.     position: fixed;
  290. }
  291.  
  292. #lr {
  293.     position: relative;
  294.     left: 540px;
  295.     margin-top: -100px;
  296.     top: 16px;
  297. }
  298. #like {
  299.     margin-top: -50px;
  300.     margin-bottom: 15px;
  301.     top: 34px;
  302.     left: 544px;
  303.     position: relative;
  304. }
  305. #reblog {
  306.     margin-top: -70px;
  307.     margin-bottom: 85px;
  308.     left: 544px;
  309.     top: 32px;
  310.     position: relative;
  311. }
  312.  
  313.  
  314. </style>
  315.  
  316. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  317. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  318. <link rel="shortcut icon" href="{Favicon}" />
  319.  
  320. {block:IfInfiniteScroll}
  321. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  322. {/block:IfInfiniteScroll}
  323.  
  324. </head>
  325.  
  326. <body>
  327.  
  328. <div id="sidebar">
  329.     <img class="image" src="{image:Left Sidebar}" />
  330.     <img class="deskimage" src="https://dl-web.dropbox.com/get/public/assets/LEFTDESK_decal.png?_subject_uid=103938258&w=AAD-YpcKDsyBZUwFg1C9sjpk80SvqTsDB5VU7wpStPWItw" />
  331.     <div id="button1">
  332.         <button>
  333.         <a href="/ask">Press</a>
  334.         </button>
  335.     </div>
  336.     <div id="button2">
  337.         <button>
  338.         <a href="/submit">Present</a>
  339.         </button>
  340.     </div>
  341.     <br>
  342.     <div id="button3">
  343.         <button>
  344.         <a href="http://athesiel-themetesting.tumblr.com/post/101907741072/theme-credit-to-princess-makara-athesiel-jordan">Evidence</a>
  345.         </button>
  346.     </div>
  347.     <div id="button4">
  348.         <button>
  349.         <a href="/archive">Record</a>
  350.         </button>
  351.     </div>
  352.     <img class="clinks" src="https://dl-web.dropbox.com/get/public/assets/LINKS_box.png?_subject_uid=103938258&w=AAAUCdcCCqZgpOFRft9TRfG0cKMePx4vPk9pGqy5SNPSLw" \>
  353.     <div class="title"><a href="/">{Title}</a></div>
  354.     <div id="l1">
  355.         <a href="{text:Link 1 Location}">
  356.         <img src="{image:Link 1 Image}" width="38" height="38" border="0">
  357.         </a>
  358.     </div>
  359.     <div id="l2">
  360.         <a href="{text:Link 2 Location}">
  361.         <img src="{image:Link 2 Image}" width="38" height="38" border="0">
  362.         </a>
  363.     </div>
  364.     <div id="l3">
  365.         <a href="{text:Link 3 Location}">
  366.         <img src="{image:Link 3 Image}" width="38" height="38" border="0">
  367.         </a>
  368.     </div>
  369.     <div id="l4">
  370.         <a href="{text:Link 4 Location}">
  371.         <img src="{image:Link 4 Image}" width="38" height="38" border="0">
  372.         </a>
  373.     </div>
  374.     <div id="l5">
  375.         <a href="{text:Link 5 Location}">
  376.         <img src="{image:Link 5 Image}" width="38" height="38" border="0">
  377.         </a>
  378.     </div>
  379.     <div id="l6">
  380.         <a href="{text:Link 6 Location}">
  381.         <img src="{image:Link 6 Image}" width="38" height="38" border="0">
  382.         </a>
  383.     </div>
  384.     <div id="l7">
  385.         <a href="{text:Link 7 Location}">
  386.         <img src="{image:Link 7 Image}" width="38" height="38" border="0">
  387.         </a>
  388.     </div>
  389.     <div id="l8">
  390.         <a href="{text:Link 8 Location}">
  391.         <img src="{image:Link 8 Image}" width="38" height="38" border="0">
  392.         </a>
  393.     </div>
  394. </div>
  395.  
  396. <div id="content">
  397. <div class="autopagerize_page_element">
  398. {block:Posts}
  399. <div id="tagstag">
  400. <a href="{Permalink}">
  401. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  402. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  403.     {block:HasTags}<div id="tags">
  404.         {block:Tags}
  405.         <a href="{TagURL}">{Tag}</a><span class="comma">, </span>
  406.         {/block:Tags}.
  407.         </div>
  408.     {/block:HasTags}
  409. </a>
  410. </div>
  411. <div id="posts">
  412.     {block:Photo}
  413.         {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  414.         {block:Caption}{Caption}{/block:Caption}
  415.     {/block:Photo}
  416.     {block:Photoset}
  417.         {Photoset-500}
  418.         {block:Caption}{Caption}{/block:Caption}
  419.     {/block:Photoset}
  420.     {block:Video}
  421.         {Video-500}
  422.         {block:Caption}{Caption}{/block:Caption}
  423.     {/block:Video}
  424.     {block:Audio}
  425.         {AudioPlayer}
  426.         <br />{PlayCountWithLabel}
  427.         {block:Caption}<br />{Caption}{/block:Caption}
  428.     {/block:Audio}
  429.     {block:Quote}
  430.         <div class="title">“{Quote}”</div>
  431.         {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  432.         {/block:Quote}
  433.     {block:Text}
  434.     {block:Title}<div class="title">{Title}</div>{/block:Title}
  435.         <div class="text">{Body}</div>
  436.     {/block:Text}
  437.     {block:Answer}
  438.         <div class="title">{Question}</div>
  439.         <div class="text">~ {Asker}</div>
  440.         <div class="text">{Answer}</div>
  441.     {/block:Answer}
  442.     {block:Chat}
  443.         {block:Title}{Title}<br />{/block:Title}
  444.         {block:Lines}
  445.         {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br  />
  446.         {/block:Lines}
  447.     {/block:Chat}
  448.     {block:Link}
  449.         <a href="{URL}" >{Name}</a>
  450.         {block:Description}<br />{Description}{/block:Description}
  451.     {/block:Link}
  452. </div>
  453. <div id="lr">
  454. <img src="https://dl-web.dropbox.com/get/public/assets/LIKERBLG_bkgd.png?_subject_uid=103938258&w=AADn8k1YP2Dyl_n7D4F0J9hX805vCMpPYHgqvHiiW44YMw"\>
  455. </div>
  456. <div id="like">
  457.     {LikeButton}
  458. </div>
  459. <div id="reblog">
  460.     {ReblogButton}
  461. </div>
  462.     {block:PostNotes}
  463.         <div id="notecontainer">{PostNotes}</div>
  464.     {/block:PostNotes}
  465. {/block:Posts}
  466. </div>
  467. </div>
  468.  
  469. {block:Pagination}
  470. <div id="pagination">
  471.       {block:PreviousPage}
  472.             <a href="{PreviousPage}">Previous</a>
  473.       {/block:PreviousPage}
  474.  
  475.       {block:JumpPagination length="5"}
  476.             {block:CurrentPage}
  477.                   <span class="current_page">{PageNumber}</span>
  478.             {/block:CurrentPage}
  479.  
  480.             {block:JumpPage}
  481.                   <a class="jump_page" href="{URL}">{PageNumber}</a>
  482.             {/block:JumpPage}
  483.       {/block:JumpPagination}
  484.  
  485.       {block:NextPage}
  486.             <a href="{NextPage}">Next</a>
  487.       {/block:NextPage}
  488. </div>
  489. {/block:Pagination}
  490.  
  491. <div id="sidebar2">
  492.     <img class="image" src="{image:Right Sidebar}" />
  493.     <img class="deskimage" src="https://dl-web.dropbox.com/get/public/assets/RIGHTDESK_decal.png?_subject_uid=103938258&w=AAAdZafKwMmco6AA5oxn6tx0CFOE6qFMcn-wPP_o99OmLw" />
  494.     <img class="info" src="https://dl-web.dropbox.com/get/public/assets/DESC_box.png?_subject_uid=103938258&w=AAAMdBK_nxDwqQzhr3BgUtFP082AV1MmuBpJB16m3-hLTQ" />
  495.     <div class="description">{Description}</div>
  496.     <img class="profpic" src="{Favicon}" />
  497. </div>
  498.  
  499. </body>
  500.  
  501. </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!