quenma

theme 15: imparcial

Jun 15th, 2017
4,575
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.00 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. theme #15: imparcial
  5. by leopardraws
  6.  
  7. thanks for using my themes!
  8. feel free to change fonts and colors.
  9. enjoy!! <3
  10.  
  11.  
  12. -->
  13.  
  14. <html>
  15. <head>
  16.  
  17. <title>{Title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
  18. </title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="apfplication/rss+xml" href="{RSS}">
  21. <meta name="description" content="{MetaDescription}" />
  22.  
  23. <meta name="color:Links" content="#666666"/>
  24. <meta name="color:Accent" content="#dfcac9"/>
  25. <meta name="color:Entry" content="#ffffff"/>
  26. <meta name="color:Background" content="#f8f8f8"/>
  27. <meta name="color:Header background" content="#dfcac9"/>
  28. <meta name="color:Fonts" content="#999999"/>
  29. <meta name="color:Post title" content="#666666"/>
  30. <meta name="color:Entry" content="#ffffff"/>
  31. <meta name="color:Borders" content="#eeeeee"/>
  32.  
  33. <meta name="if:Show captions" content="1"/>
  34. <meta name="if:Show header icon" content="1"/>
  35. <meta name="if:Repeat header image" content="0"/>
  36. <meta name="if:Fade images" content="1"/>
  37. <meta name="if:Two columns" content="1"/>
  38. <meta name="if:Show blog title on posts" content="0"/>
  39.  
  40. <meta name="image:Header" content="https://goo.gl/MDTiAs"/>
  41. <meta name="image:Avatar" content="https://goo.gl/NF5tLG"/>
  42.  
  43. <meta name="text:Header height" content="260"/>
  44. <meta name="text:Link 1 URL" content="url 01 "/>
  45. <meta name="text:Link 1 title" content="title 01"/>
  46. <meta name="text:Link 2 URL" content="url 02"/>
  47. <meta name="text:Link 2 title" content="title 02"/>
  48. <meta name="text:Link 3 URL" content="url 03"/>
  49. <meta name="text:Link 3 title" content="title 03"/>
  50. <meta name="text:Link 4 URL" content="url 04"/>
  51. <meta name="text:Link 4 title" content="title 04"/>
  52.  
  53. <meta name="select:Posts width" content="250px"/>
  54. <meta name="select:Posts width" content="280px"/>
  55. <meta name="select:Posts width" content="300px"/>
  56. <meta name="select:Posts width" content="350px"/>
  57. <meta name="select:Posts width" content="400px"/>
  58. <meta name="select:Posts width" content="450px"/>
  59. <meta name="select:Posts width" content="500px"/>
  60. <meta name="select:Posts width" content="540px"/>
  61.  
  62. <meta name="select:Header vertical alignment" content="Top"/>
  63. <meta name="select:Header vertical alignment" content="Center"/>
  64. <meta name="select:Header vertical alignment" content="Bottom"/>
  65.  
  66. <meta name="select:Header horizontal alignment" content="Left"/>
  67. <meta name="select:Header horizontal alignment" content="Center"/>
  68. <meta name="select:Header horizontal alignment" content="Right"/>
  69.  
  70. <meta name="select:Header size" content="auto 100%" title="Fit height"/>
  71. <meta name="select:Header size" content="100% auto" title="Fit width"/>
  72. <meta name="select:Header size" content="auto auto" title="Original size"/>
  73. <meta name="select:Header size" content="cover" title="Cover"/>
  74.  
  75.  
  76. <link href="//fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  77.  
  78.  
  79.  
  80. <style>
  81. ::selection { background:{color:accent};
  82.     color:{color:links}; }
  83.  
  84. a {
  85.     text-decoration:none;
  86.     color:{color:links};
  87.     transition:.2s;
  88.     border-bottom:1px solid {color:accent};}
  89.    
  90. a:hover {
  91.     color:{color:accent};
  92.     cursor:help;}
  93.    
  94. b { font-weight:500; }
  95.  
  96. body {
  97.     font:9.5px 'Montserrat', sans-serif;
  98.     letter-spacing:.25px;
  99.     font-weight:400;
  100.     color:{color:fonts};
  101.     margin:0;
  102.     -webkit-font-smoothing:antialiased;
  103.     padding:0;
  104.     min-height:100%;
  105.     text-align:left;
  106.     line-height:20px;
  107.     background:{color:background};}
  108.  
  109. body small,
  110. body big,
  111. body pre,
  112. body sub,
  113. body sup {
  114.     font-size:9px!important; }
  115.    
  116. ul li { list-style-type:none; }
  117. ul li:before {
  118.     content:"——";
  119.     letter-spacing:-1px;
  120.     color:{color:borders};
  121.     margin-right:10px; }
  122. ul { margin-left:-40px; }
  123.  
  124. p { margin:5px 0; }
  125. b, strong { font-style:normal; font-weight:600; }
  126. i { font-style:italic; }
  127.  
  128. pre { overflow:auto; }
  129.  
  130. ::-webkit-scrollbar {
  131.     width:5px;
  132.     height:5px;
  133.     border:2px solid {color:background};
  134.     background-attachment:fixed;
  135.     background:{color:fonts};
  136.     }
  137.  
  138. ::-webkit-scrollbar-thumb {
  139.     border:2px solid {color:background};
  140.     background:{color:accent}; }
  141.  
  142. blockquote {
  143.     border-left:1px solid {color:borders};
  144.     padding-left:14px;
  145.     margin:5px 0 0 0; }
  146.    
  147. .tmblr-lightbox { background-color: rgba({RGBcolor:background},.9)!important; }
  148. .tmblr-lightbox .vignette { background: transparent!important }
  149. .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  150. .tmblr-lightbox .lightbox-caption {
  151.     font-size:19px!important;
  152.     font-family:Montserrat!important;
  153.     color:{color:links}!important;
  154.     text-shadow: 0 0 0 transparent!important; }
  155.  
  156. .tumblr-box { border-color:transparent!important; }
  157.    
  158. #s-m-t-tooltip {
  159.     max-width:240px;
  160.     padding:3px 8px;
  161.     margin-left:25px;
  162.     margin-right:22px;
  163.     margin-top:18px;
  164.     font-size:7px;
  165.     text-transform:uppercase;
  166.     letter-spacing:1px;
  167.     z-index:10;
  168.     transition:.2s;
  169.     color:{color:links}; }
  170.  
  171. a#credits {
  172.     position:fixed;    
  173.     z-index:1000000000000;
  174.     bottom:25px;
  175.     right:20px;
  176.     transition:.2s;
  177.     text-transform:uppercase;
  178.     letter-spacing:2px;
  179.     font:12px Montserrat;
  180.     width:5px;
  181.     height:5px;
  182.     padding:4px;
  183.     text-align:center;
  184.     border-radius:2px;
  185.     background:{color:accent};
  186.     color:transparent;
  187.     border-bottom:none; }
  188.  
  189. a#credits .creditstitle {
  190.     color:transparent;
  191.     font-size:7px;
  192.     transition:.2s;
  193.     margin-top:-2px;
  194.     margin-left:-47px;
  195.     position:absolute;
  196. }
  197. a#credits:hover .creditstitle { color:{color:links}; }
  198.  
  199. .bodies { padding:12px; }
  200.  
  201. .bodies img,.my-answer img, .captions img { max-width:100%; height:auto; }
  202.    
  203.    
  204. /* alignment */
  205. #content {
  206.     left:50%;
  207.     margin-left:calc({select:posts width} / -2);
  208.     margin-top:95px;
  209.     margin-bottom:110px;
  210.     position:relative;
  211.     width:0;
  212.     z-index:10;
  213.    
  214.     {block:iftwocolumns}
  215.     width:calc({select:posts width} * 2 + 266px);
  216.     margin-left:calc({select:posts width} / -1 - 180px);
  217.     margin-bottom:0;
  218.     {/block:iftwocolumns}
  219.    
  220.     {block:PermalinkPage}
  221.         margin-bottom:110px;
  222.     margin-left:-270px!important;
  223.     {/block:PermalinkPage} }
  224.    
  225. .entry {  
  226.     border-radius:2px;
  227.     margin-bottom:110px;
  228.     border:1px solid {color:borders};
  229.     width:{select:posts width};
  230.     background:{color:entry};
  231.    
  232.     {block:iftwocolumns}
  233.     position:relative;
  234.     margin-left:130px;
  235.     {block:IndexPage}
  236.     float:left;
  237.     {/block:IndexPage}
  238.     {/block:iftwocolumns}
  239.  
  240.     {block:PermalinkPage}
  241.     width:540px;
  242.     margin-left:0;
  243.     float:none;
  244.     {/block:PermalinkPage} }
  245.  
  246. .entry:last-child {  margin-bottom:0; }
  247.  
  248. .titles, .tracktitle {
  249.     font-size:16.5px;
  250.     line-height:140%;
  251.     letter-spacing:.75px;
  252.     letter-spacing:0;
  253.     font-weight:600;
  254.     font-family:'Montserrat', serif;
  255.     color:{color:post title}; }
  256.  
  257. .tracktitle { text-align:left;
  258.     margin-right:10px; }
  259.  
  260.    
  261.  
  262. /* photo posts */
  263. #photopost, .photo-slideshow {
  264.     overflow:hidden;
  265.     {block:iffadeimages}
  266.     opacity:.9;
  267.     transition:.2s;
  268.     {/block:iffadeimages} }
  269.    
  270.     {block:iffadeimages}
  271. #photopost:hover, .photo-slideshow:hover { opacity:1; }
  272.     {/block:iffadeimages}
  273.  
  274. #photopost {
  275.     width:100%;
  276.     position:relative;
  277.     z-index:0;
  278.     margin-bottom:-7px; }
  279.  
  280. .captions { padding:5px 12px; }
  281.  
  282. .captions a.tumblr_blog {
  283.     font-style: normal;
  284.     font-weight: 500;
  285.     letter-spacing: .25px;
  286.     border-bottom: none;
  287.     display: inline-block; }
  288.    
  289. .captions a.tumblr_blog:hover {
  290.     color:{color:accent}; }
  291.  
  292. .caption-ava {
  293.     width: 14px;
  294.     height: 14px;
  295.     display: inline-block;
  296.     margin-top: 2px;
  297.     margin-bottom: -4px;
  298.     margin-right: 5px;
  299.     position: relative;
  300.     border-radius:2px; }
  301.  
  302. .captions blockquote {
  303.     border:none;
  304.     padding:0;
  305.     margin:7px 0 0 0; }
  306.    
  307.  
  308.  
  309. /* chat posts */
  310. .chatblock { padding:15px 0px 0; }
  311. .chatblock b { color:{color:links}; }
  312. .chatarrange .chatblock:first-child { padding-top:0px;}
  313. .chatarrange .chatblock:nth-last-child(2) { padding-bottom:0px;}
  314.  
  315. /* link posts */
  316. a.titles {
  317.     border-bottom:none;
  318.     text-align:center;
  319.     display:inline-block; }
  320.  
  321.  
  322.  
  323. /* audio posts */
  324. #alb_art {
  325.     position:relative;
  326.     display:table-cell;
  327.     width:120px;
  328.     height:120px;
  329.     background:{color:accent}; }
  330.  
  331. .audioplayer-inner {
  332.     width:29px;
  333.     height:30px;
  334.     overflow: hidden; }
  335.  
  336. .audioplayer-outer {
  337.     padding:5px;
  338.     border-radius:2px;
  339.     width:27px;
  340.     height:28px;
  341.     position:absolute;
  342.     display:inline-block;
  343.     overflow:hidden;
  344.     background:{color:background};
  345.     margin:10px 10px;
  346.     z-index:8; }
  347.  
  348.  
  349. .audio-info { text-align: left;
  350.     padding-left: 25px;
  351.     vertical-align:middle;
  352.     display: table-cell;}
  353.  
  354. .audio-info .tracktitle {
  355.     padding:0 0 2px 0;
  356.     color:{color:post title}; }
  357.    
  358. .audio-info#audioem {
  359.     position:relative;
  360.     padding:0 6px 0 20px;
  361.     margin:14px 0 0 18px!important;}
  362.  
  363. #audioem br { display:none; }
  364. .a-emb { margin:10px 10px 4px; }
  365.    
  366.  
  367.  
  368.  
  369. /* quote posts */
  370. p.source { margin:5px 0 -3px; }
  371.  
  372.  
  373. /* ask posts */
  374. .question {
  375.     text-transform:none;
  376.     display:block;
  377.     padding:15px;
  378.     border:1px solid {color:borders};
  379.     border-radius:2px;}
  380.  
  381. .a-asker {
  382.     font-size: 8px;
  383.     font-weight: 500;
  384.     text-transform: uppercase;
  385.     letter-spacing: .5px;}
  386.    
  387. .my-answer { margin:10px; }
  388.    
  389. .bodies.answers { padding:10px 10px 0 10px; }
  390.  
  391. #askerportrait {
  392.     width: 35px;
  393.     float: left;
  394.     margin-top: 2px;
  395.     border-radius:2px;
  396.     margin-right: 10px; }
  397.  
  398.  
  399.  
  400. /* post notes */
  401. .post-notes {
  402.     margin-top:-71px;
  403.     height:auto;}
  404.  
  405. .post-notes img.avatar {
  406.     width: 13px;
  407.     height:13px;
  408.     margin-top: 12px;
  409.     margin-right: 10px;
  410.     margin-bottom: -3px;
  411.     border-radius: 2px; }
  412.  
  413. .post-notes ol {
  414.     padding-top:8px;
  415.     margin: 0 0 0 -25px;
  416.     list-style-type: none; }
  417.    
  418. .post-notes li.more_notes_link_container {
  419.     text-align: left;
  420.     display: inline-block;
  421.     padding:6px 0 7px; }
  422.  
  423. .post-notes li.note.more_notes_link_container a {
  424.     border-bottom:none;
  425.     color:{color:links}!important; }
  426.  
  427.  
  428. a.avatar_frame { border-bottom:none; }
  429.  
  430.  
  431. /* pagination */
  432.  
  433. /* pagination */
  434. .pagination {
  435.     width: 100%;
  436.     position: absolute;
  437.     text-align: center;
  438.     margin-bottom: 130px; }
  439.  
  440. .pagination .paglink {
  441.     color: {color:links};
  442.     font-size:7px;
  443.     border:1px solid {color:borders};
  444.     letter-spacing:1px;
  445.     font-weight:500;
  446.     text-transform:uppercase;
  447.     background:{color:entry};
  448.     display:inline-block;
  449.     height:10px;
  450.     margin-right:10px;
  451.     padding:3.5px 9px 12.5px 9.5px;
  452.     border-radius:2px;
  453.     text-align:center;}
  454.  
  455. .pagination .paglink.current { color:{color:accent}; }
  456.  
  457. .pagination a { border-bottom:none; }
  458.    
  459.  
  460.  
  461.    
  462.  
  463. /* perma */
  464. #perma {
  465.     border-top:1px solid {color:borders};
  466.     padding:9px 12px 8px;
  467.     text-align:left; }
  468.  
  469. #perma a { border-bottom:none; }
  470.  
  471. .tags { margin-top:0; line-height:20px; }
  472. .tags a { opacity:.7; margin-right:4px; }
  473.    
  474. .tags a:before { content:'#';
  475.     font-style:normal;}
  476.    
  477. .fn-count {
  478.     font-size:8px;
  479.     text-transform:uppercase;
  480.     font-weight:500;
  481.     padding-right:7px;
  482.     letter-spacing:.5px;
  483.     color:{color:links};}
  484.  
  485.    
  486.    
  487. /* dashboard-like button */
  488. #perma .like {
  489.     display:inline-block;
  490.     vertical-align:middle;  }
  491.  
  492. #perma .like iframe {
  493.     width: 13px!important;
  494.     height: 18px!important; }
  495.  
  496. #perma .like .like_button {
  497.     position: absolute;
  498.     margin: -3px -1px;
  499.     opacity: 0; }
  500.  
  501. #perma .like .liked ~ i.i-heart { color:{color:accent}!important; }
  502.  
  503. #like.liked svg { opacity:0!important; }
  504.  
  505.  
  506.  
  507.  
  508. /* header */
  509. #header {
  510.     width:100%;
  511.     position:relative;
  512.     top:0;
  513.     z-index:90;
  514.     left:0;
  515.     margin:0;
  516.     padding:0;
  517.     background:{color:entry};}
  518.    
  519. #header .h-image {
  520.     width:100%;
  521.     min-height:60px;
  522.     height:{text:header height}px;
  523.     background:{color:header background} url('{image:header}');
  524.     background-size:{select:header size};
  525.     background-repeat:no-repeat;
  526.     {block:ifrepeatheaderimage}
  527.     background-repeat:repeat;
  528.     {/block:ifrepeatheaderimage}
  529.     background-position:{select:header vertical alignment} {select:header horizontal alignment};}
  530.  
  531. #header .h-avatar {
  532.     position:absolute;
  533.     left:50%;
  534.     margin-left:-28px;
  535.     margin-top:-30px;
  536.     display:inline-block;
  537.     border-radius:2px;
  538.     vertical-align:middle; }
  539.  
  540. #header .h-avatar img {
  541.     border:3px solid {color:entry};
  542.     border-radius:2px;
  543.     width:50px;
  544.     height:50px; }
  545.  
  546. #header .h-info {
  547.     padding:30px 25px 0px;
  548.     {block:ifnotshowheadericon}
  549.     padding-top:15px;
  550.     {/block:ifnotshowheadericon}
  551.     width:540px;
  552.     margin-left:-295px;
  553.     text-align:center;
  554.     left:50%;
  555.     position:relative; }
  556.    
  557. #header .h-desc {
  558.     text-align:center;
  559.     padding:10px 0 0;
  560.     vertical-align:middle;
  561.     display:inline-block;
  562. }
  563.    
  564.    
  565. /*links */
  566. #h-links, #h-links-hidden {
  567.     width:100%;
  568.     position:absolute;
  569.     display:block;
  570.     padding:15px 0 8px;
  571.     border-bottom:1px solid {color:borders};
  572.     background:{color:entry};
  573.     text-align:center;
  574.     z-index:90;
  575.     line-height:15px;}
  576.    
  577. #h-links-hidden { position:relative;
  578.     opacity:0;
  579.     z-index:-100;
  580.     visibility:hidden; }
  581.    
  582. #h-links.fix, .fix {
  583.     position:fixed!important;
  584.     display:block;
  585.     top:0; }
  586.  
  587. #h-links a {
  588.     display:inline-block;
  589.     width:80px;
  590.     margin:8px 5px 5px;
  591.     color:{color:links};
  592.     text-transform:uppercase;
  593.     font-size:7px;
  594.     letter-spacing:1px;
  595.     font-weight:500;
  596.     border-bottom:none;
  597.     overflow:hidden;}
  598.  
  599. #h-links a:hover i { color:{color:accent}; }
  600.  
  601. #h-links i, .hide b {
  602.     text-align:center;
  603.     margin-bottom:2px;
  604.     transition:.2s;
  605.     display:block;
  606.     font-size:10px; }
  607.    
  608. .hide { display:none; }
  609.    
  610. .hide b { margin-bottom:0!important; }
  611.  
  612. .hide a:hover b {color:{color:accent}; }
  613.  
  614.  
  615. /* top perma */
  616. .top-perma {
  617.     padding:10px;
  618.     font-size:9.5px;
  619.     {block:ifshowblogtitleonposts}
  620.     padding:9px 10px 8px;
  621.     {/block:ifshowblogtitleonposts}
  622.     border-bottom:1px solid {color:borders};}
  623.  
  624. .top-perma #t-avatar {
  625.     border-radius:2px;
  626.     display:inline-block;
  627.     width:20px;
  628.     vertical-align:middle;
  629.     margin-right:5px; }
  630.    
  631. .top-perma .t-via {
  632.     line-height:12px;
  633.     font-weight:500;
  634.     display:inline-block;
  635.     vertical-align:middle;
  636.     border-bottom:none;  }
  637.    
  638. .top-perma .lil-title {
  639.     font-size:7px;
  640.     line-height:12px;
  641.     font-weight:500;
  642.     display:none;
  643.     {block:ifshowblogtitleonposts}
  644.     display:block;
  645.     {/block:ifshowblogtitleonposts}
  646.     letter-spacing:1px;
  647.     text-transform:uppercase; }
  648.  
  649. .top-perma a { border:none;
  650.     color:{color:links};}
  651.    
  652. .top-perma a i,
  653. .top-perma a .lil-title {
  654.     color:{color:links};
  655.     transition:.2s; }
  656.    
  657. .top-perma a:hover i,
  658. .top-perma a:hover .lil-title { color:{color:accent}; }
  659.  
  660. .via-info {
  661.     {block:PermalinkPage}
  662.     width:415px;
  663.     {/block:PermalinkPage}
  664.     display:inline-block;
  665.     vertical-align:middle; }
  666.  
  667. .time-stamp {
  668.     display: block;
  669.     vertical-align:middle;
  670.     position: absolute;
  671.     width:50px;
  672.     margin-left:calc({select:posts width} - 67px);
  673.     {block:PermalinkPage}
  674.     margin-left:473px;
  675.     {/block:PermalinkPage}
  676.     margin-top: -20px;
  677.     {block:ifshowblogtitleonposts}
  678.     margin-top:-21px;
  679.     {block:ifshowblogtitleonposts}
  680.     background:{color:entry};
  681.     box-shadow:-10px 0 10px 2px {color:entry};
  682.     text-align:right;
  683.     font-weight:500;
  684.     letter-spacing:.5px;}
  685.    
  686. .time-stamp i {
  687.     font-size:12.5px;
  688.     margin-top:-2px;
  689.     margin-left: 0px;
  690.     display: inline-block;
  691.     vertical-align: middle;}
  692.  
  693. .time-stamp .time {
  694.     display:inline-block;
  695.     font-size:9px;
  696.     letter-spacing:.5px;
  697.     vertical-align:middle; }
  698.    
  699. .post-controls {
  700.     font-weight:700;
  701.     display:inline-block;
  702.     color:{color:links};
  703.     margin-top:2px;
  704.     width:39px; }
  705.  
  706. .post-controls a, .post-controls .like {
  707.     display:inline-block;
  708.     vertical-align:middle;
  709.     margin-right:1px;
  710.     margin-top:-5px; }
  711. .post-controls .like { padding-right:6px; margin-top:0; }
  712.  
  713.  
  714. /* draggable tags */
  715. #perma:after {
  716.     content:'';
  717.     width:5px;
  718.     height:10px;
  719.     display:block;
  720.     background:{color:entry};
  721.     box-shadow:0 0 15px 8px {color:entry};
  722.     position:absolute;
  723.     z-index:1000;
  724.     margin-left:calc({select:posts width} - 35px);
  725.     margin-top:-15px; }
  726.  
  727. .post_tags {
  728.     width:calc({select:posts width} - 75px);
  729.     {block:PermalinkPage}
  730.     width:465px;
  731.     {/block:PermalinkPage}
  732.     position: relative;
  733.     margin-left:7px;
  734.     margin-bottom:-5px;
  735.     display:inline-block;
  736.     white-space: nowrap;
  737.     overflow: hidden; }
  738.  
  739. .post_tags.draggable .post_tags_inner {
  740.     cursor: col-resize;
  741.     -webkit-touch-callout: none;
  742.     -webkit-user-select: none;
  743.     -khtml-user-select: none;
  744.     -moz-user-select: none;
  745.     -ms-user-select: none;
  746.     user-select: none; }
  747.  
  748. .post_tags_inner {
  749.     float: left;
  750.     position: relative;
  751.     display:table-cell;
  752.     vertical-align:middle;
  753.     padding: 0px 20px 0px 0; }
  754.  
  755. .post_tags a, .post_tags .post_tag {
  756.     color: {color:links};
  757.     text-decoration: none;
  758.     margin-right: 5px;
  759.     text-transform:none; }
  760.  
  761.  
  762. .post_tags a:before { content: '#'; }
  763.  
  764. .post_tags a:hover,
  765. .post_tags .post_tag:hover,
  766. .post_tags a:focus,
  767. .post_tags .post_tag:focus,
  768. .post_tags a:active,
  769. .post_tags .post_tag:active { color: {color:accent}; }
  770.  
  771.  
  772.  
  773. i[class^="i-"] {
  774.     font-size:13px!important;
  775.     font-weight:400; }
  776.  
  777. i.i-home { font-size:12.65px!important; }
  778. i.i-message { font-size:13.5px!important; }
  779. i.i-reblog { font-size:12.75px!important;
  780.     vertical-align: middle; }
  781. i.i-heart { font-size:13.5px!important; }
  782.  
  783.    
  784.    
  785. {CustomCSS}</style></head><body>
  786.  
  787.  
  788. <div id="header">
  789.     <div class="h-image"></div>
  790.     {block:ifshowheadericon}
  791.     <div class="h-avatar"><img src="{image:avatar}"></div>
  792.     {/block:ifshowheadericon}
  793.     <div class="h-info">
  794.     <div class="h-desc">{Description}</div>
  795.     </div>
  796. </div>
  797.  
  798. <div id="h-links">
  799.     <a href="/"><i class="i-index"></i>index</a>
  800.     <a href="/ask"><i class="i-message"></i>message</a>
  801.     <a href="/archive"><i class="i-archive"></i>archive</a>
  802.     <a class="more"><i class="i-links"></i>links<br></a>
  803.         <div class="hide">
  804.         <a href="{text:link 1 url}"><b>01</b>{text:link 1 title}</a>
  805.         <a href="{text:link 2 url}"><b>02</b>{text:link 2 title}</a>
  806.         <a href="{text:link 3 url}"><b>03</b>{text:link 3 title}</a>
  807.         <a href="{text:link 4 url}"><b>04</b>{text:link 4 title}</a>
  808.         </div>
  809. </div>
  810.  
  811. <div id="h-links-hidden">
  812.     <a href="/"><i class="i-index"></i><br>index</a>
  813.     <a href="/ask"><i class="i-message"></i><br>message</a>
  814.     <a href="/archive"><i class="i-archive"></i><br>archive</a>
  815.     <a class="more"><i class="i-links"></i><br>links<br></a>
  816.         <div class="hide">
  817.         <a href="{text:link 1 url}"><b>01</b>{text:link 1 title}</a>
  818.         <a href="{text:link 2 url}"><b>02</b>{text:link 2 title}</a>
  819.         <a href="{text:link 3 url}"><b>03</b>{text:link 3 title}</a>
  820.         <a href="{text:link 4 url}"><b>04</b>{text:link 4 title}</a>
  821.         </div>
  822. </div>
  823.  
  824.  
  825. <div id="content">
  826.  
  827. {block:Posts}
  828. <div class="entry">
  829.  
  830.     {block:Date}
  831.     <div class="top-perma">
  832.         <div class="via-info">
  833.            
  834.         {block:RebloggedFrom}
  835.             <a href="{ReblogRootURL}">
  836.             <img src="{ReblogRootPortraitURL-128}" id="t-avatar">
  837.                 <div class="t-via">
  838.                     <span class="viatitle">{ReblogRootName}</span>
  839.                     <div class="lil-title">{ReblogRootTitle}</div>
  840.                 </div>
  841.             </a>
  842.         {/block:RebloggedFrom}
  843.        
  844.         {block:NotReblog}
  845.             <a href="/">
  846.             <img src="{PortraitURL-128}" id="t-avatar">
  847.                 <div class="t-via">
  848.                     <span class="viatitle">{Name}</span>
  849.                     <div class="lil-title">{Title}</div>
  850.                 </div>
  851.             </a>
  852.         {/block:NotReblog}
  853.         </div> <!-- via-info -->
  854.        
  855.         <div class="time-stamp">
  856.             <a href="{Permalink}">
  857.                 <div class="time">{FormattedNoteCount}</div>
  858.                 <div class="time"><i class="i-notes"></i></div>
  859.             </a>
  860.         </div> <!-- time-stamp -->
  861.        
  862.     </div> <!-- top-perma -->
  863.     {/block:Date}
  864.        
  865.  
  866.  
  867.         {block:Answer}
  868.         <div class="bodies answers">
  869.         <div class="question">
  870.             <img src="{AskerPortraitURL-128}" id="askerportrait">
  871.             <div class="a-asker">{Asker} said:</div>
  872.             {Question}
  873.         </div>
  874.         </div>
  875.         <div class="my-answer">{Answer}</div>
  876.         {/block:Answer}
  877.  
  878.        
  879.         {block:Text}
  880.         <div class="bodies {block:Date}has-date{/block:Date}">
  881.         {block:Title}<div class="titles">{Title}</div>{/block:Title}
  882.         {Body}
  883.         </div>
  884.         {/block:Text}
  885.  
  886.  
  887.         {block:Quote}
  888.         <div class="bodies {block:Date}has-date{/block:Date}">
  889.         <div class="titles quotet">{Quote}</div>
  890.         <p class="source">{Source}</p>
  891.         </div>
  892.         {/block:Quote}
  893.  
  894.  
  895.         {block:Photo}
  896.         <img src="{PhotoURL-HighRes}" id="photopost">
  897.         {block:IfShowCaptions}
  898.         {block:IndexPage}
  899.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  900.         {/block:IndexPage}
  901.         {/block:IfShowCaptions}
  902.         {block:PermalinkPage}
  903.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  904.         {/block:PermalinkPage}
  905.         {/block:Photo}
  906.  
  907.  
  908.         {block:Photoset}
  909. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  910.         {block:IfShowCaptions}
  911.         {block:IndexPage}
  912.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  913.         {/block:IndexPage}
  914.         {/block:IfShowCaptions}
  915.         {block:PermalinkPage}
  916.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  917.         {/block:PermalinkPage}
  918.         {/block:Photoset}
  919.  
  920.  
  921.         {block:Video}
  922.         <div class="video">{Video-500}</div>  
  923.         {block:IndexPage}
  924.         {block:IfShowCaptions}
  925.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  926.         {/block:IfShowCaptions}
  927.         {/block:IndexPage}
  928.         {block:PermalinkPage}
  929.         {block:Caption}<div class="captions">{Caption}</div>{/block:Caption}
  930.         {/block:PermalinkPage}
  931.         {/block:Video}
  932.  
  933.  
  934.         {block:Link}
  935.         <div class="bodies {block:Date}has-date{/block:Date}">
  936.         <a href="{URL}" class="titles">{Name}</a>
  937.         {block:Excerpt}<blockquote>{Excerpt}</blockquote>{/block:Excerpt}
  938.         </div>
  939.         {/block:Link}
  940.  
  941.  
  942.  
  943.         {block:Audio}
  944.         {block:AudioEmbed}
  945.         <div class="a-emb">{AudioEmbed}</div>
  946.         {/block:AudioEmbed}
  947.        
  948.         <div id="audio-content">
  949.         {block:AudioPlayer}
  950.         <div class="audioplayer-outer">
  951.         <div class="audioplayer-inner">
  952.         {AudioPlayerWhite}
  953.         </div>
  954.         </div>
  955.         {/block:AudioPlayer}
  956.         <!-- album art -->
  957.         <div id="alb_art"
  958.        style="background:url('{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}');
  959.               background-size:150px 150px;">
  960.         </div>
  961.         <!-- /album art -->
  962.         <div class="audio-info" {block:AudioEmbed}id="audioem"{/block:AudioEmbed}>
  963.         {block:TrackName}
  964.         <div class="tracktitle">{TrackName}</div>
  965.         {/block:TrackName}
  966.         {block:Artist}by {Artist}{/block:Artist}
  967.         </div>
  968.        
  969.         </div> <!-- /audio-content -->
  970.         {/block:Audio}      
  971.    
  972.  
  973.         {block:Chat}
  974.         <div class="bodies {block:Date}has-date{/block:Date}">
  975.         {block:Title}
  976.         <div class="titles">{Title}</div>
  977.         {/block:Title}
  978.         <div class="chatarrange">
  979.             {block:Lines}
  980.             <div class="chatblock">
  981.             {block:Label}<b>{Label}</b>{/block:Label}<br>
  982.             {Line}
  983.             </div>
  984.             {/block:Lines}
  985.         </div>
  986.         </div>
  987.         {/block:Chat}
  988.  
  989.  
  990.         {block:ContentSource}
  991.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  992.        width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  993.        {/block:SourceLogo}
  994.        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  995.         {/block:ContentSource}
  996.         {block:ReblogParent}{/block:ReblogParent}
  997.        
  998.         {block:Date}
  999.         <div id="perma">
  1000.             <div class="post-controls">
  1001.                 <div class="like">
  1002.                     {LikeButton size="14"}
  1003.                     <i class="i-heart"></i>
  1004.                 </div> <!-- /like -->
  1005.                 <a href="{ReblogURL}"><i class="i-reblog"></i></a>
  1006.             </div>
  1007.        
  1008.        
  1009.             <div class="post_tags draggable">
  1010.                 <div class="post_tags_inner">
  1011.                     {block:HasTags}
  1012.                     {block:Tags}
  1013.                     <a href="{TagURL}">{Tag}</a>
  1014.                     {/block:Tags}
  1015.                     {/block:HasTags}
  1016.                 </div>
  1017.             </div>
  1018.         </div> <!-- /perma -->
  1019.         {/block:Date}
  1020.        
  1021.         </div> <!-- /entry -->
  1022.        
  1023.         {block:PermalinkPage}
  1024.             {block:PostNotes}
  1025.             <div class="entry post-notes">{PostNotes}</div>
  1026.             {/block:PostNotes}
  1027.         {/block:PermalinkPage}
  1028.  
  1029. {/block:Posts}
  1030.  
  1031. {block:iftwocolumns}
  1032. {block:IndexPage}
  1033. <br clear="all">
  1034. {/block:IndexPage}
  1035. {/block:iftwocolumns}
  1036.  
  1037.  
  1038. </div> <!-- /content -->
  1039.  
  1040.  
  1041. {block:Pagination}
  1042.     <div class="pagination">
  1043.    
  1044.         {block:PreviousPage}
  1045.         <a href="{PreviousPage}"><div class="paglink">back</div></a>
  1046.         {/block:PreviousPage}
  1047.    
  1048.     {block:JumpPagination length="5"}
  1049.         {block:CurrentPage}
  1050.         <div class="paglink current">{PageNumber}</div>
  1051.         {/block:CurrentPage}
  1052.        
  1053.         {block:JumpPage}
  1054.         <a href="{URL}"><div class="paglink">{PageNumber}</div></a>
  1055.         {/block:JumpPage}
  1056.     {/block:JumpPagination}
  1057.    
  1058.         {block:NextPage}
  1059.         <a href="{NextPage}"><div class="paglink">forth</div></a>
  1060.         {/block:NextPage}
  1061.    
  1062.     </div>
  1063. {/block:Pagination}
  1064.  
  1065. <a href="//leopardraws.tumblr.com" id="credits">
  1066. <span class="creditstitle">theme</span>
  1067. </a>  
  1068.  
  1069. <script src="//static.tumblr.com/ev0x8sk/JNMonyobg/jquery-3.2.0.min.js">
  1070. </script>
  1071. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js">
  1072. </script>
  1073.  
  1074. <script>
  1075. // minimal soundcloud player © shythemes.tumblr
  1076. $(document).ready(function() {
  1077.     var color = '{color:accent}';
  1078.     $('.soundcloud_audio_player').each(function() {
  1079.         $(this).attr({
  1080.             src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1],
  1081.             height: 20,
  1082.             width: '100%'
  1083.         });
  1084.     });
  1085. });
  1086. </script>
  1087.  
  1088.  
  1089. <link href="//static.tumblr.com/ev0x8sk/sTVorkkou/style.css" rel="stylesheet" type="text/css"/>
  1090.  
  1091. <script src="//static.tumblr.com/ev0x8sk/q2borkomt/jquery.trunc.min.js">
  1092. </script>
  1093. <script>
  1094. $(document).ready(function() {
  1095.     $('.viatitle, .lil-title').trunc(23);
  1096. });
  1097. </script>
  1098.  
  1099. {block:iftwocolumns}
  1100. {block:IndexPage}
  1101. <script src="//static.tumblr.com/ev0x8sk/nr9orkkep/masonry.js"></script>
  1102. <script src="//static.tumblr.com/ev0x8sk/VMBorkkf4/msnryconfig.js"></script>
  1103. {/block:IndexPage}
  1104. {/block:iftwocolumns}
  1105.  
  1106. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1107.  
  1108. <script src="//static.tumblr.com/ev0x8sk/DDqorkgwy/h-link.js"></script>
  1109. <script src="//static.tumblr.com/ev0x8sk/fJforkgyx/drag-tag.js"></script>
  1110. <script src="//static.tumblr.com/ev0x8sk/rOdorkh0c/fixed-header.js"></script>
  1111.  
  1112.  
  1113. <script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1114. <script src="//static.tumblr.com/ev0x8sk/jGNorkh1m/unnest.js"></script>
  1115.  
  1116.  
  1117. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1118. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1119. <script src="//static.tumblr.com/ev0x8sk/V53orkh3x/pxusettings.js"></script>
  1120.  
  1121. </html>
Advertisement
Add Comment
Please, Sign In to add comment