API tools faq
paste
Advertisement
themesbycl

theme

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