Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme [04] Time Leap

By: mogimochi on Jul 15th, 2012  |  syntax: None  |  size: 21.34 KB  |  hits: 1,069  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. Theme 04 Time Leap
  8. by yukoki/k--amikorosu
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. -->
  16.  
  17. <meta name="color:Background" content="#ffffff" />
  18. <meta name="color:Bold Text" content="#8e9092" />
  19. <meta name="color:Italic Text" content="#f8ad58" />
  20. <meta name="color:Body Links" content="#f8ad58" />
  21. <meta name="color:Hover Body Links" content="#686767" />
  22. <meta name="color:Highlighted Text BG" content="#d3ccc9" />
  23. <meta name="color:Highlighted Text Colour" content="#ffffff" />
  24.  
  25. <meta name="color:Sidebar Background" content="#e2e2e2" />
  26. <meta name="color:Title" content="#000000" />
  27. <meta name="color:Sidebar Links" content="#5a91f7" />
  28. <meta name="color:Hover Sidebar Links" content="#ebab64" />
  29. <meta name="color:Sidebar Bold" content="#979694" />
  30. <meta name="color:Sidebar Italic" content="#f7bb82" />
  31. <meta name="color:Description" content="#70707a" />
  32. <meta name="color:Link Background" content="#b9b9b9" />
  33. <meta name="color:Link Text" content="#ffffff" />
  34. <meta name="color:Hover Link Background" content="#5781f1" />
  35. <meta name="color:Hover Link Text" content="#ffffff" />
  36.  
  37. <meta name="color:Permalink Border" content="#000000" />
  38. <meta name="color:Blockquote" content="#706868">
  39. <meta name="color:Pagination" content="#000000" />
  40. <meta name="color:Pagination Hover" content="#f59d29" />
  41. <meta name="color:Pagination Background" content="#f5f0f0" />
  42.  
  43. <meta name="color:Post Background" content="#f5f0f0" />
  44. <meta name="color:Post Title Colour" content="#424d7a" />
  45. <meta name="color:Post Quote Colour" content="#515153" />
  46.  
  47. <meta name="color:Ask Text" content="#000000" />
  48. <meta name="color:Ask Background" content="#dad8d4" />
  49. <meta name="color:Asker Bottom Border" content="#ffffff" />
  50.  
  51. <meta name="color:Icon Border" content="#000000" />
  52. <meta name="color:Icon Quotation Marks" content="#000000">
  53. <meta name="color:Icon Quote" content="#000000" />
  54. <meta name="color:Icon Links Background" content="#686a6d" />
  55. <meta name="color:Hover Icon Links Text" content="#ffffff" />
  56. <meta name="color:Hover Icon Links Background" content="#000000" />
  57.  
  58. <meta name="text:Icon Quote" content="When you're having fun, doesn't it mean that someone else suffers?" />
  59. <meta name="text:Link 1 URL" content="" />
  60. <meta name="text:Link 1" content="" />
  61. <meta name="text:Link 2 URL" content="" />
  62. <meta name="text:Link 2" content="" />
  63. <meta name="text:Link 3 URL" content="" />
  64. <meta name="text:Link 3" content="" />
  65. <meta name="text:Link 4 URL" content="" />
  66. <meta name="text:Link 4" content="" />
  67. <meta name="text:Link 5 URL" content="" />
  68. <meta name="text:Link 5" content="" />
  69. <meta name="text:Link 6 URL" content="" />
  70. <meta name="text:Link 6" content="" />
  71.  
  72. <meta name="font:Body" content="Helvetica" />
  73.  
  74. <meta name="image:Background" content="http://25.media.tumblr.com/701504378e726d2e79d2cc9f3eb51510/tumblr_mizm45mUwE1raxlx4o1_250.jpg" />
  75. <meta name="image:Sidebar Image" content="http://25.media.tumblr.com/a2e7cdfdf6ee03e24b2da006ff4340bd/tumblr_mizm83vj8L1raxlx4o7_500.jpg" />
  76. <meta name="image:Sidebar BG" content="http://24.media.tumblr.com/c95706edcd409f8184e1bbaa6a8c53cd/tumblr_mizm45mUwE1raxlx4o3_250.jpg" />
  77.  
  78. <meta name="if:Infinite Scroll" content="0" />
  79. <meta name="if:Show Icon Quote" content="1" />
  80. <meta name="if:Show Permalink Border" content="1" />
  81.  
  82. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  83. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  84. <link rel="shortcut icon" href="{Favicon}" />
  85.  
  86. <style type="text/css">
  87.  
  88. iframe#tumblr_controls {
  89.     right:3px !important; position:fixed !important;
  90. }
  91.  
  92. body {
  93.     background-color: {color:Background};
  94.     font-family: {font:Body};
  95.     background-image: url({image:Background});
  96.     background-attachment: fixed;
  97.     margin: 0;
  98.     word-wrap: break-word;
  99.     text-decoration: none;
  100. }
  101.  
  102. #icon {
  103.     text-decoration: none;
  104.     position: fixed;
  105.     margin-left: 297px;
  106.     height: 64px;
  107.     width: 64px;
  108.     margin-top: 30px;
  109.     border: 7px solid {color:Icon Border};
  110. }
  111.  
  112. {block:IfShowIconQuote}
  113.  
  114. #iconquote {
  115.     text-decoration: none;
  116.     position: fixed;
  117.     margin-left: 304px;
  118.     height: 64px;
  119.     width: 64px;
  120.     display: block;
  121.     margin-top: 37px;
  122. }
  123.  
  124. #iconquote .quote {
  125.     font-family: georgia;
  126.     font-style: Italic;
  127.     font-size: 14px;
  128.     max-width: 200px;
  129.     position: fixed;
  130.     margin-top: 5px;
  131.     margin-left: -210px;
  132.     text-align: right;
  133.     color: {color:Icon Quote};
  134. }
  135.  
  136. #iconquote b,strong {
  137.     color:{color:Icon Quotation Marks};
  138. }
  139.  
  140. {/block:IfShowIconQuote}
  141.  
  142. #iconlinkhome {
  143.         text-decoration: none;
  144.         font-size: 10px;
  145.         text-transform: uppercase;
  146.         font-family: consolas;
  147.         text-align: center;
  148.         margin-top: 0px;
  149.         margin-left: 310px;
  150.         position: fixed;
  151.         float: left;
  152.         padding-top: 40px;
  153.         width: 9px;
  154.         height: 160px;
  155.         color: {color:Hover Icon Links Text};
  156.        
  157. -moz-border-radius-bottomleft: 5px;
  158. border-bottom-left-radius: 5px;
  159. -moz-border-radius-bottomright: 5px;
  160. border-bottom-right-radius: 5px;
  161.        
  162. -webkit-transition: all 0.4s ease-in-out;
  163. -moz-transition: all 0.4s ease-in-out;
  164. -o-transition: all 0.4s ease-in-out;
  165. -ms-transition: all 0.4s ease-in-out;
  166. transition: all 0.4s ease-in-out;
  167.  
  168.         background-color: {color:Icon Links Background};
  169. }
  170.    
  171. #iconlinkhome a {
  172.         text-decoration:none;
  173.         color: {color:Hover Icon Links Text};
  174. }
  175.  
  176. #iconlinkhome:hover {
  177.         background-color: {color:Hover Icon Links Background};
  178.         color: {color:Hover Icon Links Text};
  179.         margin-top: 0px;
  180.         width: 9px;
  181.         padding-top: 109px;
  182.         height: 91px;
  183.        
  184. -webkit-transition: all 0.4s ease-in-out;
  185. -moz-transition: all 0.4s ease-in-out;
  186. -o-transition: all 0.4s ease-in-out;
  187. -ms-transition: all 0.4s ease-in-out;
  188. transition: all 0.4s ease-in-out;
  189. }
  190.  
  191. #iconlinkask {
  192.         text-decoration: none;
  193.         font-size: 10px;
  194.         font-family: consolas;
  195.         text-align: center;
  196.         padding-top: 40px;
  197.         margin-left: 325px;
  198.         text-transform: uppercase;
  199.         position: fixed;
  200.         float: left;
  201.         width: 9px;
  202.         height: 220px;
  203.         color: {color:Hover Icon Links Text};
  204.        
  205. -moz-border-radius-bottomleft: 5px;
  206. border-bottom-left-radius: 5px;
  207. -moz-border-radius-bottomright: 5px;
  208. border-bottom-right-radius: 5px;
  209.        
  210. -webkit-transition: all 0.4s ease-in-out;
  211. -moz-transition: all 0.4s ease-in-out;
  212. -o-transition: all 0.4s ease-in-out;
  213. -ms-transition: all 0.4s ease-in-out;
  214. transition: all 0.4s ease-in-out;
  215.  
  216.         background-color: {color:Icon Links Background};
  217. }
  218.    
  219. #iconlinkask a {
  220.         text-decoration:none;
  221.         color: {color:Hover Icon Links Text};
  222. }
  223.  
  224. #iconlinkask:hover {
  225.         background-color: {color:Hover Icon Links Background};
  226.         color: {color:Hover Icon Links Text};
  227.         margin-top: 0px;
  228.         width: 9px;
  229.         height: 151px;
  230.         padding-top: 109px;
  231. }
  232.  
  233. #iconlinkpast {
  234.         text-decoration: none;
  235.         text-transform: uppercase;
  236.         font-size: 10px;
  237.         font-family: consolas;
  238.         text-align: center;
  239.         margin-top: 0px;
  240.         margin-left: 340px;
  241.         position: fixed;
  242.         float: left;
  243.         padding-top: 40px;
  244.         width: 9px;
  245.         height: 180px;
  246.         color: {color:Hover Icon Links Text};
  247.        
  248. -moz-border-radius-bottomleft: 5px;
  249. border-bottom-left-radius: 5px;
  250. -moz-border-radius-bottomright: 5px;
  251. border-bottom-right-radius: 5px;
  252.        
  253. -webkit-transition: all 0.4s ease-in-out;
  254. -moz-transition: all 0.4s ease-in-out;
  255. -o-transition: all 0.4s ease-in-out;
  256. -ms-transition: all 0.4s ease-in-out;
  257. transition: all 0.4s ease-in-out;
  258.  
  259.         background-color: {color:Icon Links Background};
  260. }
  261.    
  262. #iconlinkpast a {
  263.         text-decoration:none;
  264.         color: {color:Hover Icon Links Text};
  265. }
  266.  
  267. #iconlinkpast:hover {
  268.         background-color: {color:Hover Icon Links Background};
  269.         color: {color:Hover Icon Links Text};
  270.         margin-top: 0px;
  271.         padding-top: 109px;
  272.         height: 111px;
  273.         width: 9px;
  274. }
  275.  
  276. #iconlinktheme {
  277.         text-decoration: none;
  278.         font-size: 10px;
  279.         font-family: consolas;
  280.         text-transform: uppercase;
  281.         text-align: center;
  282.         margin-top: 0px;
  283.         margin-left: 355px;
  284.         position: fixed;
  285.         padding-top: 40px;
  286.         float: left;
  287.         width: 9px;
  288.         height: 140px;
  289.         color: {color:Hover Icon Links Text};
  290.        
  291. -moz-border-radius-bottomleft: 5px;
  292. border-bottom-left-radius: 5px;
  293. -moz-border-radius-bottomright: 5px;
  294. border-bottom-right-radius: 5px;
  295.        
  296. -webkit-transition: all 0.4s ease-in-out;
  297. -moz-transition: all 0.4s ease-in-out;
  298. -o-transition: all 0.4s ease-in-out;
  299. -ms-transition: all 0.4s ease-in-out;
  300. transition: all 0.4s ease-in-out;
  301.  
  302.         background-color: {color:Icon Links Background};
  303. }
  304.    
  305. #iconlinktheme a {
  306.         text-decoration:none;
  307.         color: {color:Hover Icon Links Text};
  308. }
  309.  
  310. #iconlinktheme:hover {
  311.         background-color: {color:Hover Icon Links Background};
  312.         color: {color:Hover Icon Links Text};
  313.         margin-top: 0px;
  314.         width: 9px;
  315.         padding-top: 109px;
  316.         height: 71px;
  317. }
  318.  
  319. #sidebar {
  320.         background-color: {color:Sidebar Background};
  321.         width: 200px;  
  322.         position: fixed;
  323.         bottom: 0px;
  324.         left: 990px;
  325.     padding: 10px;
  326.     background-image: url({image:Sidebar BG});
  327.  
  328. -webkit-transition: all 0.4s ease-in-out;
  329. -moz-transition: all 0.4s ease-in-out;
  330. -o-transition: all 0.4s ease-in-out;
  331. -ms-transition: all 0.4s ease-in-out;
  332. transition: all 0.4s ease-in-out;
  333.  
  334. border-top-left-radius: 15px;
  335. border-top-right-radius: 15px;
  336. }
  337.  
  338. #sidebar b,strong {
  339.     color:{color:Sidebar Bold};
  340. }
  341.  
  342. #sidebar i,em {
  343.     color:{color:Sidebar Italic};
  344. }
  345.  
  346. #sidebar .title {
  347.         font-family: georgia;
  348.         font-size: 20px;
  349.     font-style: italic;
  350.     max-height: auto;
  351.     float: right;
  352.     margin-top: -34px;
  353.     width: 200px;
  354.     letter-spacing: 3px;
  355.         text-align: right;
  356.         position: fixed;
  357. }
  358.  
  359. #sidebar .title a {
  360.         color: {color:Title};
  361.         text-decoration: none;
  362. }
  363.  
  364. #sidebar .image {
  365.         max-width: 200px;
  366.         height: auto;
  367.     padding-bottom: 5px;
  368.    
  369. -webkit-transition: all 0.4s ease-in-out;
  370. -moz-transition: all 0.4s ease-in-out;
  371. -o-transition: all 0.4s ease-in-out;
  372. -ms-transition: all 0.4s ease-in-out;
  373. transition: all 0.4s ease-in-out;
  374.  
  375. border-top-left-radius: 10px;
  376. border-top-right-radius: 10px;
  377. }
  378.  
  379. #sidebar:hover .image {
  380.     overflow: hidden;
  381.     margin-left: 220px;
  382.     opacity: 0.0;
  383. }
  384.  
  385. #sidebar:hover .description {
  386.     opacity: 1.0;
  387. }
  388.  
  389. #sidebar .description {
  390.         font-size: 13px;
  391.         text-align: center;
  392.     position: fixed;
  393.         padding: 10px;
  394.     line-height: 100%;
  395.     opacity: 0.0;
  396.     width: 180px;
  397.    
  398. -webkit-transition: all 0.4s ease-in-out;
  399. -moz-transition: all 0.4s ease-in-out;
  400. -o-transition: all 0.4s ease-in-out;
  401. -ms-transition: all 0.4s ease-in-out;
  402. transition: all 0.4s ease-in-out;
  403.     color: {color:Description};
  404. }
  405.  
  406. #sidebar .description a {
  407.         color: {color:Sidebar Links};
  408.         text-decoration: none;
  409. }
  410.  
  411. #sidebar .description a:hover {
  412.         color: {color:Hover Sidebar Links};
  413. }
  414.  
  415. #sidebar .links {
  416.         font-size: 10px;
  417.         font-family: consolas;
  418.         text-align: center;
  419.         padding: 1px 7px;
  420.         margin: 1px;
  421.         float: left;
  422.         width: 185px;
  423.         text-transform: uppercase;
  424.         letter-spacing: 2px;
  425.         text-decoration: none;
  426.        
  427. -khtml-border-radius: 5px;
  428. -moz-border-radius: 5px;
  429. -webkit-border-radius: 5px;
  430. border-radius: 5px;
  431.        
  432. -webkit-transition: all 0.4s ease-in-out;
  433. -moz-transition: all 0.4s ease-in-out;
  434. -o-transition: all 0.4s ease-in-out;
  435. -ms-transition: all 0.4s ease-in-out;
  436. transition: all 0.4s ease-in-out;
  437.  
  438.         background-color: {color:Link Background};
  439.         color: {color:Link Text};
  440. }
  441.    
  442. #sidebar .links a {
  443.         text-decoration:none;
  444. }
  445.  
  446. #sidebar .links:hover {
  447.     letter-spacing: 5px;
  448.     text-align: center;
  449.     background-color: {color:Hover Link Background};
  450.     color: {color:Hover Link Text};
  451.    
  452. -webkit-transition: all 0.4s ease-in-out;
  453. -moz-transition: all 0.4s ease-in-out;
  454. -o-transition: all 0.4s ease-in-out;
  455. -ms-transition: all 0.4s ease-in-out;
  456. transition: all 0.4s ease-in-out;
  457. }
  458.  
  459. /*The Main Content*/
  460.        
  461. #content {
  462.     width: 560px;
  463.     background-color: rgba(255, 255, 255, 0);
  464.     margin: -5px 0 -5px 400px;
  465.     padding: 20px 0;
  466.     color: black;
  467. }
  468.  
  469. #content a {
  470.     color: {color:Body Links};
  471.     text-decoration: none;
  472. }
  473.  
  474. #content a:hover {
  475.     color: {color:Hover Body Links};
  476. }
  477.  
  478. #content blockquote {
  479.     border-left: solid 5px {color:Blockquote};
  480.     margin: 10px;
  481.     padding-left: 10px;
  482. }
  483.  
  484. #content b,strong {
  485.     color:{color:Bold Text};
  486. }
  487.  
  488. #content i, em {
  489.     color:{color:Italic Text};
  490. }
  491.  
  492. #content #posts {
  493.     z-index: 100%;
  494.     width: 500px;
  495.     max-width: 100%;
  496.     height: auto;
  497.     margin: 5px auto 10px;
  498.     padding: 10px 10px 5px 10px;
  499.     background-color: {color:Post Background};
  500. }
  501.  
  502. #posts img {
  503.     max-width: 500px;
  504. }
  505. #posts blockquote img {
  506.     max-width: 100%;
  507.     margin-left: 3px;
  508. }
  509.  
  510. #content #posts b,strong {
  511.     color:{color:Bold Text};
  512. }
  513.  
  514. #content #posts i, em {
  515.     color:{color:Italic Text};
  516. }
  517.  
  518. #content #posts .title {
  519.     font-size: 22px;
  520.     font-family: georgia;
  521.     color:{color:Post Title Colour};
  522. }
  523.  
  524. #content #posts .quote {
  525.     font-family: georgia;
  526.     font-size: 22px;
  527.     color:{color:Post Quote Colour};
  528. }
  529.  
  530. #content #posts .text {
  531.     font-size: 11px;
  532. }
  533.  
  534. #content #posts .permalink {
  535.     font-size: 10px;
  536.     text-transform: uppercase;
  537.     letter-spacing: 2px;
  538.     text-decoration: none;
  539.     font-family: consolas;
  540.     width: auto;
  541.     padding-top: 5px;
  542.     margin-top: 10px;
  543.     display: block;
  544.    
  545.     {block:IfShowPermalinkBorder}
  546.     border-top: 1px dashed {color:Permalink Border};
  547.     {/block:IfShowPermalinkBorder}
  548. }
  549.  
  550. #content #posts .ask {
  551.     font-size: 14px;
  552.     font-family: Helvetica;
  553.     margin-top: 3px;
  554.     width: 480px;
  555.     display: block;
  556.     color: {color:Ask Text};
  557.     padding: 10px;
  558.    
  559. -moz-border-radius: 10px;
  560. border-radius: 10px;
  561.  
  562.     background-color: {color:Ask Background};
  563. }
  564.  
  565. #content #posts .askersaid {
  566.     font-family: consolas;
  567.     border-bottom: 1px dashed {color:Asker Bottom Border};
  568.     font-size: 10px;
  569.     padding-left: 10px;
  570.     letter-spacing: 2px;
  571.     text-transform: uppercase;
  572.     margin-bottom: 10px;
  573. }
  574.  
  575. #content #posts .answer {
  576.     font-size: 16px;
  577. }
  578.  
  579. #content #tags {
  580.     font-family: consolas;
  581.     font-size: 10px;
  582.     color: {color:Body Text};
  583.     letter-spacing: 1px;
  584.     margin-bottom: 5px;
  585.     text-decoration: none;
  586. }  
  587.  
  588. #content .permapage {
  589.     font-family: consolas;
  590.     letter-spacing: 1px;
  591.     font-size: 10px;
  592.     margin-top: 5px;
  593.     text-transform: uppercase;
  594.     text-decoration: none;
  595.     color: {color:Body Text};
  596. }
  597.  
  598. #content #posts .postsource {
  599.     font-family: consolas;
  600.     font-size: 10px;
  601.     letter-spacing: 1px;
  602.     text-transform: uppercase;
  603.     text-decoration: none;
  604.     color: {color:Body Text};
  605. }
  606.  
  607. #content #notecontainer {
  608.     margin: 20px auto;
  609.     width: 500px;
  610.     font-size: 11px;
  611. }
  612.  
  613. #content #notecontainer ol.notes {
  614.     list-style-type: none;
  615.     margin: 0;
  616.     padding: 0;
  617. }
  618.  
  619. #content #notecontainer img.avatar {
  620.     margin-right: 10px;
  621.     width: 16px;
  622.     height: 16px;
  623. }
  624.  
  625. #pagination {
  626.     width: 510px;
  627.     height: 20px;
  628.     line-height: 20px;
  629.     font-family: consolas;
  630.     text-transform: uppercase;
  631.     margin-left: 20px;
  632.     font-size: 12px;
  633.     padding-right: 10px;
  634.     text-align: right;
  635.     color: {color:Pagination};
  636.     background-color: {color:Pagination Background};
  637. }
  638.  
  639. #pagination a {
  640.     color: {color:Pagination};
  641.     text-decoration: none;
  642. }
  643.  
  644. #pagination a:hover {
  645.     color: {color:Pagination Hover};
  646. }
  647.  
  648. ::selection {
  649.     background: {color:Highlighted Text BG};
  650.     color: {color:Highlighted Text Colour};
  651. }
  652.  
  653. ::-moz-selection {
  654.     background: {color:Highlighted Text BG};
  655.     color: {color:Highlighted Text Colour};
  656. }
  657.  
  658. ::-webkit-selection {
  659.     background: {color:Highlighted Text BG};
  660.     color: {color:Highlighted Text Colour};
  661. }
  662.  
  663.  
  664. {CustomCSS}    
  665.  
  666. </style>
  667.  
  668. {block:IfInfiniteScroll}
  669. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  670. {/block:IfInfiniteScroll}
  671.  
  672. </head>
  673. <body>
  674.  
  675. <!--Sidebar div-->
  676.  
  677. <a href="/" id="iconlinkhome">home</a>
  678. <a href="/ask" id="iconlinkask">ask</a>
  679. <a href="/archive" id="iconlinkpast">past</a>
  680. <a href="http://yukoki.tumblr.com" id="iconlinktheme">theme</a>
  681.  
  682. <img id="icon" src="{PortraitURL-64}" />
  683.  
  684. {block:IfShowIconQuote}
  685. <div id="iconquote">
  686. <div class="quote"><b>"</b>{text:Icon Quote}<b>"</b></div>
  687. </div>
  688. {/block:IfShowIconQuote}
  689.  
  690. <div id="sidebar">
  691. <div class="title">{Title}</div>
  692.  
  693. <div class="description">{Description}</div>
  694. <img class="image" src="{image:Sidebar Image}" />
  695.  
  696. {block:IfLink1}<a href="{text:Link 1 URL}" class="links">{text:Link 1}</a>{/block:IfLink1}
  697. {block:IfLink2}<a href="{text:Link 2 URL}" class="links">{text:Link 2}</a>{/block:IfLink2}
  698. {block:IfLink3}<a href="{text:Link 3 URL}" class="links">{text:Link 3}</a>{/block:IfLink3}
  699. {block:IfLink4}<a href="{text:Link 4 URL}" class="links">{text:Link 4}</a>{/block:IfLink4}
  700. {block:IfLink5}<a href="{text:Link 5 URL}" class="links">{text:Link 5}</a>{/block:IfLink5}
  701. {block:IfLink6}<a href="{text:Link 6 URL}" class="links">{text:Link 6}</a>{/block:IfLink6}
  702.  
  703. </div>
  704.  
  705. <!--The Main Content-->
  706.  
  707. <div id="content">
  708. <div class="autopagerize_page_element">
  709.  
  710. {block:Posts}
  711. <div id="posts">
  712.  
  713. {block:Photo}
  714. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  715. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  716. {/block:Photo}
  717.  
  718. {block:Photoset}
  719. {Photoset-500}
  720. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  721. {/block:Photoset}
  722.  
  723. {block:Video}
  724. {Video-500}
  725. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  726. {/block:Video}
  727.  
  728. {block:Audio}
  729. {AudioPlayerBlack}
  730. <div class="text">~ {PlayCountWithLabel}</div>
  731. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  732. {/block:Audio}
  733.  
  734. {block:Quote}
  735. <div class="quote">“{Quote}”</div>
  736. {block:Source}<div class="text"><br>- {Source}</div>{/block:Source}
  737. {/block:Quote}
  738.  
  739. {block:Text}
  740. {block:Title}<div class="title">{Title}</div>{/block:Title}
  741. <div class="text">{Body}</div>
  742. {/block:Text}
  743.  
  744. {block:Answer}
  745. <div class="ask">
  746. <div class="askersaid">{Asker} said: </div>
  747. {Question}</div>
  748. <div class="text"></div>
  749. <div class="text">{Answer}</div>
  750. {/block:Answer}
  751.  
  752. {block:Chat}
  753. {block:Title}<div class="title">{Title}</div>{/block:Title}
  754. <div class="text">
  755. {block:Lines}
  756. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  757. {/block:Lines}
  758. </div>
  759. {/block:Chat}
  760.  
  761. {block:Link}
  762. <div class="title"><a href="{URL}">{Name} →</a></div>
  763. {block:Description}
  764. <div class="text">{Description}</div>
  765. {/block:Description}
  766. {/block:Link}
  767.  
  768. {block:ContentSource}
  769. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  770. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  771. {/block:SourceLogo}
  772. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  773. {/block:ContentSource}
  774.  
  775. {block:IndexPage}
  776. <div class="permalink">
  777. <a href="{Permalink}">
  778. <center>{block:Date}{TimeAgo}{/block:Date}</a> {block:NoteCount}<b>●</b> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a><b>●</b>
  779. <a href="{ReblogURL}" target="_blank">reblog</a>
  780. <br>
  781. {block:HasTags}<div id="tags">
  782. {block:Tags}
  783. <a href="{TagURL}">#{Tag} </a>
  784. {/block:Tags} </div> {/block:HasTags}</div>
  785. </center>
  786. {/block:IndexPage}
  787.  
  788. </div>
  789.  
  790. {block:PermalinkPage}
  791.  
  792. <div class="permapage">
  793. <center>
  794. {block:Date}<i>{DayOfMonth} {Month} {Year}</i> at <i>{12Hour}:{Minutes}{AmPm}</i>{/block:Date}{block:NoteCount} with <i>{NoteCountWithLabel}</i>{/block:NoteCount}<br>
  795. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  796. </div></center>
  797.  
  798. <center>
  799. {block:HasTags}<div id="tags">tags:
  800. {block:Tags}
  801. <a href="{TagURL}">#{Tag} </a>
  802. {/block:Tags} </div> {/block:HasTags}
  803. </center>
  804.  
  805. {/block:PermalinkPage}
  806.  
  807.  
  808. {block:PostNotes}
  809. <div id="notecontainer">{PostNotes}</div>
  810. {/block:PostNotes}
  811.  
  812. {/block:Posts}
  813.  
  814. {block:IfNotInfiniteScroll}
  815.  
  816. {block:Pagination}
  817.  
  818. <div id="pagination">
  819.  
  820. {block:Pagination}
  821.             {block:PreviousPage}
  822.                 <a href="{PreviousPage}">←</a>
  823.             {/block:PreviousPage}
  824.  
  825.             {block:JumpPagination length="5"}
  826.                 {block:CurrentPage}
  827.                     <span class="current_page">{PageNumber}</span>
  828.                 {/block:CurrentPage}
  829.  
  830.                 {block:JumpPage}
  831.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  832.                 {/block:JumpPage}
  833.             {/block:JumpPagination}
  834.  
  835.             {block:NextPage}
  836.                 <a href="{NextPage}">→</a>
  837.             {/block:NextPage}
  838.         {/block:Pagination}
  839. </div>
  840.  
  841. </div>
  842.    
  843. </div>
  844. {/block:Pagination}
  845.  
  846. {/block:IfNotInfiniteScroll}
  847. </div>
  848. </div>
  849.  
  850. </body>
  851. </html>
create a new version of this paste RAW Paste Data