API tools faq
paste
Advertisement
feiinho

Snowfox by rickerlr

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