jaym

Tumblr Theme Code For Snowfox by rickerlr

Feb 2nd, 2012
10,210
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.74 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <!--
  5. ********************************
  6. Theme by: rickerlr.tumblr.com
  7. Name: Snowfox Theme
  8. Year: 2012
  9. ********************************
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15.  
  16. <meta name="color:Background" content="#f5f5f5"/>
  17. <meta name="color:Border Top On Text Posts Note" content="#eeeeee"/>
  18. <meta name="color:Header Background" content="#f5f5f5"/>
  19. <meta name="color:Link" content="#000000"/>
  20. <meta name="color:Link Active" content="#999999"/>
  21. <meta name="color:Link Hover" content="#333333"/>
  22. <meta name="color:Link Menu" content="#555555"/>
  23. <meta name="color:Link On Sidebar" content="#444444"/>
  24. <meta name="color:Link Notes on Text Posts" content="#999999"/>
  25. <meta name="color:Posts Background" content="#f9f9f9"/>
  26. <meta name="color:Posts Shadow" content="#999999"/>
  27. <meta name="color:Text" content="#777777"/>
  28. <meta name="color:Text Sidebar" content="#777777"/>
  29. <meta name="color:Title" content="#555555"/>
  30. <meta name="color:Title Header" content="#555555"/>
  31.  
  32. <meta name="if:2 Columns" content="0"/>
  33. <meta name="if:3 Columns" content="0"/>
  34. <meta name="if:Container Fade Effect" content="0"/>
  35. <meta name="if:Dropdown Menu Only Sidebar" content="0"/>
  36. <meta name="if:Font Damion" content="1"/>
  37. <meta name="if:Font Fredericka The Great" content="0"/>
  38. <meta name="if:Font Limelight" content="0"/>
  39. <meta name="if:Font Open Sans" content="0"/>
  40. <meta name="if:Font Open Sans Condensed" content="0"/>
  41. <meta name="if:Font Oswald" content="0"/>
  42. <meta name="if:Font Titan One" content="0"/>
  43. <meta name="if:Font Yesteryear" content="0"/>
  44. <meta name="if:Header Background" content="1"/>
  45. <meta name="if:Header Fixed" content="1"/>
  46. <meta name="if:Header Shadow" content="0"/>
  47. <meta name="if:Header Transparent Background" content="1"/>
  48. <meta name="if:Infinite Scroll" content="1"/>
  49. <meta name="if:Link On Sidebar" content="0"/>
  50. <meta name="if:Post Border Rounded" content="0"/>
  51. <meta name="if:Post Margin" content="1"/>
  52. <meta name="if:Post Padding" content="0"/>
  53. <meta name="if:Post Shadow" content="1"/>
  54. <meta name="if:Post Transparent Background" content="0"/>
  55. <meta name="if:Show Photo Caption" content="0"/>
  56. <meta name="if:Show Notes Counter On Photo Post" content="1"/>
  57. <meta name="if:Show Notes On Permalink Page" content="0"/>
  58. <meta name="if:Show Sidebar Image" content="1"/>
  59. <meta name="if:Show Social Share Buttons On Permalink Page" content="1"/>
  60. <meta name="if:Sidebar Background" content="0"/>
  61. <meta name="if:Sidebar Bottom" content="0"/>
  62. <meta name="if:Sidebar Fixed" content="1"/>
  63. <meta name="if:Sidebar Right" content="0"/>
  64. <meta name="if:Sidebar Text Centered" content="0"/>
  65. <meta name="if:Tumblr Follow Button Fixed" content="0"/>
  66. <meta name="if:Tumblr Follow Button Transparent" content="0"/>
  67.  
  68. <meta name="image:Background image" content="" />
  69. <meta name="image:Dropmenu Image" content="" />
  70. <meta name="image:Loading Gif Posts" content="http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif" />
  71. <meta name="image:Sidebar image" content="" />
  72. <meta name="image:header image" content="" />
  73.  
  74. <meta name="text:Dropmenu Text" content="Click for links" />
  75. <meta name="text:Google Analytics ID" content="" />
  76. <meta name="text:Link 1 title" content="" />
  77. <meta name="text:Link 1 url" content="" />
  78. <meta name="text:Link 2 title" content="" />
  79. <meta name="text:Link 2 url" content="" />
  80. <meta name="text:Link 3 title" content="" />
  81. <meta name="text:Link 3 url" content="" />
  82. <meta name="text:Link 4 title" content="" />
  83. <meta name="text:Link 4 url" content="" />
  84. <meta name="text:Link 5 title" content="" />
  85. <meta name="text:Link 5 url" content="" />
  86. <meta name="text:Page Text" content="Pages" />
  87.  
  88. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  89. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  90. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  91. <link rel="shortcut icon" href="{Favicon}" />
  92. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Fredericka+the+Great|Yesteryear|Limelight|Titan+One|Damion|Open+Sans|Open+Sans+Condensed:300|Oswald' rel='stylesheet' type='text/css'>
  96.  
  97. <style type="text/css" media="screen">
  98. /* CSS RESET */
  99. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;list-style-type: none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}
  100. *{outline: none;-moz-outline: none;}
  101.  
  102. h1,h2,h3,h4,h5,h6{font-weight: bold;}
  103. .right{float: right;}
  104. .left{float: left;}
  105. .clear {clear: both;}
  106.  
  107. body{
  108. font-size: 100%;
  109. color: {color:Text};
  110. font-family: 'Open Sans', arial, verdana, sans-serif;
  111. text-align: center;
  112. word-wrap: break-word;
  113. background-color: {color:Background};
  114. background-image: url({image:Background image});
  115. background-repeat: repeat;
  116. background-attachment: fixed;
  117. background-position: top left;
  118. }
  119.  
  120. a:link, a:visited {color:{color:Link};}
  121. a:hover {color:{color:Link Hover};}
  122. a:active {color:{color:Link Active};}
  123.  
  124. a{
  125. text-decoration:none;
  126. opacity: 1;
  127. filter:alpha(opacity=100);
  128.  
  129. -webkit-transition: all 0.5s ease-out;
  130. -moz-transition: all 0.5s ease-out;
  131. transition: all 0.5s ease-out;
  132. -o-transition: all 0.5s ease-out;
  133. }
  134.  
  135. a:hover{
  136. opacity: 0.75;
  137. filter:alpha(opacity=75);
  138. }
  139.  
  140. #container{
  141. position: relative;
  142. top:5px;
  143. text-align: left;
  144. margin: 0px auto;
  145. z-index:0;
  146. padding-bottom: 100px;
  147. {block:IfContainerFadeEffect}
  148. display:none;
  149. {/block:IfContainerFadeEffect}
  150.  
  151. {block:IfPostMargin}
  152. width:630px;
  153. {block:IndexPage}
  154. {block:If2Columns}width:750px;{/block:If2Columns}
  155. {block:If3Columns}width:870px;{/block:If3Columns}
  156. {/block:IndexPage}
  157. {/block:IfPostMargin}
  158.  
  159. {block:IfNotPostMargin}
  160. width:620px;
  161. {block:IndexPage}
  162. {block:If2Columns}width:720px;{/block:If2Columns}
  163. {block:If3Columns}width:820px;{/block:If3Columns}
  164. {/block:IndexPage}
  165. {/block:IfNotPostMargin}
  166.  
  167. {block:IndexPage}
  168. {block:IfInfiniteScroll}
  169. min-height: 1000px;
  170. height: auto !important;
  171. height: 1000px;
  172. {/block:IfInfiniteScroll}
  173. {/block:IndexPage}
  174. }
  175. #header{
  176. left: 50%;
  177. {block:IfPostMargin}
  178. width:630px;
  179. margin-left: -315px;
  180. {block:IndexPage}
  181. {block:If2Columns}width:750px;margin-left: -375px;{/block:If2Columns}
  182. {block:If3Columns}width:870px;margin-left: -435px;{/block:If3Columns}
  183. {/block:IndexPage}
  184. {/block:IfPostMargin}
  185.  
  186. {block:IfNotPostMargin}
  187. width:620px;
  188. margin-left: -310px;
  189. {block:IndexPage}
  190. {block:If2Columns}width:720px;margin-left: -360px;{/block:If2Columns}
  191. {block:If3Columns}width:820px;margin-left: -410px;{/block:If3Columns}
  192. {/block:IndexPage}
  193. {/block:IfNotPostMargin}
  194.  
  195. {block:IfBackgroundImageImage}{block:IfHeaderBackground}margin-bottom: 20px;{/block:IfHeaderBackground}{/block:IfBackgroundImageImage}
  196. {block:IfNotBackgroundImageImage}margin-bottom: 5px;{/block:IfNotBackgroundImageImage}
  197. {block:IfHeaderShadow}
  198. box-shadow: 0px 0px 3px {color:Posts Shadow};
  199. margin-bottom: 20px;
  200. {/block:IfHeaderShadow}
  201. }
  202.  
  203. {block:IfPostBorderRounded}
  204. #header, #headerOpacity{
  205. -webkit-border-bottom-right-radius: 4px;
  206. -webkit-border-bottom-left-radius: 4px;
  207. -moz-border-radius-bottomright: 4px;
  208. -moz-border-radius-bottomleft: 4px;
  209. border-bottom-right-radius: 4px;
  210. border-bottom-left-radius: 4px;
  211. }
  212. {/block:IfPostBorderRounded}
  213. {block:IfHeaderBackground}
  214. #headerOpacity{
  215. position: absolute;
  216. width: 100%;
  217. height: 100%;
  218. top: 0px;
  219. left: 0px;
  220. z-index: -1;
  221. background: {color:Header Background};
  222. {block:IfHeaderTransparentBackground}
  223. opacity:0.9;
  224. filter:alpha(opacity=90);
  225. {/block:IfHeaderTransparentBackground}
  226. }
  227. {/block:IfHeaderBackground}
  228. #header h1{
  229. margin-bottom: 10px;
  230. text-align: center;
  231. color: {color:Title Header};
  232. font-size: 2em;
  233. line-height:0.9em;
  234.  
  235. {block:IfFontDamion}font-family: 'Damion', cursive;{/block:IfFontDamion}
  236. {block:IfFontFrederickaTheGreat}font-family: 'Fredericka the Great', cursive;{/block:IfFontFrederickaTheGreat}
  237. {block:IfFontLimelight}font-family: 'Limelight', cursive;{/block:IfFontLimelight}
  238. {block:IfFontOpenSans}font-family: 'Open Sans', sans-serif;{/block:IfFontOpenSans}
  239. {block:IfFontOpenSansCondensed}font-family: 'Open Sans Condensed', sans-serif;{/block:IfFontOpenSansCondensed}
  240. {block:IfFontOswald}font-family: 'Oswald', sans-serif;{block:IfFontOswald}
  241. {block:IfFontTitanOne}font-family: 'Titan One', cursive;{/block:IfFontTitanOne}
  242. {block:IfFontYesteryear}font-family: 'Yesteryear', cursive;{/block:IfFontYesteryear}
  243.  
  244. font-weight: normal !important;
  245. }
  246.  
  247. .header-relative {
  248. position: relative;
  249. }
  250.  
  251. .header-fixed {
  252. position: fixed;
  253. z-index: 1001;
  254. }
  255.  
  256. #imagetitle{
  257. margin-bottom:10px;
  258. max-width:840px;
  259. width:expression(document.body.clientWidth > 840? "840px": "auto" );
  260. cursor: pointer;
  261. }
  262.  
  263. #sidebar{
  264. color: {color:Text Sidebar};
  265. width:200px;
  266. {block:IfNotSidebarFixed}
  267. position:absolute;
  268. {/block:IfNotSidebarFixed}
  269.  
  270. {block:IfSidebarFixed}
  271. position:fixed;
  272. {block:IfSidebarBottom}bottom:20px;{/block:IfSidebarBottom}
  273. {/block:IfSidebarFixed}
  274. {block:IfSidebarTextCentered}
  275. text-align:center !important;
  276. {/block:IfSidebarTextCentered}
  277. {block:IfNotSidebarTextCentered}
  278. {block:IfNotSidebarRight}text-align: right;{/block:IfNotSidebarRight}
  279. {block:IfSidebarRight}text-align: left;{/block:IfSidebarRight}
  280. {/block:IfNotSidebarTextCentered}
  281. {block:IndexPage}
  282. {block:IfSidebarRight}
  283. {block:IfPostMargin}
  284. margin-left:430px;
  285. {block:If2Columns}margin-left:550px;{/block:If2Columns}
  286. {block:If3Columns}margin-left:670px;{/block:If3Columns}
  287. {/block:IfPostMargin}
  288. {block:IfNotPostMargin}
  289. margin-left:420px;
  290. {block:If2Columns}margin-left:520px;{/block:If2Columns}
  291. {block:If3Columns}margin-left:620px;{/block:If3Columns}
  292. {/block:IfNotPostMargin}
  293. {/block:IfSidebarRight}
  294. {/block:IndexPage}
  295. }
  296. #imgSide{margin-bottom: 5px;}
  297.  
  298. #side_description{
  299. font-size:0.7em;
  300. margin-bottom: 5px;
  301. {block:IfSidebarBackground}
  302. text-align: justify;
  303. {/block:IfSidebarBackground}
  304. }
  305.  
  306. #side_description a{color:{color:Link On Sidebar};}
  307.  
  308. {block:IfSidebarBackground}
  309. #sidebar{
  310. {block:IfPostShadow}
  311. box-shadow: 0px 0px 3px {color:Posts Shadow};
  312. {/block:IfPostShadow}
  313. }
  314. {/block:IfSidebarBackground}
  315. #content{
  316. position:relative;
  317. top:0px;
  318.  
  319. {block:IfPostMargin}
  320. {block:IfNotSidebarRight}left: 210px;{/block:IfNotSidebarRight}
  321. {block:IfSidebarRight}left:0px;{/block:IfSidebarRight}
  322. width:420px;
  323. {block:IndexPage}
  324. {block:If2Columns}width:540px;{/block:If2Columns}
  325. {block:If3Columns}width:660px;{/block:If3Columns}
  326. {/block:IndexPage}
  327.  
  328. {block:IfPostMargin}
  329.  
  330. {block:IfNotPostMargin}
  331. {block:IfNotSidebarRight}left: 220px;{/block:IfNotSidebarRight}
  332. {block:IfSidebarRight}left:0px;{/block:IfSidebarRight}
  333. width:400px;
  334. {block:IndexPage}
  335. {block:If2Columns}width:500px;{/block:If2Columns}
  336. {block:If3Columns}width:600px;{/block:If3Columns}
  337. {/block:IndexPage}
  338. {block:IfNotPostMargin}
  339.  
  340. }
  341.  
  342. #linkHeader{text-align: center;}
  343. #linkHeader li{
  344. display:inline-block;
  345. font-size:0.6em;
  346. text-transform:uppercase;
  347. }
  348. #linkHeader li a{color:{color:Link Menu};}
  349.  
  350. {block:IfLinkOnSidebar}
  351. .dropdownmenu{cursor: pointer;font-size: 0.7em;}
  352. #imgDropDown{
  353. max-width: 150px;
  354. width:expression(document.body.clientWidth > 150? "150px": "auto" );
  355. }
  356. {/block:IfLinkOnSidebar}
  357.  
  358. ul#titlePages{display:none}
  359. ul.titleLinks{
  360. margin-top:10px;
  361. font-size: 0.6em;
  362. text-transform: uppercase;
  363. }
  364. ul.titleLinks li{display: inline;margin-left: 25px;}
  365. ul.titleLinks li:first-child{margin-left: 0px;}
  366. ul.titleLinks a{
  367. color:{color:Link Menu};
  368. text-decoration:none;
  369. }
  370.  
  371. ul#sidebarLinks{
  372. font-size: 0.7em;
  373. margin-bottom: 5px;
  374. {block:IfLinkOnSidebar}
  375. {block:IfDropdownMenuOnlySidebar}
  376. display:none;
  377. {/block:IfDropdownMenuOnlySidebar}
  378. {/block:IfLinkOnSidebar}
  379. }
  380.  
  381. ul#sidebarLinks li{margin-top: 2px !important;}
  382.  
  383. ul#sidebarLinks a{
  384. display:block;
  385. text-decoration:none;
  386. color:{color:Link Menu};
  387.  
  388. -webkit-transition: all 0.2s ease-out;
  389. -moz-transition: all 0.2s ease-out;
  390. transition: all 0.2s ease-out;
  391. -o-transition: all 0.2s ease-out;
  392. }
  393.  
  394. ul#sidebarLinks li:hover a{
  395. color:{color:Link Hover};
  396.  
  397. {block:IfNotSidebarRight}padding-right: 10px;{/block:IfNotSidebarRight}
  398. {block:IfSidebarRight}padding-left: 10px;{/block:IfSidebarRight}
  399. }
  400.  
  401. .opacityBackground{
  402. position: absolute;
  403. top: 0px;
  404. left: 0px;
  405. width: 100%;
  406. height: 100%;
  407. {block:IfPostTransparentBackground}
  408. opacity:0.8;
  409. filter:alpha(opacity=80);
  410. {/block:IfPostTransparentBackground}
  411. z-index: -1;
  412. }
  413.  
  414. .posts{
  415. position: relative;
  416. float: left;
  417. width:400px;
  418. {block:If2Columns}width:250px;{/block:If2Columns}
  419. {block:If3Columns}width:200px;{/block:If3Columns}
  420.  
  421. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  422. z-index: 998;
  423.  
  424. {block:IfPostMargin}
  425. margin: 0px 10px 20px;
  426. {/block:IfPostMargin}
  427. {block:IfPostShadow}
  428. box-shadow: 0px 0px 3px {color:Posts Shadow};
  429. {/block:IfPostShadow}
  430. }
  431. .posts .opacityBackground{block:IfSidebarBackground}, #sidebar .opacityBackground, #topDiv .opacityBackground{/block:IfSidebarBackground}{
  432. background-color: {color:Posts Background};
  433. }
  434.  
  435. {block:IfPostBorderRounded}
  436. .posts, img.photo, ul#sidebarLinks li, .opacityBackground, .odd, #sidebar, #imgSide {
  437. -webkit-border-radius: 4px;
  438. -moz-border-radius: 4px;
  439. border-radius: 4px;
  440. }
  441. {/block:IfPostBorderRounded}
  442.  
  443. img.photo{
  444.  
  445. {block:IfPostPadding}
  446. width:380px;
  447. {block:If2Columns}width:230px;{/block:If2Columns}
  448. {block:If3Columns}width:180px;{/block:If3Columns}
  449. margin-bottom: -5px !important;
  450. {/block:IfPostPadding}
  451. {block:IfNotPostPadding}
  452. width:400px;
  453. {block:If2Columns}width:250px;{/block:If2Columns}
  454. {block:If3Columns}width:200px;{/block:If3Columns}
  455. margin-top: -10px;
  456. margin-left: -10px;
  457. {/block:IfNotPostPadding}
  458.  
  459. {block:IndexPage}
  460. {block:IfShowPhotoCaption}
  461. margin-bottom: -5px;
  462. {/block:IfShowPhotoCaption}
  463.  
  464. {block:IfNotShowPhotoCaption}
  465. margin-bottom: -15px;
  466. {/block:IfNotShowPhotoCaption}
  467. {/block:IndexPage}
  468.  
  469. {block:PermalinkPage}
  470. margin-bottom: -15px;
  471. width:400px;
  472. {block:IfPostPadding}
  473. width:380px;
  474. {/block:IfPostPadding}
  475. {/block:PermalinkPage}
  476. }
  477.  
  478. #socialike{margin-bottom:-5px;width:160px;}
  479. #nextprevPost{
  480. width: 160px;
  481. font-size: 0.7em;
  482. text-align: right;
  483. line-height: 20px;
  484. }
  485. #nextprevPost a{color: {color:Text};}
  486.  
  487.  
  488. #postnotesdiv{
  489. font-size:0.65em;
  490. text-align: left;
  491. }
  492.  
  493. #tagsPermalink{
  494. margin-top: 10px;
  495. }
  496. #tagsPermalink a{margin-left: 10px;}
  497. #tagsPermalink a:first-child{margin-left: 0px;}
  498.  
  499.  
  500. #pagination{
  501. font-size: 0.7em;
  502. position: relative;
  503. {block:IfInfiniteScroll}
  504. display:none;
  505. {/block:IfInfiniteScroll}
  506. }
  507. #pagination ul li:first-child{margin-left: 0px;}
  508. #pagination li{
  509. display: inline-block;
  510. margin-left:5px;
  511. }
  512.  
  513. #pagination a{text-decoration:none;color:{color:Link On Sidebar};}
  514. .current_page{color: {color:Text};}
  515.  
  516. .install:hover, .preview:hover{
  517. opacity:0.7;
  518. filter:alpha(opacity=70);
  519. }
  520.  
  521. .descriprion_link{
  522. position: absolute;
  523. display: block;
  524. opacity:0;
  525. filter:alpha(opacity=0);
  526. z-index: 999;
  527. height:20px;
  528. line-height: 20px;
  529. -webkit-transition: all 0.2s ease;
  530. -moz-transition: all 0.2s ease;
  531. transition: all 0.23s ease;
  532. -o-transition: all 0.2s ease;
  533.  
  534. {block:IfNotPostPadding}top: 7px;{/block:IfNotPostPadding}
  535. {block:IfPostPadding}top: 13px;{/block:IfPostPadding}
  536.  
  537. }
  538. .reblog_link{
  539. {block:IfNotPostPadding}right: 10px;{/block:IfNotPostPadding}
  540. {block:IfPostPadding}right: 15px;{/block:IfPostPadding}
  541. display: block;
  542. width: 21px;
  543. height: 20px;
  544. background: url(http://static.tumblr.com/dbek3sy/61vlxuml3/reblog_button.png) no-repeat;
  545.  
  546. }
  547.  
  548. .permalink_link{
  549. {block:IfNotPostPadding}right: 60px;{/block:IfNotPostPadding}
  550. {block:IfPostPadding}right: 65px;{/block:IfPostPadding}
  551. font-size: 10px;
  552. padding-left: 4px;
  553. text-decoration: none;
  554. color: #fff !important;
  555. display: inline-block;
  556. padding: 0px 4px;
  557.  
  558. text-decoration: none;
  559. }
  560. .like_heart{
  561. {block:IfNotPostPadding}right: 35px;{/block:IfNotPostPadding}
  562. {block:IfPostPadding}right: 40px;{/block:IfPostPadding}
  563. padding:0px;
  564. margin-left: 5px;
  565. vertical-align: bottom;
  566. cursor:pointer;
  567. }
  568. .like_heart span{
  569. display: block;
  570. width: 21px;
  571. height: 20px;
  572. background: url(http://static.tumblr.com/dbek3sy/XiLlxum8q/heart_buttons.png) no-repeat;
  573. background-position: 0px 0px;
  574.  
  575. -webkit-transition: background-position 0.3s ease;
  576. -moz-transition: background-position 0.3s ease;
  577. transition: background-position 0.3s ease;
  578. -o-transition: background-position 0.3s ease;
  579. }
  580. .permalink_link{
  581. background: url(http://static.tumblr.com/dbek3sy/AHGlxfo0s/description_links_bg.png) repeat;
  582. -webkit-border-radius: 2px;
  583. -moz-border-radius: 2px;
  584. border-radius: 2px;
  585. }
  586.  
  587. .posts:hover .descriprion_link{
  588. opacity:0.85;
  589. filter:alpha(opacity=85);
  590. {block:IfNotPostPadding}top: 10px;{/block:IfNotPostPadding}
  591. {block:IfPostPadding}top: 15px;{/block:IfPostPadding}
  592. }
  593. .descriprion_link:hover{
  594. opacity:1 !important;
  595. filter:alpha(opacity=100);
  596. }
  597.  
  598. .description_posts{
  599. font-size:0.6em;
  600. text-align:center;
  601. }
  602. .description_posts a{text-decoration: none;color: {color:Link Notes on Text Posts};}
  603. .description_posts a:hover{color: {color:Link};}
  604. .description_posts span{margin-left:10px;}
  605. .description_posts span:first-child{margin-left: 0px;}
  606.  
  607. h3.title{font-size:1em;color:{color:Title};margin-bottom:5px;line-height: 1.3em;}
  608. h3.title a{color:{color:Title} !important;}
  609. .caption{font-size:0.7em;line-height:1.3em;margin-top:5px;}
  610. .caption p{margin-top: 5px;}
  611. .caption ul{margin:5px 0px;}
  612. .caption img{
  613. max-width: 125px;
  614. width:expression(document.body.clientWidth > 125? "125px": "auto" );
  615. height: auto;
  616. display: block;
  617. margin: 10px 0px;
  618. }
  619. .a_photos{opacity:1 !important;filter:alpha(opacity=100);}
  620.  
  621. .link{text-decoration:underline !important;}
  622. .photosetPost{
  623. margin-top: -10px;
  624. margin-left: -10px;
  625. {block:IndexPage}
  626. {block:If3Columns}margin-left: -35px;{/block:If3Columns}
  627. {block:IndexPage}
  628. }
  629.  
  630. .videoPost{
  631. text-align: center;
  632. {block:IfNotPostPadding}
  633. margin-top: -10px;
  634. margin-left: -10px;
  635. {block:PermalinkPage}
  636. margin-bottom: -15px;
  637. {/block:PermalinkPage}
  638. {/block:IfNotPostPadding}
  639. }
  640.  
  641. .video_player, .videoPost iframe{
  642. {block:PermalinkPage}
  643. {block:IfPostPadding}width: 380px;{block:IfPostPadding}
  644. {/block:PermalinkPage}
  645.  
  646. {block:IndexPage}
  647. {block:IfNot2Columns}{block:IfNot3Columns}
  648. {block:IfPostPadding}width: 380px;{/block:IfPostPadding}
  649. {/block:IfNot3Columns}{/block:IfNot2Columns}
  650. {block:If3Columns}
  651. {block:IfPostPadding}width: 180px;{/block:IfPostPadding}
  652. {block:IfNotPostPadding}width: 200px;{block:IfNotPostPadding}
  653. height:auto;
  654. {/block:If3Columns}
  655. {block:If2Columns}{block:IfNot3Columns}
  656. {block:IfPostPadding}width: 230px;{/block:IfPostPadding}
  657. {/block:IfNot3Columns}{/block:If2Columns}
  658. {/block:IndexPage}
  659.  
  660. }
  661.  
  662.  
  663. .chat li.odd, .chat li.even{padding: 3px 5px 5px;line-height: 1em;}
  664. .chat li.odd{color:{color:Title};background-color:{color:Border Top On Text Posts Note};opacity:0.85;}
  665. .chat li.even{color:{color:Text};}
  666.  
  667. .label{font-weight:bold;font-size: 0.8em;}
  668. .asker{color:{color:Link};font-weight:bold;}
  669. .quest{
  670. font-size:0.7em;
  671. {block:IndexPage}
  672. width: 340px;
  673. {block:If2Columns}width: 190px;{/block:If2Columns}
  674. {block:If3Columns}width: 140px;{/block:If3Columns}
  675. {/block:IndexPage}
  676. {block:PermalinkPage}width: 340px;{/block:PermalinkPage}
  677. }
  678. .askAnswer{margin-top:10px;}
  679.  
  680. .album_art{background: #000;margin-right: 10px;position: relative;}
  681. #audiotrack{width: 265px;}
  682. #audiotrack li{margin: 5px 0px 0px;font-size: 0.7em;list-style-type: none;}
  683. #audiotrack li:first-child{margin-top: 0px;}
  684. .audioplayercontainer{
  685. overflow: hidden;
  686. {block:IfNotPostPadding}
  687. margin:-10px 0px 0px -10px;
  688. width:400px;
  689. {block:If2Columns}width:250px;{/block:If2Columns}
  690. {block:If3Columns}width:200px;{/block:If3Columns}
  691. {/block:IfNotPostPadding}
  692. {block:IfPostPadding}
  693. width:380px;
  694. {block:If2Columns}width:230px;{/block:If2Columns}
  695. {block:If3Columns}width:180px;{/block:If3Columns}
  696. {/block:IfPostPadding}
  697. }
  698. .audioplayercontainer{
  699. position:relative;
  700. z-index:1;
  701. background:#000;
  702. }
  703. #imgAlbumArt{
  704. width: 105px;
  705. height: 105px;
  706. margin-right:10px;
  707. background: url(http://static.tumblr.com/dbek3sy/rUTlxzv69/albumart_icon.png) no-repeat;
  708. }
  709.  
  710. blockquote{
  711. padding-left:10px;
  712. border-left:3px solid {color:Border Top On Text Posts Note};
  713. margin:5px 0px 5px 0px;
  714. opacity:0.8;
  715. filter:alpha(opacity=80);
  716. }
  717. li{list-style-type: disc;margin-left: 15px;}
  718. ul#sidebarLinks li, ul.chat li, .note{list-style-type: none;margin:0px;}
  719. ol.notes{
  720. text-align: left;
  721. }
  722. {block:IfShowNotesOnPermalinkPage}
  723. .note{margin: 0px 2px 3px;}
  724. ol.notes li .avatar {margin-right:3px;vertical-align: middle;}
  725. .note blockquote{margin-left: 20px;}
  726. {/block:IfShowNotesOnPermalinkPage}
  727.  
  728. {block:IfNotShowNotesOnPermalinkPage}
  729. ol.notes li .avatar {width:17px;height:17px;vertical-align: middle;}
  730. .note{float:left;margin:0px 2px 2px;line-height: 16px;}
  731. .action, .note blockquote{display:none;}
  732. .more_notes_link_container{padding:0px !important;}
  733. .action a{color: #fff !important;}
  734. .note{z-index:10;}
  735. .note:hover{position:relative;z-index:100;}
  736. .note:hover .action{
  737. display: block;
  738. position:absolute;
  739. float:left;
  740. white-space:nowrap;
  741. top:-2.2em;
  742. left:.5em;
  743. background:#000;
  744. color:#fff;
  745. padding: 1px 5px;
  746. z-index:10;
  747. }
  748. {/block:IfNotShowNotesOnPermalinkPage}
  749.  
  750. .borderTop{
  751. border-top: 1px solid {color:Border Top On Text Posts Note};
  752. margin:10px 0px 5px;
  753. {block:IfPostTransparentBackground}
  754. opacity:0.5;
  755. filter:alpha(opacity=50);
  756. {/block:IfPostTransparentBackground}
  757. }
  758.  
  759. #infscr-loading{
  760. bottom: -50px;
  761. position: absolute;
  762. left: 50%;
  763. margin-left: -75px;
  764. width: 100%;
  765. text-align: center;
  766. max-width: 150px;
  767. width:expression(document.body.clientWidth > 150? "150px": "auto" );
  768. }
  769. #infscr-loading div{display: none;}
  770.  
  771. #tumblr_controls{
  772. {block:IfTumblrFollowButtonFixed}
  773. position:fixed !important;
  774. {/block:IfTumblrFollowButtonFixed}
  775.  
  776. {block:IfTumblrFollowButtonTransparent}
  777. opacity: 0.3;
  778. filter:alpha(opacity=30);
  779. {/block:IfTumblrFollowButtonTransparent}
  780.  
  781. -webkit-transition: all 0.5s ease-out;
  782. -moz-transition: all 0.5s ease-out;
  783. transition: all 0.5s ease-out;
  784. -o-transition: all 0.5s ease-out;
  785. }
  786.  
  787. {block:IfTumblrFollowButtonTransparent}
  788. #tumblr_controls:hover{
  789. opacity: 1;
  790. filter:alpha(opacity=100);
  791. }
  792. {/block:IfTumblrFollowButtonTransparent}
  793.  
  794. #topDiv{
  795. position: fixed;
  796. bottom: 20px;
  797. right: 10px;
  798. z-index: 9999;
  799. display: none;
  800. font-size: 0.7em;
  801. cursor: pointer;
  802. color: {color:Text Sidebar};
  803. font-weight: bold;
  804. {block:IfSidebarBackground}
  805. padding: 5px 10px;
  806. {block:IfPostShadow}
  807. box-shadow: 0px 0px 3px {color:Posts Shadow};
  808. {/block:IfPostShadow}
  809. {/block:IfSidebarBackground}
  810. }
  811.  
  812. {CustomCSS}
  813. </style>
  814.  
  815.  
  816. </head>
  817. <body>
  818.  
  819. <!--
  820. <div style="position:fixed;right:2px;top:25px;">
  821. <a href="LINK HERE" target="_blank">
  822. <img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
  823. </a>
  824. </div>
  825. -->
  826.  
  827. <div id="header" class="header-relative">
  828. <div style="padding:20px 0px;">
  829. {block:IfHeaderImageImage}
  830. <img id="imagetitle" src="{image:header image}">
  831. {/block:IfHeaderImageImage}
  832.  
  833. {block:IfNotHeaderImageImage}
  834. <h1>{Title}</h1>
  835. {/block:IfNotHeaderImageImage}
  836.  
  837. {block:IfNotLinkOnSidebar}
  838. <ul id="linkHeader">
  839. <li><a href="/">Home</a></li>
  840. <li><a href="http://www.themecloud.co/snowfox-tumblr-theme.asp">Theme</a></li>
  841. {block:AskEnabled}
  842. <li><a href="/ask" >{AskLabel}</a></li>
  843. {/block:AskEnabled}
  844. {block:IfLink1title}
  845. <li><a href="{text:Link 1 url}">{text:Link 1 title}</a></li>
  846. {/block:IfLink1title}
  847. {block:IfLink2title}
  848. <li><a href="{text:Link 2 url}">{text:Link 2 title}</a></li>
  849. {/block:IfLink2title}
  850. {block:IfLink3title}
  851. <li><a href="{text:Link 3 url}">{text:Link 3 title}</a></li>
  852. {/block:IfLink3title}
  853. {block:IfLink4title}
  854. <li><a href="{text:Link 4 url}">{text:Link 4 title}</a></li>
  855. {/block:IfLink4title}
  856. {block:IfLink5title}
  857. <li><a href="{text:Link 5 url}">{text:Link 5 title}</a></li>
  858. {/block:IfLink5title}
  859. {block:HasPages}
  860. <li><a id="pageLink" href="javascript:void(0)">{text:Page Text}</a></li>
  861. {/block:HasPages}
  862. </ul>
  863. <ul id="titlePages" class="titleLinks">
  864. {block:HasPages}
  865. {block:Pages}
  866. <li><a href="{URL}" >{Label}</a></li>
  867. {/block:Pages}
  868. {/block:HasPages}
  869. </ul>
  870. {/block:IfNotLinkOnSidebar}
  871. <div id="headerOpacity"></div>
  872. </div>
  873. </div><!-- header -->
  874.  
  875. <div id="container">
  876.  
  877. <div id="sidebar">
  878.  
  879. {block:IfSidebarBackground}
  880. <div style="padding:10px;">
  881. {/block:IfSidebarBackground}
  882.  
  883. {block:IfShowSidebarImage}
  884. {block:IfSidebarimageImage}
  885. <img id="imgSide" src="{image:Sidebar image}" width="180">
  886. {/block:IfSidebarimageImage}
  887. {block:IfNotSidebarimageImage}
  888. <img id="imgSide" src="{PortraitURL-128}">
  889. {/block:IfNotSidebarimageImage}
  890. {/block:IfShowSidebarImage}
  891.  
  892.  
  893. <div id="side_description">{Description}</div>
  894. {block:IfLinkOnSidebar}
  895. {block:IfDropdownMenuOnlySidebar}
  896. {block:IfDropmenuImageImage}
  897. <img class="dropdownmenu" id="imgDropDown" src="{image:Dropmenu Image}">
  898. {/block:IfDropmenuImageImage}
  899. {block:IfNotDropmenuImageImage}
  900. <span class="dropdownmenu">{text:Dropmenu Text}</span>
  901. {/block:IfNotDropmenuImageImage}
  902. {block:IfDropdownMenuOnlySidebar}
  903. <ul id="sidebarLinks">
  904. <li><a href="/">Home</a></li>
  905. <li><a href="LINK HERE">Theme</a></li>
  906. {block:AskEnabled}
  907. <li><a href="/ask" >{AskLabel}</a></li>
  908. {/block:AskEnabled}
  909. {block:IfLink1title}
  910. <li><a href="{text:Link 1 url}">{text:Link 1 title}</a></li>
  911. {/block:IfLink1title}
  912. {block:IfLink2title}
  913. <li><a href="{text:Link 2 url}">{text:Link 2 title}</a></li>
  914. {/block:IfLink2title}
  915. {block:IfLink3title}
  916. <li><a href="{text:Link 3 url}">{text:Link 3 title}</a></li>
  917. {/block:IfLink3title}
  918. {block:IfLink4title}
  919. <li><a href="{text:Link 4 url}">{text:Link 4 title}</a></li>
  920. {/block:IfLink4title}
  921. {block:IfLink5title}
  922. <li><a href="{text:Link 5 url}">{text:Link 5 title}</a></li>
  923. {/block:IfLink5title}
  924. <li><a href="#">Theme</a></li>
  925. {block:HasPages}
  926. {block:Pages}
  927. <li><a href="{URL}" >{Label}</a></li>
  928. {/block:Pages}
  929. {/block:HasPages}
  930. </ul>
  931. {/block:IfLinkOnSidebar}
  932.  
  933. {block:IndexPage}
  934. {block:Pagination}
  935. {block:IfNotInfiniteScroll}
  936. <div class="borderTop"></div>
  937. {/block:IfNotInfiniteScroll}
  938. <ul id="pagination">
  939. {block:PreviousPage}
  940. <li><a href="{PreviousPage}">«</a></li>
  941. {/block:PreviousPage}
  942. {block:JumpPagination length="5"}
  943. {block:CurrentPage}
  944. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  945. {/block:CurrentPage}
  946. {block:JumpPage}
  947. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  948. {/block:JumpPage}
  949. {/block:JumpPagination}
  950. {block:NextPage}
  951. <li><a id="nextPage" href="{NextPage}">»</a></li>
  952. {/block:NextPage}
  953. <div class="opacityBackground"></div>
  954. </ul>
  955. {/block:Pagination}
  956. {/block:IndexPage}
  957.  
  958. {block:IfSidebarBackground}
  959. </div><!-- sidebar padding-->
  960. {/block:IfSidebarBackground}
  961. <div class="opacityBackground"></div>
  962. </div><!-- sidebar -->
  963.  
  964. <div id="content">
  965. {block:Posts}
  966. <div class="posts">
  967. <div style="padding:10px;overflow: hidden;">
  968.  
  969.  
  970. {block:Text}
  971. {block:Title}
  972. <h3 class="title">{Title}</h3>
  973. {/block:Title}
  974. <div class="caption">{Body}</div>
  975. {block:IndexPage}
  976. {block:Date}
  977. <div class="borderTop"></div>
  978. <div class="description_posts">
  979. <span><a href="{Permalink}">{TimeAgo}</a></span>
  980. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  981. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  982. </div>
  983. {/block:Date}
  984. {/block:IndexPage}
  985. {/block:Text}
  986.  
  987.  
  988. {block:Link}
  989. <h3 class="title"><a href="{URL}" class="link title" {Target}>{Name}</a></h3>
  990. {block:Description}
  991. <div class="caption">{Description}</div>
  992. {/block:Description}
  993. {block:IndexPage}
  994. {block:Date}
  995. <div class="borderTop"></div>
  996. <div class="description_posts">
  997. <span><a href="{Permalink}">{TimeAgo}</a></span>
  998. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  999. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1000. </div>
  1001. {/block:Date}
  1002. {/block:IndexPage}
  1003. {block:Link}
  1004.  
  1005.  
  1006. {block:Photo}
  1007. {block:IndexPage}
  1008. {block:IfNotShowNotesCounterOnPhotoPost}<a href="{Permalink}" class="a_photos">{/block:IfNotShowNotesCounterOnPhotoPost}
  1009. <img class="photo" src="{block:IfNot2Columns}{block:IfNot3Columns}{PhotoURL-400}{/block:IfNot3Columns}{/block:IfNot2Columns}{block:If3Columns}{PhotoURL-250}{/block:If3Columns}{block:If2Columns}{block:IfNot3Columns}{PhotoURL-250}{/block:IfNot3Columns}{/block:If2Columns}" alt="{PhotoAlt}" />
  1010. {block:IfNotShowNotesCounterOnPhotoPost}</a>{/block:IfNotShowNotesCounterOnPhotoPost}
  1011. {block:IfShowPhotoCaption}
  1012. {block:Caption}
  1013. <div class="caption">{Caption}</div>
  1014. {/block:Caption}
  1015. {/block:IfShowPhotoCaption}
  1016. {block:IfNotShowPhotoCaption}
  1017. {block:IfShowNotesCounterOnPhotoPost}
  1018. <a id="note_count_{PostID}" class="descriprion_link permalink_link" href="{Permalink}">{NoteCount}</a>
  1019. {/block:IfShowNotesCounterOnPhotoPost}
  1020. <a href="{ReblogURL}" target="_blank" class="descriprion_link reblog_link"></a>
  1021. <a class="descriprion_link like_heart" href="javascript:void(0);"><span id="{PostID}" rel="{ReblogURL}"></span></a>
  1022. {/block:IfNotShowPhotoCaption}
  1023. {block:IfShowPhotoCaption}
  1024. {block:Date}
  1025. <div class="borderTop"></div>
  1026. <div class="description_posts">
  1027. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1028. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1029. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1030. </div>
  1031. {/block:Date}
  1032. {/block:IfShowPhotoCaption}
  1033. {/block:IndexPage}
  1034. {block:PermalinkPage}
  1035. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" style="{block:Caption}margin-bottom:-5px;{/block:Caption}"/>
  1036. {block:Caption}
  1037. <div class="caption">{Caption}</div>
  1038. {/block:Caption}
  1039. {/block:PermalinkPage}
  1040. {/block:Photo}
  1041.  
  1042.  
  1043. {block:Photoset}
  1044. {block:IndexPage}
  1045. <div class="photosetPost">
  1046. {block:IfNot2Columns}{block:IfNot3Columns}{Photoset-400}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1047. {block:If3Columns}{Photoset-250}{/block:If3Columns}
  1048. {block:If2Columns}{block:IfNot3Columns}{Photoset-250}{/block:IfNot3Columns}{/block:If2Columns}
  1049. </div>
  1050. {block:Caption}
  1051. <div class="caption">{Caption}</div>
  1052. {/block:Caption}
  1053. {block:Date}
  1054. <div class="borderTop"></div>
  1055. <div class="description_posts">
  1056. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1057. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1058. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1059. </div>
  1060. {/block:Date}
  1061. {/block:IndexPage}
  1062.  
  1063. {block:PermalinkPage}
  1064. <div class="photosetPost">{Photoset-400}</div>
  1065. {block:Caption}
  1066. <div class="caption">{Caption}</div>
  1067. {/block:Caption}
  1068. {/block:PermalinkPage}
  1069. {/block:Photoset}
  1070.  
  1071. {block:Answer}
  1072. <img class="left" style="margin-right:10px;" width="30px" src="{AskerPortraitURL-30}"/>
  1073. <div class="left quest">
  1074. <b>{Asker}</b>:<br>
  1075. {Question}
  1076. </div>
  1077. <div class="clear"></div>
  1078. <div class="askAnswer">
  1079. <img class="left" style="margin-right:10px;" width="30px" src="{PortraitURL-30}"/>
  1080. <div class="left quest">
  1081. <b>Me</b>:<br>
  1082. <i>{Answer}</i>
  1083. </div>
  1084. <div class="clear"></div>
  1085. </div>
  1086. {block:IndexPage}
  1087. {block:Date}
  1088. <div class="borderTop"></div>
  1089. <div class="description_posts">
  1090. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1091. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1092. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1093. </div>
  1094. {/block:Date}
  1095. {/block:IndexPage}
  1096. {/block:Answer}
  1097.  
  1098.  
  1099. {block:Quote}
  1100. <h3 class="title">"{Quote}"</h3>
  1101. {block:Source}
  1102. <div class="caption" style="text-align:right;">- {Source}</div>
  1103. {/block:Source}
  1104. {block:IndexPage}
  1105. {block:Date}
  1106. <div class="borderTop"></div>
  1107. <div class="description_posts">
  1108. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1109. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1110. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1111. </div>
  1112. {/block:Date}
  1113. {/block:IndexPage}
  1114. {/block:Quote}
  1115.  
  1116.  
  1117. {block:Chat}
  1118. {block:Title}
  1119. <h3 class="title">{Title}</h3>
  1120. {/block:Title}
  1121. <ul class="chat">
  1122. {block:Lines}
  1123. <li class="{Alt} user_{UserNumber}">
  1124. {block:Label}
  1125. <span class="label">{Label}</span>
  1126. {/block:Label}
  1127. <span class="caption">{Line}</span>
  1128. </li>
  1129. {/block:Lines}
  1130. </ul>
  1131. {block:IndexPage}
  1132. {block:Date}
  1133. <div class="borderTop"></div>
  1134. <div class="description_posts">
  1135. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1136. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1137. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1138. </div>
  1139. {/block:Date}
  1140. {/block:IndexPage}
  1141. {/block:Chat}
  1142.  
  1143.  
  1144. {block:Audio}
  1145. {block:IndexPage}
  1146. <div class="audioplayercontainer">{AudioPlayerBlack}</div>
  1147. {/block:IndexPage}
  1148. {block:PermalinkPage}
  1149. <div id="imgAlbumArt" class="left">
  1150. {block:AlbumArt}
  1151. <img width="105" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  1152. {/block:AlbumArt}
  1153. </div>
  1154.  
  1155. <ul id="audiotrack" class="left">
  1156. {block:Artist}<li><b>{Artist}</b></li>{/block:Artist}
  1157. {block:TrackName}<li>{TrackName}</li>{/block:TrackName}
  1158. {block:Album}<li>{Album}</li>{/block:Album}
  1159. <li>{FormattedPlayCount} plays {block:ExternalAudio}// <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</li>
  1160. <li>{AudioPlayerBlack}</li>
  1161. </ul>
  1162. <div class="clear"></div>
  1163. {/block:PermalinkPage}
  1164. {block:Caption}
  1165. <div class="caption">{Caption}</div>
  1166. {/block:Caption}
  1167. {block:IndexPage}
  1168. {block:Date}
  1169. <div class="borderTop"></div>
  1170. <div class="description_posts">
  1171. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1172. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1173. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1174. </div>
  1175. {/block:Date}
  1176. {/block:IndexPage}
  1177. {/block:Audio}
  1178.  
  1179.  
  1180. {block:Video}
  1181. {block:PermalinkPage}
  1182. <div class="videoPost" style="{block:Caption}margin-bottom:-5px;{/block:Caption}">{Video-400}</div>
  1183. {/block:PermalinkPage}
  1184. {block:IndexPage}
  1185. <div class="videoPost">
  1186. {block:If3Columns}{Video-250}{/block:If3Columns}
  1187. {block:If2Columns}{block:IfNot3Columns}{Video-250}{/block:IfNot3Columns}{/block:If2Columns}
  1188. {block:IfNot2Columns}{block:IfNot3Columns}{Video-400}{/block:IfNot3Columns}{/block:IfNot2Columns}
  1189. </div>
  1190. {/block:IndexPage}
  1191. {block:Caption}
  1192. <div class="caption">{Caption}</div>
  1193. {/block:Caption}
  1194. {block:IndexPage}
  1195. {block:Date}
  1196. <div class="borderTop"></div>
  1197. <div class="description_posts">
  1198. <span><a href="{Permalink}">{TimeAgo}</a></span>
  1199. <span><a href="{Permalink}">{NoteCountWithLabel}</a></span>
  1200. <span><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  1201. </div>
  1202. {/block:Date}
  1203. {/block:IndexPage}
  1204. {/block:Video}
  1205.  
  1206. </div><!-- padding .posts -->
  1207. <div class="opacityBackground"></div>
  1208. </div><!-- .posts -->
  1209.  
  1210.  
  1211. {block:PermalinkPage}
  1212. {block:Date}
  1213. <div class="posts">
  1214. <div style="padding:10px;">
  1215. {block:IfShowSocialShareButtonsOnPermalinkPage}
  1216. <div id="socialike" class="left">
  1217. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  1218. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a>
  1219. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span>
  1220. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=50&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:50px; height:20px;"></iframe></span>
  1221. </div>
  1222. {/block:IfShowSocialShareButtonsOnPermalinkPage}
  1223. {block:PermalinkPagination}
  1224. <div id="nextprevPost" class="right">
  1225. {block:NextPost}<a style="margin-right:5px;" href="{NextPost}">Prev Post</a>{/block:NextPost}
  1226. {block:PreviousPost}<a href="{PreviousPost}">Next Post</a>{/block:PreviousPost}
  1227. </div>
  1228. {/block:PermalinkPagination}
  1229. <div class="clear"></div>
  1230. <div class="opacityBackground"></div>
  1231. </div>
  1232. </div><!-- .posts -->
  1233.  
  1234. <div class="posts">
  1235. <div style="padding:10px;">
  1236. <div id="postnotesdiv">
  1237. This post was posted {TimeAgo} with {NoteCountWithLabel}<br>
  1238. {block:RebloggedFrom}
  1239. Was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1240. <br>
  1241. Was posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1242. {/block:RebloggedFrom}
  1243.  
  1244. {block:HasTags}
  1245. <div id="tagsPermalink">
  1246. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1247. </div>
  1248. {/block:HasTags}
  1249.  
  1250. {block:PostNotes}
  1251. <div class="borderTop"></div>
  1252. {PostNotes}
  1253. {/block:PostNotes}
  1254. <div class="clear"></div>
  1255. </div>
  1256. <div class="opacityBackground"></div>
  1257. </div>
  1258. </div><!-- .posts -->
  1259. {/block:Date}
  1260. {/block:PermalinkPage}
  1261. {/block:Posts}
  1262.  
  1263. <div class="clear"></div>
  1264. </div><!-- content -->
  1265.  
  1266. <div class="clear"></div>
  1267. </div><!-- container -->
  1268. <div id="topDiv">
  1269. Back Top
  1270. <div class="opacityBackground"></div>
  1271. </div>
  1272.  
  1273. <script type="text/javascript" src="http://www.themecloud.co/themes/snowfox/getjs.asp?id=127071"></script>
  1274. {block:IfContainerFadeEffect}
  1275. <script type="text/javascript">
  1276. $(function(){
  1277. $("#container").fadeIn(500);
  1278. });
  1279. </script>
  1280. {/block:IfContainerFadeEffect}
  1281. {block:IfLinkOnSidebar}
  1282. {block:IfDropdownMenuOnlySidebar}
  1283. <script type="text/javascript">
  1284. $(".dropdownmenu").click(function(){
  1285. $("#sidebarLinks").slideToggle(300);
  1286. });
  1287. </script>
  1288. {/block:IfDropdownMenuOnlySidebar}
  1289. {/block:IfLinkOnSidebar}
  1290. <script type="text/javascript">
  1291. $(function(){
  1292. $("#topDiv").click(function(){
  1293. var target = $("html");
  1294. $('html, body').animate({
  1295. scrollTop: target.offset().top
  1296. }, 1000);
  1297. });
  1298.  
  1299. var topDiv = $("#topDiv");
  1300. var topDivTop = "1000";
  1301. var view = $( window );
  1302. view.bind("scroll resize", function(){
  1303. var viewTop = view.scrollTop();
  1304. if (viewTop > topDivTop){
  1305. topDiv.fadeIn(300);
  1306. }
  1307. else if (viewTop <= topDivTop){
  1308. topDiv.fadeOut(200);
  1309. }
  1310. });
  1311.  
  1312. $("#pageLink").click(function(){
  1313. $("#titlePages").fadeToggle(500);
  1314. });
  1315. });
  1316. </script>
  1317. {block:IfNotSidebarBottom}{block:IfSidebarFixed}
  1318. <script type="text/javascript" >
  1319. $(function(){
  1320. var hHeader = $("#header").outerHeight(true);
  1321. $("#sidebar").css("top", hHeader+5+"px");
  1322. });
  1323. </script>
  1324. {/block:IfSidebarFixed}{/block:IfNotSidebarBottom}
  1325. {block:IfHeaderFixed}
  1326. <script type="text/javascript" >
  1327. $(function(){
  1328. var headerDivH = $("#header").outerHeight(true);
  1329. var containerDiv = $("#container");
  1330. $("#header").removeClass("header-relative").addClass("header-fixed");
  1331. $("#container").css("padding-top", headerDivH+"px");
  1332. });
  1333. </script>
  1334. {/block:IfHeaderFixed}
  1335. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  1336. {block:IndexPage}
  1337. {block:IfInfiniteScroll}
  1338. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1339. {/block:IfInfiniteScroll}
  1340. <script type="text/javascript">
  1341.  
  1342. /* heart button */
  1343.  
  1344. $(function() {
  1345. $('.like_heart').live('click', function() {
  1346. var $this = $(this).find("span");
  1347. var id_post = $this.attr('id');
  1348. var count = parseInt($("#note_count_"+id_post).text());
  1349. var reblog_key = $this.attr('rel').slice(-8);
  1350. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  1351. if($this.css("background-position") == "0px 0px"){
  1352. $("#note_count_"+id_post).text(count+1);
  1353. }
  1354. $('#likeIframe').attr('src', like_url);
  1355. $this.css("background-position","0px -20px");
  1356. });
  1357. });
  1358.  
  1359. $(window).load(function () {
  1360. var $content = $('#content');
  1361. $content.masonry({
  1362. itemSelector: '.posts',
  1363. isAnimated: true
  1364. }),
  1365. $content.infinitescroll({
  1366. navSelector : '#pagination',
  1367. nextSelector : '#pagination a#nextPage',
  1368. itemSelector : '.posts',
  1369. loading: {
  1370. finishedMsg: '',
  1371. img: '{image:Loading Gif Posts}'
  1372. },
  1373. bufferPx : 200,
  1374. debug : false,
  1375. },
  1376. // call masonry as a callback.
  1377. function( newElements ) {
  1378. var $newElems = $( newElements );
  1379. $newElems.hide();
  1380. // ensure that images load before adding to masonry layout
  1381. $newElems.imagesLoaded(function(){
  1382. $content.masonry(
  1383. 'appended',
  1384. $newElems, true,
  1385. function(){$newElems.fadeIn(300);}
  1386. );
  1387. });
  1388. });
  1389. });
  1390. </script>
  1391. {/block:IndexPage}
  1392. <script type="text/javascript">
  1393. (function() {
  1394. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1395. po.src = 'https://apis.google.com/js/plusone.js';
  1396. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1397. })();
  1398. </script>
  1399. {block:IfGoogleAnalyticsID}
  1400. <script type="text/javascript">
  1401.  
  1402. var _gaq = _gaq || [];
  1403. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1404. _gaq.push(['_trackPageview']);
  1405.  
  1406. (function() {
  1407. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1408. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1409. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1410. })();
  1411.  
  1412. </script>
  1413. {/block:IfGoogleAnalyticsID}
  1414. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-9999px;"></iframe>
  1415. </body>
  1416. </html>
Advertisement
Add Comment
Please, Sign In to add comment