API tools faq
paste
Ktt

Skyline | horizontal tumblr theme

Ktt
Sep 22nd, 2013
12,304
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. ===== \\ THEME \\ =============================
  6. Name: Skyline
  7. Version: 1.5.1
  8. Updated: 01.03.2015
  9.  
  10. Do not remove the credit or claim as your own.
  11. Feel free to edit as much as you want to.
  12.  
  13.            _                                  
  14. +       | | |            *               |      
  15.   o    /|_| | | *   _|_        +  |  o  / \    
  16.       |     |/ \ + |   |          |\   |   |__  
  17. * __  |         | _|   |     o    | |__|        
  18.  |  |_|         |/     |_       __|          
  19.  |                       \__  |
  20. _|                          |_|
  21.  s k y l i n e t h e m e . t u m b l r . c o m
  22.  created by: ktt.tumblr.com
  23.  
  24. -->
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27.     <head>
  28.         <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  29.         <link rel="shortcut icon" href="{Favicon}">
  30.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31.         <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}">
  34. {/block:Description}
  35.  
  36.         <!--Defaults-->
  37.         <meta name="Background color" content="#000000">
  38.         <meta name="Title color" content="#ffffff">
  39.         <meta name="Link color" content="#eeeeee">
  40.         <!--Fonts-->
  41.         <meta name="font:Body" content="Verdana">
  42.         <!--Colors-->
  43.         <meta name="color:Accents" content="#eeeeee">
  44.         <meta name="color:Body color" content="#bbbbbb">
  45.         <meta name="color:Gradient beginning" content="#545454">
  46.         <meta name="color:Gradient end" content="#000000">
  47.         <meta name="color:Navigation background" content="#4C4C4C">
  48.         <meta name="color:Navigation hover" content="#545454">
  49.         <!--Booleans-->
  50.         <meta name="if:Captions audio" content="1">
  51.         <meta name="if:Captions photo" content="0">
  52.         <meta name="if:Captions photoset" content="1">
  53.         <meta name="if:Captions video" content="0">
  54.         <meta name="if:Gradient background" content="0">
  55.         <meta name="if:Page numbers" content="1">
  56.         <meta name="if:Rounded navigation" content="0">
  57.         <meta name="if:Show side bar" content="1">
  58.         <meta name="if:Small side bar" content="1">
  59.         <!--Images-->
  60.         <meta name="image:Background" content="">
  61.         <!--Drop Down Menus-->
  62.         <meta name="select:Avatar" content="display: block" title="Square">
  63.         <meta name="select:Avatar" content="border-radius: 150px" title="Circle">
  64.         <meta name="select:Avatar" content="border-radius: 10px" title="Rounded">
  65.         <meta name="select:Avatar" content="display: none" title="None">
  66.         <meta name="select:Navigation" content="120" title="One column">
  67.         <meta name="select:Navigation" content="53" title="Two columns">
  68.         <meta name="select:Posts" content="0" title="Square">
  69.         <meta name="select:Posts" content="5" title="Rounded">
  70.         <meta name="select:Scroll bar" content="10" title="Rounded">
  71.         <meta name="select:Scroll bar" content="0" title="Square">
  72.         <!--More Options-->
  73.         <meta name="text:Background image URL" content="">
  74.         <meta name="text:Google analytics ID" content="">
  75.         <meta name="text:Layout height" content="350">
  76.         <meta name="text:Pagination opacity" content=".75">
  77.         <meta name="text:Post color RGB" content="0, 0, 0">
  78.         <meta name="text:Post opacity" content=".75">
  79.         <meta name="text:Scroll bar background RGB" content="255, 255, 255">
  80.         <meta name="text:Scroll bar background opacity" content=".3">
  81.         <meta name="text:Scroll bar color RGB" content="255, 255, 255">
  82.         <meta name="text:Scroll bar opacity" content=".75">
  83.         <meta name="text:Side bar opacity" content=".9">
  84.        
  85. <style type="text/css">
  86.  
  87. body, th {
  88.     background: {BackgroundColor} url('{block:IfNotBackgroundImageURL}{image:Background}{/block:IfNotBackgroundImageURL}{block:IfBackgroundImageURL}{text:Background image URL}{/block:IfBackgroundImageURL}') repeat fixed;
  89.     color: {color:Body color};
  90.     font-family: {font:Body};
  91.     font-size: 10pt;
  92.     line-height: 12pt;
  93.     {block:IfGradientBackground}
  94.     background-image: -ms-linear-gradient(top, {color:Gradient beginning} 0%, {color:Gradient end} 100%);
  95.     background-image: -moz-linear-gradient(top, {color:Gradient beginning} 0%, {color:Gradient end} 100%);
  96.     background-image: -o-linear-gradient(top, {color:Gradient beginning} 0%, {color:Gradient end} 100%);
  97.     background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {color:Gradient end}), color-stop(1, {color:Gradient end}));
  98.     background-image: -webkit-linear-gradient(top, {color:Gradient beginning} 0%, {color:Gradient end} 100%);
  99.     background-image: linear-gradient(to bottom, {color:Gradient beginning} 0%, {color:Gradient end}} 100%);
  100.     {/block:IfGradientBackground}
  101. }
  102.  
  103. td {
  104.     padding: 5px 5px 10px 5px;
  105.     background-color: rgba({text:Post color RGB}, {text:Post opacity});
  106.     color: {color:Body color};
  107.     font-family: {font:Body};
  108.     font-size: 10pt;
  109.     line-height: 12pt;
  110.     border-radius: {select:Posts}px;
  111.     -webkit-transition: all 0.6s ease;
  112.     -moz-transition: all 0.6s ease;
  113.     -o-transition: all 0.6s ease;
  114. }
  115.  
  116. td:hover {
  117.     background-color: rgba({text:Post color RGB}, .8);
  118. }
  119.  
  120. table {
  121.     width: 80px;
  122.     border: 0px;
  123.     border-spacing: 5px;
  124.     {block:IfShowSideBar}
  125.         margin-left: 142px;
  126.     {/block:IfShowSideBar}
  127. }
  128.  
  129. a:link, a:visited, a:active {
  130.     color: {LinkColor};
  131.     text-decoration: none;
  132.     -webkit-transition: all 0.6s ease;
  133.     -moz-transition: all 0.6s ease;
  134.     -o-transition: all 0.6s ease;
  135. }
  136.  
  137.  
  138. a:hover {
  139.         color: {color:Body color};
  140.         text-decoration: none;
  141. }
  142.  
  143. li img {
  144.     display: none;
  145. }
  146.  
  147. blockquote, li blockquote {
  148.     border-left: 2pt solid {color:Accents};
  149.     margin: 1px;
  150.     padding-left: 5px;
  151.     padding-right: 5px;
  152. }
  153.  
  154. blockquote img, blockquote blockquote img {
  155.         width: 100%;
  156. }
  157.  
  158. ul {
  159.     padding: 0px;
  160.     margin: 5px;
  161.     margin-right: 0px;
  162.     margin-left: 18px;
  163. }
  164.  
  165. ol {
  166.     list-style-type: none;
  167. }
  168.  
  169. a.title {
  170.     font-size: 12pt;
  171.     line-height: 14pt;
  172.     color: {TitleColor};
  173. }
  174.  
  175. #sidebar {
  176.     position:fixed;
  177.     width: 130px;
  178.     {block:IfNotSmallSideBar}
  179.         height: 100%;
  180.         top: 0px;
  181.     {/block:IfNotSmallSideBar}
  182.     {block:IfSmallSideBar}
  183.         height: {text:Post height};
  184.         margin-top: 5px;
  185.     {/block:IfSmallSideBar}
  186.     left: 0px;
  187.     font-size: 8pt;
  188.     background-color: rgba({text:Post color RGB}, {text:Side bar opacity});
  189.     color: {color:Body color};
  190.     padding: 10px 10px 12px 10px;
  191.     -webkit-transition: all 0.6s ease;
  192.     -moz-transition: all 0.6s ease;
  193.     -o-transition: all 0.6s ease;
  194.     z-index: 2;
  195. }
  196.  
  197. ::-webkit-scrollbar {
  198.     width: 10px;
  199.     height: 10px;
  200. }
  201.  
  202. ::-webkit-scrollbar-track {
  203.     -webkit-border-radius: {select:Scroll bar}px;
  204.     border-radius: {select:Scroll bar}px;
  205.     background-color: rgba({text:Scroll bar background RGB}, {text:Scroll bar background opacity})
  206. }
  207.  
  208. ::-webkit-scrollbar-thumb {
  209.     -webkit-border-radius: {select:Scroll bar}px;
  210.     border-radius: {select:Scroll bar}px;
  211.     background: rgba({text:Scroll bar color RGB}, {text:Scroll bar opacity});
  212. }
  213.  
  214. ::-webkit-scrollbar-button:start:decrement,
  215. ::-webkit-scrollbar-button:end:increment  {
  216. height: 0px;
  217. width: 0px;
  218. display: block;
  219. background-color: transparent;
  220. }
  221.  
  222. ::-webkit-scrollbar-corner {
  223.     background: rgba(0,0,0,0);
  224. }
  225.  
  226. #sidebar:hover {
  227.     opacity: 1;
  228.     -webkit-transition: all 0.6s ease;
  229.     -moz-transition: all 0.6s ease;
  230.     -o-transition: all 0.6s ease;
  231. }
  232.  
  233. #avatar {
  234.     margin-bottom: 5px;
  235.     {select:Avatar};
  236. }
  237.  
  238. a.link {
  239.     font-size: 8pt;
  240.     color: {LinkColor};
  241.     padding: 4px;
  242.     display: inline-block;
  243.     background-color: {color:Navigation Background};
  244.     margin-top: 4px;
  245.     text-align: center;
  246.     width: {select:Navigation}px;
  247.     {block:IfRoundedNavigation}
  248.         border-radius: 50px;
  249.     {/block:IfRoundedNavigation}
  250. }
  251.  
  252. a.link:hover {
  253.     background-color: {color:Navigation Hover};
  254. }
  255.  
  256. #empty {
  257.     width: 150px;
  258. }
  259.  
  260. .head {
  261.     color: {LinkColor};
  262.     font-size: 13pt;
  263.     line-height: 14pt;
  264.     border-bottom: 1pt solid ;
  265.     margin-bottom: 5px;
  266. }
  267.  
  268. .head a {
  269.     -webkit-transition: all 0.6s ease;
  270.     -moz-transition: all 0.6s ease;
  271.     -o-transition: all 0.6s ease;
  272. }
  273.  
  274. .container {
  275.     display: table;
  276.     height: 95%;
  277.     position:absolute;
  278.     overflow: hidden;
  279. }
  280.  
  281. .helper {
  282.     #position: absolute;
  283.     #top: 50%;
  284.     display: table-cell;
  285.     vertical-align: middle;
  286. }
  287.  
  288. .content1 {
  289.     #position: relative;
  290.     #top: -50%;margin:0 auto;
  291. }
  292.  
  293. .content {
  294.     height: {text:Layout height}px;
  295. }
  296.  
  297. .buttons {
  298.     list-style: none;
  299.     -webkit-margin-before: 0;
  300.     -webkit-margin-after: 0;
  301.     -webkit-margin-start: 0px;
  302.     -webkit-margin-end: 0px;
  303.     -webkit-padding-start: 0px;
  304. }
  305.  
  306. .buttons li {
  307.     float: left;
  308.     margin: 0;
  309.     padding: 3px 6px;
  310.     height: 20px;
  311. }
  312.  
  313. .label {
  314.     font-weight: bold;
  315.     color: {TitleColor};
  316. }
  317.  
  318. .quote {
  319.     color: {TitleColor};
  320.     font-size: 18pt;
  321.     line-height: 25pt;
  322. }
  323.    
  324. .quotations {
  325.     color: {color:Accents};
  326.     font-size: 25pt;
  327. }
  328.  
  329. .photoc {
  330.     height: {text:Layout height}px;
  331.     width: 400px;
  332.     margin-bottom: 5px;
  333.     overflow: auto;
  334. }    
  335.  
  336. .photo {
  337.     {block:IfNotCaptionsPhoto}
  338.     height: {text:Layout height}px;
  339.     {/block:IfNotCaptionsPhoto}
  340.     {block:IfCaptionsPhoto}
  341.     width: 100%;
  342.     {/block:IfCaptionsPhoto}
  343.     margin-bottom: 2px;
  344. }
  345.  
  346. .photos {
  347.     width: 100%;
  348. }
  349.  
  350. .video {
  351.     height: {text:Layout height}px;
  352.     width: 420px;
  353.     overflow: auto;
  354. }
  355.  
  356. .text {
  357.     height: {text:Layout height}px;
  358.     width: 370px;
  359.     margin-bottom: 5px;
  360.     overflow: auto;
  361.     padding-right: 5px;
  362. }
  363.  
  364. .phtset {
  365.     height: {text:Layout height}px;
  366.     width: 410px;
  367.     margin-bottom: 5px;
  368.     overflow: auto;
  369.     padding-right: 5px;
  370. }
  371.  
  372. .perma {
  373.     height: {text:Layout height}px;
  374.     width: 350px;
  375.     overflow: auto;
  376.     margin-top: -28px;
  377. }
  378.  
  379. .pagination {
  380.     font-size: 12pt;
  381.     bottom: 10%;
  382.     left: 50%;
  383.     position: fixed;
  384.     z-index: 2;
  385. }
  386.  
  387. a.pgs {
  388.     text-align: center;
  389.     padding: 5px;
  390.     background-color: rgba({text:Post color RGB}, {text:Pagination opacity});
  391. }
  392.  
  393. #credit {
  394.     position: fixed;
  395.     height: 15px;
  396.     padding:5px;
  397.     background-color: rgba({text:Post color RGB}, {text:Post opacity});
  398.     bottom: 5%;
  399.     right: -50px;
  400.     font-size: 13px;
  401.     text-transform: uppercase;
  402.     -webkit-transition: all 0.6s ease;
  403.     -moz-transition: all 0.6s ease;
  404.     -o-transition: all 0.6s ease;
  405. }
  406.  
  407. #credit:hover {
  408.     right:0px;
  409. }  
  410.      
  411. </style>
  412.  
  413. </head>
  414.  
  415. <body>
  416. <html>
  417.  
  418.   <div class="container">
  419.     <div class="helper">
  420.       <div class="content1">
  421.      
  422.       {block:IfShowSideBar}
  423.     <div id="sidebar">
  424.         <div class="description">
  425.             <a href="/"><img src="{PortraitURL-128}" id="avatar"></a>
  426.             <a href="/" class="title">{Title}</a><br />
  427.             {block:Description}
  428.                 {Description}<br />
  429.             {/block:Description}
  430.             <a href="/" class="link">Home</a>
  431.             <a href="/archive" class="link">Archive</a>
  432.             {block:AskEnabled}
  433.                 <a href="/ask" class="link">{AskLabel}</a>
  434.             {/block:AskEnabled}
  435.             {block:SubmissionsEnabled}
  436.                 <a href="/submit" class="link">{SubmitLabel}</a>
  437.             {/block:SubmissionsEnabled}
  438.             {block:HasPages}
  439.                 {block:Pages}
  440.                     <a href="{URL}" class="link">{Label}</a>
  441.                 {/block:Pages}
  442.             {/block:HasPages}
  443.         </div>
  444.     </div>
  445. {/block:IfShowSideBar}
  446.      
  447.       <table>
  448. <tr>
  449.  
  450. {block:IndexPage}
  451. {block:Pagination}
  452.     <div class="pagination">
  453.         {block:PreviousPage}
  454.             <a href="{PreviousPage}" class="pgs">&lt;</a>
  455.         {/block:PreviousPage}
  456.         {block:IfPageNumbers}
  457.             <a href="/" class="pgs">{lang:Page CurrentPage of TotalPages}</a>
  458.         {block:IfPageNumbers}
  459.         {block:NextPage}
  460.             <a href="{NextPage}" class="pgs">&gt;</a>
  461.         {/block:NextPage}
  462.     </div>
  463. {/block:Pagination}
  464. {/block:IndexPage}
  465.  
  466. <!--DO NOT REMOVE-->
  467. <div id="credit"><a href="http://www.ktt.tumblr.com/">&copy; Theme</a></div>
  468.  
  469. {block:Posts}
  470.  
  471. {block:Text}
  472.     <td>
  473.         <div class="content">
  474.             <div class="text">
  475.                 {block:Title}
  476.                     <div class="head">
  477.                         {Title}
  478.                     </div>
  479.                 {/block:Title}
  480.                 {Body}
  481.             </div>
  482.             <ul class="buttons">
  483.                 <li>{LikeButton size="14"}</li>
  484.                 <li>{ReblogButton size="14"}</li>
  485.             </ul>
  486.             {block:NoteCount}
  487.                 ( {NoteCount} )
  488.             {/block:NoteCount}
  489.             {block:Date}
  490.                 {block:NewDayDate}
  491.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  492.                 {/block:NewDayDate}
  493.                 {block:SameDayDate}
  494.                     <a href="{Permalink}">{TimeAgo}</a>
  495.                 {/block:SameDayDate}
  496.             {/block:Date}
  497.             {block:RebloggedFrom}
  498.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  499.             {/block:RebloggedFrom}
  500.             {block:ContentSource}
  501.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  502.             {/block:ContentSource}
  503.         </div>
  504.     </td>
  505.     {block:PermalinkPage}
  506.         {block:PostNotes}
  507.             <td>
  508.                 <div class="perma">
  509.                     {PostNotes}
  510.                 </div>
  511.             </td>
  512.         {/block:PostNotes}
  513.     {/block:PermalinkPage}
  514. {/block:Text}    
  515.  
  516. {block:Answer}
  517.     <td>
  518.         <div class="content">
  519.             <div class="text">
  520.                 <div class="head">
  521.                     {Question}
  522.                         <div align="right">
  523.                             asks {Asker}
  524.                         </div>
  525.                 </div>
  526.                 {Answer}
  527.             </div>
  528.         </div>
  529.         <ul class="buttons">
  530.             <li>{LikeButton size="14"}</li>
  531.             <li>{ReblogButton size="14}</li>
  532.        </ul>
  533.        {block:NoteCount}
  534.            ( {NoteCount} )
  535.        {/block:NoteCount}
  536.        {block:Date}
  537.            {block:NewDayDate}
  538.                <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  539.            {/block:NewDayDate}
  540.            {block:SameDayDate}
  541.                <a href="{Permalink}">{TimeAgo}</a>
  542.            {/block:SameDayDate}
  543.        {/block:Date}
  544.        {block:RebloggedFrom}
  545.            / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  546.        {/block:RebloggedFrom}
  547.        {block:ContentSource}
  548.            <a href="{SourceURL}" class="hide">&nbsp;</a>
  549.        {/block:ContentSource}
  550.        </div>
  551.    </div>
  552. </td>
  553.    {block:PermalinkPage}
  554.        {block:PostNotes}
  555.            <td>
  556.                <div class="perma">
  557.                    {PostNotes}
  558.                </div>
  559.            </td>
  560.        {/block:PostNotes}
  561.    {/block:PermalinkPage}
  562. {/block:Answer}
  563.  
  564. {block:Photo}
  565.    <td>
  566.        <div class="content">
  567.            {block:IfCaptionsPhoto}
  568.                <div class="photoc">
  569.            {/block:IfCaptionsPhoto}
  570.            <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo">
  571.            {block:IfCaptionsPhoto}
  572.                    {block:Caption}
  573.                        {Caption}
  574.                    {/block:Caption}
  575.                </div>
  576.            {/block:IfCaptionsPhoto}
  577.        <ul class="buttons">
  578.            <li>{LikeButton size="14"}</li>
  579.            <li>{ReblogButton size="14}</li>
  580.         </ul>
  581.         {block:NoteCount}
  582.             ( {NoteCount} )
  583.         {/block:NoteCount}
  584.             {block:Date}
  585.                 {block:NewDayDate}
  586.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  587.                 {/block:NewDayDate}
  588.                 {block:SameDayDate}
  589.                      <a href="{Permalink}">{TimeAgo}</a>
  590.                 {/block:SameDayDate}
  591.             {/block:Date}
  592.             {block:RebloggedFrom}
  593.                  / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  594.             {/block:RebloggedFrom}    
  595.             {block:ContentSource}
  596.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  597.             {/block:ContentSource}
  598.         </div>
  599.     </td>
  600.     {block:PermalinkPage}
  601.             <td>
  602.                 <div class="perma">
  603.                     {block:IfNotCaptionsPhoto}
  604.                         {block:Caption}
  605.                             {Caption}
  606.                         {/block:Caption}
  607.                         <p>
  608.                             {block:PostNotes}
  609.                                 {PostNotes}
  610.                             {/block:PostNotes}
  611.                         </p>
  612.                     {/block:IfNotCaptionsPhoto}
  613.                     {block:IfCaptionsPhoto}
  614.                         <p>
  615.                             {block:PostNotes}
  616.                                 {PostNotes}
  617.                             {/block:PostNotes}
  618.                         </p>
  619.                     {/block:IfCaptionsPhoto}
  620.                 </div>
  621.             </td>
  622.     {/block:PermalinkPage}
  623. {/block:Photo}
  624.  
  625. {block:Quote}
  626.     <td>
  627.         <div class="content">
  628.             <div class="text">
  629.                 <span class="quotations">
  630.                     &#10077;
  631.                 </span>
  632.                 <span class="quote">
  633.                     {Quote}
  634.                 </span>
  635.                 <span class="quotations">
  636.                     &#10078;
  637.                 </span>
  638.             {block:Source}
  639.                 <div align="right">
  640.                     - {Source}
  641.                 </div>
  642.             {/block:Source}
  643.             </div>
  644.             <ul class="buttons">
  645.                 <li>{LikeButton size="14"}</li>
  646.                 <li>{ReblogButton size="14}</li>
  647.            </ul>
  648.            {block:NoteCount}
  649.                ( {NoteCount} )
  650.            {/block:NoteCount}
  651.            {block:Date}
  652.                {block:NewDayDate}
  653.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>    
  654.                {/block:NewDayDate}
  655.                {block:SameDayDate}
  656.                     <a href="{Permalink}">{TimeAgo}</a>
  657.                {/block:SameDayDate}
  658.            {/block:Date}
  659.            {block:RebloggedFrom}
  660.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  661.            {/block:RebloggedFrom}    
  662.            {block:ContentSource}
  663.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  664.            {/block:ContentSource}
  665.        </div>
  666.    </td>
  667.    {block:PermalinkPage}
  668.        {block:PostNotes}
  669.            <td>
  670.                <div class="perma">
  671.                    {PostNotes}
  672.                </div>
  673.            </td>
  674.        {/block:PostNotes}
  675.    {/block:PermalinkPage}
  676. {/block:Quote}
  677.  
  678. {block:Link}
  679.    <td>
  680.        <div class="content">
  681.            <div class="text">
  682.                <div class="head">
  683.                    <a href="{URL}" target="_blank">{Name}</a>
  684.                </div>
  685.                {block:Description}
  686.                    {Description}
  687.                {/block:Description}
  688.            </div>
  689.            <ul class="buttons">
  690.                <li>{LikeButton size="14"}</li>
  691.                <li>{ReblogButton size="14}</li>
  692.             </ul>
  693.             {block:NoteCount}
  694.                 ( {NoteCount} )
  695.             {/block:NoteCount}
  696.             {block:Date}
  697.                 {block:NewDayDate}
  698.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  699.                 {/block:NewDayDate}
  700.                 {block:SameDayDate}
  701.                     <a href="{Permalink}">{TimeAgo}</a>
  702.                 {/block:SameDayDate}
  703.             {/block:Date}
  704.             {block:RebloggedFrom}
  705.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  706.             {/block:RebloggedFrom}
  707.             {block:ContentSource}
  708.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  709.             {/block:ContentSource}
  710.         </div>
  711.     </td>
  712.     {block:PermalinkPage}
  713.         {block:PostNotes}
  714.             <td>
  715.                 <div class="perma">
  716.                     {PostNotes}
  717.                 </div>
  718.             </td>
  719.         {/block:PostNotes}
  720.     {/block:PermalinkPage}
  721. {/block:Link}
  722.  
  723. {block:Chat}
  724.     <td>
  725.         <div class="content">
  726.             <div class="text">
  727.                 {block:Title}
  728.                     <div class="head">
  729.                         {Title}
  730.                     </div>
  731.                 {/block:Title}
  732.                 {block:Lines}
  733.                     <p class="{Alt} user_{UserNumber}">
  734.                 {block:Label}
  735.                     <span class="label">
  736.                         {Label}
  737.                     </span>
  738.                 {/block:Label}
  739.                     {Line}
  740.                     </p>
  741.                 {/block:Lines}
  742.             </div>
  743.             <ul class="buttons">
  744.                 <li>{LikeButton size="14"}</li>
  745.                 <li>{ReblogButton size="14}</li>
  746.            </ul>
  747.            {block:NoteCount}
  748.                ( {NoteCount} )
  749.            {/block:NoteCount}
  750.            {block:Date}
  751.                {block:NewDayDate}
  752.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  753.                {/block:NewDayDate}
  754.                {block:SameDayDate}
  755.                     <a href="{Permalink}">{TimeAgo}</a>
  756.                {/block:SameDayDate}
  757.            {/block:Date}
  758.            {block:RebloggedFrom}
  759.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  760.            {/block:RebloggedFrom}    
  761.            {block:ContentSource}
  762.                <a href="{SourceURL}" class="hide">&nbsp;</a>
  763.            {/block:ContentSource}
  764.        </div>
  765.    </td>
  766.    {block:PermalinkPage}
  767.        {block:PostNotes}
  768.            <td>
  769.                <div class="perma">
  770.                    {PostNotes}
  771.                </div>
  772.            </td>
  773.        {/block:PostNotes}
  774.    {/block:PermalinkPage}
  775. {/block:Chat}
  776.  
  777. {block:Video}
  778.    <td>
  779.        <div class="content">
  780.            {block:IfCaptionsVideo}
  781.                <div class="video">
  782.            {/block:IfCaptionsVideo}
  783.            {Video-400}
  784.            {block:IfCaptionsVideo}
  785.                {block:Caption}
  786.                    {Caption}
  787.                {/block:Caption}
  788.            {/block:IfCaptionsVideo}
  789.            <ul class="buttons">
  790.                <li>{LikeButton size="14"}</li>
  791.                <li>{ReblogButton size="14}</li>
  792.             </ul>
  793.             {block:NoteCount}
  794.                 ( {NoteCount} )
  795.             {/block:NoteCount}
  796.             {block:Date}
  797.                 {block:NewDayDate}
  798.                      <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  799.                 {/block:NewDayDate}
  800.                 {block:SameDayDate}
  801.                      <a href="{Permalink}">{TimeAgo}</a>
  802.                 {/block:SameDayDate}
  803.             {/block:Date}
  804.             {block:RebloggedFrom}
  805.                  / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  806.             {/block:RebloggedFrom}    
  807.             {block:ContentSource}
  808.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  809.             {/block:ContentSource}
  810.         </div>
  811.     </td>
  812.     {block:PermalinkPage}
  813.             <td>
  814.                 <div class="perma">
  815.                     {block:IfNotCaptionsVideo}
  816.                         {block:Caption}
  817.                             {Caption}
  818.                         {/block:Caption}
  819.                         <p>
  820.                             {block:PostNotes}
  821.                                 {PostNotes}
  822.                             {/block:PostNotes}
  823.                         </p>
  824.                     {/block:IfNotCaptionsVideo}
  825.                     {block:IfCaptionsVideo}
  826.                         <p>
  827.                             {block:PostNotes}
  828.                                 {PostNotes}
  829.                             {/block:PostNotes}
  830.                         </p>
  831.                     {/block:IfCaptionsVideo}
  832.                 </div>
  833.             </td>
  834.     {/block:PermalinkPage}
  835. {/block:Video}
  836.  
  837. {block:Audio}
  838.     <td>
  839.         <div class="content">
  840.             <div class="text">
  841.                 {block:AlbumArt}
  842.                     <img src="{AlbumArtURL}" width="100%">
  843.                 {/block:AlbumArt}
  844.                 <div style="background-color: #000; text-align: left; padding: 0px; width: 100%}">
  845.                     {AudioPlayerBlack}
  846.                 </div>
  847.                 {block:IfCaptionsAudio}
  848.                     {block:Caption}
  849.                         {Caption}
  850.                     {/block:Caption}
  851.                 {/block:IfCaptionsAudio}
  852.             </div>
  853.             <ul class="buttons">
  854.                 <li>{LikeButton size="14"}</li>
  855.                 <li>{ReblogButton size="14}</li>
  856.            </ul>
  857.            {block:NoteCount}
  858.                ( {NoteCount} )
  859.            {/block:NoteCount}
  860.            {block:Date}
  861.                {block:NewDayDate}
  862.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  863.                {/block:NewDayDate}
  864.                {block:SameDayDate}
  865.                     <a href="{Permalink}">{TimeAgo}</a>
  866.                {/block:SameDayDate}
  867.            {/block:Date}
  868.            {block:RebloggedFrom}
  869.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  870.            {/block:RebloggedFrom}    
  871.            {block:ContentSource}
  872.                <a href="{SourceURL}" class="hide">&nbsp;</a>
  873.            {/block:ContentSource}
  874.        </div>
  875.    </td>
  876.    {block:PermalinkPage}
  877.            <td>
  878.                <div class="perma">
  879.                    {block:IfNotCaptionsAudio}
  880.                        {block:Caption}
  881.                            {Caption}
  882.                        {/block:Caption}
  883.                        <p>
  884.                            {block:PostNotes}
  885.                                {PostNotes}
  886.                            {/block:PostNotes}
  887.                        </p>
  888.                    {/block:IfNotCaptionsAudio}
  889.                    {block:IfCaptionsAudio}
  890.                        <p>
  891.                            {block:PostNotes}
  892.                                {PostNotes}
  893.                            {/block:PostNotes}
  894.                        </p>
  895.                    {/block:IfCaptionsAudio}
  896.                </div>
  897.            </td>
  898.    {/block:PermalinkPage}
  899. {/block:Audio}
  900.  
  901. {block:Photoset}
  902.    <td>
  903.        <div class="content">
  904.            <div class="phtset">
  905.                    {Photoset-400}
  906.                {block:IfCaptionsPhotoset}
  907.                    {Caption}
  908.                {/block:IfCaptionsPhotoset}
  909.            </div>
  910.            <ul class="buttons">
  911.                <li>{LikeButton size="14"}</li>
  912.                <li>{ReblogButton size="14}</li>
  913.             </ul>
  914.             {block:NoteCount}
  915.                 ( {NoteCount} )
  916.             {/block:NoteCount}
  917.             {block:Date}
  918.                 {block:NewDayDate}
  919.                     <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>  
  920.                 {/block:NewDayDate}
  921.                 {block:SameDayDate}
  922.                     <a href="{Permalink}">{TimeAgo}</a>
  923.                 {/block:SameDayDate}
  924.             {/block:Date}
  925.             {block:RebloggedFrom}
  926.                 / via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  927.             {/block:RebloggedFrom}    
  928.             {block:ContentSource}
  929.                 <a href="{SourceURL}" class="hide">&nbsp;</a>
  930.             {/block:ContentSource}
  931.             </div>
  932.         </div>
  933.     </td>
  934.  
  935.     {block:PermalinkPage}
  936.         <td>
  937.             <div class="perma">
  938.                 {block:IfNotCaptionsPhotoset}
  939.                     {block:Caption}
  940.                         {Caption}
  941.                     {/block:Caption}
  942.                     <p>
  943.                         {block:PostNotes}
  944.                             {PostNotes}
  945.                         {/block:PostNotes}
  946.                     </p>
  947.                 {/block:IfNotCaptionsPhotoset}
  948.                 {block:IfCaptionsPhotoset}
  949.                     <p>
  950.                         {PostNotes}
  951.                     </p>
  952.                 {/block:IfCaptionsPhotoset}
  953.             </div>
  954.         </td>
  955.     {/block:PermalinkPage}
  956. {/block:Photoset}
  957.  
  958. {/block:Posts}
  959.  
  960.                 </tr>
  961.             </table>
  962.         </div>
  963.     </div>
  964. </div>
  965.  
  966.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  967.     <script src="jquery.mCustomScrollbar.concat.min.js"></script>
  968.         {block:IfGoogleAnalyticsID}
  969.             <script>
  970.               (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  971.               (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  972.               m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  973.               })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  974.               ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  975.               ga('send', 'pageview');
  976.             </script>
  977.         {/block:IfGoogleAnalyticsID}
  978.        
  979.         <script src="http://static.tumblr.com/8jq17g7/YKtlqamnq/jquery.scrollto-min.js" type="text/javascript"></script>
  980. <script type="text/javascript" src="http://static.tumblr.com/1s4z8hu/mYolo412c/jquery.infinitescroll.min.js"></script>
  981. {block:IndexPage}<script>
  982. $(document).ready(function() {
  983.     $(".next").click(function(e) {
  984.         $.scrollTo( '+=800px', 600 );
  985.         e.preventDefault();
  986.     });
  987.     $(".prev").click(function(e) {
  988.         $.scrollTo( '-=800px', 600 );
  989.         e.preventDefault();
  990.     });
  991.     $('#back_begin').click(function(){             
  992.         $paneTarget.stop().scrollTo( {scrollTop:0}, 1000 );
  993.     });
  994. });{block:Ifinfinitescrolling}
  995. jQuery(window).load(function(){
  996. var $wall = $('#posts table tbody tr ');
  997.  $wall.infinitescroll({
  998.   navSelector  : '#page-nav',  
  999.   nextSelector : '#page-nav a',  
  1000.   itemSelector : '#posts table tbody tr td',
  1001.   loadingImg : '',  
  1002.   loadingText : '',  
  1003.   donetext  : 'No more posts to load.'
  1004.  },
  1005.  
  1006.   function( newElements ){
  1007.    $(newElements).hide();
  1008.    setTimeout(function(){
  1009.     $wall.masonry({ appendedContent: $(newElements) });
  1010.    },2000);
  1011.    setTimeout(function(){
  1012.     $(newElements).fadeIn('slow');
  1013.    },2100);
  1014.   },1000);
  1015. });{/block:Ifinfinitescrolling}
  1016. </script>{/block:IndexPage}
  1017.  
  1018.                         </tr>
  1019.                     </table>
  1020.                 </div>
  1021.             </div>
  1022.         </div>
  1023.     </body>
  1024. </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!