API tools faq
paste
Advertisement
feiinho

Theme nº22 by Max Davis

feiinho
Aug 22nd, 2014
580
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-- -------------------------------------------------------------
  5.  
  6.  
  7. Theme °22 By Max Davis.
  8.  
  9.  
  10. Get this free theme: http://themes.themaxdavis.com/theme/theme_22
  11. More Themes: http://themes.themaxdavis.com
  12.  
  13.  
  14. PROMOTE YOUR TUMBLR: http://themes.themaxdavis.com/spotlight
  15.  
  16.  
  17. ------------------------------------------------------------- -->
  18.  
  19.  
  20. <html lang="en">
  21. <head>
  22. <meta charset="utf-8" />
  23. <title>{Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}" />
  27.  
  28. <meta name="color:Background" content="#F5F5F5"/>
  29. <meta name="color:Center" content="#FFFFFF"/>
  30. <meta name="color:Text" content="#000000"/>
  31. <meta name="color:Link" content="#000000"/>
  32. <meta name="color:Link Hover" content="#000000"/>
  33.  
  34. <meta name="image:Background" content="" />
  35. <meta name="image:Sidebar Portrait" content="" />
  36.  
  37. <meta name="if:Infinite scrolling" content="1" />
  38. <meta name="if:2 or 3 Columns" content="0" />
  39. <meta name="if:Float Left" content="0" />
  40. <meta name="if:Float Right" content="0" />
  41. <meta name="if:Facebook Comments" content="0" />
  42. <meta name="if:Sidebar Left Or Right" content="1" />
  43. <meta name="if:Sidebar Fixed" content="1" />
  44. <meta name="if:Sidebar Small" content="1" />
  45. <meta name="if:Hide Description" content="0" />
  46. <meta name="if:Hide Links" content="0" />
  47. <meta name="if:Hide Twitter" content="0" />
  48. <meta name="if:Hide Captions" content="0" />
  49. <meta name="if:Round borders" content="1" />
  50. <meta name="if:Shadow" content="0" />
  51. <meta name="if:Switch Image Hover Effect" content="0" />
  52. <meta name="if:Background Image Fixed" content="0" />
  53. <meta name="if:Background Image Centered" content="1" />
  54. <meta name="if:Back To Top Button" content="1" />
  55. <meta name="if:Source Sans Pro Font" content="0" />
  56.  
  57. <meta name="text:Twitter Username" content=""/>
  58. <meta name="text:Link 1" content="" />
  59. <meta name="text:Link 1 Title" content="" />
  60. <meta name="text:Link 2" content="" />
  61. <meta name="text:Link 2 Title" content="" />
  62. <meta name="text:Link 3" content="" />
  63. <meta name="text:Link 3 Title" content="" />
  64. <meta name="text:Link 4" content="" />
  65. <meta name="text:Link 4 Title" content="" />
  66. <meta name="text:Link 5" content="" />
  67. <meta name="text:Link 5 Title" content="" />
  68.  
  69. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  70. {block:ifSourceSansProFont}<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>{/block:ifSourceSansProFont}
  71.  
  72. <style type="text/css"> body { padding:0; margin:0; overflow-x:hidden; font-size:11px; font-family: 'Helvetica', Arial, sans-serif; color:{color:Text}; background-color:{color:background}; background-image:url({image:Background}); {block:ifBackgroundImageCentered} background-position:center top; {/block:ifBackgroundImageCentered} {block:ifBackgroundImageFixed} background-attachment:fixed; {/block:ifBackgroundImageFixed} {block:ifSourceSansProFont} font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; {/block:ifSourceSansProFont}} a { text-decoration:none; color:{color:link}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:hover { color:{color:link hover}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #content { margin: 20px auto; {block:IfFloatLeft} position:absolute; left:10px; {Block:ifSidebarLeftOrRight} left:20px; {/Block:ifSidebarLeftOrRight} {block:PermalinkPage} left:20px; {/block:PermalinkPage} {/block:IfFloatLeft} {block:IfFloatRight} position:absolute; right:10px; {Block:ifNotSidebarLeftOrRight} right:20px; {/Block:ifNotSidebarLeftOrRight} {block:PermalinkPage} right:20px; {/block:PermalinkPage} {/block:IfFloatRight} {block:if2or3Columns} width:870px; {block:PermalinkPage} width:1030px; {/block:PermalinkPage} {Block:ifSidebarSmall} width:820px; {block:PermalinkPage} width:980px; {/block:PermalinkPage} {/Block:ifSidebarSmall} {/block:if2or3Columns} {block:ifNot2or3Columns} width:1150px; {block:PermalinkPage} width:1030px; {/block:PermalinkPage} {Block:ifSidebarSmall} width:1100px; {block:PermalinkPage} width:980px; {/block:PermalinkPage} {/Block:ifSidebarSmall} {/block:ifNot2or3Columns}} #sidebar { position:absolute; width:270px; {Block:ifSidebarSmall} width:220px; {/Block:ifSidebarSmall} {Block:IfSidebarFixed} position:fixed; {/Block:IfSidebarFixed} {block:if2or3Columns} {Block:ifNotSidebarLeftOrRight} margin:0 0 0 590px; {block:PermalinkPage} margin:0 0 0 760px; {/block:PermalinkPage} {/Block:ifNotSidebarLeftOrRight} {/block:if2or3Columns} {block:ifNot2or3Columns} {Block:ifNotSidebarLeftOrRight} margin:0 0 0 880px; {block:PermalinkPage} margin:0 0 0 760px; {/block:PermalinkPage} {/Block:ifNotSidebarLeftOrRight} {/block:ifNot2or3Columns}} #sidebar h1 { font-size: 17px; height: 13px; line-height: 17px; margin: 0 0 1px; overflow: hidden; padding: 10px; text-overflow: ellipsis; white-space: nowrap; width: 250px; background:{color:center}; {block:ifShadow} box-shadow:0 11px 12px -12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall}} #sidebar #portrait { margin: 0 0 1px; padding: 10px; width: 250px; background:{color:center}; {block:ifRoundborders} border-radius:3px 3px 0 0; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall}} #sidebar #description, #links, #sidebar #twitter { margin: 0 0 1px;} #sidebar #description #desc_click, #sidebar #links #links_click, #sidebar #twitter h1 { cursor: pointer; font-size: 12px; font-weight: bold; height: 9px; line-height: 12px; margin: 0; padding: 10px; width: 250px; background:{color:center}; {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall} {block:ifShadow} box-shadow:0 11px 12px -12px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall}} #sidebar #links #links_click, #sidebar #links #background { {Block:IfNotHideTwitter} {block:ifRoundborders} border-radius:0 0 3px 3px; {/block:ifRoundborders} {/Block:IfNotHideTwitter}} #sidebar #twitter h1, #sidebar #twitter #background { {Block:IfHideTwitter} {block:ifRoundborders} border-radius:0 0 3px 3px; {/block:ifRoundborders} {/Block:IfHideTwitter}} #sidebar #description #description_box { position:relative; {Block:IfHideDescription} display:none; {/Block:IfHideDescription}} #sidebar #links #links_box { position:relative; font-size:12px; {Block:IfHideLinks} display:none; {/Block:IfHideLinks}} #sidebar #twitter #twitter_box { position:relative; {Block:IfHideTwitter} display:none; {/Block:IfHideTwitter}} #sidebar #description #background, #sidebar #links #background, #sidebar #twitter #background { position:absolute; height:100%; width:100%; opacity:0.8; z-index:-1; margin-top:-6px; padding:0 0 6px; background:{color:center}; {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {Block:ifSidebarSmall} width:220px; {/Block:ifSidebarSmall}} #sidebar #description #description_box p { padding:10px; margin:0;} #sidebar #links a { display: block; font-weight: bold; margin: 0 10px; overflow: hidden; padding: 7px 0; text-overflow: ellipsis; white-space: nowrap; width: 200px; border-bottom:1px solid {color:center};} #sidebar #links a:last-child {border:none;} #sidebar #twitter #tweets { margin:0; padding:10px; list-style:none;} #sidebar #twitter #tweets li:last-child { margin:0;} #tweets .tweet_list { list-style: none; margin: 0; padding: 0;} #tweets .tweet_list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px 10px 9px;} #tweets .tweet_list .tweet_time, #tweets .tweet_list .tweet_avatar, #tweets .tweet_list .tweet_avatar img { display:none;} #sidebar #page_navigation { font-weight: bold; line-height: 100%; padding: 10px; width: 220px; background:{color:center}; {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall}} #sidebar #page_navigation .prev_1 { cursor:default; opacity:0.5; float:left;} #sidebar #page_navigation .prev { float:left; position: relative; z-index: 3;} #sidebar #page_navigation .next { float:right; position: relative; z-index: 3;} #sidebar #page_navigation #jump_pagination { font-size: 9px; position: absolute; text-align: center; width: 220px; {Block:ifSidebarSmall} width:200px; {/Block:ifSidebarSmall}} #sidebar #page_navigation #jump_pagination a, #sidebar #page_navigation #jump_pagination span{ display:inline-block; margin:0 3px;} #container { position:relative; {block:if2or3Columns} width:580px; {Block:ifSidebarLeftOrRight} margin:0 0 0 280px; {Block:ifSidebarSmall} margin:0 0 0 230px; {/Block:ifSidebarSmall} {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} {block:PermalinkPage} width:750px; margin:0; {/block:PermalinkPage} {/Block:ifNotSidebarLeftOrRight} {/block:if2or3Columns} {block:ifNot2or3Columns} width:870px; margin:0 280px 0 0; {block:PermalinkPage} margin:0 0 0 -120px; {/block:PermalinkPage} {Block:ifSidebarSmall} margin:0 0 0 -120px; margin:0; {/Block:ifSidebarSmall} {Block:ifSidebarLeftOrRight} margin:0 0 0 280px; {Block:ifSidebarSmall} margin:0 0 0 230px; {/Block:ifSidebarSmall} {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} {block:PermalinkPage} width:750px; margin:0; {/block:PermalinkPage} {/Block:ifNotSidebarLeftOrRight} {/block:ifNot2or3Columns}} #container #post, #container #twitter, #container #page_navigation { width:250px; float:left; margin:0 10px 20px; padding:10px; overflow:hidden; background:{color:center}; {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow} {block:PermalinkPage} width:500px; {Block:ifNotSidebarLeftOrRight} float:right; {/Block:ifNotSidebarLeftOrRight} {/block:PermalinkPage}} #container #twitter h1 { line-height: 100%; margin: 0 0 10px;} #container #twitter #twitter_update_list { list-style: none outside none; margin: 0; padding: 0;} #container #twitter #twitter_update_list li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px;} #container #twitter #twitter_update_list li a{ font-size:80% !important;} #container #twitter #twitter_update_list li span { display: block; font-size: 11px; padding: 0 0 5px;} #container #twitter #twitter_update_list li span a{ font-size:100% !important;} #container #twitter #twitter_update_list li:last-child{ margin:0;} #container #post #photo { position:relative; width:250px; overflow:hidden; {block:PermalinkPage} width:500px; {block:PermalinkPage}} #container #post #photo img { width:250px; {block:PermalinkPage} width:500px; {block:PermalinkPage}} #container #post #photo a, a:hover { color:{color:Image post hover text};} #container #post #photo #hover { visibility:hidden} #container #post #photo:hover #hover{ visibility:visible} #container #post #photo .kisten { background-color: rgba(0, 0, 0, 0.85); color: white; font-size: 9px; font-weight: bold; height: 7px; line-height: 9px; overflow: hidden; padding: 8px 10px; position: absolute; text-transform: uppercase;} #container #post #photo .kisten a, #container #post #photo .kisten a:hover{color:white;} {Block:IfNotSwitchImageHoverEffect} #container #post #photo .notes { bottom: 76px; left: -80px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #container #post #photo .timeago { left:-90px; bottom:52px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo .date { left:-80px; bottom: 28px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photo .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photo:hover .notes, #container #post #photo:hover .timeago, #container #post #photo:hover .date {left:0;} #container #post #photo:hover .reblog, #container #post #photo:hover .permalink {right:0} #container #post #photo:hover .tags {bottom:0;} {/Block:IfNotSwitchImageHoverEffect} /** IMAGE HOVER STYLE #2 **/ {Block:IfSwitchImageHoverEffect} #container #post #photo #kist { position:absolute; top:0;} #container #post #photo .kisten { opacity:0; position:static; width: 230px; margin-bottom:1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; {Block:ifNotSidebarLeftOrRight} text-align:right; {/Block:ifNotSidebarLeftOrRight} {Block:Ifnotfloatleft} text-align:center; {/Block:Ifnotfloatleft} {Block:Ifnotfloatright} text-align:center; {/Block:Ifnotfloatright}} #container #post #photo .notes { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);} #container #post #photo .timeago { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;} #container #post #photo .date { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;} #container #post #photo .reblog { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;} #container #post #photo .reblog a { margin: 0 3px;} {Block:ifSidebarLeftOrRight} #container #post #photo .reblog a:first-child { margin-left:0;} {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} #container #post #photo .reblog a:last-child { margin-right:0;} {/Block:ifNotSidebarLeftOrRight} #container #post #photo .tags { bottom: 0; text-align: left; margin-bottom: 0; position:absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;} #container #post #photo:hover .notes, #container #post #photo:hover .timeago, #container #post #photo:hover .date, #container #post #photo:hover .reblog, #container #post #photo:hover .permalink, #container #post #photo:hover .tags {opacity:1.0;} {/Block:IfSwitchImageHoverEffect} #container #post #photo .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photo .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photo .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photo .caption p { margin:0 0 5px; display: inline-block;} #container #post #photo .caption blockquote { display: inline-block; margin: 0} /** Photo set styling **/ #container #post #photoset { position:relative; width:250px; overflow:hidden; {block:PermalinkPage} width:500px; {block:PermalinkPage}} #container #post #photoset a, a:hover { color:{color:Image post hover text};} #container #post #photoset #hover { visibility:hidden} #container #post #photoset:hover #hover{ visibility:visible} #container #post #photoset .kisten { background-color: rgba(0, 0, 0, 0.85); color: white; font-size: 9px; font-weight: bold; height: 7px; line-height: 9px; overflow: hidden; padding: 8px 10px; position: absolute; text-transform: uppercase;} #container #post #photoset .kisten a, #container #post #photoset .kisten a:hover{color:white;} {Block:IfNotSwitchImageHoverEffect} #container #post #photoset .notes { bottom: 76px; left: -80px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} #container #post #photoset .timeago { left:-90px; bottom:52px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .date { left:-80px; bottom: 28px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .reblog { bottom: 28px; right:-65px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;} #container #post #photoset .permalink { bottom:52px; right:-75px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset .tags { bottom: -46px; padding: 10px; width: 230px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #post #photoset:hover .notes, #container #post #photoset:hover .timeago, #container #post #photoset:hover .date {left:0;} #container #post #photoset:hover .reblog, #container #post #photoset:hover .permalink {right:0} #container #post #photoset:hover .tags {bottom:0;} {/Block:IfNotSwitchImageHoverEffect} /** IMAGE HOVER STYLE #2 **/ {Block:IfSwitchImageHoverEffect} #container #post #photoset #kist { position:absolute; top:0;} #container #post #photoset .kisten { opacity:0; position:static; width: 230px; margin-bottom:1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; {Block:ifNotSidebarLeftOrRight} text-align:right; {/Block:ifNotSidebarLeftOrRight} {Block:Ifnotfloatleft} text-align:center; {/Block:Ifnotfloatleft} {Block:Ifnotfloatright} text-align:center; {/Block:Ifnotfloatright}} #container #post #photoset .notes { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);} #container #post #photoset .timeago { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;} #container #post #photoset .date { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s;} #container #post #photoset .reblog { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s;} #container #post #photoset .reblog a { margin: 0 3px;} {Block:ifSidebarLeftOrRight} #container #post #photoset .reblog a:first-child { margin-left:0;} {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} #container #post #photoset .reblog a:last-child { margin-right:0;} {/Block:ifNotSidebarLeftOrRight} #container #post #photoset .tags { bottom: 0; text-align: left; margin-bottom: 0; position:absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s;} #container #post #photoset:hover .notes, #container #post #photoset:hover .timeago, #container #post #photoset:hover .date, #container #post #photoset:hover .reblog, #container #post #photoset:hover .permalink, #container #post #photoset:hover .tags {opacity:1.0;} {/Block:IfSwitchImageHoverEffect} #container #post #photoset .taglist { height: 7px; list-style: none outside none; margin: 0 0 20px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; width: 230px; line-height: 9px;} #container #post #photoset .taglist li { display: inline-block; margin: 0 0 0 4px; white-space: nowrap;} #container #post #photoset .caption { height: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 230px; margin: 0 0 20px; padding: 0; line-height: 9px;} #container #post #photoset .caption p { margin:0 0 5px; display: inline-block;} #container #post #photoset .caption blockquote { display: inline-block; margin: 0} /** CSS for all posts **/ #container h1 { line-height: 120%; margin: -3px 0 0; font-size:17px;} #container .caption { position:relative; padding:5px;} #container .caption blockquote{ margin:0 0 0 5px;} #container .caption p { margin:2px 0;} #container .caption blockquote img, #container .caption p img{ width:100%; height:auto; margin:5px 0;} /** Chat posts **/ #container #chat{ margin:0; padding:0; list-style:none;} #container #chat li{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); line-height: 110%; margin: 0 0 3px; padding: 10px;} #container #chat li:last-child{ margin:0;} #container #chat .label { font-weight:bold;} /** Quote posts **/ #container #quote h1{ font-size: 14px; letter-spacing: 1px; line-height: 150%; margin: 10px 0; text-align: center; text-transform: uppercase; word-spacing: 3px;} #container #quote .source { text-align: center;} /** Video posts **/ #container #video iframe { width:250px !important;} /** Audio posts **/ #container #audio { position:relative;} #container #audio #album_art { background-image: url("http://static.tumblr.com/8jq17g7/Nxumao2aw/vinyl.png"); float: left; height: 76px; margin: 5px 0 10px 5px; width: 96px;} #container #audio #album_art img { height: 72px; margin: 1px 2px; width: 72px;} #container #audio #player { background: none repeat scroll 0 0 black; border-color: black; border-style: solid; border-width: 0 56px; float: left; margin: 25px 0 0 10px; overflow: hidden; padding: 3px 0; width: 27px; height: 27px; {block:ifRoundborders} border-radius: 3px 3px 3px 3px; {/block:ifRoundborders}} #container #audio .shortplayer { margin: 25px 2px 0 10px !important; border-width: 0 3px !important; {block:ifRoundborders} border-radius: 3px 0 0 3px !important; {/block:ifRoundborders}} #container #audio #playcount { background: none repeat scroll 0 0 #000000; color: white; float: left; font-weight: bold; height: 11px; margin: 25px 0 0; padding: 11px 10px; text-align: right; width: 84px; {block:ifRoundborders} border-radius: 0 3px 3px 0; {/block:ifRoundborders}} #container #audio #info { background: none repeat scroll 0 0 transparent; box-shadow: none; clear: both; list-style: none outside none; margin: 15px 0 0; padding: 0;} #container #audio #info li{ margin:3px 0 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); white-space:nowrap; overflow:hidden; padding:5px 10px; text-overflow:ellipsis;} #container #audio #info p{ margin:0 3px 0 0; font-weight:bold; display:inline-block;} /** Answer posts **/ #container #answer .question { margin: -5px 0 0;} #container #answer .question .asker_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .question p { float: left; margin: 0; padding: 0 0 5px 5px; width: 200px;} #container #answer .answer { clear: both; margin: 5px 0 0;} #container #answer .answer .answer_portrait { float: left; height: 40px; margin: 0 5px 0 0; width: 40px;} #container #answer .answer p{ float: left; margin: 0; padding: 0 0 0 5px; position: relative; width: 200px;} #container #answer .answer p img { max-width:100%; margin:5px 0;} #caption { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); margin: 10px 0 0; overflow: hidden; padding: 1px 10px; position: relative;} #caption blockquote { margin: 0 0 0 10px; position: relative;} #caption img{ width:100%; margin:5px 0; height:auto;} /** Page Navigation **/ #container #page_navigation { font-weight:bold; text-transform:uppercase;} #container #page_navigation .prev_1 { cursor:default; opacity:0.5; float:left;} #container #page_navigation .prev { float:left;} #container #page_navigation .next { float:right;} #container #go_up { bottom: 20px; display: none; line-height: 100%; padding: 7px 10px 8px; position: fixed; background:{color:center}; {Block:ifSidebarLeftOrRight} margin: 0 0 0 590px; {block:ifNot2or3Columns} margin: 0 0 0 880px; {/block:ifNot2or3Columns} {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} margin: 0 0 0 -35px; {block:ifNot2or3Columns} {/block:ifNot2or3Columns} {/Block:ifNotSidebarLeftOrRight} {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow}} #container #post_sidebar { position: absolute; width: 200px; {Block:IfSidebarFixed} position:fixed; {/Block:IfSidebarFixed} {Block:ifSidebarLeftOrRight} {Block:IfNotSidebarFixed} right:0; {/Block:IfNotSidebarFixed} margin: 0 0 0 550px; {/Block:ifSidebarLeftOrRight} {Block:ifNotSidebarLeftOrRight} {Block:IfNotSidebarFixed} left:0; {/Block:IfNotSidebarFixed} margin: 0 0 0 120px; margin:0; {/Block:ifNotSidebarLeftOrRight}} #container #info, #container #info2, #container #tags, #container #share { position:relative;} #container #info h2, #container #info2 h2, #container #tags h2, #container #share h2 { height: 12px; line-height: 14px; margin: 0; padding: 10px; background:{color:center}; {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow}} #container #info #info_li, #container #info2 #info_li, #container #tags #taglist { margin:0; padding:10px; list-style:none;} #container #tags #taglist { padding:10px 10px 7px} #container #info #background, #container #info2 #background, #container #tags #background, #container #share #background { opacity: 0.8; padding: 0 0 6px; position: absolute; top:0;bottom:0;left:0;right:0; z-index: -1; background:{color:center}; {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow}} #container #info_li li{ margin: 1px 0;} #container #tags, #container #info2, #container #share { margin:20px 0 0;} #container #tags #taglist li { display: inline-block; margin: 0 1px 3px 0; display: inline-block; font-style: italic; background: rgba(0,0,0,0.05); padding: 4px 4px 3px; height: 12px; line-height: 100%;} #container #share #buttons { padding: 10px; position: relative;} #container #share #google { float: left; overflow: hidden; width: 32px;} #container #share #twitter { background: none repeat scroll 0 0 transparent; box-shadow: none; float: left; margin: 0 5px; padding: 0; width: 55px;} #container #share #facebook { float: left; height: 20px; width: 83px;} #container #fb_comments { padding: 10px; width:500px; float:left; margin:0 10px 20px; overflow:hidden; background:{color:center}; {Block:ifNotSidebarLeftOrRight} float:right; {/Block:ifNotSidebarLeftOrRight} {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow}} #container #fb_comments .fb-comments { margin: 0px 0 0;} #container #notes { padding: 10px; width:500px; margin: 0 10px 20px; float:left; list-style-type: none; font-weight:bold; background:{color:center}; {Block:ifNotSidebarLeftOrRight} float:right; {/Block:ifNotSidebarLeftOrRight} {block:ifRoundborders} border-radius:3px; {/block:ifRoundborders} {block:ifShadow} box-shadow:0 32px 32px -32px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05); {/block:ifShadow}} #container #notes span.space { display: inline-block; margin: 0 5px;} #container #notes .hide, #container #notes .show {cursor:pointer;} #container #notes .hide{display:none;} #container ol.notes { padding: 0; margin: 10px 0 0; font-weight:normal; list-style-type: none;} #container ol.notes li.note { clear: none !important; display: inline-block; font-size: 10px; height: 20px; margin: 0 4px 6px !important; overflow: hidden; width: 20px;} #container ol.notes li.more_notes_link_container{ clear: both; display: block; font-size: 11px; font-weight: bold; height: 11px; margin-top: -34px !important; padding: 12px 11px 2px; position: relative; text-align: center; text-transform: uppercase; width: 480px; background:{color:center};} #container ol.notes li.note img.avatar { display: inline-block; height: 20px; margin-right: 7px; vertical-align: -5px; width: 20px;} #container ol.notes li.note span{} #container ol.notes li.note span.action a{ font-weight: bold;} #container ol.notes li.note .answer_content { font-weight: normal; display:none;} #container ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container ol.notes li.note blockquote a { text-decoration: none; display:none;} </style>
  73.  
  74. <body>
  75. <div id="fb-root"></div>
  76. <script>
  77. (function(d, s, id) {
  78. var js, fjs = d.getElementsByTagName(s)[0];
  79. if (d.getElementById(id)) return;
  80. js = d.createElement(s); js.id = id;
  81. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  82. fjs.parentNode.insertBefore(js, fjs);
  83. }(document, 'script', 'facebook-jssdk'));
  84. </script>
  85. {Block:IfInfinitescrolling}{block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}{/Block:IfInfinitescrolling}
  86.  
  87. <div id="content">
  88. <div id="header"></div>
  89.  
  90. <div id="sidebar">
  91.  
  92. {block:IfNotSidebarPortraitimage}
  93. <a href="/"><h1>{Title}</h1></a>
  94. {/block:IfNotSidebarPortraitimage}
  95. {block:IfSidebarPortraitimage}
  96. <a href="/">
  97. <img src="{image:Sidebar Portrait}" id="portrait"/></a>
  98. <a href="/"><h1>{Title}</h1></a>
  99. {/block:IfSidebarPortraitimage}
  100.  
  101. <div id="description">
  102. <div id="desc_click">
  103. Description
  104. </div>
  105. <div id="description_box">
  106. <div id="background"></div>
  107. <p>{Description}</p>
  108. </div>
  109. </div>
  110.  
  111. <div id="links">
  112. <div id="links_click">
  113. Links
  114. </div>
  115. <div id="links_box">
  116. <div id="background"></div>
  117.  
  118. {block:AskEnabled}
  119. <a href="/ask">{AskLabel}</a>
  120. {/block:AskEnabled}
  121. {block:SubmissionsEnabled}
  122. <a href="/submit">Submit</a>
  123. {/block:SubmissionsEnabled}
  124.  
  125. {block:ifLink1Title}
  126. <a href="{text:Link 1}" title="{text:Link 1 Title}">
  127. {text:Link 1 Title}</a>
  128. {/block:ifLink1Title}
  129. {block:ifLink2Title}
  130. <a href="{text:Link 2}" title="{text:Link 2 Title}">
  131. {text:Link 2 Title}</a>
  132. {/block:ifLink2Title}
  133. {block:ifLink3Title}
  134. <a href="{text:Link 3}" title="{text:Link 3 Title}">
  135. {text:Link 3 Title}</a>
  136. {/block:ifLink3Title}
  137. {block:ifLink4Title}
  138. <a href="{text:Link 4}" title="{text:Link 4 Title}">
  139. {text:Link 4 Title}</a>
  140. {/block:ifLink4Title}
  141. {block:ifLink5Title}
  142. <a href="{text:Link 5}" title="{text:Link 5 Title}">
  143. {text:Link 5 Title}</a>
  144. {/block:ifLink5Title}
  145. <a href="/archive">archive</a>
  146. {block:HasPages}
  147. {block:Pages}
  148. <a href="{URL}" title="{Label}">{Label}</a>
  149. {/block:Pages}
  150. {/block:HasPages}
  151. </div><!-- End Links_box -->
  152. </div><!-- End Links -->
  153.  
  154. {Block:IfHideTwitter}
  155. {Block:IfTwitterUsername}
  156. <div id="twitter">
  157. <h1>Twitter</h1>
  158.  
  159. <div id="twitter_box">
  160. <div id="background"></div>
  161.  
  162. <div id="tweets"></div>
  163. </div>
  164. </div>
  165. {/Block:IfTwitterUsername}
  166. {/Block:IfHideTwitter}
  167.  
  168. <script>
  169. $('#desc_click').click(function() {
  170. $('#description_box').slideToggle("slow");
  171. $('#links_box, #twitter_box').slideUp("slow");
  172. });
  173. </script>
  174. <script>
  175. $('#links_click').click(function() {
  176. $('#links_box').slideToggle("slow");
  177. $('#description_box, #twitter_box').slideUp("slow");
  178. });
  179. </script>
  180. <script>
  181. $('#twitter h1').click(function() {
  182. $('#twitter_box').slideToggle("slow");
  183. $('#links_box, #description_box').slideUp("slow");
  184. });
  185. </script>
  186.  
  187. {block:IndexPage}
  188. {Block:IfSidebarFixed}
  189. {block:IfNotInfinitescrolling}
  190. {block:Pagination}
  191. <div id="page_navigation">
  192. <span class="prev_1" {block:PreviousPage}style="display:none;"{/block:PreviousPage}>←</span>
  193. {block:PreviousPage}
  194. <a href="{PreviousPage}" class="prev">←</a>
  195. {/block:PreviousPage}
  196.  
  197. <div id="jump_pagination">
  198. {block:JumpPagination length="5"}
  199. {block:CurrentPage}
  200. <span class="current_page">{PageNumber}</span>
  201. {/block:CurrentPage}
  202.  
  203. {block:JumpPage}
  204. <a class="jump_page" href="{URL}">{PageNumber}</a>
  205. {/block:JumpPage}
  206. {/block:JumpPagination}
  207. </div>
  208.  
  209. {block:NextPage}
  210. <a href="{NextPage}" class="next">→</a>
  211. {/block:NextPage}
  212. <div class="clear"></div>
  213. </div>
  214. {/block:Pagination}
  215. {/block:IfNotInfinitescrolling}
  216. {/Block:IfSidebarFixed}
  217. {/block:IndexPage}
  218.  
  219. </div><!-- End Sidebar -->
  220.  
  221. <div id="container">
  222.  
  223. {Block:IfNotHideTwitter}
  224. {block:IndexPage}
  225. {block:ifTwitterUsername}
  226. <div id="twitter">
  227. <a href="http://twitter.com/{text:Twitter Username}">
  228. <h1>Tweets</h1></a>
  229.  
  230. <div id="tweets"></div>
  231. </div>
  232. {/block:ifTwitterUsername}
  233. {/block:IndexPage}
  234. {/Block:IfNotHideTwitter}
  235.  
  236.  
  237. {block:Posts}
  238. <div id="post">
  239.  
  240. {block:Text}
  241. {block:Title}
  242. <a href="{Permalink}"><h1>{Title}</h1></a>
  243. {/block:Title}
  244. {Body}
  245. {/block:Text}
  246.  
  247. {block:Photo}
  248. <div id="photo">
  249. {block:IndexPage}
  250. {block:Date}
  251. <div id="hover">
  252. <div id="kist">
  253. {block:NoteCount}
  254. <div class="kisten notes">
  255. <a href="{Permalink}">{NoteCountWithLabel}</a>
  256. </div>
  257. {/block:NoteCount}
  258. <div class="kisten timeago">
  259. <a href="{Permalink}">{TimeAgo}</a></div>
  260. <div class="kisten date"
  261. ><a href="{Permalink}">
  262. {MonthNumberWithZero} - {DayOfMonthWithZero} - {Year}</a></div>{Block:IfNotSwitchImageHoverEffect}
  263. <div class="kisten permalink">
  264. <a href="{Permalink}">Permalink</a></div>
  265. <div class="kisten reblog">
  266. <a href="{ReblogURL}">Reblog</a></div>
  267. {/Block:IfNotSwitchImageHoverEffect}
  268. {Block:IfSwitchImageHoverEffect}
  269. <div class="kisten reblog">
  270. <a href="{Permalink}">Permalink</a>
  271. -
  272. <a href="{ReblogURL}">Reblog</a>
  273. </div>
  274. {/Block:IfSwitchImageHoverEffect}
  275. </div>
  276. <div class="kisten tags">
  277. {block:HasTags}<ul class="taglist">
  278. Filed under:
  279. {block:Tags}
  280. <li><a href="{TagURL}">#{Tag}</a></li>
  281. {/block:Tags}
  282. </ul>{/block:HasTags}
  283. {block:Caption}
  284. <div class="caption">{Caption}</div>
  285. {/block:Caption}
  286. <div id="stamp">Timestamp: {Timestamp}</div>
  287. </div>
  288. </div>
  289. {/block:Date}
  290. <img src="{PhotoURL-250}" />
  291. {/block:IndexPage}
  292. {block:PermalinkPage}
  293. <img src="{PhotoURL-500}" />
  294. {/block:PermalinkPage}
  295. </div>
  296. {/block:Photo}
  297.  
  298. {block:Photoset}
  299. <div id="photoset">
  300. {block:IndexPage}
  301. {block:Date}
  302. <div id="hover">
  303. <div id="kist">
  304. {block:NoteCount}
  305. <div class="kisten notes">
  306. <a href="{Permalink}">{NoteCountWithLabel}</a>
  307. </div>
  308. {/block:NoteCount}
  309. <div class="kisten timeago">
  310. <a href="{Permalink}">{TimeAgo}</a></div>
  311. <div class="kisten date"
  312. ><a href="{Permalink}">
  313. {MonthNumberWithZero} - {DayOfMonthWithZero} - {Year}</a></div>{Block:IfNotSwitchImageHoverEffect}
  314. <div class="kisten permalink">
  315. <a href="{Permalink}">Permalink</a></div>
  316. <div class="kisten reblog">
  317. <a href="{ReblogURL}">Reblog</a></div>
  318. {/Block:IfNotSwitchImageHoverEffect}
  319. {Block:IfSwitchImageHoverEffect}
  320. <div class="kisten reblog">
  321. <a href="{Permalink}">Permalink</a>
  322. -
  323. <a href="{ReblogURL}">Reblog</a>
  324. </div>
  325. {/Block:IfSwitchImageHoverEffect}
  326. </div>
  327. <div class="kisten tags">
  328. {block:HasTags}<ul class="taglist">
  329. Filed under:
  330. {block:Tags}
  331. <li><a href="{TagURL}">#{Tag}</a></li>
  332. {/block:Tags}
  333. </ul>{/block:HasTags}
  334. {block:Caption}
  335. <div class="caption">{Caption}</div>
  336. {/block:Caption}
  337. <div id="stamp">Timestamp: {Timestamp}</div>
  338. </div>
  339. </div>
  340. {/block:Date}
  341. {Photoset-250}
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. {Photoset-500}
  345. {/block:PermalinkPage}
  346. </div>
  347. {/block:Photoset}
  348.  
  349. {block:Quote}
  350. <div id="quote">
  351. <a href="{Permalink}"><h1>"{Quote}"</h1></a>
  352. {block:Source}
  353. <div class="source">{Source}</div>
  354. {/block:Source}
  355. </div>
  356. {/block:Quote}
  357.  
  358. {block:Link}
  359. <div id="link">
  360. <a href="{URL}" {Target}><h1>{Name}</h1></a>
  361. {block:Description}
  362. <div class="description">{Description}</div>
  363. {/block:Description}
  364. </div>
  365. {/block:Link}
  366.  
  367. {block:Audio}
  368. <div id="audio">
  369. <a href="{Permalink}">
  370. <div id="album_art">
  371. {block:AlbumArt}<img src="{AlbumArtURL}"/>
  372. {/block:AlbumArt}
  373. </div>
  374. </a>
  375. <div id="player"{block:PlayCount} class="shortplayer"{/block:PlayCount}>
  376. {AudioPlayerBlack}
  377. </div>
  378. {block:PlayCount}
  379. <div id="playcount">
  380. {PlayCountWithLabel}
  381. </div>
  382. {/block:PlayCount}
  383.  
  384. <ul id="info">
  385. {block:TrackName}
  386. <li><p>Trackname:</p> {TrackName}</li>
  387. {/block:TrackName}
  388.  
  389. {block:Artist}
  390. <li><p>Artist:</p> {Artist}</li>
  391. {/block:Artist}
  392.  
  393. {block:Album}
  394. <li><p>Album:</p> {Album}</li>
  395. {/block:Album}
  396. </ul>
  397. </div>
  398. {/block:Audio}
  399.  
  400. {block:Chat}
  401. {block:Title}
  402. <a href="{Permalink}"><h1>{Title}</h1></a>
  403. {/block:Title}
  404. <ul id="chat">
  405. {block:Lines}
  406. <li class="{Alt} user_{UserNumber}">
  407. {block:Label}
  408. <span class="label">{Label}</span>
  409. {/block:Label}
  410. {Line}
  411. </li>
  412. {/block:Lines}
  413. </ul>
  414. {/block:Chat}
  415.  
  416. {block:Video}
  417. <div id="video">
  418. {Video-250}
  419. </div>
  420. {/block:Video}
  421.  
  422. {block:Answer}
  423. <div id="answer">
  424. <div class="question">
  425. <img src="{AskerPortraitURL-40}" class="asker_portrait"/><p><strong>{Asker}:</strong><br/>{Question}</p><div class="clear"></div>
  426. </div>
  427. <div class="answer">
  428. <img src="{PortraitURL-40}" class="answer_portrait"/>{Answer}<div class="clear"></div>
  429. </div>
  430. </div>
  431. {/block:Answer}
  432.  
  433.  
  434.  
  435. {block:IfHideCaptions}
  436. {block:PermalinkPage}
  437. {block:Caption}
  438. <div id="caption" {block:Audio}style="display:none"{/block:Audio}>
  439. {Caption}</div>
  440. {/block:Caption}
  441. {/block:PermalinkPage}
  442. {/block:IfHideCaptions}
  443.  
  444. {block:IfNotHideCaptions}
  445. {block:Caption}
  446. <div id="caption" {block:Audio}style="display:none"{/block:Audio}>{Caption}</div>
  447. {/block:Caption}
  448. {/block:IfNotHideCaptions}
  449.  
  450. </div><!-- End Post -->
  451.  
  452.  
  453.  
  454. {block:PermalinkPage}
  455. {block:Date}
  456.  
  457. {block:IfFacebookComments}
  458. <div id="fb_comments">
  459. <div class="fb-comments" data-href="{URLEncodedPermalink}" data-num-posts="2" data-width="500"></div>
  460. </div>
  461. {/block:IfFacebookComments}
  462.  
  463. {block:PostNotes}
  464. <div id="notes">
  465. {PostNotes-64}
  466. </div>
  467. {/block:PostNotes}
  468.  
  469. <div id="post_sidebar">
  470. <div id="info">
  471. <h2>Post Info</h2>
  472. <ul id="info_li">
  473. <div id="background"></div>
  474. {block:NoteCount}
  475. <li><strong>Notes: </strong>{NoteCount}</li>
  476. {/block:NoteCount}
  477. <li><strong>Posted: </strong>
  478. {DayOfMonthWithZero} {Month} {Year}</li>
  479. {block:RebloggedFrom}
  480. <li><strong>Reblogged from: </strong>
  481. <a href="{ReblogRootURL}" target="_blank">
  482. {ReblogRootName}</a></li>
  483. {/block:RebloggedFrom}
  484. {block:HighRes}
  485. <li><strong>High Resolution: </strong>
  486. <a href="{PhotoURL-HighRes}" target="_blank">
  487. Link</a></li>
  488. {/block:HighRes}
  489. {block:ExternalAudio}
  490. <li><strong>Download: </strong>
  491. <a href="{ExternalAudioURL}" target="_blank">
  492. Link</a></li>
  493. {/block:ExternalAudio}
  494. </ul>
  495. </div>
  496.  
  497. <div id="share">
  498. <h2>Share</h2>
  499. <div id="buttons">
  500. <div id="background"></div>
  501. <div id="google"><div class="g-plusone" data-size="medium" data-annotation="none" data-href="{URLEncodedPermalink}"></div><script type="text/javascript">(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();</script></div>
  502. <div id="twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="{URLEncodedPermalink}" data-via="{text:Twitter Username}" data-count="none">Tweet</a>
  503. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
  504. <div id="facebook"><div class="fb-like" data-href="{URLEncodedPermalink}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div></div>
  505.  
  506. <div class="clear"></div>
  507. </div>
  508. </div>
  509.  
  510.  
  511. {block:Exif}
  512. <div id="info2">
  513. <h2>Image Info</h2>
  514. <ul id="info_li">
  515. <div id="background"></div>
  516. {block:Camera}
  517. <li><strong>Camera: </strong>{Camera}</li>
  518. {/block:Camera}
  519. {block:Aperture}
  520. <li><strong>Aperture: </strong>{Aperture}</li>
  521. {/block:Aperture}
  522. {block:Exposure}
  523. <li><strong>Exposure: </strong>{Exposure}</li>
  524. {/block:Exposure}
  525. {block:FocalLength}
  526. <li><strong>Focal length: </strong>{FocalLength}</li>
  527. {/block:FocalLength}
  528. </ul>
  529. </div>
  530. {/block:Exif}
  531.  
  532. {block:HasTags}
  533. <div id="tags">
  534. <h2>Post tags</h2>
  535. <ul id="taglist">
  536. <div id="background"></div>
  537. {block:Tags}
  538. <li><a href="{TagURL}">#{Tag}</a></li>
  539. {/block:Tags}
  540. </ul>
  541. </div>
  542. {/block:HasTags}
  543. </div>
  544. <div class="clear"></div>
  545. </div>
  546. {/block:Date}
  547. {/block:PermalinkPage}
  548. {/block:Posts}
  549.  
  550. {block:IndexPage}
  551. {Block:IfNotSidebarFixed}
  552. {block:IfNotInfinitescrolling}
  553. {block:Pagination}
  554. <div id="page_navigation">
  555. <span class="prev_1" {block:PreviousPage}style="display:none;"{/block:PreviousPage}>Previous page</span>
  556. {block:PreviousPage}
  557. <a href="{PreviousPage}" class="prev">Previous page</a>
  558. {/block:PreviousPage}
  559.  
  560. {block:NextPage}
  561. <a href="{NextPage}" class="next">Next Page</a>
  562. {/block:NextPage}
  563. <div class="clear"></div>
  564. </div>
  565. {/block:Pagination}
  566. {/block:IfNotInfinitescrolling}
  567. {/Block:IfNotSidebarFixed}
  568. {/block:IndexPage}
  569.  
  570. {block:IndexPage}
  571. {Block:IfBackToTopButton}
  572. {Block:IfInfinitescrolling}
  573. <div id="go_up"><a href="#home" id="up">↑</a></div>
  574.  
  575. <script type="text/javascript">
  576. $(function() {
  577. $(window).scroll(function() {
  578. if($(this).scrollTop() != 0) {
  579. $('#go_up').fadeIn();}
  580. else {
  581. $('#go_up').fadeOut();}
  582. });
  583. $('#up').click(function() {
  584. $('body,html').animate({scrollTop:0},800);
  585. });
  586. });
  587. </script>
  588. {/Block:IfInfinitescrolling}
  589. {/Block:IfBackToTopButton}
  590. {/block:IndexPage}
  591.  
  592. <div class="clear"></div>
  593. </div>
  594.  
  595. <script type="text/javascript" src="http://static.tumblr.com/8jq17g7/Q6hmelz1k/jquery.tweet.js"></script>
  596. <script type="text/javascript">
  597. $(window).load(function(){
  598. var $wall = $('#container');
  599. {block:IndexPage}
  600. $wall.masonry({
  601. itemSelector: '#post{Block:IfNotHideTwitter}, #twitter{/Block:IfNotHideTwitter}, #page_navigation',
  602. columnWidth: 290,
  603. isAnimated: true
  604. });
  605. {/block:IndexPage}
  606. {Block:IfInfinitescrolling}
  607. $wall.infinitescroll({
  608. navSelector : ".nav",
  609. nextSelector : ".nav a",
  610. itemSelector : "#post",
  611. loadingImg : "",
  612. loadingText : "",
  613. loading : "",
  614. donetext : ""
  615. },
  616.  
  617. function( newElements ) {
  618. var $newElems = $( newElements ).css({
  619. opacity: 0
  620. });
  621. $newElems.imagesLoaded(function(){
  622. $newElems.animate({ opacity: 1 });
  623. $wall.masonry( "appended", $newElems, true );
  624. });
  625. });
  626. {/Block:IfInfinitescrolling}
  627. });
  628.  
  629. jQuery(function($){
  630. $("#tweets").tweet({
  631. join_text: "auto",
  632. username: "{Text:Twitter Username}",
  633. count: 3,
  634. loading_text: "loading tweets..."
  635. });
  636. });
  637. </script>
  638. </body>
  639. </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!