API tools faq
paste
Advertisement
Guest User

Skyline Tumblr Theme - tumblrtemalari.blogspot.com

a guest
Aug 15th, 2013
303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!-- ==========================================
  5.  â”â”â”â”â”“┏┓╋╋╋┏━━━┓┏━━━┓┏┓┏━┓
  6.  â”ƒâ”â”â”“┃┃┃╋╋╋┃┏━┓┃┃┏━┓┃┃┃┃┏┛
  7.  â”ƒâ”ƒâ•‹â”—┛┃┃╋╋╋┃┃╋┗┛┃┗━┛┃┃┗┛┛
  8.  â”ƒâ”ƒâ•‹â”â”“┃┃╋┏┓┃┃╋┏┓┃┏┓┏┛┃┏┓┃
  9.  â”ƒâ”—━┛┃┃┗━┛┃┃┗━┛┃┃┃┃┗┓┃┃┃┗┓
  10.  â”—━━━┛┗━━━┛┗━━━┛┗┛┗━┛┗┛┗━┛
  11.  
  12.    Skyline Theme by CLCRK
  13.  
  14.    Updated on March 30, 2013
  15.        ** Bigger Post Size
  16.        ** CSS Fixed for better appearance
  17.    
  18.    More Themes & Updtes @
  19.        http://clcrk.tumblr.com
  20.        http://facebook.com/officialschmigs
  21. ============================================ -->
  22.  
  23. <head>
  24. <title>
  25. {Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}
  26. </title>
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28. <link rel="shortcut icon" href="{Favicon}" />
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  30. <link href='http://fonts.googleapis.com/css?family=Sonsie+One|Oleo+Script|Magra|Fugaz+One|Anton|Graduate|Open+Sans+Condensed:700|Open+Sans|PT+Sans+Narrow:400,700|Signika:400,600,700,300|Lobster|Oswald:400,700|Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'>
  31.  
  32.  
  33. <meta name="color:Background" content="#EEEEEE"/>
  34. <meta name="color:Footer Background" content="#EEEEEE"/>
  35. <meta name="color:Footer Links" content="#000"/>
  36. <meta name="color:Header Text" content="#000"/>
  37. <meta name="color:Entry" content="#FFFFFF"/>
  38. <meta name="color:Chat" content="#F0F0F0"/>
  39. <meta name="color:Link" content="#404040"/>
  40. <meta name="color:Text" content="#777777"/>
  41. <meta name="color:Header Title" content="#404040"/>
  42. <meta name="color:Post Shadow" content="#EAEAEA"/>
  43.  
  44. <meta name="image:Background" content="http://static.tumblr.com/scuioro/uymm3ggdv/texturetastic_gray.png" />
  45. <meta name="image:Side Image" content="" />
  46. <meta name="image:Logo" content="" />
  47.  
  48. <meta name="if:5 Column" content="1"/>
  49. <meta name="if:Infinite Scroll" content="0"/>
  50. <meta name="if:Hideable Footer" content="0"/>
  51. <meta name="if:Hide Header" content="1"/>
  52. <meta name="if:Show Sidebar" content="1"/>
  53. <meta name="if:Fade Image" content="1"/>
  54. <meta name="if:Post Shadow" content="1"/>
  55.  
  56. <meta name="if:Anton Title Font" content="0"/>
  57. <meta name="if:Lobster Title Font" content="1"/>
  58. <meta name="if:Oleo Title Font" content="0"/>
  59. <meta name="if:Oswald Title Font" content="0"/>
  60. <meta name="if:Yanone Title Font" content="0"/>
  61.  
  62. <meta name="text:Link 1 title" content="" />
  63. <meta name="text:Link 1 url" content="" />
  64. <meta name="text:Link 2 title" content="" />
  65. <meta name="text:Link 2 url" content="" />
  66. <meta name="text:Link 3 title" content="" />
  67. <meta name="text:Link 3 url" content="" />
  68.  
  69.  
  70.  
  71. <style type="text/css">
  72. @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700|Tauri|Inder);
  73. body{
  74.     color:{color:text};
  75.     font-family: 'Noto Sans', Tahoma, sans-serif;
  76.     word-wrap: break-word;
  77.     color: {color: Text};
  78.     line-height: 100%;
  79.     background-color:{color:Background};
  80.     background-image:url('{image:Background}');}
  81.  
  82. a, a:link, a:visited, a:active, a:hover {
  83.     color:{color:link};
  84.     text-decoration: none;}
  85.    
  86.    
  87. #container{
  88.     position: relative;
  89.     margin: 40px auto;
  90.     margin-bottom: 40px;
  91.     {block:IndexPage}
  92.     {block:IfNot5Column}width: 820px;{/block:IfNot5Column}
  93.     {block:If5Column}width:1020px;{/block:If5Column}
  94.     {/block:IndexPage}
  95.     {block:PermalinkPage}
  96.     width:520px;
  97.     {/block:PermalinkPage}}
  98.  
  99. #main{
  100.     position:relative;
  101.     margin:20px auto;
  102.     z-index:2;
  103.     {block:IndexPage}
  104.     {block:IfNot5Column}width: 820px;{/block:IfNot5Column}
  105.     {block:If5Column}width:1020px;{/block:If5Column}
  106.     {/block:IndexPage}
  107.     {block:PermalinkPage}
  108.     width:520px;
  109.     text-align:center;
  110.     {/block:PermalinkPage}}
  111.  
  112. #header{
  113.     {block:IfHideHeader}
  114.     display:none !important;
  115.     {/block:IfHideHeader}
  116.     text-align:center;
  117.     {block:IndexPage}
  118.     {block:IfNot5Column}width: 820px;{/block:IfNot5Column}
  119.     {block:If5Column}width:1020px;{/block:If5Column}
  120.     {/block:IndexPage}
  121.     {block:PermalinkPage}
  122.     width:520px;
  123.     {/block:PermalinkPage}}
  124.    
  125. .posts{
  126.     {block:IndexPage}
  127.     width:190px;
  128.     margin:7px;
  129.     overflow: hidden;
  130.     float:left;
  131.     background-color:{color:Entry};
  132.     {/block:IndexPage}
  133.     {block:PermalinkPage}
  134.     width:500px;
  135.     padding: 10px;
  136.     background-color:{color:Entry};
  137.     {/block:PermalinkPage}
  138.     {block:IfPostShadow}
  139.     -webkit-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  140.        -moz-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  141.             box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  142.     {/block:IfPostShadow}}
  143.    
  144. .side{
  145.     {block:IndexPage}
  146.     width:170px;
  147.     margin:7px;
  148.     padding:10px;
  149.     text-align: left;
  150.     overflow: hidden;
  151.     background-color:{color:Entry};
  152.     float:left;
  153.     {/block:IndexPage}
  154.     {block:IfPostShadow}
  155.     -webkit-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  156.        -moz-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  157.             box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  158.     {/block:IfPostShadow}}
  159.  
  160.  
  161. /* HEADER PROPERTIES */
  162. h1.header_title {
  163.     {block:IfAntonTitleFont}
  164.     font-family: 'Anton', sans-serif !important;
  165.     {/block:IfAntonTitleFont}
  166.     {block:IfOleoTitleFont}
  167.     font-family: 'Oleo Script', sans-serif !important;
  168.     {/block:IfOleoTitleFont}
  169.     {block:IfLobsterTitleFont}
  170.     font-family: 'Lobster', cursive !important;
  171.     {/block:IfLobsterTitleFont}
  172.     {block:IfOswaldTitleFont}
  173.     font-family: 'Oswald', sans-serif !important;
  174.     {/block:IfOswaldTitleFont}
  175.     {block:IfYanoneTitleFont}
  176.     font-family: 'Yanone Kaffeesatz', sans-serif !important;
  177.     {/block:IfYanoneTitleFont}
  178.     font-size:50px;
  179.     margin-top: 50px;}
  180.    
  181. h1.header_title a { color: {color:Header Title} !Important; }
  182.    
  183. .header_desc {
  184.     font-family: 'Noto Sans', Tahoma, sans-serif;
  185.     font-size: 11px;
  186.     color: {color:Header Text} !important;}
  187.    
  188. img#logo {
  189.     {block:IndexPage}
  190.     {block:IfNot5Column}max-width:782px;{/block:IfNot5Column}
  191.     {block:If5Column}max-width:980px;{/block:If5Column}
  192.     {/block:IndexPage}
  193.     {block:PermalinkPage}
  194.     max-width:500px;
  195.     {/block:PermalinkPage}}
  196.    
  197. /* FOOTER PROPERTIES */
  198. .float {
  199.     bottom: 0;
  200.     {block:IndexPage}
  201.     {block:IfNot5Column}width:782px;{/block:IfNot5Column}
  202.     {block:If5Column}width:980px;{/block:If5Column}
  203.     margin: 0 7px;
  204.     {/block:IndexPage}
  205.     {block:PermalinkPage}
  206.     width:500px;
  207.     {/block:PermalinkPage}
  208.     {block:IfHideableFooter}
  209.     display: none;
  210.     {/block:IfHideableFooter}
  211.     position: fixed;
  212.     z-index: 600;
  213.     padding: 10px;
  214.     background-color:{color:Footer Background};
  215.     text-align: center;}
  216.    
  217. .float a {
  218.     font-family: 'Noto Sans', sans-serif;
  219.     font-size: 10px;
  220.     font-weight: bold;
  221.     text-transform: uppercase;
  222.     color: {color:Footer Links} !important; }
  223.    
  224. .float_wrap {
  225.     display: block;
  226.     {block:IndexPage}
  227.     {block:IfNot5Column}width:782px;{/block:IfNot5Column}
  228.     {block:If5Column}width:980px;{/block:If5Column}
  229.     {/block:IndexPage}
  230.     {block:PermalinkPage}
  231.     width:500px;
  232.     margin-bottom: 5px;
  233.     {/block:PermalinkPage}}
  234.  
  235.  
  236. .float .blogroll {
  237.     margin-top: 5px;
  238.     float: left;
  239.     display:none;
  240.     {block:IndexPage}
  241.     {block:IfNot5Column}width:782px;{/block:IfNot5Column}
  242.     {block:If5Column}width:980px;{/block:If5Column}
  243.     {/block:IndexPage}
  244.     {block:PermalinkPage}
  245.     width:500px;
  246.     {/block:PermalinkPage}}
  247.  
  248. .blogroll_link {
  249.     font-family: 'Noto Sans', sans-serif;
  250.     font-size: 10px;
  251.     font-weight: bold;
  252.     text-transform: uppercase;
  253.     color: {color:Footer Links} !important;}
  254.    
  255. .blogroll_img {
  256.     float: left !important;
  257.     margin: 2px; }
  258.    
  259. .float_menu li{
  260.     display: inline;
  261.     list-style-type: none;
  262.     margin: 0 5px;}
  263.    
  264. .float_icons {
  265.     text-align: left !important;
  266.     display: inline-block !important;
  267.     float:right !important;}
  268.  
  269.  
  270.  
  271. /* PERMALINKPAGE PROPERTIES */
  272. #notes {
  273.     width:500px;
  274.     margin-bottom: 55px;
  275.     padding:10px;
  276.     overflow: hidden;
  277.     font-size: 11px;
  278.     float:left;
  279.     margin-top:10px;
  280.     position:relative;
  281.     display:block;
  282.     background-color:{color:Entry};
  283.     {block:IfPostShadow}
  284.     -webkit-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  285.        -moz-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  286.             box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  287.     {/block:IfPostShadow}}
  288.    
  289. ol.notes {
  290.     padding: 0;
  291.     margin: 0;
  292.     list-style-type: none;}
  293.    
  294. ol.notes li.note {
  295.     padding: 2px;
  296.     float:left;}
  297.  
  298. ol.notes li.note img.avatar {
  299.     vertical-align: -4px;
  300.     opacity: 0.8;
  301.     display: inline !important;
  302.     width: 21px;
  303.     height: 21px;}
  304.  
  305. ol.notes li.note span.action {
  306.     font-weight:normal;
  307.     display:none;}
  308.  
  309. ol.notes li.note .answer_content {
  310.     font-weight: normal;
  311.     display:none;}
  312.  
  313. ol.notes li.note blockquote {
  314.     padding: 4px 10px;
  315.     margin: 10px 0px 0px 25px;
  316.     display:none;}
  317.  
  318. ol.notes li.note blockquote a {
  319.     text-decoration: none;
  320.     display:none;}
  321.    
  322. #info {
  323.     width:500px;
  324.     padding:10px;
  325.     overflow: hidden;
  326.     font-size: 11px;
  327.     background-color:{color:Entry};
  328.     float:left;
  329.     margin-top:10px;
  330.     position:relative;
  331.     display:block;
  332.     text-align: left;
  333.     {block:IfPostShadow}
  334.     -webkit-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  335.        -moz-box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  336.             box-shadow: 0px 0px 3px rgba({RGBcolor:Post Shadow},0.7);
  337.     {/block:IfPostShadow}}    
  338.  
  339. #caption {
  340.     padding-bottom:10px;
  341.     margin-bottom:10px;
  342.     border-bottom: 1px solid rgba({RGBcolor:Text},0.6);}
  343.    
  344. #rootinfo{
  345.     padding-bottom:13px;
  346.     margin-bottom: 14px;
  347.     border-bottom: 1px solid rgba({RGBcolor:Text},0.6);}
  348.    
  349.    
  350. #extras {
  351.     margin-top: 5px;}
  352.    
  353. #socialmedia {
  354.     float: left;}
  355.    
  356. #permalinknav {
  357.     float:right;}
  358. /* PEMALINKPAGE PROPERTIES */
  359.  
  360.  
  361. /* INDEXPAGE NOTES PROPERTIES */
  362. #index {
  363.     border-top: 1px solid {color:Chat};
  364.     margin: 10px 0 4px 0;
  365.     padding: 13px 0 0 0;
  366.     text-align:center;
  367.     font-size: 7px;
  368.     font-weight: bold;
  369.     text-transform: uppercase;
  370.     line-height:0px;
  371.     -webkit-transition: all 0.2s ease-in-out;
  372.        -moz-transition: all 0.2s ease-in-out;
  373.             transition: all 0.2s ease-in-out;}
  374.    
  375. #index2 {
  376.     padding: 4px 10px;
  377.     font-size: 7px;
  378.     font-weight: bold;
  379.     text-transform: uppercase;
  380.     opacity:0;
  381.     right: 10px;
  382.     bottom: 10px;
  383.     position:absolute;
  384.     background-color:{color:Entry};
  385.     -webkit-transition: all 0.8s ease-in-out;
  386.        -moz-transition: all 0.8s ease-in-out;
  387.             transition: all 0.8s ease-in-out;}
  388.            
  389. .posts:hover #index2{
  390.     opacity: 1;}
  391.    
  392.  
  393. #index2 span {
  394.     color: rgba(0,0,0,0.4) !important;
  395.     margin-right: 7px;
  396.     margin-left: 5px}
  397.    
  398. #index3 {
  399.     margin:8px 0;
  400.     padding: 0 10px;
  401.     text-align: left;
  402.     font-size: 7px;
  403.     font-weight: bold;
  404.     text-transform: uppercase;
  405.     filter:alpha(opacity=0);
  406.    -webkit-transition: all 0.2s ease-in-out;
  407.       -moz-transition: all 0.2s ease-in-out;
  408.            transition: all 0.2s ease-in-out;}  
  409.            
  410. .posts:hover .overlay {
  411.     opacity:0.75;
  412.     -webkit-transition: all 0.4s ease-in-out;
  413.     -moz-transition: all 0.4s ease-in-out;
  414.     transition: all 0.4s ease-in-out;
  415.     display:block !important;}
  416.    
  417. .posts .overlay {
  418.     width: 190px;
  419.     height: 100%;
  420.     position: absolute;
  421.     background: rgba(0,0,0,0.7);
  422.     opacity: 0;
  423.     margin-top: 0px;
  424.     z-index: 50;
  425.     -moz-opacity: 0;
  426.     -khtml-opacity: 0;
  427.     -webkit-transition: all 0.4s ease-in-out;
  428.     -moz-transition: all 0.4s ease-in-out;
  429.     transition: all 0.4s ease-in-out;
  430.     -webkit-box-shadow: inset 0px 0px 63px 5px #000;
  431.        -moz-box-shadow: inset 0px 0px 63px 5px #000;
  432.             box-shadow: inset 0px 0px 63px 5px #000;}
  433.            
  434. .postperma{
  435.     position: absolute;
  436.     display: block;
  437.     width: 190px;
  438.     left:50%;
  439.     top: 50%;
  440.     opacity: 0;
  441.     margin-top: -12px;}
  442.    
  443. .posts:hover .postperma{
  444.     opacity: 1;
  445.     top: 50%;
  446.     left: 0;
  447.     text-align: center;
  448.     position: absolute;
  449.     float: center;
  450.     z-index:999;}
  451.  
  452. .notecount {
  453.     font-family: 'PT Sans Narrow', Calbri, sans-serif;
  454.     font-size: 16px;
  455.     font-weight: bold;
  456.     color: #FFF !important;
  457.     text-shadow: 0px 2px 2px #000;
  458.     text-transform: uppercase;
  459.     -webkit-transition: all 0.65s ease-in-out;
  460.        -moz-transition: all 0.65s ease-in-out;
  461.             transition: all 0.65s ease-in-out;}
  462.    
  463. .reblogpost {
  464.     margin-top: 10px;
  465.     font-family: 'Oleo Script', georgia;
  466.     font-size: 12px;
  467.     color: #FFF !important;
  468.      text-shadow: 0px 2px 10px #000;
  469.     text-transform:  lowercase;
  470.     -webkit-transition: all 0.95s ease-in-out;
  471.        -moz-transition: all 0.95s ease-in-out;
  472.             transition: all 0.95s ease-in-out;}
  473.    
  474.    
  475. /* INDEXPAGE NOTES PROPERTIES */
  476.  
  477.  
  478. /* SIDE PROPERTIES */
  479. #about {
  480.     margin-top: 7px;
  481.     font-size: 12px;}
  482.    
  483. #menu2 {
  484.     margin-top: -26px;}
  485.    
  486. #menu2 a {
  487.     text-align: center;
  488.     font-weight: normal;
  489.     text-transform: uppercase;
  490.     font-family: 'Open Sans', sans-serif;
  491.     font-size: 12px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
  492.     margin-top:6px;
  493.     padding: 1px 9px 1px 9px;}
  494. /* SIDE PROPERTIES */    
  495.  
  496.  
  497. /* TEXT POSTS PROPERTIES */
  498. .body {
  499.     font-size: 11px;}
  500.    
  501. #padding {
  502.     {block:IndexPage}
  503.     padding:10px;
  504.     background-color:{color:Entry};
  505.     {/block:IndexPage}}
  506.  
  507. #caption {
  508.     background-color:{color:Entry};
  509.     padding: 5px; }
  510.  
  511. #photo, .video {
  512.     margin-bottom:-2px !important;}
  513.  
  514. h1.title {
  515.     text-transform: normal;
  516.     font-size: 20px;
  517.     margin: 5px 0 10px 0;
  518.     font-family: 'Open Sans Condensed', sans-serif;
  519.     font-weight: normal;}
  520.    
  521. h1.quote {
  522.     text-transform: normal;
  523.     font-size:14px;
  524.     font-family: helvetica;
  525.     font-weight: bold;
  526.     font-style: italic;
  527.     text-align: center;}
  528.    
  529. .source {
  530.     margin: 5px 0 0 0;
  531.     font-size: 10.5px;
  532.     text-align: center;}
  533.    
  534.  
  535. .odd {
  536.     padding:10px 13px;
  537.     font-size:11px;
  538.     background-color:{color:Entry};}
  539.    
  540. .even {  
  541.     padding:10px 13px;
  542.     font-size:11px;
  543.     background-color: {color:Chat};}  
  544.    
  545.  
  546. /* TEXT POSTS PROPERTIES */
  547.  
  548.  
  549. /* AUDIO POSTS PROPERTIES */
  550. .AlbumArt {
  551.     position:relative;
  552.     width:190px;
  553.     height: 190px;
  554.     background-color: {color:Entry};
  555.     margin-bottom:-4px; }
  556.    
  557. .AlbumArt img{
  558.     width: 100%;}
  559.  
  560. .AudioWrap{
  561.     position: absolute;
  562.     background-color: #000;
  563.     left: 50%;
  564.     top: -30px;
  565.     margin-left: -30px;
  566.     margin-top: 50%;
  567.     opacity:1;
  568.     filter:alpha(opacity=100);
  569.     -webkit-border-radius: 50px;
  570.        -moz-border-radius: 50px;
  571.             border-radius: 50px;
  572.     -webkit-box-shadow: 0px 0px 1px 10px rgba(0,0,0,0.2);
  573.        -moz-box-shadow: 0px 0px 1px 10px rgba(0,0,0,0.2);
  574.             box-shadow: 0px 0px 1px 10px rgba(0,0,0,0.2);}
  575.    
  576. .audio{
  577.     width: 20px;
  578.     height: 30px;
  579.     margin: 17px 24px 13px 16px;
  580.     overflow:hidden;}
  581.    
  582. .audioplayer2 {
  583.     padding-left:12px;
  584.     padding-top:2px;
  585.     background-color: #e3e3e3;
  586.     margin-left:115px;
  587.     height:28px;}
  588.    
  589. .album-art {
  590.     float: left;
  591.     margin-right:10px;
  592.     width:100px;
  593.     height: 100px;
  594.     display:inline-block !important;}
  595.    
  596. .album-art img{
  597.     border: 2px solid rgba(0,0,0,0.2);}
  598.    
  599. .ainfo {
  600.     margin:  3px 0 0 115px !important;
  601.     padding: 3px;
  602.     font-size:11px;
  603.     background: #e3e3e3;}
  604. /* AUDIO POSTS PROPERTIES */
  605.  
  606.  
  607.  
  608. /* ANSWER POSTS PROPERTIES */
  609. #asker {
  610.     display: inline-block;
  611.     text-align: left;
  612.     font-size:11px;
  613.     font-weight: bold;}
  614.    
  615. #asker img {
  616.     float:left;
  617.     padding:4px;
  618.     margin: 0 5px 0 0;}
  619.    
  620. #answer {
  621.     border-top: 1px solid {color:Text};
  622.     font-size: 11px;
  623.     margin: 10px 0 0 0;
  624.     padding: 10px 0 0 0;
  625.     text-align: left;}
  626.    
  627. /* ANSWER POSTS PROPERTIES */
  628.  
  629. /* MISCELLENOUS */
  630. blockquote {
  631.     border-left:  2px solid {color:Text};
  632.     margin: 10px 7px;
  633.     padding-left: 13px;}    
  634. blockquote img {
  635.     max-width: 140px !important;}
  636.  
  637. /*  PAGINATION PROPERTIES */
  638. #pagination {
  639.     {block:IfInfiniteScroll}display:none !important;{/block:IfInfiniteScroll}}
  640.  
  641. #prevPage, #nextPage{
  642.     font-size:11px;
  643.     display: inline-block;}
  644.  
  645.  
  646. #infscr-loading{
  647.     margin: auto;
  648.     z-index:9999;
  649.     display: none !important;
  650.     font-size: 13px;
  651.     font-family: 'Oleo Script', cursive;
  652.     color: {color:Text};
  653.     background-color: {color:Entry};}
  654.  
  655. {CustomCSS}
  656. </style>
  657.  
  658. <script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:''});</script>
  659.  
  660. <body>
  661. <script type="text/javascript" src="http://static.tumblr.com/4w8xz8v/UHbmbcpte/jquery.plugins.js"></script>
  662. <script type="text/javascript">
  663. {block:IndexPage}
  664. $(window).load(function () {
  665. var $content = $('#main');
  666.     $content.masonry({
  667.         itemSelector: '.posts, .side, #notes',
  668.         isAnimated: true
  669.     });
  670.     {block:IfInfiniteScroll}
  671.     $content.infinitescroll({
  672.         navSelector    : 'a#pagination',  
  673.         nextSelector   : 'a#pagination',
  674.         itemSelector   : '.posts',
  675.         loading: {
  676.             finishedMsg: 'End Of Posts',
  677.             img: 'http://static.tumblr.com/scuioro/RlYm3gx6b/89.gif'
  678.         },
  679.         bufferPx       : 20,
  680.         debug          : false,
  681.     },
  682.         function( newElements ) {
  683.             $('.audio').each(function(){
  684.                 var audioID = $(this).attr("id");
  685.                 var $audioPost = $('#audio_player_'+audioID);
  686.                 if (! $('#audio_player_'+audioID+' > .audio_player').children().is('embed')){                      
  687.                     $.ajax({
  688.                         url: '/api/read/json?id=' + audioID,
  689.                         dataType: 'jsonp',
  690.                         timeout: 50000,
  691.                         success: function(data){
  692.                             $audioPost.html('\x3cdiv class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'].replace('audio_player', 'audio_player_black') +'\x3c/div\x3e');
  693.                         }
  694.                     });
  695.                 };
  696.             });
  697.            
  698.             $('.video').each(function(){
  699.                 var videoID = $(this).attr("id");
  700.                 var $videoPost = $(this);
  701.                 var videoWidth;
  702.                 videoWidth = "-250";
  703.                 $.ajax({
  704.                     url: '/api/read/json?id=' + videoID,
  705.                     dataType: 'jsonp',
  706.                     timeout: 50000,
  707.                     success: function(data){
  708.                         $videoPost.html(data.posts[0]["video-player"+videoWidth]);
  709.                         $content.masonry();}
  710.                     });
  711.                 $videoPost.removeClass("done");
  712.             });
  713.            
  714.             var $newElems = $( newElements );
  715.             $newElems.hide();
  716.             $newElems.imagesLoaded(function(){
  717.                 $content.masonry( 'appended',
  718.                     $newElems, true,
  719.                     function(){$newElems.fadeIn(300);});
  720.             });
  721.     });
  722.     {/block:IfInfiniteScroll}
  723. });
  724. {/block:IndexPage}
  725. {block:IfHideableFooter}
  726. $(window).scroll(function(){
  727.     var totalHeight = $('body').height();
  728.     var yPos = $(window).scrollTop();
  729.         if( yPos > (totalHeight*.02) && yPos < (totalHeight*.90) ){
  730.            $(".float").fadeIn('medium');}
  731.         else {$('.float').fadeOut('fast');}
  732. });
  733. {/block:IfHideableFooter}
  734. </script>
  735.  
  736.  
  737.  
  738.  
  739. <div id="container">
  740.     <div class="float">
  741.        <div class="float_menu">
  742.             {block:IndexPage}
  743.             {block:Pagination}
  744.                     {block:PreviousPage}
  745.                         <li><a href="{PreviousPage}" id="pagination">« PREV</a></li>
  746.                     {/block:PreviousPage}
  747.             {/block:Pagination}
  748.             {/block:IndexPage}
  749.            
  750.             <li><a href="/"> Home</a></li>
  751.  
  752.             {block:AskEnabled}
  753.             <li><a href="/ask">Ask</a></li>
  754.             {/block:AskEnabled}
  755.  
  756.             {block:SubmissionsEnabled}
  757.             <li><a href="/submit">{SubmitLabel}</a></li>
  758.             {/block:SubmissionsEnabled}
  759.  
  760.             <li><a href="/archive">Archive</a></li>
  761.            
  762.             {block:Following}<li><span class="blogroll_link">Blogroll</li></span>
  763.              <script>
  764.               $('.blogroll_link').click(function() {
  765.                 $('.float .blogroll').slideToggle('medium', function() {
  766.                 });
  767.               });
  768.              </script>{/block:Following}
  769.  
  770.             {block:HasPages}
  771.             {block:Pages}
  772.             <li><a href="{URL}" >{Label}</a></li>
  773.             {/block:Pages}
  774.             {/block:HasPages}
  775.        
  776.             {block:ifLink1Title}
  777.             <li><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></li>
  778.             {/block:ifLink1Title}
  779.    
  780.             {block:ifLink2Title}
  781.             <li><a href="{text:Link 2 URL}">{text:Link 2 Title}</a></li>
  782.             {/block:ifLink2Title}
  783.    
  784.             {block:ifLink3Title}
  785.             <li><a href="{text:Link 3 URL}">{text:Link 3 Title}</a></li>
  786.             {/block:ifLink3Title}
  787.            
  788.             {block:IndexPage}
  789.             {block:Pagination}
  790.                     {block:NextPage}
  791.                         <li><a href="{NextPage}" id="pagination">NEXT »</a></li>
  792.                     {/block:NextPage}
  793.             {/block:Pagination}
  794.             {/block:IndexPage}
  795.           </div>
  796.          
  797.    
  798.        
  799.         <div class="blogroll">
  800.             {block:Following}{block:Followed}
  801.             <a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img class="blogroll_img" src="{FollowedPortraitURL-24}"></a>
  802.             {/block:Followed}{/block:Following}
  803.         </div>
  804.     </div>
  805.  
  806.     <div id="header">
  807.         {block:IfNotLogoImage}
  808.         <h1 class="header_title"><a href="/">{Title}</a></h1>
  809.         {/block:IfNotLogoImage}
  810.         {block:IfLogoImage}
  811.         <a href="/"><img src="{image:Logo}" id="logo"></a>
  812.         {/block:IfLogoImage}
  813.        
  814.         {block:IfNotShowSidebar}
  815.         {block:Description}
  816.         <div class="header_desc">
  817.             {Description}
  818.         </div>
  819.         {/block:Description}
  820.         {/block:IfNotShowSidebar}
  821.     </div>
  822.  
  823. <div id="main">
  824.    
  825.     {block:IfShowSidebar}
  826.     {block:IndexPage}
  827.     <div class="side">
  828.         {block:IfSideImageImage}
  829.                 <img src="{image:Side Image}" width="170"/>
  830.         {/block:IfSideImageImage}
  831.         {block:Description}
  832.         <div id="about">{Description}</div>
  833.         {/block:Description}
  834.     </div>
  835.     {/block:IndexPage}
  836.     {block:IfShowSidebar}
  837. {block:Posts}
  838.  
  839. <div class="posts">
  840.  
  841.  
  842. <!-- TEXT POST -->
  843. {block:Text}
  844.     <div id="padding">
  845.         {block:Title}
  846.         <h1 class="title"><a href="{Permalink}">{Title}</a></h1>
  847.         {/block:Title}
  848.         <div class="body">{Body}</div>
  849.        
  850.         {block:IndexPage}
  851.         <div id="index">
  852.         <a href="{Permalink}">{TimeAgo}</a>
  853.         </div>
  854.         {/block:IndexPage}
  855.     </div>
  856. {/block:Text}
  857.  
  858.  
  859. <!-- LINK POST -->
  860. {block:Link}
  861.     <div id="padding">
  862.         <h1 class="title"><a href="{URL}" {Target}>{Name}</a></h1>
  863.         {block:Description}
  864.         <div class="body">{Description}</div>
  865.         {/block:Description}
  866.        
  867.         {block:IndexPage}
  868.         <div id="index">
  869.         <a href="{Permalink}">{TimeAgo}</a>
  870.         </div>
  871.         {/block:IndexPage}
  872.     </div>
  873. {block:Link}
  874.  
  875.  
  876. <!-- PHOTO POST -->
  877. {block:Photo}
  878.     {block:IndexPage}
  879.     <div class="overlay">
  880.         <a href="{Permalink}" class="postperma notecount">{NoteCountwithLabel}</a>
  881.         <a href="{ReblogURL}" class="postperma reblogpost" target="_blank">Reblog</a>
  882.     </div>
  883.     {/block:IndexPage}
  884.  
  885.     {block:IndexPage}
  886.     <div id="photo">
  887.         <img src="{PhotoURL-500}" width="190"/>
  888.     </div>
  889.     {/block:IndexPage}
  890.  
  891.     {block:PermalinkPage}
  892.         <img class="photo" src="{PhotoURL-500}" width="500" />
  893.     {/block:PermalinkPage}
  894. {/block:Photo}
  895.  
  896.  
  897. <!-- PHOTOSET POST -->
  898. {block:Photoset}
  899.     {block:IndexPage}
  900.     <div id="photo">
  901.         {Photoset-250}
  902.     </div>
  903.    
  904.         <div id="index3">
  905.         <a style="display:inline" href="{ReblogURL}">Reblog</a>
  906.         <a style="float:right" href="{Permalink}">{NoteCountWithLabel}</a>
  907.         </div>
  908.     {/block:IndexPage}
  909.    
  910.     {block:PermalinkPage}
  911.         {Photoset-500}
  912.     {/block:PermalinkPage}
  913. {/block:Photoset}
  914.  
  915.  
  916. <!-- ANSWER POST -->
  917. {block:Answer}
  918.     <div id="padding">
  919.         <div id="asker"><img src="{AskerPortraitURL-30}"><span> {Question}</span></div>
  920.         <div id="answer">{Answer}</div>
  921.        
  922.         {block:IndexPage}
  923.         <div id="index">
  924.         <a href="{Permalink}">{TimeAgo}</a>
  925.         </div>
  926.         {/block:IndexPage}
  927.     </div>
  928. {/block:Answer}
  929.  
  930.  
  931. <!-- QUOTE POST -->
  932. {block:Quote}
  933.     <div id="padding">
  934.         <h1 class="quote">{Quote}</h1>
  935.         {block:Source}
  936.         <div class="source">{Source}</div>
  937.         {/block:Source}
  938.        
  939.         {block:IndexPage}
  940.         <div id="index">
  941.         <a href="{Permalink}">{TimeAgo}</a>
  942.         </div>
  943.         {/block:IndexPage}
  944.     </div>
  945. {/block:Quote}
  946.  
  947.  
  948. <!-- CHAT POST -->
  949. {block:Chat}
  950.  
  951.         {block:Title}
  952.            <div id="padding"> <h1 class="title">{Title} </h1></div>
  953.         {/block:Title}
  954.        
  955.    
  956.         {block:Lines}
  957.             <div class="{Alt}">
  958.                 {block:Label}
  959.                 <b>{Label}</b>
  960.                 {/block:Label}
  961.                 {Line}
  962.             </div>
  963.         {/block:Lines}
  964.        
  965.         {block:IndexPage}
  966.         <div id="index3">
  967.             <a style="display:inline" href="{Permalink}">{TimeAgo}</a>
  968.             <a style="float:right" href="{Permalink}">{NoteCountWithLabel}</a>
  969.         </div>
  970.         {/block:IndexPage}
  971. {/block:Chat}
  972.  
  973.  
  974.  
  975. <!-- AUDIO POST -->
  976. {block:Audio}
  977.     {block:IndexPage}
  978.     <div class="AlbumArt">
  979.        {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  980.         <div class="AudioWrap">
  981.             <div class="audio" id="{PostID}">{AudioPlayerBlack}</div>
  982.         </div>
  983.     </div>
  984.    
  985.         <div id="index2">
  986.             <a style="float:right" href="{Permalink}">{PlayCountWithLabel}</a>
  987.         </div>
  988.         {/block:IndexPage}
  989.        
  990.        
  991.     {block:PermalinkPage}
  992.         {block:AlbumArt}
  993.             <div class="album-art">
  994.             <img src="{AlbumArtURL}" height="100px">
  995.             </div>
  996.         {/block:AlbumArt}
  997.             <div class="audioplayer2">
  998.             {AudioPlayerGrey}  
  999.             </div>
  1000.         <div class="ainfo"><b>TRACK:</b>
  1001.             {block:TrackName}
  1002.             {TrackName}
  1003.             {/block:TrackName}
  1004.         </div>
  1005.        
  1006.         <div class="ainfo"><b>ARTIST:</b>
  1007.             {block:Artist}
  1008.             {Artist}
  1009.             {/block:Artist}
  1010.             </div>
  1011.        
  1012.         <div class="ainfo"><b>ALBUM:</b>
  1013.             {block:Album}
  1014.             {Album}
  1015.             {/block:Album}
  1016.         </div>
  1017.        
  1018.     {/block:PermalinkPage}
  1019. {/block:Audio}
  1020.  
  1021. {block:Video}
  1022.     {block:IndexPage}
  1023.         <div class="video" id="{PostID}">{Video-250}</div>
  1024.        
  1025.         <div id="index3">
  1026.         <a style="display:inline" href="{ReblogURL}">Reblog</a>
  1027.         <a style="float:right" href="{Permalink}">{NoteCountWithLabel}</a>
  1028.         </div>
  1029.     {/block:IndexPage}
  1030.     {block:PermalinkPage}
  1031.         <div class="video">{Video-500}</div>
  1032.     {/block:PermalinkPage}
  1033. {/block:Video}
  1034. </div>
  1035.  
  1036.  
  1037.  
  1038. {block:PostNotes}
  1039.  
  1040. {block:PermalinkPage}
  1041. <div id="info">
  1042.         {block:Caption}
  1043.         <div id="caption">
  1044.             {Caption}
  1045.         </div>
  1046.         {/block:Caption}
  1047.    
  1048.         {block:RebloggedFrom}
  1049.         <div id="rootinfo">
  1050.         {Month} {MonthNumber}, {Year} at {12HourWithZero}:{Minutes} {CapitalAmPm}
  1051.         <br>
  1052.         {block:NoteCount}
  1053.         with {NoteCountWithLabel}
  1054.         {/block:NoteCount}
  1055.         <br>
  1056.         Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1057.         <br>
  1058.         Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1059.      
  1060.         </div>
  1061.         {/block:RebloggedFrom}
  1062.        
  1063.         <div id="extras">
  1064.             <div id="socialmedia">
  1065.             <span st_url='{Permalink}' st_title='{Title}' class='st_facebook_hcount' displayText='Facebook'></span></span>
  1066.             <span st_url='{Permalink}' st_title='{Title}' class='st_twitter_hcount' displayText='Tweet'></span>
  1067.             <span st_url='{Permalink}' st_title='{Title}' class='st_googleplus_hcount' displayText='Google  '></span>
  1068.             </div>
  1069.         </div>
  1070.    
  1071. </div>
  1072. {/block:PermalinkPage}
  1073.  
  1074.  
  1075.  
  1076.  
  1077. <div id="notes">{PostNotes}</div>
  1078. {/block:PostNotes}
  1079.  
  1080. {/block:Posts}
  1081.  
  1082. </div>
  1083. </div>
  1084. </body>
  1085. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!