Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
thm 01 - save it - Pastebin.com
[go: Go Back, main page]
API tools faq
paste
annasthms

thm 01 - save it

annasthms
Oct 9th, 2017 (edited)
2,178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCYTPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. credits:
  7.  
  8. - icon font by saturnthms: saturnthms.com/font
  9. - temporary friend/network icons by mendlergf: mendlergf.tumblr.com/icons
  10.  
  11. - save it theme by annasthms
  12.  
  13. -->
  14.  
  15. <head>
  16.  
  17.   <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{block:SearchPage}{SearchQuery} | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} | {/block:DayPage}{Title}</title>
  18.   <link rel="shortcut icon" href="{Favicon}">
  19.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.   {block:Description}
  21.   <meta name="description" content="{MetaDescription}" />
  22.   {/block:Description}
  23.  
  24.   <link href="//fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
  25.   <link href="//fonts.googleapis.com/css?family={text:monospace google font}" rel="stylesheet">
  26.   <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  27.  
  28.   <meta name="image:header" content="" />
  29.  
  30.   <meta name="color:title" content="#2b4663" />
  31.   <meta name="color:color 1" content="#a4b7e8" />
  32.   <meta name="color:color 2" content="#657786" />
  33.   <meta name="color:font" content="#000000" />
  34.   <meta name="color:blog background" content="#efefef" />
  35.   <meta name="color:sidebar background" content="#ffffff" />
  36.   <meta name="color:post background" content="#ffffff" />
  37.   <meta name="color:pin color 1" content="#5b7a99" />
  38.   <meta name="color:pin color 2" content="#88a0b8" />
  39.   <meta name="color:tape" content="#aaaaaa" />
  40.  
  41.   <meta name="font:font" content="Avalon" />
  42.  
  43.   <meta name="select:sidebar" content="nofix one" title="not fixed: one column">
  44.   <meta name="select:sidebar" content="nofix two" title="not fixed: two column">
  45.   <meta name="select:sidebar" content="fix one" title="fixed: one column">
  46.   <meta name="select:sidebar" content="fix two" title="fixed: two column">
  47.   <meta name="select:pin type" content="pin" title="push pin">
  48.   <meta name="select:pin type" content="one tape" title="one piece of tape">
  49.   <meta name="select:pin type" content="side tape" title="two pieces of tape (top/bottom)">
  50.   <meta name="select:pin type" content="two tape" title="two pieces of tape (top corners)">
  51.   <meta name="select:pin type" content="opp tape" title="two pieces of tape (opposite corners)">
  52.   <meta name="select:photos" content="" title="no filter" />
  53.   <meta name="select:photos" content="gray" title="always grayscale" />
  54.   <meta name="select:photos" content="hov gray" title="hover grayscale" />
  55.  
  56.   <meta name="if:blog stats" content="1" />
  57.   <meta name="if:description" content="1" />
  58.   <meta name="if:social media links" content="1" />
  59.   <meta name="if:friends" content="1" />
  60.   <meta name="if:networks" content="1" />
  61.   <meta name="if:updates" content="1" />
  62.  
  63.   <meta name="text:google font" content="" />
  64.   <meta name="text:monospace google font" content="Inconsolata" />
  65.   <meta name="text:date blog was made" content="date" />
  66.   <meta name="text:currently online label" content="online" />
  67.   <meta name="text:currently online script" content="currently online script" />
  68.   <meta name="text:total visits label" content="visits" />
  69.   <meta name="text:total visits script" content="total hits script" />
  70.   <meta name="text:blog link one name" content="" />
  71.   <meta name="text:blog link one url" content="" />
  72.   <meta name="text:blog link two name" content="" />
  73.   <meta name="text:blog link two url" content="" />
  74.   <meta name="text:blog link three name" content="" />
  75.   <meta name="text:blog link three url" content="" />
  76.   <meta name="text:blog link four name" content="" />
  77.   <meta name="text:blog link four url" content="" />
  78.   <meta name="text:blog link five name" content="" />
  79.   <meta name="text:blog link five url" content="" />
  80.  
  81.   <style>
  82.   * {
  83.     position: relative;
  84.   }
  85.  
  86.   a {
  87.     text-decoration: none;
  88.     color: {color:color 1};
  89.   }
  90.   a:hover {
  91.     color: {color:color 2};
  92.   }
  93.   div#desc blockquote, .post blockquote {
  94.     margin: 0;
  95.     padding: 0 0 0 2%;
  96.     border-left: 1px solid {color:color 2};
  97.   }
  98.   p:first-child {
  99.     margin-top: 0;
  100.   }
  101.   p:last-child {
  102.     margin-bottom: 0;
  103.   }
  104.   img {
  105.     max-width: 100%;
  106.     height: auto;
  107.   }
  108.  
  109.   div#desc ul, article.post ul {
  110.     padding: 0 0 0 25px;
  111.   }
  112.   div#desc li, article.post li {
  113.     list-style: none;
  114.   }
  115.   div#desc li:not(:last-child), article.post li:not(:last-child) {
  116.       margin-bottom: 5px;
  117.   }
  118.   div#desc li:before, article.post li:before {
  119.     content: '\e1e2'; /* change this if you want a different icon for lists */
  120.     font-family: 'saturnicons';
  121.     font-size: 10px;
  122.     color: {color:color 2};
  123.     position: absolute;
  124.     left: -20px;
  125.     top: 50%;
  126.     -webkit-transform: rotateY(180deg) translateY(-50%);
  127.             transform: rotateY(180deg) translateY(-50%);
  128.   }
  129.  
  130.   body {
  131.     background: {color:blog background};
  132.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  133.     color: {color:font};
  134.   }
  135.  
  136.   body.one div#container {
  137.     width: 825px;
  138.     margin: auto;
  139.   }
  140.   body.two div#container {
  141.     width: 1140px;
  142.     margin: auto;
  143.   }
  144.  
  145.   .pin:before {
  146.     content: "";
  147.     position: absolute;
  148.     height: 12px;
  149.     width: 12px;
  150.     background: {color:pin color 1};
  151.     box-shadow: 3px 3px 0 1.5px {color:pin color 2};
  152.     z-index: 5;
  153.     border-radius: 100%;
  154.     top: -5px;
  155.   }
  156.   .pin:after {
  157.     content: "";
  158.     position: absolute;
  159.     height: 8px;
  160.     width: 2px;
  161.     background: #aaa;
  162.     z-index: 4;
  163.     top: 6px;
  164.     -webkit-transform: rotate(-45deg);
  165.             transform: rotate(-45deg);
  166.   }
  167.   .one.tape:before, .side.tape:before {
  168.     content: "";
  169.     position: absolute;
  170.     z-index: 10;
  171.     height: 40px;
  172.     width: 100px;
  173.     top: -25px;
  174.     left: 50%;
  175.     background: {color:tape};
  176.     opacity: 0.125;
  177.     -webkit-transform: translateX(-50%) rotate(0deg);
  178.             transform: translateX(-50%) rotate(0deg);
  179.   }
  180.   .two.tape:before, .opp.tape:before {
  181.     content: "";
  182.     position: absolute;
  183.     z-index: 10;
  184.     height: 40px;
  185.     width: 75px;
  186.     top: -15px;
  187.     left: -22px;
  188.     background: {color:tape};
  189.     opacity: 0.125;
  190.     -webkit-transform: rotate(-35deg);
  191.             transform: rotate(-35deg);
  192.   }
  193.   .two.tape:after {
  194.     content: "";
  195.     position: absolute;
  196.     z-index: 10;
  197.     height: 40px;
  198.     width: 75px;
  199.     top: -15px;
  200.     left: calc(100% - 22px - 28px);
  201.     background: {color:tape};
  202.     opacity: 0.125;
  203.     -webkit-transform: rotate(35deg);
  204.             transform: rotate(35deg);
  205.   }
  206.   .opp.tape:after {
  207.     content: "";
  208.     position: absolute;
  209.     z-index: 10;
  210.     height: 40px;
  211.     width: 75px;
  212.     top: calc(100% - 28px + 4px);
  213.     left: calc(100% - 22px - 34px);
  214.     background: {color:tape};
  215.     opacity: 0.125;
  216.     -webkit-transform: rotate(-35deg);
  217.             transform: rotate(-35deg);
  218.   }
  219.   .side.tape:after {
  220.     content: "";
  221.     position: absolute;
  222.     z-index: 10;
  223.     height: 40px;
  224.     width: 100px;
  225.     top: calc(100% - 12px);
  226.     left: 50%;
  227.     background: {color:tape};
  228.     opacity: 0.125;
  229.     -webkit-transform: translateX(-50%);
  230.             transform: translateX(-50%);
  231.   }
  232.  
  233.   aside, section {
  234.     display: inline-block;
  235.     vertical-align: top;
  236.   }
  237.   aside#blog {
  238.     width: 290px;
  239.   }
  240.   body.fix aside#blog {
  241.     position: fixed;
  242.   }
  243.   aside#blog > div:not(#col-2), div#col-2 > div {
  244.     margin: 1em 0;
  245.     background: {color:sidebar background};
  246.   }
  247.   aside#blog > div:not(#info):not(#stats):not(#desc):not(#col-2), div#col-2> div {
  248.     padding: 12px;
  249.   }
  250.   body.two div#col-2 {
  251.     position: absolute;
  252.     left: 850px;
  253.     z-index: 10;
  254.     width: 290px;
  255.     top: 0;
  256.   }
  257.   div#stats, div#desc {
  258.     padding: 24px 12px 12px;
  259.   }
  260.   aside#blog div.pin:before {
  261.     left: 130px;
  262.   }
  263.   aside#blog div.pin:after {
  264.     left: 143px;
  265.   }
  266.   div#bground {
  267.     background: {color:color 1} url('{image:header}');
  268.     background-size: cover;
  269.     background-position: center;
  270.     height: 95px;
  271.   }
  272.   div#basic {
  273.     margin-top: -30px;
  274.     margin-left: 6px;
  275.     padding-bottom: 12px;
  276.   }
  277.   div#basic img, div#basic div {
  278.     display: inline-block;
  279.     vertical-align: top;
  280.   }
  281.   div#basic img {
  282.     border-radius: 100%;
  283.     border: 2px solid {color:sidebar background};
  284.     height: 72px;
  285.     width: 72px;
  286.     margin-right: 8px;
  287.   }
  288.   div#basic div {
  289.     margin-top: 40px;
  290.     width: calc(100% - 100px);
  291.   }
  292.   div#basic span {
  293.     display: block;
  294.   }
  295.   a.title {
  296.     font-size: 1.15em;
  297.     font-weight: bold;
  298.     color: {color:title};
  299.   }
  300.   a.blog-url {
  301.     font-size: 0.85em;
  302.     color: {color:color 2};
  303.   }
  304.   div#stats table {
  305.     width: 100%;
  306.   }
  307.   div#stats table td {
  308.     border: none;
  309.     padding: 0;
  310.   }
  311.   div#stats span {
  312.     display: block;
  313.     font-weight: bold;
  314.     margin-bottom: 3px;
  315.     color: {color:color 2};
  316.   }
  317.   div#stats a {
  318.     color: {color:font};
  319.     font-weight: normal;
  320.   }
  321.   div#links a, div#social a {
  322.     display: inline-block;
  323.     font-size: 14px;
  324.     margin: 0 3px 0 0;
  325.   }
  326.   span.block-name {
  327.     display: block;
  328.     font-weight: bold;
  329.     color: {color:color 2};
  330.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  331.   }
  332.   div#links span.block-name, div#social span.block-name {
  333.     margin-bottom: 3px;
  334.   }
  335.   div#friends, div#networks {
  336.     font-family: 'Times New Roman', serif;
  337.   }
  338.   div#friends span.block-name, div#networks span.block-name {
  339.     margin-bottom: 6px;
  340.   }
  341.   div#friends img, div#networks img {
  342.     width: 49.7px;
  343.   }
  344.   div#updates ul {
  345.     margin: 0;
  346.     padding: 0;
  347.     font-size: 14px;
  348.   }
  349.   div#updates li {
  350.     list-style: none;
  351.     padding: 0 2px 3px;
  352.     margin-top: 6px;
  353.     border-bottom: 1px dashed #dfdfdf;
  354.   }
  355.   div#updates span.date {
  356.     font-weight: bold;
  357.     font-family: "{text:monospace google font}", monospace;
  358.     color: {color:color 2};
  359.     margin-right: 10px;
  360.   }
  361.   div#search form {
  362.     margin: 6px 0 0;
  363.     padding: 0;
  364.   }
  365.   div#search input {
  366.     border: none;
  367.     outline: none;
  368.     border-bottom: 1px dashed #dfdfdf;
  369.     width: 100%;
  370.     padding: 3px 2px;
  371.   }
  372.  
  373.   body.fix section#posts {
  374.     left: 294px;
  375.   }
  376.   article, div#postnotes {
  377.     width: 500px;
  378.     -webkit-box-sizing: border-box;
  379.             box-sizing: border-box;
  380.   }
  381.   article.pin:before, div#postnotes.pin:before {
  382.     left: 235px;
  383.   }
  384.   article.pin:after, div#postnotes.pin:before {
  385.     left: 248px;
  386.   }
  387.   .audio.pin:before, .video.pin:before, .photo.pin:before, .photoset.pin:before {
  388.     top: -7px;
  389.   }
  390.   .audio.pin:after, .video.pin:after, .photo.pin:after, .photoset.pin:after {
  391.     top: 4px;
  392.   }
  393.   .pin, div#postnotes.pin {
  394.     margin: 30px 0 30px 30px;
  395.   }
  396.   .tape, div#postnotes.tape, .side.tape:last-of-type {
  397.     margin: 40px 0 40px 30px;
  398.   }
  399.   .opp.tape, div#postnotes.opp.tape {
  400.     margin: 50px 0 50px 30px;
  401.   }
  402.   .side.tape:not(:last-of-type) {
  403.     margin: 40px 0 80px 30px;
  404.   }
  405.   div#postnotes.side.tape {
  406.     margin: 80px 0 40px 30px;
  407.   }
  408.   .text, .quote, .link, .chat, .answer, div#postnotes {
  409.     background: {color:post background};
  410.     padding: 14px;
  411.   }
  412.  
  413.   article a.title {
  414.     border-bottom: 1px dashed #dfdfdf;
  415.     display: block;
  416.     text-align: center;
  417.     padding: 10px 10px 3px;
  418.     margin: 0 0 12px;
  419.   }
  420.  
  421.   .blog {
  422.     margin-bottom: 8px;
  423.   }
  424.   .reblogged:not(:last-of-type), .qna:not(:last-of-type) {
  425.     margin-bottom: 24px;
  426.   }
  427.   .blog img, .blog span {
  428.     display: inline-block;
  429.     vertical-align: middle;
  430.   }
  431.   .blog img {
  432.     height: 24px;
  433.     margin-right: 10px;
  434.     border-radius: 100%;
  435.   }
  436.   .blog a {
  437.     font-size: 14px;
  438.     color: {color:color 2};
  439.   }
  440.   .blog a:hover {
  441.     color: {color:color 1};
  442.   }
  443.   .reblogged > p:nth-child(2) {
  444.     margin-top: 0;
  445.   }
  446.  
  447.   .gray a.pic, .gray .photoset {
  448.     -webkit-filter: grayscale(50%);
  449.     filter: grayscale(50%);
  450.     -webkit-transition: 0.5s all ease-in-out;
  451.     transition: 0.5s all ease-in-out;
  452.   }
  453.   .hov a.pic:hover, .hov .photoset:hover {
  454.     -webkit-filter: none;
  455.     filter: none;
  456.   }
  457.   .tmblr-lightbox {
  458.     background: rgba(255,255,255,0.65) !important;
  459.   }
  460.   .tmblr-lightbox .vignette {
  461.     opacity: 0 !important;
  462.   }
  463.   .tmblr-lightbox .lightbox-image {
  464.     -webkit-box-shadow: none !important;
  465.             box-shadow: none !important;
  466.     border-radius: 0 !important;
  467.   }
  468.  
  469.   .words {
  470.     font-size: 1.15em;
  471.     font-weight: bold;
  472.     color: {color:title};
  473.     display: block;
  474.     text-align: center;
  475.     padding: 10px 10px 3px;
  476.   }
  477.   .source {
  478.     margin-top: 10px;
  479.     border-bottom: 1px dashed #dfdfdf;
  480.     padding-bottom: 3px;
  481.     font-size: 14px;
  482.     text-align: right;
  483.     margin: 10px 0 0;
  484.   }
  485.  
  486.   a.path {
  487.     font-size: 1.15em;
  488.     font-weight: bold;
  489.     color: {color:title};
  490.     display: block;
  491.     text-align: center;
  492.     padding: 10px 10px 3px;
  493.   }
  494.   a.path.has-desc {
  495.     border-bottom: 1px dashed #dfdfdf;
  496.     margin: 0 0 12px;
  497.   }
  498.  
  499.   .chat table {
  500.     border-collapse: collapse;
  501.   }
  502.   .chat tr {
  503.     border-bottom: 1px dashed #dfdfdf;
  504.   }
  505.   .chat tr:first-child td {
  506.     padding: 3px 12px 3px 3px;
  507.   }
  508.   .chat tr:not(:first-child) td {
  509.     padding: 6px 12px 3px 3px;
  510.   }
  511.   td.label {
  512.     font-weight: bold;
  513.     color: {color:color 2};
  514.     border-right: 3px double;
  515.   }
  516.   td.label + td {
  517.     padding-left: 12px !important;
  518.   }
  519.  
  520.   iframe.tumblr_audio_player {
  521.     height: 85px;
  522.   }
  523.   iframe.spotify_audio_player {
  524.     height: 80px;
  525.   }
  526.  
  527.   .caption {
  528.     margin-top: 10px;
  529.     padding: 14px;
  530.     background: {color:post background};
  531.   }
  532.   .caption:before, .audio *:not(.caption) + footer.post-info:before, .video *:not(.caption) + footer.post-info:before, .photo *:not(.caption) + footer.post-info:before, .photoset *:not(.caption) + footer.post-info:before {
  533.     content: "";
  534.     position: absolute;
  535.     z-index: 10;
  536.     height: 40px;
  537.     width: 100px;
  538.     top: -25px;
  539.     left: 50%;
  540.     background: {color:tape};
  541.     opacity: 0.125;
  542.     -webkit-transform: translateX(-50%) rotate(-3deg);
  543.             transform: translateX(-50%) rotate(-3deg);
  544.   }
  545.  
  546.   footer.post-info {
  547.     font-size: 14px;
  548.   }
  549.   div:not(.caption) + footer.post-info, table + footer.post-info {
  550.     margin-top: 16px;
  551.   }
  552.   .caption + footer.post-info {
  553.     background: {color:post background};
  554.     padding: 4px 12px 12px;
  555.   }
  556.   .audio *:not(.caption) + footer.post-info, .video *:not(.caption) + footer.post-info, .photo *:not(.caption) + footer.post-info, .photoset *:not(.caption) + footer.post-info {
  557.     background: {color:post background};
  558.     padding: 14px;
  559.     margin-top: 10px;
  560.   }
  561.   footer.post-info > div {
  562.     border-bottom: 1px dashed #dfdfdf;
  563.   }
  564.   .info {
  565.     padding: 0 3px 3px;
  566.   }
  567.   .buttons {
  568.     float: right;
  569.   }
  570.   .buttons.neng {
  571.     font-size: 14px;
  572.     padding-top: 2px;
  573.   }
  574.   .like-button {
  575.     cursor: pointer;
  576.     margin-right: 12px;
  577.   }
  578.   .like_button {
  579.     position: absolute;
  580.     top: 0;
  581.     left: 0;
  582.     right: 0;
  583.     bottom: 0;
  584.     width: 100%;
  585.     height: 100%;
  586.     opacity: 0;
  587.     z-index: 10;
  588.   }
  589.   .like_button iframe {
  590.     width: 100% !important;
  591.     height: 100% !important;
  592.   }
  593.   .new {
  594.     color: {color:color 1};
  595.   }
  596.   .like_button:hover + .new {
  597.     color: {color:color 2};
  598.   }
  599.   .like_button.liked + .new {
  600.     color: {color:color 2};
  601.   }
  602.   .like_button.liked + .new.eng:after {
  603.     content: "d";
  604.   }
  605.   .tags {
  606.     padding: 5px 3px 3px;
  607.   }
  608.   .tags span {
  609.     text-transform: lowercase;
  610.     color: {color:color 2};
  611.   }
  612.   .tags a:not(:last-child):after {
  613.     content: ",";
  614.   }
  615.   .rebloggedfrom {
  616.     padding: 5px 3px 3px;
  617.     text-align: right;
  618.     color: {color:color 2};
  619.   }
  620.   .rb.cont-src {
  621.     float: left;
  622.   }
  623.   .nrb.cont-src {
  624.     padding: 5px 3px 3px;
  625.   }
  626.   .cont-src span {
  627.     text-transform: lowercase;
  628.     color: {color:color 2};
  629.   }
  630.  
  631.   div#postnotes.pin {
  632.     padding-top: 28px;
  633.   }
  634.   div#postnotes.one.tape {
  635.     margin-top: 40px;
  636.   }
  637.   ol.notes {
  638.     padding: 0;
  639.     margin: 0;
  640.     list-style: none;
  641.   }
  642.   li.note {
  643.     padding: 3px;
  644.   }
  645.   li.note:not(:last-child) {
  646.     margin-bottom: 6px;
  647.     border-bottom: 1px dashed #dfdfdf;
  648.   }
  649.   a.avatar_frame {
  650.     display: none;
  651.   }
  652.   li.note blockquote {
  653.     margin: 8px 0 6px 20px;
  654.   }
  655.   li.note blockquote:before {
  656.     content: "\00BB";
  657.     position: absolute;
  658.     left: -20px;
  659.     top: 50%;
  660.     -webkit-transform: translateY(-50%);
  661.             transform: translateY(-50%);
  662.     color: {color:color 2};
  663.   }
  664.  
  665.   .pag {
  666.     margin: 0 0 15px 30px;
  667.     text-align: center;
  668.     text-transform: lowercase;
  669.     font-size: 14px;
  670.   }
  671.   .pag a, .pag span {
  672.     padding: 8px 12px;
  673.     margin: 5px;
  674.     background: {color:post background};
  675.     border: 1px solid {color:post background};
  676.   }
  677.   .pag span {
  678.     color: {color:color 2};
  679.   }
  680.   .pag a:hover, .pag span {
  681.     border-color: {color:color 2};
  682.   }
  683.  
  684.   a#cred {
  685.     position: fixed;
  686.     bottom: 5px;
  687.     right: 5px;
  688.     background: #fff;
  689.     padding: 3px 6px;
  690.     font-size: 12px;
  691.   }
  692.  
  693.   {CustomCSS}
  694.   </style>
  695.  
  696. </head>
  697. <body class="{select:sidebar}">
  698.   <div id="container">
  699.     <aside id="blog">
  700.       <div id="info" class="pin">
  701.         <div id="bground"></div>
  702.         <div id="basic">
  703.           <img src="{PortraitURL-96}" />
  704.           <div>
  705.             <span><a href="/" class="title">{Title}</a></span>
  706.             <span><a href="/" class="blog-url">@{Name}</a></span>
  707.           </div>
  708.         </div>
  709.       </div>
  710.       {block:IfBlogStats}
  711.       <div id="stats" class="pin">
  712.         <table>
  713.           <td id="est"><span>est.</span>{text:date blog was made}</td>
  714.           <td id="online"><span>{text:currently online label}</span>{text:currently online script}</td>
  715.           <td id="visits"><span>{text:total visits label}</span>{text:total visits script}</td>
  716.         </table>
  717.       </div>
  718.       {/block:IfBlogStats}
  719.       {block:IfDescription}
  720.       <div id="desc" class="pin">{Description}</div>
  721.       {/block:IfDescription}
  722.  
  723.       <!-- if you want to add more than five links, add <a href="link url">link name</a> -->
  724.       <div id="links" class="pin">
  725.         <span class="block-name">blog links</span>
  726.         <a href="/">home</a>
  727.         {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  728.         <a href="/archive">archive</a>
  729.         {block:Ifbloglinkoneurl}<a href="{text:blog link one url}">{text:blog link one name}</a>{/block:Ifbloglinkoneurl}
  730.         {block:Ifbloglinktwourl}<a href="{text:blog link two url}">{text:blog link two name}</a>{/block:Ifbloglinktwourl}
  731.         {block:Ifbloglinkthreeurl}<a href="{text:blog link three url}">{text:blog link three name}</a>{/block:Ifbloglinkthreeurl}
  732.         {block:Ifbloglinkfoururl}<a href="{text:blog link four url}">{text:blog link four name}</a>{/block:Ifbloglinkfoururl}
  733.         {block:Ifbloglinkfiveurl}<a href="{text:blog link five url}">{text:blog link five name}</a>{/block:Ifbloglinkfiveurl}
  734.       </div>
  735.  
  736.       <div id="col-2">
  737.         <!-- these are the blocks in the second column, if selected -->
  738.         {block:IfSocialMediaLinks}
  739.         <div id="social" class="pin">
  740.           <span class="block-name">social media</span>
  741.           <!-- add/link your social media here -->
  742.           <!-- to add more, add <a href="link url">link name</a> -->
  743.           <a href="//twitter.com/">twitter</a>
  744.           <a href="//instagram.com/">instagram</a>
  745.           <a href="//snapchat.com/">snapchat</a>
  746.           <a href="//pinterest.com/">pinterest</a>
  747.           <a href="//spotify.com/">spotify</a>
  748.         </div>
  749.         {/block:IfSocialMediaLinks}
  750.         {block:IfFriends}
  751.         <div id="friends" class="pin">
  752.           <span class="block-name">friends</span>
  753.           <!-- here, you can link to your friends -->
  754.           <!-- to add a friend, add <a href="friend's url" title="friend's name"><img src="link to picture/icon for friend" /></a> for each friend -->
  755.           <a href="friend url" title="friend"><img src="//i.imgur.com/TJwmc2Y.png" /></a>
  756.           <a href="friend url" title="friend"><img src="//i.imgur.com/Qdm4veb.png" /></a>
  757.           <a href="friend url" title="friend"><img src="//i.imgur.com/fQEZtul.png" /></a>
  758.           <a href="friend url" title="friend"><img src="//i.imgur.com/Gz5hTh4.jpg" /></a>
  759.           <a href="friend url" title="friend"><img src="//i.imgur.com/DBQIkdz.png" /></a>
  760.         </div>
  761.         {/block:IfFriends}
  762.         {block:IfNetworks}
  763.         <div id="networks" class="pin">
  764.           <span class="block-name">networks</span>
  765.           <!-- here, you can link to networks that you're in -->
  766.           <!-- to add a network, add <a href="network's url" title="network's name"><img src="link to picture/icon for network" /></a> for each network -->
  767.           <a href="network url" title="network"><img src="//i.imgur.com/TJwmc2Y.png" /></a>
  768.           <a href="network url" title="network"><img src="//i.imgur.com/Qdm4veb.png" /></a>
  769.           <a href="network url" title="network"><img src="//i.imgur.com/fQEZtul.png" /></a>
  770.           <a href="network url" title="network"><img src="//i.imgur.com/Gz5hTh4.jpg" /></a>
  771.           <a href="network url" title="network"><img src="//i.imgur.com/DBQIkdz.png" /></a>
  772.         </div>
  773.         {/block:IfNetworks}
  774.         {block:IfUpdates}
  775.         <div id="updates" class="pin">
  776.           <span class="block-name">updates</span>
  777.           <ul>
  778.             <!-- here, you can add updates -->
  779.             <!-- to add a update, add <li><span class="date">date</span>what happened</li> -->
  780.             <!-- tip: delete old updates as you add new ones to limit the list -->
  781.             <li><span class="date">00.00.00</span>???</li>
  782.             <li><span class="date">date</span>what happened</li>
  783.             <li><span class="date">date</span>what happened</li>
  784.             <li><span class="date">date</span>what happened</li>
  785.             <li><span class="date">date</span>what happened</li>
  786.           </ul>
  787.         </div>
  788.         {/block:IfUpdates}
  789.       </div>
  790.  
  791.       <div id="search" class="pin">
  792.         <span class="block-name">search</span>
  793.         <form action="/search" method="get"><input type="text" name="q" value="{SearchQuery}"/></form>
  794.       </div>
  795.  
  796.     </aside>
  797.  
  798.     <section id="posts">
  799.       {block:Posts}<article class="post {PostType} {select:pin type} {select:photos}" id="{PostID}">
  800.  
  801.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  802.  
  803.         {block:Text}{block:NotReblog}<div class="body">{Body}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Text}
  804.  
  805.         {block:Photo}<a href="#" class="pic" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:Photo}
  806.  
  807.         {block:Photoset}{Photoset}{/block:Photoset}
  808.  
  809.         {block:Quote}{block:Source}<div class="source">{Source}</div>{/block:Source}<div class="words">{Quote}</div>{/block:Quote}
  810.  
  811.         {block:Link}<a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  812.         {block:Description}{block:NotReblog}<div class="desc">{Description}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Description}{/block:Link}
  813.  
  814.         {block:Chat}<table>{block:Lines}<tr><td class="label">{block:Label}<span>{Label}</span>{/block:Label}</td><td>{Line}</td></tr>{/block:Lines}</table>{/block:Chat}
  815.  
  816.         {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{/block:Audio}
  817.  
  818.         {block:Video}{VideoEmbed-500}{/block:Video}
  819.  
  820.         {block:Answer}<div class="qna"><div class="blog"><img src="{AskerPortraitURL-48}"/>{Asker}</div><span class="speech">{Question}</span></div>
  821.         {block:Answerer}<div class="qna"><div class="blog"><img src="{AnswererPortraitURL-48}"/>{Answerer}</div><span class="speech">{Answer}</span></div>{block:Reblogs}<div class="qna"><div class="blog"><img src="{PortraitURL-64}" />{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}</div><span class="speech">{Body}</span></div>{/block:Reblogs}{/block:Answerer}
  822.         {block:NotReblog}<div class="qna"><div class="blog"><img src="{PortraitURL-48}" /><a href="{Permalink}">{Name}</a></div><span class="speech">{Answer}</span></div>{/block:NotReblog}{/block:Answer}
  823.  
  824.         {block:Caption}<div class="caption">{block:NotReblog}{Caption}{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Caption}
  825.  
  826.         {block:Date}
  827.         <footer class="post-info">
  828.           <div class="info">
  829.             <a href="{Permalink}" class="permalink"><span class="date">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</span>{block:NoteCount}&nbsp;<b>&middot;</b>&nbsp;<span class="notes">{NoteCount}n</span>{/block:NoteCount}</a>
  830.             <div class="buttons">
  831.               {block:English}<span class="like-button">{likeButton}<span class="new eng">like</span></span><span class="reblog-button"><a href="{ReblogURL}">reblog</a></span>{/block:English}{block:NotEnglish}<span class="like-button neng">{likeButton}<span class="new"><span class="sf sf-heart-2-o"></span></span></span><span class="reblog-button"><a href="{ReblogURL}"><span class="sf sf-reblog-o"></span></a></span>{/block:NotEnglish}
  832.             </div>
  833.           </div>
  834.           {block:HasTags}<div class="tags"><span>{lang:Filed under}:</span>{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  835.           {block:RebloggedFrom}<div class="rebloggedfrom">{block:ContentSource}<div class="rb cont-src"><span>{lang:Source}: </span><a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}<a href="{ReblogParentURL}" class="via" {Target}>{ReblogParentName}</a>&nbsp;&mdash;&nbsp;<a href="{ReblogRootURL}" class="src" {Target}>{ReblogRootName}</a></div>{/block:RebloggedFrom}
  836.           {block:NotReblog}{block:ContentSource}<div class="nrb cont-src"><span>{lang:Source}: </span><a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}{/block:NotReblog}
  837.         </footer>
  838.         {/block:Date}
  839.  
  840.       </article>
  841.  
  842.       {block:PostNotes}
  843.       <div id="postnotes" class="{select:pin type}">{PostNotes}</div>
  844.       {/block:PostNotes}
  845.       {/block:Posts}
  846.  
  847.       {block:Pagination}
  848.       <div class="pag">
  849.         {block:PreviousPage}<a href="{PreviousPage}" class="prev">{lang:Prev}</a>{/block:PreviousPage}
  850.         {block:JumpPagination length="3"}{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  851.         {block:NextPage}<a href="{NextPage}" class="next">{lang:Next}</a>{/block:NextPage}
  852.       </div>
  853.       {/block:Pagination}
  854.  
  855.     </section>
  856.   </div>
  857.   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  858.   <script>
  859.   $(document).ready(function(){
  860.     $('td.label').each(function(){
  861.       var label = $(this).text().split(":")[0];
  862.       $(this).text(label);
  863.     });
  864.     $('body').append('<a href="//annasthms.tumblr.com/" id="cred" title="theme by annasthms" {Target}>a</a>')
  865.   });
  866.   </script>
  867. </body>
  868. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!