API tools faq
paste
Kevan

HTML tumblr theme

Kevan
Apr 12th, 2012
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
  2. <html lang="en">
  3.  
  4.  
  5.  
  6. <script language="JavaScript">
  7. var ref = (''+document.referrer+'');
  8. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID501011&e&r=' + ref + '"><\/script>');
  9. </script>
  10.  
  11.  
  12.  
  13.  
  14. <head>
  15. <title>{title}</title>
  16. {block:Description}<meta name="description" content="{Dicks}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}"><link href="http://fonts.googleapis.com/css?family=Oswald:regular&v1" rel="stylesheet" type="text/css" >{block:if1column}{block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}{/block:if1column}
  17.  
  18. <meta name="color:Background" content="#fff" />
  19. <meta name="color:Center" content="#fff" />
  20. <meta name="color:Borders" content="#fff" />
  21. <meta name="color:Header Title" content="#444" />
  22. <meta name="color:Header Links" content="#333" />
  23. <meta name="color:Title" content="#444" />
  24. <meta name="color:Text" content="#000" />
  25. <meta name="color:Links" content="#333" />
  26. <meta name="color:Hover" content="#bbb" />
  27.  
  28. <meta name="image:Background" content="http://static.tumblr.com/8jq17g7/ZA7lowvuu/pagebg.png" />
  29. <meta name="image:Header" content="" />
  30. <meta name="image:Portrait" content="" />
  31.  
  32. <meta name="if:1 column" content="0" />
  33. <meta name="if:2 columns" content="0" />
  34. <meta name="if:3 columns" content="1" />
  35. <meta name="if:3 columns small posts" content="0" />
  36. <meta name="if:4 columns" content="0" />
  37. <meta name="if:Infinite Scroll" content="1" />
  38. <meta name="if:Sidebar" content="1" />
  39. <meta name="if:Sidebar Transparent" content="1" />
  40. <meta name="if:Sidebar Fixed" content="1" />
  41. <meta name="if:Title Header Shadow 1" content="1" />
  42. <meta name="if:Title Header Shadow 2" content="0" />
  43. <meta name="if:No Tilte" content="0" />
  44. <meta name="if:Title In Header" content="1" />
  45. <meta name="if:Links In Header" content="1" />
  46. <meta name="if:Shadow" content="1" />
  47. <meta name="if:Switch Shadow Effect" content="0" />
  48. <meta name="if:Back To Top Button" content="1" />
  49. <meta name="if:Borders" content="0" />
  50. <meta name="if:Hide Permaminks" content="0" />
  51. <meta name="if:Change Image Hover" content="0" />
  52. <meta name="if:Image Border" content="0" />
  53. <meta name="if:Round Borders" content="0" />
  54. <meta name="if:AskBox In Sidebar" content="0" />
  55. <meta name="if:Posts Light Transparent" content="0" />
  56. <meta name="if:Posts Dark Transparent" content="0" />
  57. <meta name="if:Show Submit" content="0" />
  58. <meta name="if:Show RSS" content="0" />
  59. <meta name="if:Show Archive" content="0" />
  60. <meta name="if:Show Random" content="0" />
  61.  
  62. <meta name="text:Ask Title" content="" />
  63. <meta name="text:Twitter Username" content=""/>
  64. <meta name="text:Tweet Count" content="6"/>
  65. <meta name="text:Link 1" content="" />
  66. <meta name="text:Link 1 Title" content="" />
  67. <meta name="text:Link 2" content="" />
  68. <meta name="text:Link 2 Title" content="" />
  69. <meta name="text:Link 3" content="" />
  70. <meta name="text:Link 3 Title" content="" />
  71. <meta name="text:Link 4" content="" />
  72. <meta name="text:Link 4 Title" content="" />
  73. <meta name="text:Link 5" content="" />
  74. <meta name="text:Link 5 Title" content="" />
  75.  
  76. <style type="text/css">
  77. a{color:{color:links};text-decoration:none;
  78. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;
  79. -o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  80. a:hover{color:{color:hover};text-decoration:none;
  81. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;
  82. -o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
  83. a:active{outline: none;}
  84. a:focus{-moz-outline-style: none;}
  85. :-moz-any-link:focus{outline: none;}
  86. img{border:none;}#infscr-loading{display:none !important;}
  87. body {border:0;margin:0;
  88. background-color:{color:background}; {block:ifBackgroundImage}
  89. background:url({image:Background}) repeat center top;background-attachment:fixed;{/block:ifBackgroundImage}
  90. color:{color:Text};font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: normal;font-size:10.5px;}
  91.  
  92. #container{margin:{block:ifNotHeaderImage}40px {block:ifNotHeaderImage}auto;
  93. {block:if1column}width:847.5px;{/block:if1column}
  94. {block:if2columns}width:847.5px;{/block:if2columns}
  95. {block:if3columns}width:847.5px;{/block:if3columns}
  96. {block:if3columnssmallposts}width:980px;{/block:if3columnssmallposts}
  97. {block:if4columns}width:980px;{/block:if4columns}}
  98.  
  99. #header{{block:ifHeaderImage}margin:23px;{/block:ifHeaderImage}margin-bottom:20px;}
  100.  
  101. #sidebar{
  102. {block:if3columns}{block:IfNotSidebar}display:none;{/block:IfNotSidebar}{/block:if3columns}
  103. {block:if4columns}{block:IfNotSidebar}display:none;{/block:IfNotSidebar}{/block:if4columns}
  104. {block:ifNotSidebarTransparent}{block:ifborders}border:1px solid {color:borders};{/block:ifborders}
  105. {block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  106. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}margin:7.5px;
  107. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  108. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  109. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  110. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  111. {block:ifSwitchShadowEffect}
  112. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  113. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}
  114. {block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}
  115. {/block:ifNotSidebarTransparent}
  116. {block:ifSidebarTransparent}margin-top:7.5px;{/block:ifSidebarTransparent}
  117. {block:if1column}padding:10px;margin:7.5px;width:250px;{block:IndexPage}{block:ifNotSidebarFixed}position:absolute;{/block:ifNotSidebarFixed}{block:ifSidebarFixed}position:fixed;{/block:ifSidebarFixed}{/block:IndexPage}
  118. {block:PermalinkPage}position:absolute;{/block:PermalinkPage}{/block:if1column}
  119. {block:if2columns}padding:10px;margin:7.5px;width:250px;{block:IndexPage}{block:ifNotSidebarFixed}position:absolute;{/block:ifNotSidebarFixed}{block:ifSidebarFixed}position:fixed;{/block:ifSidebarFixed}{/block:IndexPage}
  120. {block:PermalinkPage}position:absolute;{/block:PermalinkPage}{/block:if2columns}
  121. {block:if3columns}padding:10px;margin:7.5px;width:250px;float:left;{/block:if3columns}
  122. {block:if3columnssmallposts}padding:10px;margin:7.5px;width:210px;{block:IndexPage}{block:ifNotSidebarFixed}position:absolute;{/block:ifNotSidebarFixed}{block:ifSidebarFixed}position:fixed;{/block:ifSidebarFixed}{/block:IndexPage}
  123. {block:PermalinkPage}position:absolute;{/block:PermalinkPage}{/block:if3columnssmallposts}
  124. {block:if4columns}padding:10px;margin:7.5px;width:210px;float:left;{/block:if4columns}}
  125. {block:ifNotSidebarTransparent}{block:ifSwitchShadowEffect}#sidebar:hover{
  126. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  127. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}{/block:ifNotSidebarTransparent}
  128.  
  129.  
  130. {block:if1column}
  131. #posts{width:570px;margin-left:285px;{block:IndexPage}margin-top:27px;{/block:IndexPage}{block:PermalinkPage}margin-top:26px;{/block:PermalinkPage}}
  132. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:10px;margin:7.5px;width:500px;margin-top:15px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  133. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  134. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  135. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  136. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  137. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  138. {block:ifSwitchShadowEffect}
  139. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  140. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}}
  141. #post img{width:auto;}
  142. {block:ifSwitchShadowEffect}#post:hover{
  143. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  144. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  145. {/block:if1column}
  146.  
  147. {block:if2columns}
  148. #posts{width:570px;margin-left:285px;}
  149. {block:IndexPage}
  150. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:10px;margin:7.5px;width:250px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  151. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}float:left;
  152. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  153. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  154. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  155. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  156. {block:ifSwitchShadowEffect}
  157. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  158. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}overflow:hidden;}
  159. {block:ifSwitchShadowEffect}#post:hover{
  160. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  161. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  162. {/block:IndexPage}
  163. {block:PermalinkPage}
  164. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:20px;margin:7.5px;width:500px;margin-top:15px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  165. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  166. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  167. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  168. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  169. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  170. {block:ifSwitchShadowEffect}
  171. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  172. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}}
  173. #post img{width:auto;}
  174. {block:ifSwitchShadowEffect}#post:hover{
  175. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  176. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  177. {/block:PermalinkPage}
  178. {/block:if2columns}
  179.  
  180.  
  181.  
  182. {block:if3columns}
  183. #posts{
  184. {block:IndexPage}width:855px;{/block:IndexPage}
  185. {block:PermalinkPage}{block:IfSidebar}width:570px;margin-left:285px;{/block:IfSidebar}
  186. {block:IfNotSidebar}width:540px;margin:auto;{/block:IfNotSidebar}{/block:PermalinkPage}}
  187. {block:IndexPage}
  188. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:10px;margin:7.5px;width:250px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  189. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}float:left;
  190. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  191. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  192. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  193. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  194. {block:ifSwitchShadowEffect}
  195. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  196. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}overflow:hidden;}
  197. {block:ifSwitchShadowEffect}#post:hover{
  198. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  199. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:20px;margin:7.5px;width:500px;margin-top:15px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  203. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  204. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  205. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  206. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  207. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  208. {block:ifSwitchShadowEffect}
  209. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  210. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}}
  211. #post img{width:auto;}
  212. {block:ifSwitchShadowEffect}#post:hover{
  213. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  214. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  215. {/block:PermalinkPage}
  216. {/block:if3columns}
  217.  
  218.  
  219.  
  220.  
  221. {block:if3columnssmallposts}
  222. #posts{{block:IndexPage}width:750px;margin-left:245px;{/block:IndexPage}
  223. {block:PermalinkPage}width:570px;margin-left:245px;{/block:PermalinkPage}}{block:IndexPage}
  224. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}
  225. padding:10px;margin:7.5px;width:210px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  226. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}float:left;
  227. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  228. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  229. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  230. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  231. {block:ifSwitchShadowEffect}
  232. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  233. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}overflow:hidden;}{/block:IndexPage}
  234. {block:ifSwitchShadowEffect}#post:hover{
  235. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  236. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  237. {block:PermalinkPage}
  238. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:20px;margin:7.5px;margin-top:15px;width:500px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  239. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  240. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  241. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  242. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  243. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  244. {block:ifSwitchShadowEffect}
  245. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  246. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}}
  247. {block:ifSwitchShadowEffect}#post:hover{
  248. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  249. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  250. #post img{width:auto;}
  251. {/block:PermalinkPage}
  252. {/block:if3columnssmallposts}
  253.  
  254.  
  255.  
  256. {block:if4columns}
  257. #posts{{block:IndexPage}width:980px;{/block:IndexPage}
  258. {block:PermalinkPage}{block:IfSidebar}width:570px;margin-left:245px;{/block:IfSidebar}
  259. {block:IfNotSidebar}width:540px;margin:auto;{/block:IfNotSidebar}{/block:PermalinkPage}}{block:IndexPage}
  260. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}
  261. padding:10px;margin:7.5px;width:210px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  262. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}float:left;
  263. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  264. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  265. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  266. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  267. {block:ifSwitchShadowEffect}
  268. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  269. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}overflow:hidden;}{/block:IndexPage}
  270. {block:ifSwitchShadowEffect}#post:hover{
  271. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  272. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  273. {block:PermalinkPage}
  274. #post{{block:ifborders}border:1px solid {color:borders};{/block:ifborders}{block:ifRoundBorders}-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;{/block:ifRoundBorders}padding:20px;margin:7.5px;margin-top:15px;width:500px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  275. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  276. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  277. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  278. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  279. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  280. {block:ifSwitchShadowEffect}
  281. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  282. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}}
  283. {block:ifSwitchShadowEffect}#post:hover{
  284. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  285. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  286. #post img{width:auto;}
  287. {/block:PermalinkPage}
  288. {/block:if4columns}
  289.  
  290.  
  291. /* titles */
  292. .title{font-size:15px;color:{color:title};font-family: 'Oswald', sans-serif;}
  293. .title2{{block:ifNotTitleInHeader}font-size:30px;line-height:40px;{/block:ifNotTitleInHeader}{block:ifTitleInHeader}font-size:60px;letter-spacing:3px;line-height:70px;{/block:ifTitleInHeader}color:{color:Header title};font-family: 'Oswald', sans-serif;font-weight: 800;text-transform:uppercase;{block:ifTitleInHeader}{block:ifTitleHeadershadow1}text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;{/block:ifTitleHeadershadow1}
  294. {block:ifTitleHeadershadow2}text-shadow:0px 0px 12px rgba(0,0,0,0.6);-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;{/block:ifTitleHeadershadow2}{/block:ifTitleInHeader}{block:ifNoTilte}display:none;{/block:ifNoTilte}}
  295. .title2:hover{color:{color:Header title};{block:ifTitleInHeader}{block:ifTitleHeadershadow1}text-shadow:0px 0px 0px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;{/block:ifTitleHeadershadow1}
  296. {block:ifTitleHeadershadow2}text-shadow:0px 0px 7px rgba(0,0,0,0.5);-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;{/block:ifTitleHeadershadow2}
  297. {/block:ifTitleInHeader}}
  298. .title3{font-size:15px;color:{color:title};background:;padding:0 8px;margin:0 1px;
  299. font-family: 'Oswald', sans-serif;text-transform:uppercase;}
  300. .title5{font-size:15px;color:{color:Header Links};
  301. font-family: 'Oswald', sans-serif;text-transform:uppercase;}
  302. .title4{font-size:13px;color:{color:title};
  303. font-family: 'Oswald', sans-serif;text-transform:uppercase;}
  304. .title6{font-size:13px;color:{color:title};width:auto;display:block;padding:3px 7px;background-color:rgba(0,0,0,0.1);margin:3px 0;font-family: 'Oswald', sans-serif;text-transform:uppercase;
  305. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
  306. .title6:hover{color:{color:title};background-color:rgba(0,0,0,0);
  307. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
  308. /* End titles */
  309.  
  310. /* Posts */
  311. ol.notes {list-style-type: none !important;margin-left:-40px;}
  312. ol.notes img{width:16px;}
  313. ol.notes li{margin: 0;}
  314. ol.notes li blockquote {padding: 6px 0px 4px 30px; margin: 0px 0px 5px 7px; font-style: italic;}
  315. ol.notes li .answer_content {font-weight:normal;font-style:italic;padding:6px 10px;border:0;}
  316. blockquote {margin:10px 5px 0px;padding-left:15px;border-left:2px solid rgba(0,0,0,0.1);}
  317.  
  318. .text img{{block:if1columns}max-width:500px;{/block:if1columns}{block:if2columns}max-width:250px;{/block:if2columns}{block:if4columns}max-width:210px;{/block:if4columns}{block:if3columns}max-width:250px;{/block:if3columns}{block:if3columnssmallposts}max-width:210px;{/block:if3columnssmallposts}height:auto;}
  319. .answer_portrait {width:30px;height:30px;}
  320. .answer_portrait img{width:30px;height:30px;display: block;}
  321. .padd {margin-left:5px;}
  322. .answer {margin-left:-35px;border-top:1px solid rgba(0,0,0,0.1);padding-top:-10px;margin-top:10px;}
  323.  
  324. .chat {margin-left:-40px;margin-top:0px;}
  325. .chat li {padding:5px;list-style-type:none;}
  326. .chat li:nth-child(even) {background-color:rgba(0,0,0,0.1);color:{color:Text};}
  327.  
  328. {block:ifNot1column}
  329. .audio {{block:if2columns}width:250px;{/block:if2columns}{block:if3columns}width:250px;{/block:if3columns}{block:if3columnssmallposts}width:210px;{/block:if3columnssmallposts}{block:if4columns}width:210px;{/block:if4columns}position:absolute;
  330. {block:ifNotPostsDarkTransparent}opacity:0.8;background-color:white;{/block:ifNotPostsDarkTransparent}
  331. {block:ifPostsDarkTransparent}opacity:0.6;background-color:black;{/block:ifPostsDarkTransparent}padding:10px 0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  332. -webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
  333. -moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
  334. box-shadow: 0px 3px 0px rgba(0,0,0,0.1);}
  335. #post:hover .audio {opacity:1;{block:ifPostsLightTransparent}opacity:0.8;{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}opacity:0.6;{/block:ifPostsDarkTransparent}-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  336. .albumart img{width:240px:display: block;}
  337. .audio_info{width:auto;opacity:0;{block:ifNotPostsDarkTransparent}background-color:white;{/block:ifNotPostsDarkTransparent}
  338. {block:ifPostsDarkTransparent}background-color:black;{/block:ifPostsDarkTransparent}
  339. {block:if2columns}width:240px;{/block:if2columns}{block:if3columns}width:240px;{/block:if3columns}
  340. {block:if3columnssmallposts}width:200px;{/block:if3columnssmallposts}
  341. {block:if4columns}width:200px;{/block:if4columns}padding:5px;height:auto;
  342. position:relative;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
  343. transition: all 0.5s ease-out;line-height:0px;position:absolute;margin-top:47px;line-height:12px;
  344. -webkit-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
  345. -moz-box-shadow: 0px 3px 0px rgba(0,0,0,0.1);
  346. box-shadow: 0px 3px 0px rgba(0,0,0,0.1);}
  347. #post:hover .audio_info{opacity:1;{block:ifPostsLightTransparent}opacity:0.8;{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}opacity:0.6;{/block:ifPostsDarkTransparent}
  348. -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
  349. transition: all 0.5s ease-out;}
  350. .audio_info a:hover{color:{color:text};text-decoration:underline;}.audio_info a{color:{color:text};}
  351. {/block:ifNot1column}
  352.  
  353.  
  354. {block:if1column}
  355. .audio {margin-left:260px; width:240px;position:absolute;
  356. {block:ifNotPostsDarkTransparent}opacity:0.8;background-color:white;{/block:ifNotPostsDarkTransparent}
  357. {block:ifPostsDarkTransparent}opacity:0.6;background-color:black;{/block:ifPostsDarkTransparent}padding:10px 0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  358. #post:hover .audio {opacity:1;{block:ifPostsLightTransparent}opacity:0.8;{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}opacity:0.6;{/block:ifPostsDarkTransparent}-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  359. .albumart img{width:240px:display: block;}
  360. .audio_info{{block:ifNotPostsDarkTransparent}background-color:white;opacity:0.8{/block:ifNotPostsDarkTransparent}{block:ifPostsDarkTransparent}background-color:black;opacity:0.6;{/block:ifPostsDarkTransparent}width:220px;padding:10px;height:auto;margin-left:260px;position:relative;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;line-height:0px;position:absolute;margin-top:57px;line-height:12px;}
  361. .audio_info a:hover{color:{color:text};text-decoration:underline;}.audio_info a{color:{color:text};}
  362. {/block:if1column}
  363.  
  364. #video object, #video embed{{block:IndexPage}
  365. {block:if1columns}width:500px;height:auto;{block:if1columns}
  366. {block:if2columns}width:250px;height:180px;{block:if2columns}
  367. {block:if3columns}width:250px;height:180px;{block:if3columns}
  368. {block:if3columnssmallposts}width:210px;height:160px;{/block:if3columnssmallposts}
  369. {block:if4columns}width:210px;height:auto;{block:if4columns}
  370. {/block:IndexPage}
  371. {block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  372. #video{overflow:hidden;{block:IndexPage}
  373. {block:if1columns}width:500px;{block:if1columns}
  374. {block:if2columns}width:250px;{block:if2columns}
  375. {block:if3columns}width:250px;{block:if3columns}
  376. {block:if3columnssmallposts}width:210px;{/block:if3columnssmallposts}
  377. {block:if4columns}width:210px;{block:if4columns}margin-bottom:0px;{/block:IndexPage}}
  378.  
  379. .top{position:fixed;bottom:10px;right:10px;{block:ifNotBackToTopButton}display:none;{/block:ifNotBackToTopButton}
  380. {block:ifBackgroundImage}{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  381. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}padding:3px 7px;
  382. {block:ifShadow}{block:ifNotSwitchShadowEffect}
  383. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  384. -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  385. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  386. {block:ifSwitchShadowEffect}
  387. -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);
  388. box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}{/block:ifBackgroundImage}}
  389. {block:ifSwitchShadowEffect}.top:hover{
  390. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  391. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  392.  
  393. /* Permalink on indexpage */
  394. {block:ifNot1column}
  395. .permalink_post{opacity:0;float:left;position:absolute;left:79px;{block:ifImageBorder}margin:10px;{/block:ifImageBorder}{block:ifNotImageBorder}margin:0px;{/block:ifNotImageBorder}
  396. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  397. background-repeat:repeat;border:1px solid rgba(0,0,0,0.1);padding:2px 5px;-webkit-border-radius:2px;
  398. -moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;-webkit-transition: all 0.3s ease-out;
  399. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  400. #post:hover .permalink_post{opacity:1;-webkit-transition: all 0.3s ease-out;
  401. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  402. .permalink_post a{color:white;border:0;opacity:0.9;letter-spacing:1px;font-family:arial;
  403. font-size:10px;line-height:14px;}.permalink_post a:hover{color:white;border:0;}
  404. .notes_post{opacity:0;float:left;position:absolute;left:150px;
  405. {block:ifImageBorder}margin:10px;{/block:ifImageBorder}{block:ifNotImageBorder}margin:0px;{/block:ifNotImageBorder}background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);background-repeat:repeat;border:1px solid rgba(0,0,0,0.1);padding:2px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  406. #post:hover .notes_post{opacity:1;-webkit-transition: all 0.3s ease-out;
  407. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  408. .notes_post a{color:white;border:0;opacity:0.9;letter-spacing:0px;font-family:arial;
  409. font-size:10px;line-height:14px;}.notes_post a:hover{color:white;border:0;}
  410. #reblog{width:64px;float:left;
  411. {block:ifImageBorder}margin:10px;{/block:ifImageBorder}
  412. {block:ifNotImageBorder}margin:0px;{/block:ifNotImageBorder}
  413. display:inline;cursor:pointer;
  414. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  415. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  416. #post:hover #reblog{opacity:1;-webkit-transition: all 0.3s ease-out;
  417. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  418. #reblog a{border:0;}#reblog a:hover{border:0;}#reblog img{width:64px;display: block;}
  419. {/block:ifNot1column}
  420. {block:if1column}
  421. .permalink_post{opacity:0;float:left;position:absolute;margin-left:79px;margin-top:10px;
  422. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  423. background-repeat:repeat;border:1px solid rgba(0,0,0,0.1);padding:2px 5px;-webkit-border-radius:2px;
  424. -moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;-webkit-transition: all 0.3s ease-out;
  425. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  426. #post:hover .permalink_post{opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  427. .permalink_post a{color:white;border:0;opacity:0.9;letter-spacing:1px;font-family:arial;font-size:10px;line-height:14px;}.permalink_post a:hover{color:white;border:0;}
  428. .notes_post{opacity:0;float:left;position:absolute;margin-left:150px;margin-top:10px;
  429. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);background-repeat:repeat;border:1px solid rgba(0,0,0,0.1);padding:2px 5px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:3px;border-radius:2px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  430. #post:hover .notes_post{opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  431. .notes_post a{color:white;border:0;opacity:0.9;letter-spacing:0px;font-family:arial;font-size:10px;line-height:14px;}.notes_post a:hover{color:white;border:0;}
  432. #reblog{width:64px;float:left;margin:10px;display:inline;cursor:pointer;position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  433. #post:hover #reblog{opacity:1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  434. #reblog a{border:0;}#reblog a:hover{border:0;}#reblog img{width:64px;display: block;}
  435. {/block:if1column}
  436.  
  437. {block:ifNotHidePermaminks}
  438. #permalink{width:auto;height:10px;line-height:15px;padding-top:5px;
  439. position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;
  440. transition: all 0.3s ease-out;}{/block:ifNotHidePermaminks}
  441. {block:ifHidePermaminks}
  442. #permalink{width:auto;height:0px;opacity:0;line-height:0px;
  443. position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;
  444. transition: all 0.3s ease-out;}{/block:ifHidePermaminks}
  445. {block:ifHidePermaminks}{block:ifNot1column}
  446. #post:hover #permalink{height:10px;opacity:1;line-height:0px;margin-top:-10px;padding-top:10px;
  447. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  448. {block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  449. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}}{/block:ifNot1column}
  450. {block:if1column}
  451. #post:hover #permalink{height:10px;opacity:1;line-height:0px;margin-top:5px;padding-top:5px;
  452. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;
  453. transition: all 0.3s ease-out;}{/block:if1column}{/block:ifHidePermaminks}
  454.  
  455. /* change image hover */
  456. {block:IndexPage}
  457. {block:ifNot1column}
  458. {block:ifchangeimagehover}
  459. #overlay{background:rgba(0,0,0,0.3);opacity:0;
  460. {block:ifNotImageBorder}width:270px;height:100%;{/block:ifNotImageBorder}
  461. {block:ifImageBorder}
  462. {block:if1column}width:500px{block:if1column}
  463. {block:if2columns}width:250px;{/block:if2columns}
  464. {block:if3columns}width:250px;{/block:if3columns}
  465. {block:if3columnssmallposts}width:210px;{/block:if3columnssmallposts}
  466. {block:if4columns}width:210px;{/block:if4columns}
  467. height:100%;{/block:ifImageBorder}
  468. float:left;position:absolute;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-moz-box-shadow: inset 0 0 50px rgba(0,0,0,1);
  469. -webkit-box-shadow: inset 0 0 50px rgba(0,0,0,1);box-shadow: inset 0 0 50px rgba(0,0,0,1);}
  470. #post:hover #overlay{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  471. #date{position:absolute;margin-left:-100px;float:left;color:white;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;z-index:3 !important;
  472. {block:if1column}font-size:30px;margin-top:10px;line-height:27px;{/block:if1column}
  473. {block:if2columns}font-size:30px;margin-top:10px;line-height:27px;{/block:if2columns}
  474. {block:if3columns}font-size:30px;margin-top:10px;line-height:27px;{/block:if3columns}
  475. {block:if3columnssmallposts}
  476. {block:ifImageBorder}margin-top:9px;font-size:20px;line-height:20px;{/block:ifImageBorder}{block:ifNotImageBorder}font-size:30px;margin-top:10px;line-height:27px;{/block:ifNotImageBorder}
  477. {/block:if3columnssmallposts}
  478. {block:if4columns}{block:ifImageBorder}margin-top:9px;font-size:20px;line-height:20px;{/block:ifImageBorder}{block:ifNotImageBorder}font-size:30px;margin-top:10px;line-height:27px;{/block:ifNotImageBorder}
  479. {/block:if4columns}text-transform:uppercase;letter-spacing:-1px;opacity:0;width:50px;font-family:arial;font-weight:bold;}
  480. #post:hover #date{margin-left:10px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:1;}
  481. #reblog{position:absolute;margin-left:280px;float:left;color:white;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;z-index:3 !important;
  482. {block:if1column}font-size:30px;margin-top:10px;{/block:if1column}
  483. {block:if2columns}font-size:30px;margin-top:10px;{/block:if2columns}
  484. {block:if3columns}font-size:30px;margin-top:10px;{/block:if3columns}
  485. {block:if3columnssmallposts}
  486. {block:ifImageBorder}margin-top:5px;font-size:20px;{/block:ifImageBorder}{block:ifNotImageBorder}font-size:30px;margin-top:10px;{/block:ifNotImageBorder}
  487. {/block:if3columnssmallposts}
  488. {block:if4columns}
  489. {block:ifImageBorder}margin-top:5px;font-size:20px;{/block:ifImageBorder}{block:ifNotImageBorder}font-size:30px;margin-top:10px;{/block:ifNotImageBorder}
  490. {/block:if4columns}
  491. text-transform:uppercase;letter-spacing:-1px;opacity:0;width:100px;line-height:27px;font-family:arial;font-weight:bold;}#reblog img{width:64px;}
  492. #post:hover #reblog{
  493. {block:ifNotchangeimagehover}{block:ifNotImageBorder}margin-left:95px;{/block:ifNotImageBorder}{/block:ifNotchangeimagehover}{block:ifchangeimagehover}{block:ifNotImageBorder}
  494. {block:if1column}margin-left:270px;{/block:if1column}
  495. {block:if2columns}margin-left:135px;{/block:if2columns}
  496. {block:if3columns}margin-left:135px;{/block:if3columns}
  497. {block:if3columnssmallposts}margin-left:95px;{/block:if3columnssmallposts}
  498. {block:if4columns}margin-left:95px;{/block:if4columns}
  499. {/block:ifNotImageBorder}{/block:ifchangeimagehover}
  500. {block:ifImageBorder}margin-left:120px;{/block:ifImageBorder}-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:1;}
  501. #reblog a, #date a{color:white;}
  502. {/block:ifchangeimagehover}
  503. #photo{
  504. {block:ifchangeimagehover}{block:ifNotImageBorder}overflow:hidden;margin-left:-10px;margin-top:-10px;width:270px;{/block:ifNotImageBorder}{block:ifImageBorder}
  505. {block:if2columns}width:270px;margin-bottom:-20px;overflow:hidden;background:white;{/block:if2columns}
  506. {block:if3columns}width:270px;margin-bottom:-20px;overflow:hidden;background:white;{/block:if3columns}
  507. {block:if3columnssmallposts}width:230px;margin-bottom:-20px;overflow:hidden;background:white;{/block:if3columnssmallposts}
  508. {block:if4columns}width:230px;margin-bottom:-20px;overflow:hidden;background:white;{/block:if4columns}
  509. {/block:ifImageBorder}{/block:ifchangeimagehover}{block:ifNotImageBorder}margin-left:-10px;margin-top:-10px;margin-bottom:-20px;{/block:ifNotImageBorder}}
  510. #photo img{{block:ifchangeimagehover}{block:IndexPage}{block:ifNotImageBorder}width:270px;{/block:ifNotImageBorder}{/block:IndexPage}{/block:ifchangeimagehover}{block:ifImageBorder}
  511. {block:if2columns}width:250px;{block:ifchangeimagehover}margin-left:-20px;{/block:ifchangeimagehover}{/block:if2columns}{block:if3columns}width:250px;{block:ifchangeimagehover}margin-left:-20px;{/block:ifchangeimagehover}{/block:if3columns}{block:if3columnssmallposts}width:210px;{block:ifchangeimagehover}margin-left:-20px;{/block:ifchangeimagehover}{/block:if3columnssmallposts}
  512. {block:if4columns}width:210px;{block:ifchangeimagehover}margin-left:-20px;{/block:ifchangeimagehover}{/block:if4columns}{/block:ifImageBorder}}{block:ifImageBorder}
  513. #photo #balk{height:10px;margin-top:0px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  514. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}
  515. {block:if2columns}width:250px;{/block:if2columns}{block:if3columns}width:250px;{/block:if3columns}{block:if3columnssmallposts}width:210px;{/block:if3columnssmallposts}{block:if4columns}width:210px;
  516. {/block:if4columns}position:absolute;}{/block:ifImageBorder}
  517. {block:ifNot1column}
  518. {/block:IndexPage}
  519.  
  520. {block:if1column}
  521. {block:IndexPage}
  522. {block:ifchangeimagehover}
  523. #overlay{background:rgba(0,0,0,0.3);opacity:0;width:500px;height:100%;
  524. float:left;position:absolute;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;-moz-box-shadow: inset 0 0 50px rgba(0,0,0,1);
  525. -webkit-box-shadow: inset 0 0 50px rgba(0,0,0,1);box-shadow: inset 0 0 50px rgba(0,0,0,1);}
  526. #post:hover #overlay{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  527. #date{position:absolute;margin-left:-150px;float:left;color:white;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;z-index:3 !important;
  528. {block:if1column}font-size:45px;margin-top:15px;line-height:40px;{/block:if1column}
  529. text-transform:uppercase;letter-spacing:-1px;opacity:0;width:50px;font-family:arial;font-weight:bold;}
  530. #post:hover #date{margin-left:10px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:1;}
  531. #reblog{position:absolute;margin-left:520px;float:left;color:white;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;z-index:3 !important;
  532. font-size:45px;margin-top:15px;
  533. text-transform:uppercase;letter-spacing:-1px;opacity:0;width:100px;line-height:27px;font-family:arial;font-weight:bold;}#reblog img{width:64px;}
  534. #post:hover #reblog{margin-left:305px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;opacity:1;}
  535. #reblog a, #date a{color:white;}
  536. #photo {width:500px;overflow:hidden;background:white;display:block;position:relative;}
  537. #photo img{width:500px;}
  538. {/block:ifchangeimagehover}
  539. {/block:IndexPage}
  540. {/block:if1column}
  541.  
  542. /* End - change image hover */
  543.  
  544.  
  545.  
  546. .twitter{{block:if2columns}width:250px;{block:IndexPage}float:left;{/block:IndexPage}{/block:if2columns}{block:if3columns}width:250px;{block:IndexPage}float:left;{/block:IndexPage}{/block:if3columns}{block:if3columnssmallposts}width:210px;{block:IndexPage}float:left;{/block:IndexPage}{/block:if3columnssmallposts}{block:if4columns}width:210px;{block:IndexPage}float:left;{/block:IndexPage}{/block:if4columns}padding:10px;{block:ifNotPostsLightTransparent}background-color:{color:center};{/block:ifNotPostsLightTransparent}
  547. {block:ifNotPostsDarkTransparent}background-color:{color:center};{/block:ifNotPostsDarkTransparent}{block:ifPostsLightTransparent}background-color:rgba(255,255,255,0.8);{/block:ifPostsLightTransparent}{block:ifPostsDarkTransparent}background-color:rgba(0,0,0,0.8);{/block:ifPostsDarkTransparent}margin:7.5px;{block:ifShadow}{block:ifNotSwitchShadowEffect}
  548. -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  549. box-shadow: 0px 0px 3px rgba(0,0,0,0.2);{/block:ifNotSwitchShadowEffect}
  550. {block:ifSwitchShadowEffect}-webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2);box-shadow: 0px 6px 10px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;{/block:ifSwitchShadowEffect}{/block:ifShadow}overflow:hidden;}
  551. {block:ifSwitchShadowEffect}.twitter:hover{
  552. -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
  553. box-shadow: 0px 0px 5px rgba(0,0,0,0.2);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}{/block:ifSwitchShadowEffect}
  554. ul#twitter_update_list{list-style:none;margin-left:-40px;margin-top:5px;margin-bottom:-2px;}
  555. ul#twitter_update_list li{margin:2.5px 0;padding:7px;}
  556. ul#twitter_update_list li:nth-child(even) {background-color:rgba(0,0,0,0.1);color:{color:Text};}
  557. ul#twitter_update_list li span{display:block;line-height:13px;}
  558.  
  559. {CustomCSS}
  560. </style>
  561. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  562. {block:ifBackToTopButton}<script type="text/javascript">
  563. $(document).ready(function() {
  564. $('a[href=#top]').click(function(){
  565. $('html, body').animate({scrollTop:0}, 'slow');
  566. return false;
  567. });
  568. });
  569. </script>{/block:ifBackToTopButton}
  570. </head>
  571.  
  572. <body>
  573. <a name="top"></a>
  574. <div id="container">
  575. <div id="header"><center><img src="{image:Header}" style="
  576. {block:if1column}max-width:847.5px;{/block:if1column}
  577. {block:if2columns}max-width:847.5px;{/block:if2columns}
  578. {block:if3columns}max-width:847.5px;{/block:if3columns}
  579. {block:if3columnssmallposts}max-width:980px;{/block:if3columnssmallposts}
  580. {block:if4columns}max-width:980px;{/block:if4columns}max-height:400px;"></center><br>
  581. {block:ifTitleInHeader}<center><a href="/" class="title2">{title}</a></center>{block:ifNotNoTilte}<br>{/block:ifNotNoTilte}{/block:ifTitleInHeader}
  582. {block:ifLinksInHeader}<center>
  583. {block:AskEnabled}<a href="/ask" class="title5">
  584. {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  585. {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>
  586. {/block:AskEnabled}
  587. {block:HasPages}{block:Pages}
  588. <a href="{URL}" class="title5">{Label}</a>
  589. {/block:Pages}{/block:HasPages}
  590. {block:ifLink1Title}
  591. <a href="{text:Link 1}" class="title5">{text:Link 1 Title}</a>
  592. {/block:ifLink1Title}
  593. {block:ifLink2Title}
  594. <a href="{text:Link 2}" class="title5">{text:Link 2 Title}</a>
  595. {/block:ifLink2Title}
  596. {block:ifLink3Title}
  597. <a href="{text:Link 3}" class="title5">{text:Link 3 Title}</a>
  598. {/block:ifLink3Title}
  599. {block:ifLink4Title}
  600. <a href="{text:Link 4}" class="title5">{text:Link 4 Title}</a>
  601. {/block:ifLink4Title}
  602. {block:ifLink5Title}
  603. <a href="{text:Link 5}" class="title5">{text:Link 5 Title}</a>
  604. {/block:ifLink5Title}
  605. {block:ifShowSubmit}<a href="/submit" class="title5">Submit</a> {/block:ifShowSubmit}
  606. {block:ifShowRSS}<a href="{RSS}" class="title5">RSS</a> {/block:ifShowRSS}
  607. {block:ifShowArchive}<a href="/archive" class="title5">Archive</a> {/block:ifShowArchive}
  608. {block:ifShowRandom}<a href="/random" class="title5">Random</a> {/block:ifShowRandom}
  609. <a href="http://www.themecloud.co/bricks-tumblr-theme.asp" class="title5">Theme</a>
  610. </center>{/block:ifLinksInHeader}
  611. {block:if3columns}{block:IfNotSidebar}<center><div style="width:827.5px;margin-top:7px;">{Description}/div></center>{/block:IfNotSidebar}{/block:if3columns}
  612. {block:if4columns}{block:IfNotSidebar}<center><div style="width:960px;margin-top:7px;">{Description}</div></center>{/block:IfNotSidebar}{/block:if4columns}
  613. </div>
  614.  
  615. {block:IndexPage}{block:if3columns}<div id="posts" class="photos clearfix">{/block:if3columns}
  616. {block:if4columns}<div id="posts" class="photos clearfix">{/block:if4columns}
  617. {/block:IndexPage}
  618.  
  619. <div id="sidebar">
  620.  
  621. {block:ifNotTitleInHeader}<center><a href="/" class="title2">{title}</a></center>{block:ifNotNoTilte}<br>{/block:ifNotNoTilte}{/block:ifNotTitleInHeader}
  622. {block:ifPortraitImage}
  623. <center><img src="{image:Portrait}" {block:if1column}width="250px"{/block:if1column}{block:if2columns}width="250px"{/block:if2columns}{block:if3columns}width="250px"{/block:if3columns}{block:if3columnssmallposts}width="210px;"{/block:if3columnssmallposts}{block:if4columns}width="210px"{/block:if4columns}></center><br>
  624. {/block:ifPortraitImage}
  625. {Description}
  626. {block:ifNotLinksInHeader}<br><br>
  627. {block:AskEnabled}<a href="/ask" class="title6">
  628. {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  629. {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>
  630. {/block:AskEnabled}
  631. {block:HasPages}{block:Pages}
  632. <a href="{URL}" class="title6">{Label}</a>
  633. {/block:Pages}{/block:HasPages}
  634. {block:ifLink1Title}
  635. <a href="{text:Link 1}" class="title6">{text:Link 1 Title}</a>
  636. {/block:ifLink1Title}
  637. {block:ifLink2Title}
  638. <a href="{text:Link 2}" class="title6">{text:Link 2 Title}</a>
  639. {/block:ifLink2Title}
  640. {block:ifLink3Title}
  641. <a href="{text:Link 3}" class="title6">{text:Link 3 Title}</a>
  642. {/block:ifLink3Title}
  643. {block:ifLink4Title}
  644. <a href="{text:Link 4}" class="title6">{text:Link 4 Title}</a>
  645. {/block:ifLink4Title}
  646. {block:ifLink5Title}
  647. <a href="{text:Link 5}" class="title6">{text:Link 5 Title}</a>
  648. {/block:ifLink5Title}
  649. {block:ifShowSubmit}<a href="/submit" class="title6">Submit</a> {/block:ifShowSubmit}
  650. {block:ifShowRSS}<a href="{RSS}" class="title6">RSS</a> {/block:ifShowRSS}
  651. {block:ifShowArchive}<a href="/archive" class="title6">Archive</a> {/block:ifShowArchive}
  652. {block:ifShowRandom}<a href="/random" class="title6">Random</a> {/block:ifShowRandom}
  653. <a href="http://www.themecloud.co/bricks-tumblr-theme.asp" class="title6">Theme</a>
  654. {block:ifNotInfiniteScroll}<br>{block:ifNot1column}
  655. <center>{block:Pagination}{block:PreviousPage}
  656. <a href="{PreviousPage}" class="title3">Previous</a>
  657. {/block:PreviousPage}
  658. {block:JumpPagination length="3"}
  659. {block:CurrentPage}<span class="title3">{PageNumber}</span>{/block:CurrentPage}
  660. {block:JumpPage}<a class="title3" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  661. {/block:JumpPagination}
  662. {block:NextPage}
  663. <a href="{NextPage}" class="title3" >Next</a>
  664. {/block:NextPage}
  665. {/block:Pagination}</center>{/block:ifNot1column}
  666. {/block:ifNotInfiniteScroll}{/block:ifNotLinksInHeader}
  667.  
  668. {block:IndexPage}{block:ifAskBoxInSidebar}<div class="askbox">
  669. <iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe></div>
  670. {/block:ifAskBoxInSidebar}{/block:IndexPage}
  671. {block:PermalinkPage}{block:ifTwitterUsername}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:20px;margin-bottom:10px;"></div><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  672. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;">@{text:Twitter Username}</a><div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  673. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  674. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  675. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>{/block:ifTwitterUsername}{/block:PermalinkPage}
  676. {block:if1column}{block:IndexPage}{block:ifTwitterUsername}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:20px;margin-bottom:10px;"></div><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  677. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;">@{text:Twitter Username}</a><div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  678. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  679. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  680. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>{/block:ifTwitterUsername}{/block:IndexPage}{/block:if1column}
  681. {block:if2columns}{block:IndexPage}{block:ifTwitterUsername}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:20px;margin-bottom:10px;"></div><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  682. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;">@{text:Twitter Username}</a><div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  683. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  684. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  685. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script>{/block:ifTwitterUsername}{/block:IndexPage}{/block:if2columns}
  686.  
  687.  
  688. </div>
  689.  
  690. {block:if3columns}{block:IndexPage}{block:ifTwitterUsername}<div class="twitter"><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  691. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;line-height:22px;">@{text:Twitter Username}</a>
  692. <div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  693. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  694. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  695. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script></div>{/block:ifTwitterUsername}{/block:IndexPage}{/block:if3columns}
  696.  
  697. {block:if4columns}{block:IndexPage}{block:ifTwitterUsername}<div class="twitter"><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  698. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;line-height:22px;">@{text:Twitter Username}</a>
  699. <div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  700. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  701. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  702. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script></div>{/block:ifTwitterUsername}{/block:IndexPage}{/block:if4columns}
  703.  
  704. {block:IndexPage}
  705. {block:if1column}<div id="posts" class="photos clearfix">{/block:if1column}
  706. {block:if2columns}<div id="posts" class="photos clearfix">{/block:if2columns}
  707. {block:if3columnssmallposts}<div id="posts" class="photos clearfix">{/block:if3columnssmallposts}{/block:IndexPage}
  708. {block:PermalinkPage}<div id="posts" style="margin-top:28px;">{/block:PermalinkPage}
  709.  
  710. {block:if3columnssmallposts}{block:IndexPage}{block:ifTwitterUsername}<div class="twitter"><a href="http://twitter.com/{text:Twitter Username}" class="title4">Tweets</a>
  711. <a href="http://twitter.com/{text:Twitter Username}" style="font-size:85%;float:right;line-height:22px;">@{text:Twitter Username}</a>
  712. <div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:5px;"></div>
  713. <div id="twitter_div"><ul id="twitter_update_list"></ul></div>
  714. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  715. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count={text:Tweet Count}"></script></div>{/block:ifTwitterUsername}{/block:IndexPage}{/block:if3columnssmallposts}
  716.  
  717. {block:if1column}{block:ifInfiniteScroll}<div class = "autopagerize_page_element" >
  718. {/block:ifInfiniteScroll}{/block:if1column}
  719. {block:Posts}
  720. <div id="post">
  721.  
  722.  
  723. {block:Photo}
  724. {block:IndexPage}
  725. {block:ifchangeimagehover}<div id="photo">{/block:ifchangeimagehover}
  726. {block:ifNotchangeimagehover}
  727. <div id="reblog"><a href="{ReblogURL}" target="_blank" title="Reblog This Post" alt="Reblog"><img src="http://static.tumblr.com/8jq17g7/E00loag3c/reblog_button.png" width="64px"/></a></div>
  728. <div class="permalink_post"><a href="{Permalink}">Permalink</a></div>
  729. {block:NoteCount}<div class="notes_post"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount}{/block:ifNotchangeimagehover}
  730. {block:ifchangeimagehover}
  731. <div id="overlay"></div>
  732. <div id="date"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a> <a href="{Permalink}">{Year}</a><br>{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>
  733. {/block:NoteCount}</div>
  734. <div id="reblog"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  735. {/block:ifchangeimagehover}
  736. {/block:IndexPage}
  737. {block:ifNotchangeimagehover}<div id="photo">{/block:ifNotchangeimagehover}
  738. <center><img src="{PhotoURL-500}" {block:IndexPage}
  739. {block:ifNotImageBorder}
  740. {block:if1column}style="max-width:500px;display: block;"{/block:if1column}
  741. {block:if2columns}style="width:270px;display: block;"{block:if2columns}
  742. {block:if3columns}style="width:270px;display: block;"{block:if3columns}
  743. {block:if3columnssmallposts}style="width:270px;display: block;"{/block:if3columnssmallposts}
  744. {block:if4columns}style="width:270px;display: block;"{block:if4columns}
  745. {/block:ifNotImageBorder}{/block:IndexPage}
  746. {block:PermalinkPage}width="500px"{/block:PermalinkPage}/></center>
  747. {block:IndexPage}<div id="balk"></div>{/block:IndexPage}{block:ifNotchangeimagehover}</div>{/block:ifNotchangeimagehover}
  748. {block:IndexPage}{block:ifchangeimagehover}</div>{/block:ifchangeimagehover}{/block:IndexPage}
  749. {/block:Photo}
  750.  
  751. {block:Quote}
  752. <center><span class="title">{Quote}</span><br>
  753. {block:Source}{Source}{/block:Source}</center>
  754. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  755. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  756. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  757. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  758. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  759. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  760. {/block:RebloggedFrom}
  761. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  762. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  763. {/block:Quote}
  764.  
  765. {block:Text}
  766. <div class="text">
  767. {block:Title}<span class="title">{Title}</span><br>{/block:Title}
  768. {Body}</div>{block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  769. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  770. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  771. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  772. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  773. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  774. {/block:RebloggedFrom}
  775. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  776. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  777. {/block:Text}
  778.  
  779. {block:Link}
  780. <a href="{URL}" {Target} class="title">{Name}</a><br>
  781. {block:Description}{Description}{/block:Description}
  782. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  783. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  784. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  785. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  786. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  787. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  788. {/block:RebloggedFrom}
  789. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  790. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  791. {/block:Link}
  792.  
  793.  
  794. {block:Audio}{block:AlbumArt}<div class="audio">{/block:AlbumArt}
  795. {block:ifNotPostsDarkTransparent}{AudioPlayerWhite}{/block:ifNotPostsDarkTransparent}
  796. {block:ifPostsDarkTransparent}{AudioPlayerBlack}{block:ifPostsDarkTransparent}{block:AlbumArt}</div>{/block:AlbumArt}
  797. {block:IndexPage}{block:Date}<div class="audio_info">
  798. {block:AlbumArt}<span style="float:right;">{PlayCountWithLabel}</span>
  799. {block:TrackName}{TrackName}<br>{/block:TrackName}
  800. by {block:Artist}{Artist}<br>{/block:Artist}<br>{/block:AlbumArt}
  801. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  802. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  803. </div>{/block:Date}{/block:IndexPage}
  804. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" style="{block:ifNot4columns}width:250px;{block:ifNot4columns}{block:if3columnssmallposts}width:210px;{/block:if3columnssmallposts}{block:if4columns}width:210px;{/block:if4columns}"/></div>{/block:AlbumArt}
  805. {/block:Audio}
  806.  
  807. {block:Chat}
  808. {block:Title}<span class="title">{Title}</span>{/block:Title}
  809. <ul class="chat">
  810. {block:Lines}
  811. <li class="user_{UserNumber}">
  812. {block:Label}<span class="label">{Label}</span>{/block:Label}
  813. {Line}
  814. </li>
  815. {/block:Lines}</ul>
  816. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  817. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  818. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  819. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  820. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  821. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  822. {/block:RebloggedFrom}
  823. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  824. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  825. {/block:Chat}
  826.  
  827. {block:Photoset}
  828. <div style="width:250px;">{Photoset-500}</div>
  829. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  830. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  831. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  832. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  833. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  834. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  835. {/block:RebloggedFrom}
  836. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  837. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  838. {/block:Photoset}
  839.  
  840. {block:Video}
  841. <div id="video">{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  842. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  843. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  844. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  845. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  846. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  847. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  848. {/block:RebloggedFrom}
  849. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  850. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  851. {/block:Video}
  852.  
  853. {block:Answer}
  854. <table width="100%" border="0px" cellpadding="0" cellspacing="0">
  855. <tbody style="border-spacing: 0px;">
  856. <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;">
  857. <span class="answer_portrait"><img class="answer_portrait" src="{AskerPortraitURL-30}"/></span></td><td>
  858. <div class="padd" width="100%" style="margin-left:;">
  859. {Asker} asked:<br>
  860. {Question}<br><div class="answer"><div class="text"><em>{Answer}</em></div></div><br>
  861. </div></td></tr></tbody></table>
  862. {block:IndexPage}{block:Date}<div id="permalink">{block:ifNot1column}
  863. <a href="{Permalink}" style="display:inline;">Posted {TimeAgo}</a>
  864. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:ifNot1column}
  865. {block:if1column}{block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  866. Posted on <a href="{Permalink}" style="display:inline;">{DayOfWeek}, {DayOfMonth} {Month}</a>
  867. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  868. {/block:RebloggedFrom}
  869. <a href="{Permalink}" style="float:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>
  870. {/block:if1column}</div>{/block:Date}{/block:IndexPage}
  871. {/block:Answer}
  872.  
  873.  
  874. </div>
  875.  
  876. {block:PermalinkPage}
  877. {block:Date}<div id="post" >
  878. <div class="permalink">
  879. {block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:8px;"></div>{/block:Caption}
  880. {block:NoteCount}<font color="{color:link}">{NoteCountWithLabel}</font><br>{/block:NoteCount}
  881. Posted on <font color="{color:link}">{DayOfWeek}, {DayOfMonth} {Month}</font><br>
  882. {block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}" style="text-decoration:underline;">{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  883. {block:RebloggedFrom}
  884. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  885. Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  886. {/block:RebloggedFrom}
  887. {block:Source}Source: {Source}<br>{/block:Source}
  888. <div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:8px;margin-bottom:10px;"></div>
  889. <div><div style="position:absolute;">
  890. <a href="http://twitter.com/share" class="twitter-share-button" data-count="none" style="float:left;">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div></div><div style="margin-left:63px;padding-bottom:20px;">
  891. <iframe src="http://www.facebook.com/plugins/like.php?app_id=217571494946216&href&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;float:left;" allowTransparency="true"></iframe></div>
  892. <div style="float:right;margin-top:-21px;">{block:PermalinkPagination}
  893. {block:PreviousPost}
  894. <a href="{PreviousPost}" class="title">Next Post</a>
  895. {/block:PreviousPost}
  896. {block:NextPost}
  897. <a href="{NextPost}" class="title" >Previous Post</a>
  898. {/block:NextPost}
  899. {/block:PermalinkPagination}</div>
  900. </div></div>{/block:Date}
  901. {/block:PermalinkPage}
  902.  
  903. {block:PostNotes}
  904. <div id="post" style="margin-bottom:20px;">{PostNotes}</div>{/block:PostNotes}
  905. {/block:Posts}
  906. {block:if1column}{block:ifInfiniteScroll}</div>
  907. {/block:ifInfiniteScroll}{/block:if1column}
  908.  
  909. {block:IndexPage}
  910. {block:ifNotInfiniteScroll}
  911. <div id="post">
  912. <center>{block:Pagination}
  913. {block:PreviousPage}
  914. <a href="{PreviousPage}" class="title3">Previous</a>
  915. {/block:PreviousPage}
  916. {block:JumpPagination length="3"}
  917. {block:CurrentPage}<span class="title3">{PageNumber}</span>{/block:CurrentPage}
  918. {block:JumpPage}<a class="title3" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  919. {/block:JumpPagination}
  920. {block:NextPage}
  921. <a href="{NextPage}" class="title3" >Next</a>
  922. {/block:NextPage}
  923. {/block:Pagination}</center></div>
  924. {/block:ifNotInfiniteScroll}
  925. {/block:IndexPage}
  926. </div><!-- End Posts -->
  927.  
  928.  
  929.  
  930.  
  931. {block:IndexPage}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  932.  
  933. {block:ifBackToTopButton}<div class="top">
  934. <a href="#top">Back to top</a></div>{/block:ifBackToTopButton}{/block:IndexPage}
  935.  
  936. </div><!-- End Container -->
  937. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  938. <script src="http://www.themecloud.co/themes/Bricks/CSS/getcss.asp?id=28794" type="text/javascript"></script>
  939. {block:ifInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/1s4z8hu/mYolo412c/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  940. {block:IndexPage}
  941. {block:if2columns}<script>
  942. jQuery(window).load(function(){
  943. var $wall = $('#posts');
  944. $wall.imagesLoaded(function(){
  945. $wall.masonry({
  946. singleMode: true,
  947. animate: false,
  948. resizeable: false,
  949. columnWidth: 285,
  950. itemSelector: '#post{block:IndexPage}, .twitter{/block:IndexPage}'
  951. });
  952. });
  953. $wall.infinitescroll({
  954. navSelector : '#page-nav',
  955. nextSelector : '#page-nav a',
  956. itemSelector : '#post',
  957. loadingImg : 'http://static.tumblr.com/9xff453/tE7ln5fiq/loading.gif',
  958. donetext : 'No more pages to load.'
  959. },
  960.  
  961. function( newElements ){
  962. $(newElements).hide();
  963. setTimeout(function(){
  964. $wall.masonry({ appendedContent: $(newElements) });
  965. },2000);
  966. setTimeout(function(){
  967. $(newElements).fadeIn('slow');
  968. },2100);
  969. },1000);
  970. });
  971. </script>{/block:if2columns}
  972. {block:if3columns}<script>
  973. jQuery(window).load(function(){
  974. var $wall = $('#posts');
  975. $wall.imagesLoaded(function(){
  976. $wall.masonry({
  977. singleMode: true,
  978. animate: false,
  979. resizeable: false,
  980. columnWidth: 285,
  981. itemSelector: '#post{block:IfSidebar}, #sidebar{/block:IfSidebar}{block:IndexPage}, .twitter{/block:IndexPage}'
  982. });
  983. });
  984. $wall.infinitescroll({
  985. navSelector : '#page-nav',
  986. nextSelector : '#page-nav a',
  987. itemSelector : '#post',
  988. loadingImg : 'http://static.tumblr.com/9xff453/tE7ln5fiq/loading.gif',
  989. donetext : 'No more pages to load.'
  990. },
  991.  
  992. function( newElements ){
  993. $(newElements).hide();
  994. setTimeout(function(){
  995. $wall.masonry({ appendedContent: $(newElements) });
  996. },2000);
  997. setTimeout(function(){
  998. $(newElements).fadeIn('slow');
  999. },2100);
  1000. },1000);
  1001. });
  1002. </script>{/block:if3columns}
  1003. {block:if3columnssmallposts}<script>
  1004. jQuery(window).load(function(){
  1005. var $wall = $('#posts');
  1006. $wall.imagesLoaded(function(){
  1007. $wall.masonry({
  1008. singleMode: true,
  1009. animate: false,
  1010. resizeable: false,
  1011. columnWidth: 245,
  1012. itemSelector: '#post{block:IndexPage}, .twitter{/block:IndexPage}'});
  1013. });
  1014. $wall.infinitescroll({
  1015. navSelector : '#page-nav',
  1016. nextSelector : '#page-nav a',
  1017. itemSelector : '#post',
  1018. loadingImg : 'http://static.tumblr.com/9xff453/tE7ln5fiq/loading.gif',
  1019. donetext : 'No more pages to load.'},
  1020. function( newElements ){
  1021. $(newElements).hide();
  1022. setTimeout(function(){
  1023. $wall.masonry({ appendedContent: $(newElements) });
  1024. },2000);
  1025. setTimeout(function(){
  1026. $(newElements).fadeIn('slow');
  1027. },2100);
  1028. },1000);
  1029. });
  1030. </script>{/block:if3columnssmallposts}
  1031. {block:if4columns}<script>
  1032. jQuery(window).load(function(){
  1033. var $wall = $('#posts');
  1034. $wall.imagesLoaded(function(){
  1035. $wall.masonry({
  1036. singleMode: true,
  1037. animate: false,
  1038. resizeable: false,
  1039. columnWidth: 245,
  1040. itemSelector: '#post{block:IfSidebar}, #sidebar{/block:IfSidebar}{block:IndexPage}, .twitter{/block:IndexPage}'});
  1041. });
  1042. $wall.infinitescroll({
  1043. navSelector : '#page-nav',
  1044. nextSelector : '#page-nav a',
  1045. itemSelector : '#post',
  1046. loadingImg : 'http://static.tumblr.com/9xff453/tE7ln5fiq/loading.gif',
  1047. donetext : 'No more pages to load.'},
  1048. function( newElements ){
  1049. $(newElements).hide();
  1050. setTimeout(function(){
  1051. $wall.masonry({ appendedContent: $(newElements) });
  1052. },2000);
  1053. setTimeout(function(){
  1054. $(newElements).fadeIn('slow');
  1055. },2100);
  1056. },1000);
  1057. });
  1058. </script>{/block:if4columns}
  1059. {/block:IndexPage}<script>
  1060. $.fn.imagesLoaded = function(callback){
  1061. var elems = this.find('img'),
  1062. len = elems.length,
  1063. _this = this;
  1064. if ( !elems.length ) {
  1065. callback.call( this );}
  1066. elems.bind('load',function(){
  1067. if (--len <= 0){
  1068. callback.call( _this );}
  1069. }).each(function(){
  1070. // cached images don't fire load sometimes, so we reset src.
  1071. if (this.complete || this.complete === undefined){
  1072. var src = this.src;
  1073. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  1074. // data uri bypasses webkit log warning (thx doug jones)
  1075. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  1076. this.src = src;}
  1077. });
  1078. return this;};
  1079. </script>
  1080. </body>
  1081. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!