API tools faq
paste
Advertisement
kailana

Untitled

kailana
Jan 21st, 2015
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-- -------------------------------------------------------------
  5.  
  6.  
  7. Theme °25 By Max Davis.
  8.  
  9.  
  10. Free theme code: http://themes.themaxdavis.com/theme/theme_25
  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}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:Text" content="#7D7D7D" />
  29. <meta name="color:Links" content="#7D7D7D" />
  30. <meta name="color:Links Hover" content="#7D7D7D" />
  31.  
  32. <meta name="color:Background Image Hover" content="#000000" />
  33.  
  34. <meta name="image:Portrait" content="" />
  35.  
  36. <!-- Select Options -->
  37. <meta name="select:Post Size" content="small" title="Small">
  38. <meta name="select:Post Size" content="medium" title="Medium">
  39. <meta name="select:Post Size" content="large" title="Large">
  40.  
  41. <meta name="select:Post Spacing" content="tight-spacing" title="Tight">
  42. <meta name="select:Post Spacing" content="medium-spacing" title="Medium">
  43. <meta name="select:Post Spacing" content="wide-spacing" title="Wide">
  44.  
  45. <meta name="select:Font" content="font-source-sans-pro" title="Source Sans Pro">
  46. <meta name="select:Font" content="font-helvetica-neue" title="Helvetica Neue">
  47. <meta name="select:Font" content="font-open-sans" title="Open Sans">
  48. <meta name="select:Font" content="font-montserrat" title="Montserrat">
  49.  
  50. <!-- Blog Options -->
  51. <meta name="if:Infinite Scroll" content="1" />
  52. <meta name="if:Uppercase Text" content="1" />
  53. <meta name="if:Show Post Info" content="0" />
  54. <meta name="if:Show Photo Post Captions" content="0" />
  55. <meta name="if:Switch Photo Gradient Style" content="0" />
  56.  
  57. <!-- Sidebar Options -->
  58. <meta name="if:Sidebar Left Or Right" content="0" />
  59. <meta name="if:Sidebar Top Or Bottom" content="0" />
  60. <meta name="if:Change Social Icons" content="0" />
  61. <meta name="if:Show Sidebar Portrait" content="1" />
  62. <meta name="if:Show Bigger Portrait" content="1" />
  63. <meta name="if:Show Archive Link" content="0" />
  64. <meta name="if:Show Random Link" content="0" />
  65. <meta name="if:Show Search Bar" content="0" />
  66. <meta name="if:Show Description" content="0" />
  67. <meta name="if:Justify Text In Description" content="0" />
  68. <meta name="if:Show Copyright Years" content="1" />
  69.  
  70.  
  71. <!-- Text inputs -->
  72. <meta name="text:Facebook Url" content="" />
  73. <meta name="text:Instagram Url" content="" />
  74. <meta name="text:Twitter Url" content="" />
  75. <meta name="text:Google Plus Url" content="" />
  76. <meta name="text:Youtube Url" content="" />
  77. <meta name="text:Dribbble Url" content="" />
  78. <meta name="text:Blogger Url" content="" />
  79. <meta name="text:Vimeo Url" content="" />
  80. <meta name="text:Vk Url" content="" />
  81. <meta name="text:Soundcloud Url" content="" />
  82. <meta name="text:Flickr Url" content="" />
  83. <meta name="text:Pinterest Url" content="" />
  84.  
  85. <meta name="text:Edit Ask Title" content="Askbox" />
  86. <meta name="text:Edit Links Title" content="Links" />
  87. <meta name="text:Edit Pages Title" content="Pages" />
  88.  
  89. <meta name="text:Link 1 Url" content="" />
  90. <meta name="text:Link 1 Title" content="" />
  91. <meta name="text:Link 2 Url" content="" />
  92. <meta name="text:Link 2 Title" content="" />
  93. <meta name="text:Link 3 Url" content="" />
  94. <meta name="text:Link 3 Title" content="" />
  95. <meta name="text:Link 4 Url" content="" />
  96. <meta name="text:Link 4 Title" content="" />
  97. <meta name="text:Link 5 Url" content="" />
  98. <meta name="text:Link 5 Title" content="" />
  99.  
  100. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700|Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
  101.  
  102. <style type="text/css"> body { padding:0; margin:0; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; font-size:11px; color:{color:Text}; background-color:{color:background};} body.font-helvetica-neue { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-open-sans { font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;} body.font-montserrat { font-family: "Montserrat", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:10px;} body.font-source-sans-pro { font-family: "Source Sans Pro", Helvetica, Arial, "Lucida Grande", sans-serif;} a { color:{color:links}; text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} a:hover { color:{color:Links hover}; text-decoration:none;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;display:block;} .clear {clear:both;} #container { position:relative; height:100%; width:100%;} #container #sidebar { top: 0; width: 150px; bottom: 0; left:0; font-weight: 700; padding: 55px 20px 40px 40px; font-size:11px; text-transform: capitalize; position: fixed; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText} {Block:IfSidebarLeftOrRight} right:0; left:auto; padding: 55px 40px 40px 20px; {/Block:IfSidebarLeftOrRight} {Block:IfSidebarTopOrBottom} top:auto; bottom:0; {/Block:IfSidebarTopOrBottom}} #container #sidebar #portrait { height: auto; width: 100px; z-index:50; opacity:0.75; margin:0 auto 25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; {Block:IfShowBiggerPortrait} width:150px; {/Block:IfShowBiggerPortrait} {Block:IfNotPortraitImage} width:100px; {/Block:IfNotPortraitImage}} #container #sidebar #portrait:hover { opacity:1.0;} #container #sidebar #social-symbols { margin: 0 0 25px; text-align: center; width: 150px;} #container #sidebar #social-symbols a { color: #FFFFFF; display: inline-block; font-size: 9px; font-weight: 800; letter-spacing: -1px; margin: 0 1px 3px 0; opacity: 0.7; padding: 4px 0; position: relative; text-align: center; width: 21px;} #container #sidebar #social-symbols a:hover { opacity:1.0;} #container #sidebar #social-symbols a.fb {background-color: #3B5998;} #container #sidebar #social-symbols a.ig {background-color: #30618C;} #container #sidebar #social-symbols a.tw {background-color: #00B0ED;} #container #sidebar #social-symbols a.gp {background-color: #DF4A32;} #container #sidebar #social-symbols a.yt {background-color: #D7041B;} #container #sidebar #social-symbols a.dr {background-color: #ea4c89;} #container #sidebar #social-symbols a.bl {background-color: #FE6700;} #container #sidebar #social-symbols a.vi {background-color: #1AB7EA;} #container #sidebar #social-symbols a.vk {background-color: #507296;} #container #sidebar #social-symbols a.sc {background-color: #FF4B00;} #container #sidebar #social-symbols a.fl {background-color: #0063DC;} #container #sidebar #social-symbols a.pi {background-color: #CB2027;} #container #sidebar #social-symbols.fontello { height:auto; white-space:none; font-family:"mxdvs-themes"; word-spacing:-9px;} #container #sidebar #social-symbols.fontello a { display: inline-block; font-size: 10px; height: auto; margin: 0 1px 2px; padding: 6px; width: auto;} #container #sidebar #social-symbols.fontello .icon-facebook { background-color: #3B5998;} #container #sidebar #social-symbols.fontello .icon-instagram { background-color: #30618C;} #container #sidebar #social-symbols.fontello .icon-twitter { background-color: #00B0ED;} #container #sidebar #social-symbols.fontello .icon-gplus { background-color: #DF4A32;} #container #sidebar #social-symbols.fontello .icon-youtube { background-color: #D7041B;} #container #sidebar #social-symbols.fontello .icon-dribbble { background-color: #ea4c89;} #container #sidebar #social-symbols.fontello .icon-blogger { background-color: #FE6700;} #container #sidebar #social-symbols.fontello .icon-vimeo { background-color: #1AB7EA;} #container #sidebar #social-symbols.fontello .icon-vk { background-color: #507296;} #container #sidebar #social-symbols.fontello .icon-soundcloud { background-color: #FF4B00;} #container #sidebar #social-symbols.fontello .icon-flickr { background-color: #0063DC;} #container #sidebar #social-symbols.fontello .icon-pinterest { background-color: #CB2027;} #container #sidebar #links, #container #sidebar #pages, #container #sidebar #description, #container #sidebar #load-more { line-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} padding: 10px; {/Block:IfUppercaseText}} #container #sidebar #links:last-child, #container #sidebar #pages:last-child, #container #sidebar #description:last-child, #container #sidebar #load-more:last-child {margin:0} #container #sidebar #links a, #container #sidebar #pages a, #container #sidebar #description a{ display:block; margin: 0 0 5px; font-size:10px;} #container #sidebar #links a.custom-links, #container #sidebar #pages a.custom-pages, #container #sidebar #description a.description-link { margin:0; cursor:pointer;} #container #sidebar #links a:last-child, #container #sidebar #pages a:last-child, #container #sidebar #description a:last-child { margin:0;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { display: none;} #container #sidebar #links #custom-links, #container #sidebar #pages #custom-pages, #container #sidebar #description #description-box { margin: 5px 0 0;} #container #sidebar #pagination { font-weight:normal; line-height: 150%; margin: 0 0 10px; font-size:10px; padding: 7px 7px 6px; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} padding: 10px 10px 9px; {/Block:IfUppercaseText}} #container #sidebar #pagination #arrows { float:left; margin: 0 0 0 -5px; {block:PermalinkPage} float:none; margin:O; text-align:center; {/block:PermalinkPage}} #container #sidebar #pagination #arrows a { font-weight:bold;} #container #sidebar #pagination #arrows .icon-angle-left, #container #sidebar #pagination #arrows .icon-angle-right { font-size:12px;} #container #sidebar #pagination #current-page { float:right; text-align:right;} #container #sidebar #links #search {} #container #sidebar #links #search input.search_input { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: {color:links}; font-size: 10px; font-weight: bold; margin: 0 0 0 -1px; padding: 0; width: 129px; opacity:1.0; text-transform: capitalize; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText}} #container #sidebar #links #search input.search_input::-webkit-input-placeholder, #container #sidebar #links #search input.search_input:-ms-input-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search input.search_input:-moz-placeholder, #container #sidebar #links #search input.search_input::-moz-placeholder { color: {color:links}; opacity:1.0;} #container #sidebar #links #search .search_input:hover { color: {color:Links hover};} #container #sidebar #links #search .submit { display:none} #container #sidebar #description #description-box { font-size: 8px; line-height: 100%; overflow: hidden; text-overflow: ellipsis; width: 124px; {Block:IfNotUppercaseText} text-transform: none; font-size: 9px; {/Block:IfNotUppercaseText} {Block:IfJustifyTextInDescription} text-align:justify; {Block:IfJustifyTextInDescription}} #container #sidebar #copyright-years { font-size: 8px; line-height: 100%; margin: 30px 0 0; overflow: hidden; padding: 0; text-align: center;} #container #back-to-top { border: 3px solid rgba(125, 125, 125, 0.1); bottom: 40px; font-size: 10px; left: 40px; line-height: 100%; display:none; padding: 10px 10px 9px; position: fixed; text-transform: none; width: 124px; z-index: 3000; {Block:IfUppercaseText} text-transform: uppercase; {/Block:IfUppercaseText} {Block:IfSidebarLeftOrRight} right:40px; left:auto; {/Block:IfSidebarLeftOrRight} {Block:IfSidebarTopOrBottom} top:55px; bottom:auto; {/Block:IfSidebarTopOrBottom}} #container #content_box { position:absolute !important; left:210px; right:20px; top:55px; {Block:IfSidebarLeftOrRight} left:20px; right:210px; {/Block:IfSidebarLeftOrRight}} #container #content { margin:auto;} #container #content #other-pages { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color: rgba(68, 68, 68, 0.1); border-top: 3px solid rgba(0, 0, 0, 0.05); font-size: 8px; list-style: none outside none; padding: 10px; text-transform: uppercase;} #container #content #other-pages.small {width:130px;} #container #content #other-pages.medium {width:180px;} #container #content #other-pages.large {width:230px;} #container #content #other-pages.width-small {width:130px;} #container #content #other-pages.width-medium {width:180px;} #container #content #other-pages.width-large {width:230px;} #container #content #other-pages.tight-spacing {margin:0 10px 20px;} #container #content #other-pages.medium-spacing {margin:0 25px 50px;} #container #content #other-pages.wide-spacing {margin:0 50px 100px;} #container #content #post { float:left; margin:0; z-index:499; position:relative; overflow:hidden; background-color:{color:background}; {Block:Permalinkpage} float: left; margin: 0; padding: 0 20px; width: 50%; z-index: 499; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} float:right; {/Block:IfSidebarLeftOrRight} {/Block:Permalinkpage}} #container #content #post.small {width:150px;} #container #content #post.medium {width:200px;} #container #content #post.large {width:250px;} #container #content #post.width-small {width:150px;} #container #content #post.width-medium {width:200px;} #container #content #post.width-large {width:250px;} #container #content #post.tight-spacing {margin:0 10px 20px;} #container #content #post.medium-spacing {margin:0 25px 50px;} #container #content #post.wide-spacing {margin:0 50px 100px;} #container #content #post.static { max-width:540px;} #container #content #infscr-loading { display: none;} /* Post Info on Index Page */ #container #content #post #small-permalink { height: 57px; line-height: 100%; margin: -23px 0 0; opacity: 0; overflow: hidden; position: absolute; top: 50%; visibility: hidden; width: 27px; z-index: -1; text-align:center; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #small-permalink.source { height: 88px; margin: -46px 0 0; {Block:IfPostSpacingtight} height: 15px; margin: 0 0 0 -50px; {Block:IfPostSpacingtight}} #container #content #post #small-permalink.tight-spacing { bottom: -16px; height: 17px; left: 50%; margin: 0 0 0 -50px; overflow: hidden; position: absolute; top: auto; width: 100px;} #container #content #post #small-permalink.medium-spacing { left:-37px;} #container #content #post #small-permalink.wide-spacing { left:-63px;} #container #content #post:hover #small-permalink { opacity:1; visibility: visible;} #container #content #post #small-permalink a { display: inline-block; margin: 0 0 5px; padding: 5px 7px 4px; text-align: center; width: 7px; background-color: {color:Background}; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #small-permalink.tight-spacing a { border-top: 0 none; font-size: 7px; margin: 0 0 3px; padding: 1px 4px; width: 6px;} #container #content #post #small-permalink a:last-child { margin:0;} #container #content #post #info { font-size:10px; float: none; margin: 0; padding: 0; width:{select:Post Size}px; display:block;} #container #content #post #info .hidden { display:none;} #container #content #post #info #caption { font-size: 9px; font-weight: normal !important; margin: 10px 0 0; padding: 10px; background-color: rgba({rgbcolor:Text}, 0.1); border-top:3px solid rgba({rgbcolor:Text}, 0.05); {Block:IfPostSpacingtight} margin: 5px 0 0; {/Block:IfPostSpacingtight} {Block:Permalinkpage} display:none; {/Block:Permalinkpage}} #container #content #post #info #caption blockquote { text-align: left;} #container #content #post #info #caption blockquote:first-child { margin:0;} #container #content #post #info #caption blockquote p { margin:0 0 5px;} #container #content #post #info #caption blockquote p:last-of-type { margin:0;} #container #content #post #info #post-info { margin: 10px 0 0; padding: 10px; list-style:none; border-top: 3px solid rgba(0, 0, 0, 0.05); background-color: rgba({rgbcolor:Text}, 0.1); {Block:IfUppercaseText} text-transform: uppercase; font-size:8px; {/Block:IfUppercaseText}} #container #content #post #info #post-info li { display:inline-block;} #container #content #post #info #post-info li.notes { float:left;} #container #content #post #info #post-info li.date { float:right; text-align:right;} /* General Post styling */ #container #content #other-pages h3, #container #content #post h3, #container #content h3 { font-size: 14px; margin: 0 0 10px;} #container #content #other-pages h3:last-child, #container #content #post h3:last-child, #container #content h3:last-child { margin: 0;} #container #content #caption:empty { display:none;} #container #content #caption .tumblr_blog { display: inline-block; margin: 0 0 4px; padding: 0; text-transform: capitalize; border-bottom: 1px solid rgba({rgbcolor:text}, 0.1);} #container #content p { margin:10px 0 0;} #container #content p:first-of-type { margin:0;} #container #content blockquote { margin: 2px 0 0 10px; position:relative;} #container #content #post ul { list-style: disc inside none; margin: 10px 0 0 10px; padding: 0;} #container #content p img, #container #content blockquote img { max-width:100%; max-height:200px; margin:10px 0 0; display:inline-block;} /* Quote Post styling */ #container #content #post #quote { position:relative; text-align:center;} #container #content #post #quote h3 { font-size: 17px; font-weight: bold; margin: 20px 0;} #container #content #post #quote h3:hover { color:{color:text} !important;} #container #content #post #quote #quote_symbol { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 175px; font-weight: bold; height: 70px; letter-spacing: -14px; line-height: 0; margin: -50px 3px 0 0; position: absolute; right: 0; top: 0; z-index: -1; color: rgba({rgbcolor:text}, 0.17);} #container #content #post #quote #source { font-size: 9px; font-style: italic; text-align: center; margin:0 0 10px;} /* Text Post styling */ #container #content #post #text {} /* Ask Post styling */ #container #content #post #ask #question { padding: 7px 10px; position: relative; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #ask #question span.q { display: block; line-height:100%; font-size: 10px;} #container #content #post #ask #question span.q span { display:block; opacity:0.4;} #container #content #post #ask #question .asker-blck { display: block; font-size: 9px; line-height: 100%; margin: 2px 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:{select:Post Size}px; {Block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText} {/Block:Permalinkpage} {Block:IfPostSizeSmall}width:124px; {/Block:IfPostSizeSmall} {Block:IfPostSizeMedium}width:174px; {/Block:IfPostSizeMedium} {Block:IfPostSizeLarge}width:224px; {/Block:IfPostSizeLarge}} #container #content #post #ask #answer { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-style: none solid solid; border-width: medium 3px 3px; font-style: italic; margin: 0; padding: 7px 10px; border-color: -moz-use-text-color rgba({rgbcolor:Text}, 0.1) rgba({rgbcolor:Text}, 0.1); border-right: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #post #ask #answer .answer-blck { display:block; font-size:9px; font-style:normal; line-height:100%; margin:2px 00 7px; overflow:hidden; text-overflow:ellipsis; text-transform:uppercase; white-space:no-wrap;} #container #content #post #ask #answer p { font-size: 10px; line-height: 100%; margin: 0; position: relative;} #container #content #post #ask #answer img { max-width:100%; height:auto;} /* Chat Post styling */ #container #content #post #chat { overflow:hidden;} #container #content #post #chat ul.chat { list-style:none; margin:0; padding:0; {Block:IfUppercaseText} font-size:9px; text-transform: uppercase; {/Block:IfUppercaseText}} #container #content #post #chat ul.chat li { padding:10px; font-weight:bold; color: rgba({rgbcolor:Text}, 0.7);} #container #content #post #chat ul.chat li:nth-child(even) { background-color: rgba({rgbcolor:Text}, 0.1);} #container #content #post #chat ul.chat li span { color: rgba({rgbcolor:Text}, 1.0);} /* Photo Post styling */ #container #content #post #photo { position:relative;} #container #content #post #photo img { max-width:100%;} #container #content #post #photo #gradient { visibility:hidden; height: 100%; opacity: 0; position: absolute; width: 100%; font-weight:bold; z-index: 498; text-transform:uppercase; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; background: rgb(255,255,255); color:rgba({rgbcolor:Background}, 0.9); background: -moz-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba({rgbcolor:background}, 1)), color-stop(40%,rgba({rgbcolor:background}, 0.75)), color-stop(100%,rgba({rgbcolor:Background Image Hover}, 0.6))); background: -webkit-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -o-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: -ms-linear-gradient(top, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%); background: linear-gradient(to bottom, rgba({rgbcolor:background}, 1) 0%, rgba({rgbcolor:background}, 0.75) 40%, rgba({rgbcolor:Background Image Hover}, 0.6) 100%);} #container #content #post #photo:hover #gradient{ opacity:1.0; visibility:visible;} #container #content #post #photo #gradient a { color:rgba({rgbcolor:Background}, 0.8);} #container #content #post #photo #gradient #simple-gradient { position:absolute; width:100%; padding:10px; left:0; right:0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} text-align:right; {/Block:IfSidebarLeftOrRight}} #container #content #post #photo #gradient #simple-gradient span { font-size: 8px; line-height: 150%; margin: 0 0 10px; padding: 7px 7px 5px; display:block; border: 3px solid rgba({rgbcolor:background}, 0.4); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #photo #gradient #simple-gradient span:last-child { margin:0;} #container #content #post #photo #gradient #simple-gradient span:hover { border: 3px solid rgba({rgbcolor:background}, 0.8); background: rgba({rgbcolor:background Image Hover}, 0.45);} #container #content #post #photo #gradient #simple-gradient span.perma-reblog {} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .perma { float:left;} #container #content #post #photo #gradient #simple-gradient span.perma-reblog .reblog { float:right;} #container #content #post #photo #gradient #reblog_image, #container #content #post #photo #gradient #permalink_image, #container #content #post #photo #gradient #date_image, #container #content #post #photo #gradient #notes_image, #container #content #post #photo #gradient #top_info_image, #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border-style: solid; border-width: 3px; position: absolute; text-align: center; transition: all 0.6s ease 0s; z-index: 5000; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; border-color:rgba({rgbcolor:Background}, 1.0);} #container #content #post #photo #gradient.gradient-small #reblog_image, #container #content #post #photo #gradient.gradient-small #permalink_image, #container #content #post #photo #gradient.gradient-small #date_image, #container #content #post #photo #gradient.gradient-small #notes_image, #container #content #post #photo #gradient.gradient-small #top_info_image, #container #content #post #photo #gradient.gradient-small #notes_title, #container #content #post #photo #gradient.gradient-small #date_title { bottom: 20px; font-size: 8px; left: 10px; padding: 6px 8px;} #container #content #post #photo #gradient.gradient-medium #reblog_image, #container #content #post #photo #gradient.gradient-medium #permalink_image, #container #content #post #photo #gradient.gradient-medium #date_image, #container #content #post #photo #gradient.gradient-medium #notes_image, #container #content #post #photo #gradient.gradient-medium #top_info_image, #container #content #post #photo #gradient.gradient-medium #notes_title, #container #content #post #photo #gradient.gradient-medium #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #photo #gradient.gradient-large #reblog_image, #container #content #post #photo #gradient.gradient-large #permalink_image, #container #content #post #photo #gradient.gradient-large #date_image, #container #content #post #photo #gradient.gradient-large #notes_image, #container #content #post #photo #gradient.gradient-large #top_info_image, #container #content #post #photo #gradient.gradient-large #notes_title, #container #content #post #photo #gradient.gradient-large #date_title { bottom: 20px; font-size: 10px; left: 20px; line-height: 8px; padding: 10px;} #container #content #post #photo #gradient #reblog_image:hover, #container #content #post #photo #gradient #permalink_image:hover, #container #content #post #photo #gradient #notes_image:hover { border-color: rgba({rgbcolor:background}, 1); background-color:rgba({rgbcolor:Background Image Hover},0.3);} #container #content #post #photo #gradient #reblog_image:hover a, #container #content #post #photo #gradient #permalink_image:hover a, #container #content #post #photo #gradient #notes_image:hover a { color:rgba({rgbcolor:Background}, 1);} #container #content #post #photo #gradient #reblog_image a, #container #content #post #photo #gradient #permalink_image a{ color:rgba({rgbcolor:Background}, 1.0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #photo #gradient #reblog_image a:hover, #container #content #post #photo #gradient #permalink_image a:hover, #container #content #post #photo #gradient #date_image a:hover, #container #content #post #photo #gradient #notes_image a:hover { color:rgba({rgbcolor:Background}, 1);}
  103.  
  104. #container #content #post #photo #gradient #reblog_image { width:42px; text-align: left;}
  105.  
  106. #container #content #post #photo #gradient.gradient-small #reblog_image { width:34px;}
  107.  
  108. #container #content #post #photo #gradient #permalink_image { text-align: right; left: auto !important;}
  109.  
  110. #container #content #post #photo #gradient.gradient-small #permalink_image {right: 10px; width: 55px;}
  111.  
  112. #container #content #post #photo #gradient.gradient-medium #permalink_image {right: 20px; width: 69px;} #container #content #post #photo #gradient.gradient-large #permalink_image {right: 20px; width: 119px;} #container #content #post #photo #gradient #notes_image {bottom: 51px !important;} #container #content #post #photo #gradient.gradient-small #notes_image {bottom:46px !important;} #container #content #post #photo #gradient #date_image { bottom: 51px !important; right: 20px ; text-align: right; z-index: -1;} #container #content #post #photo #gradient.gradient-small #date_image { bottom: 46px !important; right: 10px;} #container #content #post #photo #gradient #notes_title, #container #content #post #photo #gradient #date_title { border: medium none; font-size: 7px !important; left: auto !important; padding: 0 !important; text-transform: uppercase; width: 46px !important;} #container #content #post #photo #gradient #notes_title { bottom: 89px !important; left: 21px !important;} #container #content #post #photo #gradient #date_title { bottom: 89px !important; right: 29px !important; width: 23px !important;} #container #content #post #photo #gradient #top_info_image { border: medium none; bottom: 7px !important; font-size: 7px !important; left: 33px; padding: 0 !important; text-align: left !important; width: 150p !importantx;} #container #content #post #photo #gradient.gradient-small #notes_title { bottom: 79px !important; left: 10px !important;} #container #content #post #photo #gradient.gradient-small #date_title { bottom: 77px !important; right: 18px !important;} #container #content #post #photo #gradient.gradient-small #top_info_image { left: 20px;} #container #content #post #photo #gradient #top_info_image a {} #container #content #post #photo #gradient #top_info_image a:hover {} #container #content #post #photo #gradient #top_info_image #tag-list { display: none; list-style: none outside none; margin: 0; padding: 0; width: 140px;} #container #content #post #photo #gradient #top_info_image #tag-list span { display: inline-block;} #container #content #post #photo #gradient #top_info_image #tag-list li { display: inline-block;} #container #content #post #photo #gradient #top_info_image #tag-list a {} /* Audio Post styling */ #container #content #post #audio { position:relative; min-height:27px;} #container #content #post #audio #album_art { height:auto;} #container #content #post #audio #album_art.art-small {width:150px;} #container #content #post #audio #album_art.art-medium {width:200px;} #container #content #post #audio #album_art.art-large {width:250px;} #container #content #post #audio #player { background:white; width:27px; position:absolute; bottom:0; height:27px; overflow:hidden; opacity:0.7; padding:5px 0; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #audio #player.player-small { border-left: 62px solid #FFFFFF; border-right: 61px solid #FFFFFF;} #container #content #post #audio #player.player-medium { border-left: 87px solid #FFFFFF; border-right: 86px solid #FFFFFF;} #container #content #post #audio #player.player-large { border-left: 112px solid #FFFFFF; border-right: 111px solid #FFFFFF;} #container #content #post #audio:hover #player { opacity:0.85} #container #content #post #audio #info { background:rgba(255,255,255,0.85); margin:0; padding:20px; position:absolute; top:0; bottom:37px; left:0; right:0; list-style:none; opacity:0; font-size:10px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} #container #content #post #audio:hover #info { opacity:1;} #container #content #post #audio #info li { border: 3px solid rgba(0, 0, 0, 0.05); border-top:0; line-height: 200%; margin: 0; padding: 3px 5px;} #container #content #post #audio #info li:first-child { border: 3px solid rgba(0, 0, 0, 0.05);} /* Photoset Post styling */ #container #content #post #photoset {margin: 0 0 10px;} #container #content #post #photoset .photo-set-sizing { display: block; float: left; height: auto; margin: 0 10px 10px 0; max-width: none; {Block:Permalinkpage} width:245px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-small { width:70px;} #container #content #post #photoset .photoset-medium { width:95px;} #container #content #post #photoset .photoset-large { width:120px;}{/Block:Indexpage} #container #content #post #photoset .photo-set-sizing:nth-child(even) { margin:0 0 10px;} #container #content #post #photoset .photo-set-sizing:nth-last-of-type(-n+2) { margin-bottom: 0;} #container #content #post #photoset .photo-set-sizing:last-of-type:nth-child(2n+1) { width: 150px; margin: 0; max-width: none; {Block:Permalinkpage} Width:500px; {/Block:Permalinkpage}} {Block:Indexpage} #container #content #post #photoset .photoset-small:last-of-type:nth-child(2n+1) { width:150px;} #container #content #post #photoset .photoset-medium:last-of-type:nth-child(2n+1) { width:200px;} #container #content #post #photoset .photoset-large:last-of-type:nth-child(2n+1) { width:250px;}{/Block:Indexpage} #container #content #post #photoset #caption { clear:both} #container #content #post #photoset #caption ul { margin:10px 0 0 10px; padding:0; list-style:none; font-size:9px} #container #content #post #photoset #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #post #photoset #caption p {} #container #content #post #photoset #caption a { text-decoration:underline} #container #content #post #photoset #caption blockquote { margin:10px 0 10px 10px;} #container #content #post #photoset #permalinks { border-top: 1px solid #E5E5E5; font-size: 9px; margin: 10px 0 0; padding: 10px 0 0; text-align: center;} #container #content #post #photoset #permalinks a { display:inline-block; margin:0 5px;} /* Video Post styling */ #container #content #post #video {} #container #content #post #video iframe { display: block; {Block:Permalinkpage} height: 249px; width: 500px; {/Block:Permalinkpage}} #container #content #post #video.small iframe {width:150px;height:84px;} #container #content #post #video.medium iframe {width:200px;height:113px;} #container #content #post #video.large iframe {width:250px;height:;} /* Post Info styling */ #container #content #permalink-info { float: left; margin: 0 0 40px; padding: 0 20px 40px 26px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; {Block:IfSidebarLeftOrRight} text-align:right; float:right; {/Block:IfSidebarLeftOrRight}} #container #content #permalink-info #caption { display: inline-block; line-height: 100%; margin: 0 0 40px 0; padding: 15px; text-align:left; border: 3px solid rgba({rgbcolor:Text}, 0.1);} #container #content #permalink-info #caption p { margin:0 0 10px;} #container #content #permalink-info #caption p:last-child { margin:0;} #container #content #permalink-info #caption ul { margin:10px 0 10px 10px; padding:0; list-style:none; font-size:9px} #container #content #permalink-info #caption ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #container #content #permalink-info #caption blockquote { margin:10px 0 10px 10px;} #container #content #permalink-info #caption blockquote:last-child { margin:10px 0 0 10px;} #container #content #permalink-info #caption:empty { display:none} #container #content #permalink-info #info-list { display: block; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; white-space: nowrap;} #container #content #permalink-info #info-list li { display: inline-block; font-size: 9px; line-height: 7px; margin: 0 0 40px -3px; padding: 10px; text-transform: uppercase; border: 3px solid rgba({rgbcolor:Text}, 0.1); border-left:none;} #container #content #permalink-info #info-list li:first-child { border: 3px solid rgba({rgbcolor:Text}, 0.1); margin: 0 0 40px 0;} #container #content #permalink-info #info-list li span { display: block; font-size: 9px; margin-bottom: 40px; margin-top: -26px; position: absolute; text-transform: lowercase;} #container #content #permalink-info #info-list li a {} #container #content #permalink-info ol.notes { display: inline-block; list-style-type: none; margin: 0; overflow: hidden; padding: 10px; width: 50%; border: 3px solid rgba({rgbcolor:Text}, 0.1); {Block:IfSidebarLeftOrRight} text-align: right; {/Block:IfSidebarLeftOrRight}} #container #content #permalink-info ol.notes li.note { clear: none !important; display: inline-block; height: 20px; margin: 0 2px; overflow: hidden; width: 20px;} #container #content #permalink-info ol.notes li.note img.avatar { height: 20px; width: 20px; opacity:0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #container #content #permalink-info ol.notes li.note img.avatar:hover { opacity:1;} #container #content #permalink-info ol.notes li.note span{ display:none;} #container #content #permalink-info ol.notes li.note span.action a{ font-weight: bold;} #container #content #permalink-info ol.notes li.note .answer_content { font-weight: normal; display:none;} #container #content #permalink-info ol.notes li.note blockquote { padding: 4px 10px; margin: 10px 0 10px 30px; display:none;} #container #content #permalink-info ol.notes li.note blockquote a { text-decoration: none; display:none;} #container #content #permalink-info ol.notes li.more_notes_link_container{ border-style: solid; clear: both !important; display: block; float: none; font-size: 9px; height: auto; line-height: 100%; margin: 5px -10px -10px; overflow: visible; padding: 10px 0; position: relative; text-align: center !important; text-transform: uppercase; width: auto; border: 3px solid rgba({rgbcolor:Text}, 0.1); border-width: 3px 0 0;} #container #content #permalink-info #tag-list { display: inline-block; font-size: 8px; list-style: none outside none; margin: 20px 0 0 -6px; padding: 0; text-align: center; width: 50%;} #container #content #permalink-info #tag-list li { display: inline-block; font-weight: bold; margin: 0 10px 10px 0; text-transform: uppercase;} #container #content #permalink-info #tag-list li a {} </style>
  113. </head>
  114. <body class="{select:Font}">
  115.  
  116. <div id="fb-root"></div>
  117. <script>
  118. (function(d, s, id) {
  119. var js, fjs = d.getElementsByTagName(s)[0];
  120. if (d.getElementById(id)) return;
  121. js = d.crea teElement(s); js.id = id;
  122. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  123. fjs.parentNode.insertBefore(js, fjs);
  124. }(document, 'script', 'facebook-jssdk'));
  125. </script>
  126.  
  127. <div id="container">
  128. <div id="sidebar">
  129.  
  130. {Block:IfShowSidebarPortrait}
  131. {Block:IfNotPortraitImage}
  132. <a href="/"><img src="{PortraitURL-128}" id="portrait"></a>
  133. {/Block:IfNotPortraitImage}
  134. {Block:IfPortraitImage}
  135. <a href="/"><img src="{Image:Portrait}" id="portrait"></a>
  136. {/Block:IfPortraitImage}
  137. {/Block:IfShowSidebarPortrait}
  138.  
  139.  
  140. <div id="social-symbols" {block:ifNotChangeSocialIcons}class="fontello"{/block:ifNotChangeSocialIcons}>
  141. {block:ifChangeSocialIcons}
  142. {block:ifFacebookUrl}
  143. <a href="{text:Facebook Url}" title="Facebook" target="_blank" class="fb">f</a>
  144. {/block:ifFacebookUrl}
  145. {block:ifInstagramUrl}
  146. <a href="{text:Instagram Url}" title="Instagram" target="_blank" class="ig">i</a>
  147. {/block:ifInstagramUrl}
  148. {block:ifTwitterUrl}
  149. <a href="{text:Twitter Url}" title="Twitter" target="_blank" class="tw">t</a>
  150. {/block:ifTwitterUrl}
  151. {block:ifGooglePlusUrl}
  152. <a href="{text:Google Plus Url}" title="Google+" target="_blank" class="gp">G</a>
  153. {/block:ifGooglePlusUrl}
  154. {block:ifYoutubeUrl}
  155. <a href="{text:Youtube Url}" title="Youtube" target="_blank" class="yt">Y</a>
  156. {/block:ifYoutubeUrl}
  157. {block:ifDribbbleUrl}
  158. <a href="{text:Dribbble Url}" title="Dribbble" target="_blank" class="dr">D</a>
  159. {/block:ifDribbbleUrl}
  160. {block:ifBloggerUrl}
  161. <a href="{text:Blogger Url}" title="Blogger" target="_blank" class="bl">B</a>
  162. {/block:ifBloggerUrl}
  163. {block:ifVimeoUrl}
  164. <a href="{text:Vimeo Url}" title="Vimeo" target="_blank" class="vi">V</a>
  165. {/block:ifVimeoUrl}
  166. {block:ifVKUrl}
  167. <a href="{text:VK Url}" title="Vk" target="_blank" class="vk">V</a>
  168. {/block:ifVKUrl}
  169. {block:ifSoundcloudUrl}
  170. <a href="{text:Soundcloud Url}" title="Soundcloud" target="_blank" class="sc">S</a>
  171. {/block:ifSoundcloudUrl}
  172. {block:ifFlickrUrl}
  173. <a href="{text:Flickr Url}" title="Flickr" target="_blank" class="fl">f</a>
  174. {/block:ifFlickrUrl}
  175. {block:ifPinterestUrl}
  176. <a href="{text:Pinterest Url}" title="Pinterest" target="_blank" class="pi">P</a>
  177. {/block:ifPinterestUrl}
  178. {/block:ifChangeSocialIcons}
  179.  
  180.  
  181. {block:ifNotChangeSocialIcons}
  182. {block:ifFacebookUrl}
  183. <a href="{text:Facebook Url}" title="Facebook" class="icon-facebook" target="_blank"></a>
  184. {/block:ifFacebookUrl}
  185. {block:ifInstagramUrl}
  186. <a href="{text:Instagram Url}" title="Instagram" class="icon-instagram" target="_blank"></a>
  187. {/block:ifInstagramUrl}
  188. {block:ifTwitterUrl}
  189. <a href="{text:Twitter Url}" title="Twitter" class="icon-twitter" target="_blank"></a>
  190. {/block:ifTwitterUrl}
  191. {block:ifGooglePlusUrl}
  192. <a href="{text:Google Plus Url}" title="Google+" class="icon-gplus" target="_blank"></a>
  193. {/block:ifGooglePlusUrl}
  194. {block:ifYoutubeUrl}
  195. <a href="{text:Youtube Url}" title="Youtube" class="icon-youtube" target="_blank"></a>
  196. {/block:ifYoutubeUrl}
  197. {block:ifDribbbleUrl}
  198. <a href="{text:Dribbble Url}" title="Dribbble" class="icon-dribbble" target="_blank"></a>
  199. {/block:ifDribbbleUrl}
  200. {block:ifBloggerUrl}
  201. <a href="{text:Blogger Url}" title="Blogger" class="icon-blogger" target="_blank"></a>
  202. {/block:ifBloggerUrl}
  203. {block:ifVimeoUrl}
  204. <a href="{text:Vimeo Url}" title="Vimeo" class="icon-vimeo" target="_blank"></a>
  205. {/block:ifVimeoUrl}
  206. {block:ifVKUrl}
  207. <a href="{text:VK Url}" title="Vk" class="icon-vk" target="_blank"></a>
  208. {/block:ifVKUrl}
  209. {block:ifSoundcloudUrl}
  210. <a href="{text:Soundcloud Url}" title="Soundcloud" class="icon-soundcloud" target="_blank"></a>
  211. {/block:ifSoundcloudUrl}
  212. {block:ifFlickrUrl}
  213. <a href="{text:Flickr Url}" title="Flickr" class="icon-flickr" target="_blank"></a>
  214. {/block:ifFlickrUrl}
  215. {block:ifPinterestUrl}
  216. <a href="{text:Pinterest Url}" title="Pinterest" class="icon-pinterest" target="_blank"></a>
  217. {/block:ifPinterestUrl}
  218. <div class="clear"></div>
  219. {/block:ifNotChangeSocialIcons}
  220. </div>
  221.  
  222. {Block:IfShowDescription}
  223. <div id="description">
  224. <a class="description-link">Description</a>
  225. <div id="description-box">{Description}</div>
  226. </div>
  227. {/Block:IfShowDescription}
  228.  
  229. <div id="links" class="links">
  230. <a href="/">Home</a>
  231. {block:AskEnabled}
  232. <a href="/ask">{Block:ifNotEditAskTitle}{AskLabel}{/Block:ifNotEditAskTitle}{Block:ifEditAskTitle}{text:Edit Ask Title}{/Block:ifEditAskTitle}</a>
  233. {/block:AskEnabled}
  234. {block:SubmissionsEnabled}
  235. <a href="/submit">Submit</a>
  236. {/block:SubmissionsEnabled}
  237. {Block:IfShowArchiveLink}
  238. <a href="/archive">Archive</a>
  239. {/Block:IfShowArchiveLink}
  240. {Block:IfShowRandomLink}
  241. <a href="/random">Random</a>
  242. {/Block:IfShowRandomLink}
  243. {Block:IfShowSearchBar}
  244. <form action="/search" method="get" id="search">
  245. <input type="text" name="q" value="{URLSafeSearchQuery}" placeholder="Search" class="search_input"/>
  246. <input type="submit" value="Search" class="submit"/>
  247. </form>
  248. {/Block:IfShowSearchBar}
  249. </div>
  250.  
  251. <div id="links">
  252. <a class="custom-links">{block:ifEditLinksTitle}{text:Edit Links Title}{/block:ifEditLinksTitle}</a>
  253.  
  254. <div id="custom-links">
  255. {block:ifLink1Title}
  256. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  257. {/block:ifLink1Title}
  258. {block:ifLink2Title}
  259. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  260. {/block:ifLink2Title}
  261. {block:ifLink3Title}
  262. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  263. {/block:ifLink3Title}
  264. {block:ifLink4Title}
  265. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  266. {/block:ifLink4Title}
  267. {block:ifLink5Title}
  268. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  269. {/block:ifLink5Title}
  270. </div>
  271. </div>
  272.  
  273. {block:HasPages}
  274. <div id="pages">
  275. <a class="custom-pages">
  276. {block:ifEditPagesTitle}{text:Edit Pages Title}{/block:ifEditPagesTitle}</a>
  277.  
  278. <div id="custom-pages">
  279. {block:Pages}
  280. <a href="{URL}" title="{Label}">{Label}</a>
  281. {/block:Pages}
  282. </div>
  283. </div>
  284. {/block:HasPages}
  285.  
  286. {block:ifInfiniteScroll}
  287. {block:IndexPage}
  288. <div id="load-more">
  289. <a href="#Loading More Posts ..." id="load">Load More Posts </a>
  290. </div>{/block:IndexPage}
  291. {/block:ifInfiniteScroll}
  292.  
  293. {block:ifNotInfiniteScroll}
  294. {block:IndexPage}
  295. {block:Pagination}
  296. <div id="pagination">
  297. <div id="arrows">
  298. {block:PreviousPage}
  299. <a href="{PreviousPage}" class="icon-angle-left" title="Previous Page"></a> /
  300. {/block:PreviousPage}
  301. {block:NextPage}
  302. <a href="{NextPage}" class="icon-angle-right" title="Next Page"></a>
  303. {/block:NextPage}
  304. </div>
  305.  
  306. <div id="current-page">{CurrentPage}/{TotalPages}</div>
  307. <div class="clear"></div>
  308. </div>
  309. {/block:Pagination}
  310. {/block:IndexPage}
  311.  
  312. {block:PermalinkPage}
  313. {block:PermalinkPagination}
  314. <div id="pagination">
  315. <div id="arrows">
  316. {block:PreviousPost}
  317. <a href="{PreviousPost}" class="icon-angle-left" title="Previous Post"></a> /
  318. {/block:PreviousPost}
  319.  
  320. {block:NextPost}
  321. <a href="{NextPost}" class="icon-angle-right" title="Next Post"></a>
  322. {/block:NextPost}
  323. </div>
  324. <div class="clear"></div>
  325. </div>
  326. {/block:PermalinkPagination}
  327. {/block:PermalinkPage}
  328. {/block:ifNotInfiniteScroll}
  329.  
  330. {block:ifInfiniteScroll}
  331. <div id="back-to-top">
  332. <a href="#Back To Top" id="up">Back To Top</a>
  333. </div>
  334. {/block:ifInfiniteScroll}
  335. {Block:IfShowCopyrightYears}
  336. <div id="copyright-years">&copy; {CopyrightYears}</div>
  337. {/Block:IfShowCopyrightYears}
  338.  
  339. <div id="copyright-years">
  340.  
  341. </div>
  342. <div id="infscr-loading"></div>
  343. </div>
  344.  
  345.  
  346. <div id="content_box">
  347. <div id="content">
  348.  
  349. {block:TagPage}
  350. <div id="other-pages" class="{Block:Indexpage}{select:Post Size} width-{select:Post Size} {select:Post Spacing} {/Block:Indexpage}">
  351. <h3>Posts tagged with "#{Tag}"</h3>
  352. </div>
  353. {/block:TagPage}
  354.  
  355. {block:SearchPage}
  356. <div id="other-pages" class="{Block:Indexpage}{select:Post Size} width-{select:Post Size} {select:Post Spacing} {/Block:Indexpage}">
  357. {block:SearchResults}
  358. <div id=searchresults><h3>{SearchResultCount} result(s) for "{SearchQuery}"</h3></div> {/block:SearchResults}
  359.  
  360. {block:NoSearchResults}
  361. <div id=searchresults><h3>Sorry no results for "{SearchQuery}"</h3></div>{/block:NoSearchResults}
  362. </div>
  363. {/block:SearchPage}
  364.  
  365. {block:Posts}
  366. <div id="post" {Block:Permalinkpage}{block:Video}class="static"{/block:Video}{block:Photoset}class="static"{/block:Photoset}{/Block:Permalinkpage} class="{Block:Indexpage}{select:Post Size} width-{select:Post Size} {select:Post Spacing}{/Block:Indexpage}">
  367.  
  368. {block:Text}
  369. {block:Title}
  370. <a href="{Permalink}"><h3>{Title}</h3></a>
  371. {/block:Title}
  372. {Body}
  373. {/block:Text}
  374.  
  375. {block:Photo}
  376. <div id="photo">
  377. {block:IndexPage}
  378. <div id="gradient" class="gradient-{select:Post Size}">
  379. {Block:ifSwitchPhotoGradientStyle}
  380. {block:Date}
  381. <div id="simple-gradient">
  382. {block:NoteCount}<span><a href="{Permalink}" title="Notes">{NoteCount}</a></span>{/block:NoteCount}
  383. <span><a href="{Permalink}" title=" {12Hour}:{Minutes} /
  384. {ShortMonth}-{DayOfMonth}-{Year}"> {12Hour}:{Minutes} /
  385. {ShortMonth}-{DayOfMonth}-{Year}</a></span>
  386. <span class="perma-reblog"><a href="{Permalink}" title="Permalink" class="perma">Permalink</a><a href="{ReblogURL}" target="_blank" title="Reblog" class="reblog">Reblog</a><div class="clear"></div></span>
  387. </div>
  388. {/block:Date}
  389. {/Block:ifSwitchPhotoGradientStyle}
  390.  
  391. {Block:ifNotSwitchPhotoGradientStyle}
  392. <div id="reblog_image">
  393. <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a>
  394. </div>
  395. <div id="permalink_image">
  396. <a href="{Permalink}" title="Permalink">Permalink</a>
  397. </div>
  398. {block:NoteCount}
  399. <div id="notes_title">notes</div>
  400. <div id="notes_image">
  401. <a href="{Permalink}" title="Notes">{NoteCount}</a>
  402. </div>{/block:NoteCount}{block:Date}
  403. <div id="date_title">date</div>
  404. <div id="date_image">
  405. {12Hour}:{Minutes} /
  406. {ShortMonth}-{DayOfMonth}-{Year}
  407. </div>
  408.  
  409. {/block:Date}
  410. {/Block:ifNotSwitchPhotoGradientStyle}
  411. </div>
  412.  
  413. <center><img src="{PhotoURL-500}"/></center>
  414. {/block:IndexPage}
  415.  
  416. {block:PermalinkPage}
  417. <center><img src="{PhotoURL-HighRes}"/></center>
  418. {/block:PermalinkPage}
  419. </div>
  420. {/block:Photo}
  421.  
  422. {block:Photoset}
  423. <div id="photoset">
  424. <div id="photo">
  425. {block:Photos}
  426. {block:IndexPage}
  427. <img class="photo-set-sizing photoset-{select:Post Size}" src="{PhotoURL-250}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />
  428. {/block:IndexPage}
  429. {block:PermalinkPage}
  430. <img class="photo-set-sizing" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />
  431. {/block:PermalinkPage}
  432. {/block:Photos}
  433. <div class="clear"></div>
  434. </div>
  435. </div>
  436. {/block:Photoset}
  437.  
  438. {block:Quote}
  439. <div id="quote">
  440. <div id="quote_symbol">,,</div>
  441. <a href="{Permalink}"><h3>{Quote}</h3></a>
  442.  
  443. {block:Source}
  444. <div id="source">{Source}</div>
  445. {/block:Source}
  446. </div>
  447. {/block:Quote}
  448.  
  449. {block:Link}
  450. <a href="{URL}" class="link" {Target}>
  451. <h3>{Name}</h3>
  452. </a>
  453.  
  454. {block:Description}
  455. <div class="description">{Description}</div>
  456. {/block:Description}
  457. {/block:Link}
  458.  
  459. {block:Audio}
  460. <div id="audio">
  461.  
  462. <ul id="info">
  463. {block:TrackName}
  464. <li>{TrackName}</li>
  465. {/block:TrackName}
  466. {block:Artist}
  467. <li>{Artist}</li>
  468. {/block:Artist}
  469. {Block:IfNotPostSizeSmall}{block:PlayCount}
  470. <li>{PlayCountWithLabel}</li>
  471. {/block:PlayCount}{/Block:IfNotPostSizeSmall}
  472. </ul>
  473.  
  474. <div id="player" class="player-{select:Post Size}">
  475. {AudioPlayerWhite}
  476. </div>
  477.  
  478. {block:AlbumArt}
  479. <img src="{AlbumArtURL}" id="album_art" class="art-{select:Post Size}"/>
  480. {/block:AlbumArt}
  481. </div>
  482. {/block:Audio}
  483.  
  484. {block:Chat}
  485. <div id="chat">
  486. {block:Title}
  487. <a href="{Permalink}"><h3>{Title}</h3></a>
  488. {/block:Title}
  489. <ul class="chat">
  490. {block:Lines}
  491. <li class="{Alt} user_{UserNumber}">
  492. {block:Label}
  493. <span class="label">{Label}</span>
  494. {/block:Label}
  495.  
  496. {Line}
  497. </li>
  498. {/block:Lines}
  499. </ul>
  500. </div>
  501. {/block:Chat}
  502.  
  503. {block:Video}
  504. <div id="video" class="{select:Post Size}">
  505. {block:IndexPage}
  506. <center>{Video-250}</center>
  507. {/block:IndexPage}
  508.  
  509. {block:PermalinkPage}
  510. <center>{Video-500}</center>
  511. {/block:PermalinkPage}
  512. </div>
  513. {/block:Video}
  514.  
  515. {block:Answer}
  516. <div id="ask">
  517. <div id="question">
  518. <span class="asker-blck">Message from {Asker}</span>
  519. <span class="q">{Question}</span>
  520. </div>
  521.  
  522. <div id="answer">
  523. <span class="answer-blck">Answer:</span>
  524. {Answer}
  525. </div>
  526. </div>
  527. {/block:Answer}
  528.  
  529. {block:IndexPage}
  530. {block:Date}
  531. <div id="small-permalink" {Block:Photo}style="display:none"{/Block:Photo} class="{select:Post Spacing}{block:RebloggedFrom} source{/block:RebloggedFrom}">
  532. <a href="{Permalink}" target="_blank" title="Permalink Page">P</a>
  533. <a href="{ReblogURL}" target="_blank" title="Reblog">R</a>
  534. {block:RebloggedFrom} <a href="{ReblogRootURL}" target="_blank" title="Source">S</a>{/block:RebloggedFrom}
  535. </div>
  536. {/block:Date}
  537. {/block:IndexPage}
  538.  
  539. {Block:IfShowPostInfo}
  540. {block:Date}
  541. <div id="info">
  542.  
  543. {Block:IfShowPhotoPostCaptions}
  544. {block:Caption}
  545. <div id="caption">{Caption}</div>
  546. {/block:Caption}
  547. {/Block:IfShowPhotoPostCaptions}
  548.  
  549. <ul id="post-info" {block:Photo}class="hidden"{/block:Photo} class="{select:Post Spacing}">
  550. {block:NoteCount}
  551. <li cass="notes"><a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}N</a></li>
  552. {/block:NoteCount}
  553. <li class="date"><a href="{Permalink}" title="Posted on {DayOfMonth} {ShortMonth}, {Year}">{DayOfMonth} {ShortMonth}, {Year}</a></li>
  554. <div class="clear"></div>
  555. </ul>
  556.  
  557. </div>
  558. {/block:Date}
  559. {/Block:IfShowPostInfo}
  560.  
  561. </div><!-- end #post -->
  562.  
  563. {block:PermalinkPage}
  564. {block:Date}
  565. <div id="permalink-info">
  566.  
  567. {block:Caption}
  568. <div id="caption">{Caption}</div>
  569. {/block:Caption}
  570.  
  571. <ul id="info-list">
  572. {block:NoteCount}
  573. <li><span>notes</span>{NoteCountWithLabel}</li>
  574. {/block:NoteCount}
  575. <li><span>Posted</span>{DayOfMonthWithZero} {Month} {Year}</li>
  576. {block:RebloggedFrom}
  577. <li><span>source</span><a href="{ReblogRootURL}" target="_blank">
  578. {ReblogRootName}</a></li>
  579. {/block:RebloggedFrom}
  580. {block:HighRes}
  581. <li><span>size</span><a href="{PhotoURL-HighRes}" target="_blank">
  582. High-Res</a></li>
  583. {/block:HighRes}
  584. {block:ExternalAudio}
  585. <li><span>audio file</span><a href="{ExternalAudioURL}" target="_blank">
  586. Download</a></li>
  587. {/block:ExternalAudio}
  588. </ul>
  589.  
  590. {block:PostNotes}
  591. {PostNotes-64}
  592. {/block:PostNotes}
  593.  
  594. {block:HasTags}
  595. <ul id="tag-list">
  596. {block:Tags}
  597. <li>
  598. <a href="{TagURL}" target="_blank">#{Tag}</a>
  599. </li>
  600. {/block:Tags}
  601. </ul>
  602. {/block:HasTags}
  603.  
  604. {/block:Date}
  605. {/block:PermalinkPage}
  606. <div class="clear"></div>
  607. {/block:Posts}
  608. </div><!-- End content -->
  609.  
  610. </div><!-- End content_box -->
  611. </div>
  612.  
  613. {block:Pagination}<div class="nav">{block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}</div>{/block:Pagination}
  614. <script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  615. <script type="text/javascript">
  616.  
  617. {block:IndexPage}
  618. $(window).load(function(){
  619.  
  620. var $wall = $('#content');
  621.  
  622. $wall.imagesLoaded( function(){
  623. $wall.masonry({
  624. itemSelector: "#post.{select:Post Size}, #other-pages.{select:Post Size}",
  625. //columnWidth: "#post.width-{select:Post Size}",
  626. gutter: "#post.{select:Post Spacing}, #other-pages.{select:Post Spacing}",
  627. isFitWidth: true,
  628. });
  629. });
  630.  
  631. {block:ifInfiniteScroll}
  632. $wall.infinitescroll({
  633. navSelector : ".nav",
  634. nextSelector : ".nav a",
  635. itemSelector : "#post.{select:Post Size}",
  636. behavior : 'twitter',
  637. extraScrollPx: 50,
  638. bufferPx : 5000,
  639. loadingImg : "",
  640. loadingText : "",
  641. donetext : ""
  642. },
  643.  
  644. function( newElements ) {
  645. var $newElems = $( newElements ).css({
  646. opacity: 0
  647. });
  648. $newElems.imagesLoaded(function(){
  649. $newElems.animate({ opacity: 1 });
  650. $wall.masonry( "appended", $newElems, true );
  651. });
  652. $('.audio').each(function(){
  653. var audioID = $(this).attr("id");
  654. var $audioPost = $(this);
  655. $.ajax({
  656. url: 'http://{Name}.tumblr.com/api/read/json?id=' + audioID,
  657. dataType: 'jsonp',
  658. timeout: 50000,
  659. success: function(data){
  660. $audioPost.find('#audio_player_'+audioID).replaceWith('<div style="background-color:#000000;">' + data.posts[0]['audio-player'].replace("audio_player.swf", "audio_player_black.swf") +'</div>');}
  661. });
  662. });
  663. });{/block:ifInfiniteScroll}
  664. $(document).load(function(){
  665. e.preventDefault();
  666. $wall.infinitescroll('retrieve');
  667. });
  668. $('#load').click(function(){
  669. $(document).trigger('retrieve.infscr');
  670. return false;
  671. });
  672. });
  673.  
  674. {/block:IndexPage}
  675.  
  676.  
  677. $("#caption p").remove(":contains('Source:')");
  678. $("#caption p").remove(":contains('(via')");
  679.  
  680. $(".custom-links").click(function () {
  681. $("#custom-links").slideToggle("slow");
  682. $("#custom-pages, #description-box").slideUp("slow");
  683. });
  684. $(".custom-pages").click(function () {
  685. $("#custom-pages").slideToggle("slow");
  686. $("#custom-links, #description-box").slideUp("slow");
  687. });
  688. $(".description-link").click(function () {
  689. $("#description-box").slideToggle("slow");
  690. $("#custom-links, #custom-pages").slideUp("slow");
  691. });
  692.  
  693.  
  694. $(function() {
  695. $(window).scroll(function() {
  696. if($(this).scrollTop() != 0) {
  697. $('#back-to-top').fadeIn();
  698. }
  699. else {
  700. $('#back-to-top').fadeOut();
  701. }
  702. });
  703.  
  704. $('#up').click(function() {
  705. $('body,html').animate({scrollTop:0},800);
  706. });
  707. });
  708.  
  709. </script>
  710.  
  711. <!-- Start of StatCounter Code for Tumblr -->
  712. <script type="text/javascript">
  713. var sc_project=10162770;
  714. var sc_invisible=1;
  715. var sc_security="b92c7597";
  716. var scJsHost = (("https:" == document.location.protocol) ?
  717. "https://secure." : "http://www.");
  718. document.write("<sc"+"ript type='text/javascript' src='" +
  719. scJsHost+
  720. "statcounter.com/counter/counter.js'></"+"script>");
  721. </script>
  722. <noscript><div class="statcounter"><a title="tumblr
  723. analytics" href="http://statcounter.com/tumblr/"
  724. target="_blank"><img class="statcounter"
  725. src="http://c.statcounter.com/10162770/0/b92c7597/1/"
  726. alt="tumblr analytics"></a></div></noscript>
  727. <!-- End of StatCounter Code for Tumblr -->
  728.  
  729. </body>
  730. </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!