API tools faq
paste
natalskaa

Bricks Tumblr Theme Code

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