API tools faq
paste
Advertisement
xions

Anime Theme

xions
Nov 8th, 2014
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!--
  3. _________________________________________________________________________
  4. _____ __ ___
  5. /\ _ `\ /\ \ /'___\
  6. \ \ \ \ \__ __ ___ ___\ \ \___ ___ /\ \__/
  7. \ \ ,__/\ \/\ \ /' _ `\ /'___\ \ _ `\ / __`\ \ ,__\
  8. \ \ \/\ \ \_\ \/\ \/\ \/\ \__/\ \ \ \ \ /\ \ \ \ \ \_/
  9. \ \_\ \ \____/\ \_\ \_\ \____\\ \_\ \_\ \ \____/\ \_\
  10. \/_/ \/___/ \/_/\/_/\/____/ \/_/\/_/ \/___/ \/_/
  11.  
  12. ______ __ __
  13. /\__ _\ /\ \__ __/\ \__ __
  14. \/_/\ \/ ___\ \ ,_\ __ __/\_\ \ ,_\/\_\ ___ ___
  15. \ \ \ /' _ `\ \ \/ /\ \/\ \/\ \ \ \/\/\ \ / __`\ /' _ `\
  16. \_\ \__/\ \/\ \ \ \_\ \ \_\ \ \ \ \ \_\ \ \/\ \ \ \/\ \/\ \
  17. /\_____\ \_\ \_\ \__\\ \____/\ \_\ \__\\ \_\ \____/\ \_\ \_\
  18. \/_____/\/_/\/_/\/__/ \/___/ \/_/\/__/ \/_/\/___/ \/_/\/_/
  19.  
  20. _________________________________________________________________________
  21.  
  22.  
  23. THEME INFO
  24. # Punch of Intuition, v1.4.1
  25. # Released on March 17, 2014
  26. # Created by Stijn (themes.stjn.co)
  27. # This theme looks best in Chrome or Safari, although less awesome
  28. browsers should also be able to make it work
  29.  
  30. LICENSE
  31. # Editing this theme for personal use is allowed (and encouraged!)
  32. # Redistributing or selling this theme is strictly prohibited, even
  33. when it is an edited version of this theme
  34. # Please don't remove my credits. It'll make kittens cry.
  35.  
  36. USED RESOURCES
  37. # jQuery Javascript Library (v1.11.0) by jQuery Foundation, Inc. and other contributors
  38. (http://jquery.com)
  39. Licensed under the MIT license
  40. # Infinite Scroll (v2.0b2.120519) by Paul Irish & Luke Shumard
  41. (https://github.com/paulirish/infinite-scroll)
  42. Licensed under the MIT license
  43. # Amaranth font by Gesine Todt (http://www.gesine-todt.de/)
  44. Licensed under the SIL Open Font License, Version 1.1
  45. # Background image by Stijn (stjn.co)
  46.  
  47. WHAT'S NEW IN V1.4.1?
  48. # Fixed infinite scrolling
  49.  
  50. WHAT'S NEW IN V1.4?
  51. # Option to display like and reblog button
  52. # Support for reblogged questions and answers
  53. # Updated theme attribution
  54.  
  55. WHAT'S NEW IN V1.3?
  56. # Option to display reblog button
  57. # Option to display camera info
  58. # Option to display page numbers
  59. # Option to display post authors on group blogs
  60. # Option to display tags and post info in lowercase
  61. # Option to display loading screen
  62. # Option to tile background image
  63. # Option to use American date notation
  64. # Option to center blog
  65. # Option to enlarge photos smaller than 500px to 500px
  66. # Option to hide blog title
  67. # Option to hide tags
  68. # Option to hide album art
  69. # Option to hide date and number of notes
  70. # Links now have fading animations
  71. # Fresh new audio display with big cover art
  72. # New style for messages
  73. # Fancy media diet section
  74. # Two extra customizable links
  75. # Images will no longer leak outside of blockquotes
  76. # Improved display of videos and photosets in high-res mode
  77. # Improved display of post notes
  78. # Improved chat display
  79. # Improved font-fallback for Firefox
  80. # Improved code legibility by using clearer names and adding notes
  81. # Improved labor conditions for the elves that keep this theme
  82. running
  83.  
  84. KNOWN ISSUES
  85. # Some audio posts won't work when infinite scrolling is enabled
  86. # Sidebar shows too much empty space on blogs without a description
  87. # Firefox doesn't support external @font-face, so fallback fonts
  88. have to be used
  89. # Background image doesn't stretch properly on mobile browsers
  90.  
  91. COMPLETELY UNRELATED BUT IMPORTANT STUFF
  92. # The world's tiger population is estimated to be below 3200, which
  93. is quite a sad thing. If you, too, believe that tigers are
  94. extremely badass and deserve to stay on this planet, you can help
  95. by buying forest-friendly products, donating to the WWF, and by
  96. spreading awareness. Rawrrr!
  97.  
  98. _________________________________________________________________________
  99. -->
  100.  
  101. <head>
  102.  
  103. <!-- Fancy stuff for browsers and search engines -->
  104. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  105. <title>
  106. {Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}
  107. </title>
  108. {block:Description}
  109. <meta name="description" content="{MetaDescription}"/>
  110. {/block:Description}
  111. <link rel="icon" href="{Favicon}"/>
  112. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  113.  
  114. <!-- Width of page on mobile devices -->
  115. {block:ifNotEnableHighResolution}
  116. <meta name="viewport" content="width=1060"/>
  117. {/block:ifNotEnableHighResolution}
  118. {block:ifEnableHighResolution}
  119. <meta name="viewport" content="width=1200"/>
  120. {/block:ifEnableHighResolution}
  121.  
  122. <!-- Customizable options and their defaults -->
  123. <meta name="image:Background" content=""/>
  124. <meta name="image:Portrait" content=""/>
  125. <meta name="image:Currently reading" content=""/>
  126. <meta name="image:Currently playing" content=""/>
  127. <meta name="image:Last seen movie" content=""/>
  128. <meta name="color:Text" content="#3c3c3c"/>
  129. <meta name="color:Link" content="#8b9f8a"/>
  130. <meta name="color:Link hover" content="#ff0354"/>
  131. <meta name="font:Body" content="Arial, Helvetica, Lucida Sans, Verdana, sans-serif"/>
  132. <meta name="text:Phrase for navigating to newer pages" content="newer"/>
  133. <meta name="text:Phrase for navigating to older pages" content="older"/>
  134. <meta name="text:Timezone" content=""/>
  135. <meta name="text:Google Analytics ID" content=""/>
  136. <meta name="text:Ask link label" content=""/>
  137. <meta name="text:Submit link label" content=""/>
  138. <meta name="text:Extra link 1 text" content=""/>
  139. <meta name="text:Extra link 1 URL" content="http://"/>
  140. <meta name="text:Extra link 2 text" content=""/>
  141. <meta name="text:Extra link 2 URL" content="http://"/>
  142. <meta name="text:Extra link 3 text" content=""/>
  143. <meta name="text:Extra link 3 URL" content="http://"/>
  144. <meta name="text:Extra link 4 text" content=""/>
  145. <meta name="text:Extra link 4 URL" content="http://"/>
  146. <meta name="text:Extra link 5 text" content=""/>
  147. <meta name="text:Extra link 5 URL" content="http://"/>
  148. <meta name="text:Extra link 6 text" content=""/>
  149. <meta name="text:Extra link 6 URL" content="http://"/>
  150. <meta name="text:Extra link 7 text" content=""/>
  151. <meta name="text:Extra link 7 URL" content="http://"/>
  152. <meta name="text:Currently reading label" content=""/>
  153. <meta name="text:Currently playing label" content=""/>
  154. <meta name="text:Last seen movie label" content=""/>
  155. <meta name="text:Loading screen text" content=""/>
  156. <meta name="if:Tile background image" content="0"/>
  157. <meta name="if:Enable loading screen" content="0"/>
  158. <meta name="if:Use 24 hour clock" content="0"/>
  159. <meta name="if:Use American date format" content="1"/>
  160. <meta name="if:Display time and date" content="1"/>
  161. <meta name="if:Sidebar links in color when hovering" content="0"/>
  162. <meta name="if:Blog title link in color when hovering" content="1"/>
  163. <meta name="if:Display blog title" content="1"/>
  164. <meta name="if:Display archive button" content="1"/>
  165. <meta name="if:Display RSS button" content="0"/>
  166. <meta name="if:Display reblog and like buttons" content="1"/>
  167. <meta name="if:Display note count" content="1"/>
  168. <meta name="if:Display camera info" content="1"/>
  169. <meta name="if:Display post author" content="0"/>
  170. <meta name="if:Display tags" content="1"/>
  171. <meta name="if:Labels and tags in all caps" content="1"/>
  172. <meta name="if:Enable high resolution" content="0"/>
  173. <meta name="if:Stretch small images" content="0"/>
  174. <meta name="if:Use white background" content="0"/>
  175. <meta name="if:Center blog" content="1"/>
  176. <meta name="if:Enable infinite scrolling" content="0"/>
  177. <meta name="if:Sidebar remains fixed when scrolling" content="0"/>
  178. <meta name="if:Display page numbers" content="0"/>
  179. <meta name="if:Display album art in audio posts" content="1"/>
  180.  
  181. <style type="text/css">
  182.  
  183. /* -------- Page structure --------------------------------------------- */
  184.  
  185.  
  186. body{
  187. font-size:11px;
  188. text-align:justify;
  189. margin:0;
  190. margin-top:7em;
  191. color:{color:Text};
  192. font-family:{font:Body};
  193. {block:IfNotUsewhitebackground}
  194. {block:ifNotBackgroundImage}
  195. background-image:url('http://static.tumblr.com/jhhfv1l/kp5lm9zjf/alps.jpg');
  196. background-repeat:no-repeat;
  197. background-attachment:fixed;
  198. background-position:center bottom;
  199. -webkit-background-size: cover;
  200. -moz-background-size: cover;
  201. -o-background-size: cover;
  202. background-size: cover;
  203. {/block:ifNotBackgroundImage}
  204. {block:ifBackgroundImage}
  205. background-image: url('{image:Background}');
  206. {block:IfNotTileBackgroundImage}
  207. background-repeat:no-repeat;
  208. background-attachment:fixed;
  209. -webkit-background-size: cover;
  210. -moz-background-size: cover;
  211. -o-background-size: cover;
  212. background-size: cover;
  213. {/block:IfNotTileBackgroundImage}
  214. {block:IfTileBackgroundImage}
  215. background-repeat:yes;
  216. {/block:IfTileBackgroundImage}
  217. {/block:ifBackgroundImage}
  218. {/block:IfNotUsewhitebackground}
  219. {block:IfUsewhitebackground}
  220. background-color:#fff;
  221. {/block:IfUsewhitebackground}
  222. }
  223.  
  224. #wrap{ /* Contains all elements of the page */
  225. position:relative;
  226. margin-top:50px;
  227. margin-bottom:50px;
  228. {block:ifNotEnableHighResolution}
  229. width:960px;
  230. {/block:ifNotEnableHighResolution}
  231. {block:ifEnableHighResolution}
  232. width:1100px;
  233. {/block:ifEnableHighResolution}
  234. {block:IfCenterBlog}
  235. margin-left:auto;
  236. margin-right:auto;
  237. {/block:IfCenterBlog}
  238. {block:IfNotCenterBlog}
  239. margin-left:50px;
  240. margin-right:50px;
  241. {/block:IfNotCenterBlog}
  242. }
  243.  
  244. #content { /* Contains main column with posts, tags, labels, and navigation */
  245. position:relative;
  246. {block:ifNotEnableHighResolution}
  247. width:640px;
  248. {/block:ifNotEnableHighResolution}
  249. {block:ifEnableHighResolution}
  250. width:780px;
  251. {/block:ifEnableHighResolution}
  252. margin-bottom:25px;
  253. margin-left:320px;
  254. }
  255.  
  256. .post{ /* Rendered for each post. Contains post, tags and labels. */
  257. position:relative;
  258. {block:ifNotEnableHighResolution}
  259. width:640px;
  260. {/block:ifNotEnableHighResolution}
  261. {block:ifEnableHighResolution}
  262. width:780px;
  263. {/block:ifEnableHighResolution}
  264. {block:ifNotEnablehighresolution}
  265. {block:IfUsewhitebackground}
  266. margin-bottom:10em;
  267. {/block:IfUsewhitebackground}
  268. {block:IfNotUsewhitebackground}
  269. margin-bottom:4em;
  270. {/block:IfNotUsewhitebackground}
  271. {/block:ifNotEnablehighresolution}
  272. {block:ifEnablehighresolution}
  273. {block:IfUsewhitebackground}
  274. margin-bottom:10em;
  275. {/block:IfUsewhitebackground}
  276. {block:IfNotUsewhitebackground}
  277. margin-bottom:6em;
  278. {/block:IfNotUsewhitebackground}
  279. {/block:ifEnablehighresolution}
  280. }
  281.  
  282. .white{ /* Rendered for each post. Contains only post content */
  283. position:relative;
  284. background-color:#fff;
  285. {block:IfUsewhitebackground}
  286. padding:3px 15px 3px 15px;
  287. {/block:IfUsewhitebackground}
  288. {block:IfNotUsewhitebackground}
  289. padding:15px;
  290. {/block:IfNotUsewhitebackground}
  291. {block:ifEnablehighresolution}
  292. width:640px;
  293. {/block:ifEnablehighresolution}
  294. {block:ifNotEnablehighresolution}
  295. width:500px;
  296. {/block:ifNotEnablehighresolution}
  297. }
  298.  
  299. #page_footer{ /* Bar at bottom of page. Shows navigition */
  300. background-color:#fff;
  301. padding:5px 15px;
  302. margin-bottom:4em;
  303. margin-left:0px;
  304. font-family:'AmaranthRegular', 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
  305. font-size:13px;
  306. filter: alpha(opacity=50);
  307. -moz-opacity:0.5;
  308. -khtml-opacity: 0.5;
  309. opacity: 0.5;
  310. position: relative;
  311. overflow:hidden;
  312. {block:ifNotEnablehighresolution}
  313. width:500px;
  314. {/block:ifNotEnablehighresolution}
  315. {block:ifEnablehighresolution}
  316. width:640px;
  317. {/block:ifEnablehighresolution}
  318. }
  319.  
  320. #page_footer a {color:{color:Text}}
  321.  
  322. #page_footer a:hover {color:#242424}
  323.  
  324. #previouspage{
  325. position:relative;
  326. float:left;
  327. width:220px;
  328. text-align:left;
  329. padding:2px 0;
  330. }
  331.  
  332. #nextpage{
  333. position:relative;
  334. float:right;
  335. width:220px;
  336. text-align:right;
  337. padding:2px 0;
  338. }
  339.  
  340. div.loading-visible{ /* Loading screen */
  341. display:block;
  342. position:fixed;
  343. top:0;
  344. left:0;
  345. width:100%;
  346. height:100%;
  347. text-align:center;
  348. z-index:5000;
  349. font-family:'Helevtica Neue', 'Helvetica', 'Arial';
  350. font-size:10pt;
  351. font-weight:bold;
  352. color:#ccc;
  353. background-color:#fff;
  354. padding-top:25%;
  355. }
  356.  
  357. div.loading-invisible{
  358. display:none;
  359. }
  360.  
  361.  
  362. /* -------- General text, list and paragraph styles -------------------- */
  363.  
  364.  
  365. a {
  366. outline:0;
  367. text-decoration:none;
  368. -webkit-transition: color 0.5s linear;
  369. -moz-transition: color 0.5s linear;
  370. -o-transition: color 0.5s linear;
  371. -ms-transition: color 0.5s linear;
  372. transition:color 0.5s linear;
  373. color:{color:Link};
  374. }
  375.  
  376. a:hover {
  377. color:{color:Link hover};
  378. }
  379.  
  380. h1 {
  381. letter-spacing:-2px;
  382. margin:0 0 .25em;
  383. font:bold 30px {font:Title};
  384. }
  385.  
  386. h2 {
  387. font-family:'AmaranthRegular', Corbel, Bell Gothic Std, Helvetica, Arial, Verdana, sans-serif;
  388. font-size:20px;
  389. margin:0;
  390. font-weight:normal;
  391. font-style:normal;
  392. line-height:1.3em;
  393. color:{color:Text};
  394. }
  395.  
  396. h2 a {text-decoration:none;}
  397.  
  398. blockquote{
  399. background-color:#fff;
  400. color: {color:Text};
  401. margin:0;
  402. padding:10px 12px;
  403. border-left:1px solid #dbdbdb;
  404. text-shadow:0px 1px #fff;
  405. position:relative;
  406. color:{color:Text color};
  407. }
  408.  
  409. blockquote+p, blockquote+ul, blockquote+img, blockquote+ol{
  410. margin-top: 13px;
  411. }
  412.  
  413. p+blockquote, ul+blockquote, ol+blockquote, img+blockquote{
  414. margin-top:7px;
  415. }
  416.  
  417. blockquote img{
  418. max-width:100%;
  419. }
  420.  
  421. img {border:0;}
  422.  
  423. p {
  424. margin-bottom:0;
  425. margin-top:0px;
  426. line-height:1.6em;
  427. }
  428.  
  429. h2 + p {margin-top:8px}
  430.  
  431. p + p {margin-top:5px;}
  432.  
  433. ul + p {margin-top:10px;}
  434.  
  435. ol + p {margin-top:10px;}
  436.  
  437. ul {
  438. margin-bottom:5px;
  439. margin-top:5px;
  440. padding-left:30px;
  441. line-height:1.6em;
  442. }
  443.  
  444. ol {
  445. margin-bottom:5px;
  446. margin-top:5px;
  447. padding-left:30px;
  448. line-height:1.6em;
  449. }
  450.  
  451. @font-face {
  452. font-family: 'AmaranthRegular';
  453. src: url('http://static.tumblr.com/jhhfv1l/pOwlmded9/amaranth-webfont.eot');
  454. src: url('http://static.tumblr.com/jhhfv1l/pOwlmded9/amaranth-webfont.eot?#iefix') format('embedded-opentype'),
  455. url('http://static.tumblr.com/jhhfv1l/QLXlmdee7/amaranth-webfont.woff') format('woff'),
  456. url('http://static.tumblr.com/jhhfv1l/51Dlmdeer/amaranth-webfont.ttf') format('truetype'),
  457. url('http://static.tumblr.com/jhhfv1l/F7flmdef8/amaranth-webfont.svg#AmaranthRegular') format('svg');
  458. font-weight: normal;
  459. font-style: normal;
  460. }
  461.  
  462. @font-face {
  463. font-family: 'AmaranthItalic';
  464. src: url('http://static.tumblr.com/jhhfv1l/I2llmdea7/amaranth-italic-webfont.eot');
  465. src: url('http://static.tumblr.com/jhhfv1l/I2llmdea7/amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'),
  466. url('http://static.tumblr.com/jhhfv1l/tuxlmdec7/amaranth-italic-webfont.woff') format('woff'),
  467. url('http://static.tumblr.com/jhhfv1l/sBilmdebl/amaranth-italic-webfont.ttf') format("truetype"),
  468. url('http://static.tumblr.com/jhhfv1l/gJ1lmdeay/amaranth-italic-webfont.svg#AmaranthItalic') format('svg');
  469. font-weight: normal;
  470. font-style: normal;
  471. }
  472.  
  473.  
  474. /* -------- Post-info label styles ------------------------------------- */
  475.  
  476.  
  477. .labels{ /* Total set of labels next to posts */
  478. position:absolute;
  479. top:0px;
  480. width:85px;
  481. font-weight: normal;
  482. font-size: 9px;
  483. font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
  484. letter-spacing:.5px;
  485. color:#3e3e3e;
  486. background-color:none;
  487. text-align:left;
  488. {block:ifLabelsAndTagsInAllCaps}
  489. text-transform:uppercase;
  490. {/block:ifLabelsAndTagsInAllCaps}
  491. {block:ifNotLabelsAndTagsInAllCaps}
  492. text-transform:none;
  493. {/block:ifNotLabelsAndTagsInAllCaps}
  494. {block:ifNotEnablehighresolution}
  495. left:550px;
  496. {/block:ifNotEnablehighresolution}
  497. {block:ifEnablehighresolution}
  498. left:690px;
  499. {/block:ifEnablehighresolution}
  500. }
  501.  
  502. .blocktop{ /* Upper label next to posts */
  503. padding:2px 4px;
  504. filter: alpha(opacity=70);
  505. -moz-opacity:0.7;
  506. -khtml-opacity: 0.7;
  507. opacity: 0.7;
  508. background-color:#fff;
  509. width:83px;
  510. margin-bottom:1px;
  511. line-height:normal;
  512. -webkit-transition: all 0.5s linear;
  513. -moz-transition: all 0.5s linear;
  514. -o-transition: all 0.5s linear;
  515. -ms-transition: all 0.5s linear;
  516. transition: all 0.5s linear;
  517. }
  518.  
  519. .block-controls{
  520. background-color:none;
  521. position:relative;
  522. margin-bottom:1px;
  523. line-height:normal;
  524. }
  525. .block-reblog, .block-like{
  526. width:37px;
  527. height:20px;
  528. padding:8px 4px;
  529. background-color:rgba(255,255,255,0.7);
  530. text-align:center;
  531. -webkit-transition: all 0.5s linear;
  532. -moz-transition: all 0.5s linear;
  533. -o-transition: all 0.5s linear;
  534. -ms-transition: all 0.5s linear;
  535. transition: all 0.5s linear;
  536. }
  537. .block-reblog{}
  538. a.reblog_button{margin-left:9px;}
  539. .like_button, a.reblog_button{
  540. opacity:0.5;
  541. -webkit-transition: all 0.5s linear;
  542. -moz-transition: all 0.5s linear;
  543. -o-transition: all 0.5s linear;
  544. -ms-transition: all 0.5s linear;
  545. transition: all 0.5s linear;}
  546. a.reblog_button:hover, .like_button:hover{opacity:0.7;cursor:pointer;}
  547.  
  548. .block-like{position:absolute;margin-left:46px;}
  549.  
  550. .blocktop a{
  551. color:{color:Text};
  552. display:block;
  553. text-decoration:none;
  554. }
  555.  
  556. .blocktop:hover,{
  557. display:block;
  558. text-decoration:none;
  559. cursor:pointer;
  560. }
  561.  
  562. .blockextra{ /* Extra labels next to post */
  563. width:83px;
  564. padding:2px 4px;
  565. font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
  566. letter-spacing:.5px;
  567. margin-bottom:1px;
  568. color:#626262;
  569. background-color:#fff;
  570. filter: alpha(opacity=40);
  571. -moz-opacity:0.4;
  572. -khtml-opacity: 0.4;
  573. opacity: 0.4;
  574. -webkit-transition: all 0.3s linear;
  575. -moz-transition: all 0.3s linear;
  576. -o-transition: all 0.3s linear;
  577. -ms-transition: all 0.3s linear;
  578. transition: all 0.3s linear;
  579. {block:ifLabelsAndTagsInAllCaps}
  580. text-transform:uppercase;
  581. {/block:ifLabelsAndTagsInAllCaps}
  582. {block:ifNotLabelsAndTagsInAllCaps}
  583. text-transform:none;
  584. {/block:ifNotLabelsAndTagsInAllCaps}
  585. {block:ifNotEnablehighresolution}
  586. left:550px;
  587. {/block:ifNotEnablehighresolution}
  588. {block:ifEnablehighresolution}
  589. left:800px;
  590. {/block:ifEnablehighresolution}
  591. }
  592.  
  593. .blockextra a {
  594. color:#626262;
  595. display:block;
  596. text-decoration:none;
  597. }
  598.  
  599. .blockextra:hover {
  600. color:#000;
  601. display:block;
  602. text-decoration:none;
  603. filter: alpha(opacity=50);
  604. -moz-opacity:0.5;
  605. -khtml-opacity: 0.5;
  606. opacity: 0.5;
  607. }
  608.  
  609. .noglow:hover{
  610. color:#626262;
  611. display:block;
  612. text-decoration:none;
  613. filter: alpha(opacity=30);
  614. -moz-opacity:0.3;
  615. -khtml-opacity: 0.3;
  616. opacity: 0.3;
  617. }
  618.  
  619.  
  620. /* -------- Sidebar style ---------------------------------------------- */
  621.  
  622.  
  623. #sidebar{ /* Total sidebar, including links */
  624. width:180px;
  625. padding-bottom:50px;
  626. margin-top:80px;
  627. {block:IfSidebarRemainsFixedWhenScrolling}
  628. position:fixed;
  629. {block:IfNotCenterBlog}
  630. margin-left:0px;
  631. {/block:IfNotCenterBlog}
  632. {block:IfCenterBlog}
  633. margin-left:auto;
  634. margin-right:auto;
  635. {block:ifNotEnablehighresolution}
  636. padding-right:680px;
  637. {/block:ifNotEnablehighresolution}
  638. {block:ifEnablehighresolution}
  639. padding-right:820px;
  640. {/block:ifEnablehighresolution}
  641. {/block:IfCenterBlog}
  642. {/block:IfSidebarRemainsFixedWhenScrolling}
  643. {block:IfNotSidebarRemainsFixedWhenScrolling}
  644. position:absolute;
  645. left:0px;
  646. {/block:IfNotSidebarRemainsFixedWhenScrolling}
  647. }
  648.  
  649. #about{
  650. padding:15px 15px 0 15px;
  651. background-color:#fff;
  652. }
  653.  
  654. #about_blogtitle { /* Title of blog */
  655. text-align: center;
  656. font-size: 22px;
  657. font-family:'AmaranthRegular', Corbel, Gill Sans, Gill Sans MT, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
  658. letter-spacing:-1px;
  659. line-height:1.2em;
  660. padding:15px 0 20px 0;
  661. }
  662.  
  663. #about_blogtitle a {
  664. color:{color:Text};
  665. }
  666.  
  667. #about_blogtitle a:hover {
  668. {block:IfBlogtitlelinkincolorwhenhovering}
  669. color:{color:Link hover};
  670. {/block:IfBlogtitlelinkincolorwhenhovering}
  671. {block:IfNotBlogtitlelinkincolorwhenhovering}
  672. color:{color:Text};
  673. {/block:IfNotBlogtitlelinkincolorwhenhovering}
  674. }
  675.  
  676. #about_portrait{ /* Portrait image */
  677. {block:ifDisplayBlogTitle}
  678. padding:10px 0 0 0;
  679. {/block:ifDisplayBlogTitle}
  680. }
  681.  
  682. #about_description{ /* Description */
  683. text-align: justify;
  684. line-height:1.6em;
  685. {block:ifPortraitImage}
  686. padding:15px 0 15px 0;
  687. {/block:ifPortraitImage}
  688. {block:ifNotPortraitImage}
  689. padding:0 0 15px 0;
  690. {/block:ifNotPortraitImage}
  691. }
  692.  
  693. .linkbox{ /* Boxes for extra links */
  694. text-align: left;
  695. margin-top:1px;
  696. font-size: 14px;
  697. font-family:'AmaranthRegular', Corbel, Trebuchet MS, Lucida Grande, Helvetica, Arial, sans-serif;
  698. font-weight:400;
  699. filter: alpha(opacity=60);
  700. -moz-opacity:0.6;
  701. -khtml-opacity: 0.6;
  702. opacity: 0.6;
  703. -webkit-transition: all 0.3s linear;
  704. -moz-transition: all 0.3s linear;
  705. -o-transition: all 0.3s linear;
  706. -ms-transition: all 0.3s linear;
  707. transition: all 0.3s linear;
  708.  
  709.  
  710. background-color:#ffffff;
  711. padding:7px 5px;
  712. margin-left:15px;
  713. width:240px;
  714.  
  715.  
  716.  
  717. color:#4f4f4f;
  718.  
  719.  
  720. }
  721.  
  722.  
  723. .linkbox:hover {
  724. filter: alpha(opacity=80);
  725. -moz-opacity:0.8;
  726. -khtml-opacity: 0.8;
  727. opacity: 0.8;
  728.  
  729. color:#ffb79d;
  730.  
  731. }
  732.  
  733.  
  734. #credit { /* Theme credit */
  735. font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
  736. letter-spacing:.5px;
  737. padding:4px 15px;
  738. margin:1px 0 0 0;
  739. width:250px;
  740. {block:ifLabelsAndTagsInAllCaps}
  741. text-transform:uppercase;
  742. {/block:ifLabelsAndTagsInAllCaps}
  743. {block:ifNotLabelsAndTagsInAllCaps}
  744. text-transform:none;
  745. {/block:ifNotLabelsAndTagsInAllCaps}
  746. background-color:#fff;
  747. filter: alpha(opacity=40);
  748. -moz-opacity:0.4;
  749. -khtml-opacity: 0.4;
  750. opacity: 0.4;
  751. color:{color:Text};
  752. {block:IfNotUsewhitebackground}
  753. text-align:center;
  754. {/block:IfNotUsewhitebackground}
  755. {block:IfUsewhitebackground}
  756. text-align:right;
  757. {/block:IfUsewhitebackground}
  758. -webkit-transition: all 0.3s linear;
  759. -moz-transition: all 0.3s linear;
  760. -o-transition: all 0.3s linear;
  761. -ms-transition: all 0.3s linear;
  762. transition: all 0.3s linear;
  763. }
  764.  
  765. #credit:hover {
  766. filter: alpha(opacity=60);
  767. -moz-opacity:0.6;
  768. -khtml-opacity: 0.6;
  769. opacity: 0.6;
  770. }
  771.  
  772. .mediadiet{ /* Boxes for Currently reading, etc. */
  773. margin-top:50px;
  774. }
  775.  
  776. .mediadiet_title {
  777. font-size: 16px;
  778. font-family:'AmaranthRegular', Corbel, Trebuchet MS, Lucida Grande, Helvetica, Arial, sans-serif;
  779. font-weight:300;
  780. margin-top:-8px;
  781. margin-left:0px;
  782. text-align:left;
  783. {block:IfUsewhitebackground}
  784. padding: 0px 15px 0px 15px;
  785. {/block:IfUsewhitebackground}
  786. {block:IfNotUsewhitebackground}
  787. padding: 0px 0 5px 0px;
  788. {/block:IfNotUsewhitebackground}
  789. {block:IfUsewhitebackground}
  790. color:#3e3e3e;
  791. {/block:IfUsewhitebackground}
  792. {block:IfNotUsewhitebackground}
  793. color:#fff;
  794. {/block:IfNotUsewhitebackground}
  795. }
  796.  
  797. .mediadiet_image{
  798. width:250px;
  799. background-color:#fff;
  800. margin-top:1px;
  801. -webkit-transition: all 0.5s linear;
  802. -moz-transition: all 0.5s linear;
  803. -o-transition: all 0.5s linear;
  804. -ms-transition: all 0.5s linear;
  805. transition:all 0.5s linear;
  806. {block:IfUsewhitebackground}
  807. padding:10px 15px 10px 15px;
  808. {/block:IfUsewhitebackground}
  809. {block:IfNotUsewhitebackground}
  810. padding:15px;
  811. {/block:IfNotUsewhitebackground}
  812. }
  813.  
  814. .mediadiet_image img{
  815. width:250px;
  816. }
  817.  
  818.  
  819. /* -------- Blogpost style --------------------------------------------- */
  820.  
  821. .ask{
  822. background-color:#e7eaec;
  823. background-image:url('http://static.tumblr.com/jhhfv1l/SaKlta8qh/paper1.jpg');
  824. background-repeat:repeat;
  825. position:relative;
  826. border-radius: 4px;
  827. -moz-border-radius: 4px;
  828. -webkit-border-radius: 4px;
  829. overflow: hidden;
  830. margin-bottom: 13px;
  831. }
  832.  
  833. .ask_info{
  834. position:relative;
  835. border-bottom: 1px solid #e7eaec;
  836. border-top-left-radius: 4px;
  837. border-top-right-radius: 4px;
  838. -moz-border-radius-topleft: 4px;
  839. -moz-border-radius-topright: 4px;
  840. -webkit-border-top-left-radius: 4px;
  841. -webkit-border-top-right-radius: 4px;
  842. }
  843.  
  844.  
  845. .ask_question{
  846. font-size: 12px;
  847. line-height: 18px;
  848. color: #6a6d6f;
  849. padding: 13px 20px 13px 75px;
  850. border-top:1px solid #fff;
  851. text-shadow: 0px 1px 0px #fff;
  852. }
  853.  
  854. .ask_portrait{
  855. position: absolute;
  856. left: -2px;
  857. top: -2px;
  858. width: 64px;
  859. height: 64px;
  860. border: 2px solid white;
  861. border-radius: 40px;
  862. border-top-left-radius: 4px;
  863. -moz-border-radius-topleft: 4px;
  864. -webkit-border-top-left-radius: 4px;
  865. box-shadow: 1px 1px 0px #ddd, -1px 1px 0px #ddd, 1px -1px 0px #ddd;
  866. }
  867.  
  868. .ask_portrait img{
  869. border-radius: 40px;
  870. -moz-border-radius: 40px;
  871. -webkit-border-radius: 40px;
  872. border-top-left-radius: 4px;
  873. -moz-border-radius-topleft: 4px;
  874. -webkit-border-top-left-radius: 4px;
  875. }
  876.  
  877. .ask_username{
  878. margin-left:75px;
  879. font-family:'AmaranthRegular', Corbel, Helvetica Neue, Helvetica, Arial, sans-serif;
  880. padding:7px 0 6px 0;
  881. color:#bbb;
  882. text-shadow: 0px 1px 0px #fff;
  883. }
  884.  
  885. .ask_username a{color:#939393;}
  886.  
  887. .ask_username a:hover{color:#535353}
  888.  
  889. .quote_quote{
  890. font-family:'AmaranthItalic', Corbel, Georgia, serif;
  891. font-size:18px;
  892. line-height:1.3em;
  893. margin-bottom: -2px;
  894. letter-spacing:0px;
  895. }
  896.  
  897. .link {
  898. margin:0;
  899. padding:0;
  900. }
  901.  
  902. .video_highres iframe{
  903. width:640px;
  904. height:360px;
  905. }
  906.  
  907. .conversation li {
  908. margin-left:-20px;
  909. list-style:none;
  910. }
  911.  
  912. .conversation ul {
  913. margin-bottom:0px;
  914. margin-top:0px
  915. }
  916.  
  917. .conversation_lines{
  918. padding-left:20px;
  919. }
  920.  
  921. h2+.conversation_lines{
  922. margin-top:10px;
  923. }
  924.  
  925. .conversation_line:first-child {
  926. border-top: 1px solid #e2e4e7;
  927. }
  928.  
  929. .conversation_line {
  930. border-right: 1px solid #e2e4e7;
  931. border-bottom: 1px solid #e2e4e7;
  932. border-left: 1px solid #e2e4e7;
  933. list-style-type: none;
  934. padding: 9px 10px;
  935. }
  936.  
  937. .photo_highres img{
  938. max-width:640px;
  939. {block:ifStretchSmallImages}
  940. width:640px;
  941. {/block:ifStretchSmallImages}
  942. }
  943.  
  944. .photoset img{
  945. width:100%;
  946. }
  947.  
  948. .page_pagination{
  949. float: left;
  950. {block:ifNotEnablehighresolution}
  951. left:215px;
  952. {/block:ifNotEnablehighresolution}
  953. {block:ifEnablehighresolution}
  954. left:285px;
  955. {/block:ifEnablehighresolution}
  956. padding: 2px 0;
  957. position: absolute;
  958. text-align: center;
  959. top: 5px;
  960. width: 100px;
  961.  
  962. }
  963.  
  964. .audio_player{
  965. height: 27px;
  966. width: 25px;
  967. padding-left:7px;
  968. padding-top:7px;
  969. overflow:hidden;
  970. background-color:#e4e4e4;
  971. }
  972.  
  973. .audio_circleplayer{
  974. height:40px;
  975. width:40px;
  976. background-color:#e4e4e4;
  977. border-radius:25px;
  978. -moz-border-radius:25px;
  979. -webkit-border-radius:25px;
  980. overflow:hidden;
  981. -webkit-box-shadow: 0px 1px 1px 0px #000;
  982. box-shadow: 0px 1px 1px 0px #000;
  983. color: #e4e4e4;
  984. text-shadow: none;
  985. }
  986. .audio_circleplayer a{display:none;}
  987.  
  988. .audio_box{
  989. background-color:rgb(56,56,56);
  990. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(56, 56, 56)), color-stop(100%, rgb(32, 32, 32)));
  991. background-image: -webkit-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
  992. background-image: -moz-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
  993. background-image: -ms-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
  994. background-image: -o-linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
  995. background-image: linear-gradient(top, rgb(56, 56, 56), rgb(32, 32, 32));
  996. border-radius:6px;
  997. -moz-border-radius:6px;
  998. -webkit-border-radius:6px;
  999. padding:10px;
  1000. position:relative;
  1001. color:#fff;
  1002. text-shadow:0px 1px 0px #000;
  1003. border:1px solid #000;
  1004. box-shadow:inset 0px 1px 0px #555;
  1005. {block:ifNotEnablehighresolution}
  1006. width:480px;
  1007. {/block:ifNotEnablehighresolution}
  1008. {block:ifEnablehighresolution}
  1009. width:620px;
  1010. {/block:ifEnablehighresolution}
  1011. }
  1012.  
  1013. .audio_info{
  1014. position:absolute;
  1015. left:63px;
  1016. top:21px;
  1017. line-height:1.6em;
  1018. font-family: Arial, Helvetica, Lucida Sans, Verdana, sans-serif;
  1019. }
  1020.  
  1021. .audio_box .audio_song{
  1022. font-weight:bold;
  1023. margin-bottom:-2px;
  1024. }
  1025.  
  1026. .audio_box .audio_artist{
  1027. color:#a1a1a1;
  1028. }
  1029.  
  1030. .audio_art{
  1031. padding:0;
  1032. width:100%;
  1033. margin-bottom:-4px;
  1034. border: 1px solid black;
  1035. overflow:hidden;
  1036. }
  1037.  
  1038. .audio_art img{
  1039. width:100%;
  1040. }
  1041.  
  1042. .ifalbumart{
  1043. border-radius:0px 0px 6px 6px;
  1044. -webkit-border-radius:0px 0px 6px 6px;
  1045. -moz-border-radius:0px 0px 6px 6px;
  1046. }
  1047.  
  1048. .caption{
  1049. margin-top:14px;
  1050. line-height:1.6em;
  1051. }
  1052.  
  1053. .basement {
  1054. position:relative;
  1055. background-color:#fff;
  1056. margin-top:1px;
  1057. filter: alpha(opacity=80);
  1058. -moz-opacity:0.8;
  1059. -khtml-opacity: 0.8;
  1060. opacity: 0.8;
  1061. padding: {block:IfNotUsewhitebackground} 7px 15px 7px 15px {/block:IfNotUsewhitebackground}
  1062. {block:IfUsewhitebackground} 0 15px 0px 15px {/block:IfUsewhitebackground};
  1063. {block:ifNotEnablehighresolution}
  1064. width:500px;
  1065. {/block:ifNotEnablehighresolution}
  1066. {block:ifEnablehighresolution}
  1067. width:640px;
  1068. {/block:ifEnablehighresolution}
  1069. }
  1070.  
  1071. .basement p {
  1072. margin-top:5px;
  1073. margin-bottom: {block:IfNotUsewhitebackground} 5px{/block:IfNotUsewhitebackground}
  1074. {block:IfUsewhitebackground} 0px{/block:IfUsewhitebackground};
  1075. }
  1076.  
  1077.  
  1078. .clearfix:after {
  1079. content: ".";
  1080. display: block;
  1081. height: 0;
  1082. clear: both;
  1083. visibility: hidden;
  1084. }
  1085.  
  1086. .post_footer {
  1087. text-align:left;
  1088. font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
  1089. letter-spacing:.5px;
  1090. padding:3px 15px;
  1091. margin:1px 0 0 0;
  1092. line-height:2em;
  1093. overflow:hidden;
  1094. background-color:#fff;
  1095. filter: alpha(opacity=70);
  1096. -moz-opacity:0.7;
  1097. -khtml-opacity: 0.7;
  1098. opacity: 0.7;
  1099. color:{color:Text};
  1100. {block:ifLabelsAndTagsInAllCaps}
  1101. text-transform:uppercase;
  1102. {/block:ifLabelsAndTagsInAllCaps}
  1103. {block:ifNotLabelsAndTagsInAllCaps}
  1104. text-transform:none;
  1105. {/block:ifNotLabelsAndTagsInAllCaps}
  1106. {block:ifNotEnablehighresolution}
  1107. width:500px;
  1108. {/block:ifNotEnablehighresolution}
  1109. {block:ifEnablehighresolution}
  1110. width:640px;
  1111. {/block:ifEnablehighresolution}
  1112. }
  1113.  
  1114. .post_footer a {color:#3e3e3e;}
  1115.  
  1116. .post_footer a:hover {color:#242424;}
  1117.  
  1118.  
  1119. /* -------- Postnotes style -------------------------------------------- */
  1120.  
  1121.  
  1122. .post_notes{
  1123. background-color:none;
  1124. padding:0px;
  1125. margin: 1px 0 0 0;
  1126. {block:ifNotEnablehighresolution}
  1127. width:530px;
  1128. {/block:ifNotEnablehighresolution}
  1129. {block:ifEnablehighresolution}
  1130. width:670px;
  1131. {/block:ifEnablehighresolution}
  1132. }
  1133.  
  1134. ol.notes li {
  1135. margin-bottom:.35em;
  1136. margin-left:-30px;
  1137. list-style:none;
  1138. line-height:1.6em;
  1139. }
  1140.  
  1141. ol.notes li.note img.avatar {
  1142. vertical-align: -4px;
  1143. width: 16px;
  1144. height: 16px;
  1145. margin-right:4px;
  1146. margin-left:-23px;
  1147. }
  1148.  
  1149. ol.notes li.note {
  1150. background-color:#fff;
  1151. padding-right:15px;
  1152. {block:IfNotUsewhitebackground}
  1153. padding-left:28px;
  1154. {/block:IfNotUsewhitebackground}
  1155. {block:IfUsewhitebackground}
  1156. padding-left:38px;
  1157. {/block:IfUsewhitebackground};
  1158. padding-top:4px;
  1159. padding-bottom:4px;
  1160. color:#3e3e3e;
  1161. font:Normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
  1162. letter-spacing:.5px;
  1163. {block:ifLabelsAndTagsInAllCaps}
  1164. text-transform:uppercase;
  1165. {/block:ifLabelsAndTagsInAllCaps}
  1166. {block:ifNotLabelsAndTagsInAllCaps}
  1167. text-transform:none;
  1168. {/block:ifNotLabelsAndTagsInAllCaps}
  1169. text-align:left;
  1170. line-height:11px;
  1171. filter: alpha(opacity=70);
  1172. -moz-opacity:0.7;
  1173. -khtml-opacity: 0.7;
  1174. opacity: 0.7;
  1175. -webkit-transition: all 0.3s linear;
  1176. -moz-transition: all 0.3s linear;
  1177. -o-transition: all 0.3s linear;
  1178. -ms-transition: all 0.3s linear;
  1179. transition: all 0.3s linear;
  1180. }
  1181.  
  1182. ol.notes li.note:hover{
  1183. filter: alpha(opacity=80);
  1184. -moz-opacity:0.8;
  1185. -khtml-opacity: 0.8;
  1186. opacity: 0.8;
  1187. }
  1188.  
  1189. ol.notes li.note a{color:#3e3e3e;font-weight:bold;}
  1190. ol.notes li.note a:hover{border-bottom:1px dashed #b4b4b4;}
  1191.  
  1192. ol.notes li.note .answer_content {
  1193. color:#696969;padding:0 0 6px 0;
  1194. }
  1195.  
  1196. ol.notes li.note blockquote {
  1197. color:#696969;
  1198. padding:5px 8px 5px 8px;
  1199. margin-top:1px;
  1200. margin-bottom:1px;
  1201. border:0;
  1202. }
  1203.  
  1204. ol.notes li.note blockquote a{
  1205. color:#696969;
  1206. }
  1207.  
  1208. ol.notes li.more_notes_link_container {
  1209. padding-top:4px;
  1210. padding-bottom:2px;
  1211. margin-top:10px;
  1212. }
  1213.  
  1214. ol.notes li.more_notes_link_container {
  1215. padding-top: 5px;
  1216. padding-bottom: 5px;
  1217. margin-top: 10px;
  1218. }
  1219.  
  1220. #infscr-loading{
  1221. text-align:center;
  1222. margin-bottom:30px;
  1223. {block:ifNotEnableHighResolution}
  1224. width:530px;
  1225. {/block:ifNotEnableHighResolution}
  1226. {block:ifEnableHighResolution}
  1227. width:670px;
  1228. {/block:ifEnableHighResolution}
  1229. }
  1230.  
  1231. {CustomCSS}
  1232.  
  1233. /* -------- End of CSS ------------------------------------------------- */
  1234. </style>
  1235.  
  1236. {block:ifGoogleAnalyticsID}
  1237. <script type="text/javascript">
  1238. var _gaq = _gaq || [];
  1239. _gaq.push(['_setAccount', '{text:Google Analytics ID}']);
  1240. _gaq.push(['_trackPageview']);
  1241.  
  1242. (function() {
  1243. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1244. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1245. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1246. })();
  1247. </script>
  1248. {/block:ifGoogleAnalyticsID}
  1249.  
  1250. {block:ifEnableInfiniteScrolling}
  1251. <script type="text/javascript" src="http://static.tumblr.com/jhhfv1l/oafn2kwq7/jquery-1.11.0.infinitescroll.min.js"></script>
  1252. {/block:ifEnableInfiniteScrolling}
  1253.  
  1254. </head>
  1255.  
  1256.  
  1257. <!--
  1258.  
  1259. /\__/\
  1260. / / . . \ Q: Why don't cats play poker in the jungle?
  1261. \ \ o /
  1262. \ / \ A: Too many cheetahs!
  1263. \__/________\
  1264.  
  1265. -->
  1266.  
  1267.  
  1268. <body>
  1269. {block:ifEnableLoadingScreen}
  1270. <div id="loading" class="loading-invisible">
  1271. <div><img src="http://static.tumblr.com/jhhfv1l/zXMm8eug4/loading.gif" style="height:24px;width:24px;background-color:#fff;" alt=""/></div>
  1272. {block:ifLoadingScreenText}
  1273. <p>{text:Loading screen text}</p>
  1274. {/block:ifLoadingScreenText}
  1275. {block:ifNotLoadingScreenText}
  1276. <p>Loading...</p>
  1277. {/block:ifNotLoadingScreenText}
  1278. </div>
  1279. <script type="text/javascript">
  1280. document.getElementById("loading").className = "loading-visible";
  1281. var hideDiv = function(){document.getElementById("loading").className = "loading-invisible";};
  1282. var oldLoad = window.onload;
  1283. var newLoad = oldLoad ? function(){hideDiv.call(this);oldLoad.call(this);} : hideDiv;
  1284. window.onload = newLoad;
  1285. </script>
  1286. {/block:ifEnableLoadingScreen}
  1287.  
  1288. <div id="wrap">
  1289.  
  1290. <!-- Sidebar -->
  1291. <div id="sidebar">
  1292.  
  1293. <div id="about">
  1294. {block:ifDisplayBlogTitle}
  1295. <div id="about_blogtitle">
  1296. <a href="/">{Title}</a>
  1297. </div>
  1298. {/block:ifDisplayBlogTitle}
  1299. {block:IfPortraitImage}
  1300. <div id="about_portrait">
  1301. <a href="/">
  1302. <img src="{image:Portrait}" width="70" alt=""/>
  1303. </a>
  1304. </div>
  1305. {/block:IfPortraitImage}
  1306. {block:Description}
  1307. <div id="about_description">
  1308. {Description}
  1309. </div>
  1310. {/block:Description}
  1311. </div> <!-- end of #about -->
  1312.  
  1313.  
  1314. <!-- Links menu -->
  1315.  
  1316. {block:AskEnabled}
  1317. <!-- Link to ask box -->
  1318. <a href="/ask">
  1319. <div class="linkbox">
  1320.  
  1321. {block:IfNotAskLinkLabel}
  1322. {AskLabel}
  1323. {/block:IfNotAskLinkLabel}
  1324. {block:IfAskLinkLabel}
  1325. {text:Ask link label}
  1326. {/block:IfAskLinkLabel}
  1327. </div>
  1328. </a>
  1329. {/block:AskEnabled}
  1330.  
  1331. {block:SubmissionsEnabled}
  1332. <!-- Link to submission box -->
  1333. <a href="/submit">
  1334. <div class="linkbox">
  1335. {block:IfNotSubmitLinkLabel}
  1336. {SubmitLabel}
  1337. {/block:IfNotSubmitLinkLabel}
  1338. {block:IfSubmitLinkLabel}
  1339. {text:Submit link label}
  1340. {/block:IfSubmitLinkLabel}
  1341. </div>
  1342. </a>
  1343. {/block:SubmissionsEnabled}
  1344.  
  1345. {block:HasPages}
  1346. <!-- Links to custom pages -->
  1347. {block:Pages}
  1348. <a href="{URL}">
  1349. <div class="linkbox">
  1350. {Label}
  1351. </div>
  1352. </a>
  1353. {/block:Pages}
  1354. {/block:HasPages}
  1355.  
  1356. <!-- Extra links -->
  1357. {block:ifExtralink1text}
  1358. <a href="{text:Extra link 1 URL}">
  1359. <div class="linkbox">
  1360. {text:Extra link 1 text}
  1361. </div>
  1362. </a>
  1363. {/block:ifExtralink1text}
  1364. {block:ifExtralink2text}
  1365. <a href="{text:Extra link 2 URL}">
  1366. <div class="linkbox">
  1367. {text:Extra link 2 text}
  1368. </div>
  1369. </a>
  1370. {/block:ifExtralink2text}
  1371. {block:ifExtralink3text}
  1372. <a href="{text:Extra link 3 URL}">
  1373. <div class="linkbox">
  1374. {text:Extra link 3 text}
  1375. </div>
  1376. </a>
  1377. {/block:ifExtralink3text}
  1378. {block:ifExtralink4text}
  1379. <a href="{text:Extra link 4 URL}">
  1380. <div class="linkbox">
  1381. {text:Extra link 4 text}
  1382. </div>
  1383. </a>
  1384. {/block:ifExtralink4text}
  1385. {block:ifExtralink5text}
  1386. <a href="{text:Extra link 5 URL}">
  1387. <div class="linkbox">
  1388. {text:Extra link 5 text}
  1389. </div>
  1390. </a>
  1391. {/block:ifExtralink5text}
  1392. {block:ifExtralink6text}
  1393. <a href="{text:Extra link 6 URL}">
  1394. <div class="linkbox">
  1395. {text:Extra link 6 text}
  1396. </div>
  1397. </a>
  1398. {/block:ifExtralink6text}
  1399. {block:ifExtralink7text}
  1400. <a href="{text:Extra link 7 URL}">
  1401. <div class="linkbox">
  1402. {text:Extra link 7 text}
  1403. </div>
  1404. </a>
  1405. {/block:ifExtralink7text}
  1406.  
  1407. {block:ifDisplayarchivebutton}
  1408. <a href="/archive">
  1409. <div class="linkbox">
  1410. Archive
  1411. </div>
  1412. </a>
  1413. {/block:ifDisplayarchivebutton}
  1414.  
  1415. {block:ifDisplayrssbutton}
  1416. <a href="{RSS}">
  1417. <div class="linkbox">
  1418. RSS feed
  1419. </div>
  1420. </a>
  1421. {/block:ifDisplayrssbutton}
  1422.  
  1423. <!-- Theme attribution -->
  1424. <a href="http://themes.stjn.co/">
  1425. <div id="credit">
  1426. Theme by STJN
  1427. </div>
  1428. </a>
  1429.  
  1430. {block:ifCurrentlyReadingImage}
  1431. <!-- Book you're currently reading -->
  1432. <div class="mediadiet">
  1433. <div class="mediadiet_title">
  1434. {block:ifCurrentlyreadinglabel}
  1435. {text:Currently reading label}
  1436. {/block:ifCurrentlyreadinglabel}
  1437. {block:ifNotCurrentlyreadingLabel}
  1438. Currently reading
  1439. {/block:ifNotCurrentlyreadinglabel}
  1440. </div>
  1441. <div class="mediadiet_image">
  1442. <img src="{image:Currently reading}" alt=""/>
  1443. </div>
  1444. </div>
  1445. {/block:ifCurrentlyReadingImage}
  1446.  
  1447. {block:ifCurrentlyPlayingImage}
  1448. <!-- A game you're currently playing -->
  1449. <div class="mediadiet">
  1450. <div class="mediadiet_title">
  1451. {block:ifCurrentlyplayinglabel}
  1452. {text:Currently playing label}
  1453. {/block:ifCurrentlyplayinglabel}
  1454. {block:ifNotCurrentlyplayingLabel}
  1455. Currently playing
  1456. {/block:ifNotCurrentlyplayinglabel}
  1457. </div>
  1458. <div class="mediadiet_image">
  1459. <img src="{image:Currently playing}" alt=""/>
  1460. </div>
  1461. </div>
  1462. {/block:ifCurrentlyPlayingImage}
  1463.  
  1464. {block:ifLastSeenMovieImage}
  1465. <!-- The movie you last saw -->
  1466. <div class="mediadiet">
  1467. <div class="mediadiet_title">
  1468. {block:ifLastseenmovielabel}
  1469. {text:Last seen movie label}
  1470. {/block:ifLastseenmovielabel}
  1471. {block:ifNotLastseenmovielabel}
  1472. Last seen
  1473. {/block:ifNotLastseenmovielabel}
  1474. </div>
  1475. <div class="mediadiet_image">
  1476. <img src="{image:Last seen movie}" alt=""/>
  1477. </div>
  1478. </div>
  1479. {/block:ifLastSeenMovieImage}
  1480.  
  1481. </div> <!-- end of #sidebar -->
  1482.  
  1483. <!-- Main column with posts, post info, notes and navigation-->
  1484. <div id="content">
  1485. {block:Posts}
  1486.  
  1487. <div class="post"> <!-- Rendered for each post -->
  1488.  
  1489. {block:Date}
  1490. <!-- Group of info boxes on the right side of posts -->
  1491. <div class="labels">
  1492.  
  1493. {block:ifDisplayReblogAndLikeButtons}
  1494. <div class="block-controls">
  1495. <div class="block-like">
  1496. {LikeButton color="black" size="20"}
  1497. </div>
  1498. <div class="block-reblog">
  1499. {ReblogButton color="black" size="20"}
  1500. </div>
  1501. </div>
  1502. {/block:ifDisplayReblogAndLikeButtons}
  1503.  
  1504. {block:ifDisplayTimeAndDate}
  1505. <!-- Date and time -->
  1506. <div class="blocktop">
  1507. <a href="{Permalink}">
  1508. {block:NewDayDate}
  1509. {block:IfUseAmericanDateFormat}
  1510. {Month}&nbsp;{DayOfMonth}{DayOfMonthSuffix}<br/>
  1511. {/block:IfUseAmericanDateFormat}
  1512. {block:IfNotUseAmericanDateFormat}
  1513. {DayOfMonth}&nbsp;{Month}<br/>
  1514. {/block:IfNotUseAmericanDateFormat}
  1515. {/block:NewDayDate}
  1516. {block:ifUse24hourclock}
  1517. {24HourWithZero}:{Minutes}
  1518. {/block:ifUse24hourclock}
  1519. {block:ifNotUse24hourclock}
  1520. {12Hour}:{Minutes}&nbsp;{CapitalAmPm}
  1521. {/block:ifNotUse24hourclock}
  1522. {block:ifTimezone}
  1523. {text:Timezone}
  1524. {/block:ifTimezone}
  1525. </a>
  1526. </div>
  1527. {/block:ifDisplayTimeAndDate}
  1528.  
  1529. {block:ifDisplayNoteCount}
  1530. <!-- Note count -->
  1531. <div class="blockextra">
  1532. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1533. </div>
  1534. {/block:ifDisplayNoteCount}
  1535.  
  1536. {block:ContentSource}
  1537. <!-- Original content source -->
  1538. <div class="blockextra">
  1539. <a href="{SourceURL}">Source</a>
  1540. </div>
  1541. {/block:ContentSource}
  1542.  
  1543. {block:RebloggedFrom}
  1544. <!-- Reblog source -->
  1545. <div class="blockextra">
  1546. <a href="{ReblogParentURL}">Via</a>
  1547. </div>
  1548. {/block:RebloggedFrom}
  1549.  
  1550. {block:Audio}
  1551. {block:ExternalAudio}
  1552. <!-- Audio download button -->
  1553. <div class="blockextra">
  1554. <a href="{ExternalAudioURL}">Download</a>
  1555. </div>
  1556. {/block:ExternalAudio}
  1557. {/block:Audio}
  1558.  
  1559. {block:IfDisplayCameraInfo}
  1560. {block:Exif}
  1561. {block:Camera}
  1562. <!-- Camera info -->
  1563. <div class="blockextra noglow">
  1564. {Camera}
  1565. </div>
  1566. {/block:Camera}
  1567. {/block:Exif}
  1568. {/block:IfDisplayCameraInfo}
  1569.  
  1570. {block:ifDisplayPostAuthor}
  1571. <!-- Group member info -->
  1572. <div class="blockextra">
  1573. <a href="{PostAuthorURL}">Posted by {PostAuthorName}</a>
  1574. </div>
  1575. {/block:ifDisplayPostAuthor}
  1576.  
  1577. </div> <!-- End of .labels -->
  1578. {/block:Date}
  1579.  
  1580. <div class="white">
  1581.  
  1582. {block:Regular}
  1583. <!-- Text posts -->
  1584. <div class="text">
  1585. {block:Title}<h2>{Title}</h2>{/block:Title}
  1586. {Body}
  1587. </div>
  1588. {/block:Regular}
  1589.  
  1590. {block:Answer}
  1591. <!-- Question posts -->
  1592. <div class="ask">
  1593. <div class="ask_info">
  1594. <div class="ask_portrait">
  1595. <img src="{AskerPortraitURL-64}" alt=""/>
  1596. </div>
  1597. <div class="ask_username">
  1598. A message from {Asker}
  1599. </div>
  1600. </div>
  1601. <div class="ask_question">
  1602. {Question}
  1603. </div>
  1604. </div>
  1605. {block:Answerer}
  1606. <div class="ask">
  1607. <div class="ask_info">
  1608. <div class="ask_portrait">
  1609. <img src="{AnswererPortraitURL-64}" alt=""/>
  1610. </div>
  1611. <div class="ask_username">
  1612. A reply from {Answerer}
  1613. </div>
  1614. </div>
  1615. <div class="ask_question">
  1616. {Answer}
  1617. </div>
  1618. </div>
  1619. {/block:Answerer}
  1620.  
  1621. {Replies}
  1622.  
  1623. {/block:Answer}
  1624.  
  1625.  
  1626. {block:Photo}
  1627. <!-- Photo posts -->
  1628. {block:ifNotEnablehighresolution}
  1629. <div class="photo">
  1630. {LinkOpenTag}
  1631. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1632. {LinkCloseTag}
  1633. {block:Caption}
  1634. <div class="caption">{Caption}</div>
  1635. {/block:Caption}
  1636. </div>
  1637. {/block:ifNotEnablehighresolution}
  1638. {block:ifEnablehighresolution}
  1639. <div class="photo_highres">
  1640. {LinkOpenTag}
  1641. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1642. {LinkCloseTag}
  1643. </div>
  1644. {block:Caption}
  1645. <div class="caption">
  1646. {Caption}
  1647. </div>
  1648. {/block:Caption}
  1649. {/block:ifEnablehighresolution}
  1650. {/block:Photo}
  1651.  
  1652. {block:Photoset}
  1653. <!-- Photoset posts -->
  1654. {block:ifNotEnablehighresolution}
  1655. {Photoset-500}
  1656. {/block:ifNotEnablehighresolution}
  1657. {block:ifEnablehighresolution}
  1658. {block:Photos}
  1659. <div class="photoset">
  1660. {LinkOpenTag}
  1661. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1662. {LinkCloseTag}
  1663. </div>
  1664. {/block:Photos}
  1665. {/block:ifEnablehighresolution}
  1666. {block:Caption}
  1667. <div class="caption">
  1668. {Caption}
  1669. </div>
  1670. {/block:Caption}
  1671. {/block:Photoset}
  1672.  
  1673. {block:Quote}
  1674. <!-- Upper part of quote posts. Part with quote source is further down the code -->
  1675. <div class="quote_quote">
  1676. "{Quote}"
  1677. </div>
  1678. {/block:Quote}
  1679.  
  1680. {block:Link}
  1681. <!-- Link posts -->
  1682. <div class="link">
  1683. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1684. {block:Description}
  1685. {Description}
  1686. {/block:Description}
  1687. </div>
  1688. {/block:Link}
  1689.  
  1690. {block:Conversation}
  1691. <!-- Chat posts -->
  1692. <div class="conversation">
  1693. {block:Title}<h2>{Title}</h2>{/block:Title}
  1694. <ul class="conversation_lines">
  1695. {block:Lines}
  1696. <li class="conversation_line">
  1697. {block:Label}<strong>{Label}</strong>{/block:Label}
  1698. {Line}
  1699. </li>
  1700. {/block:Lines}
  1701. </ul>
  1702. </div>
  1703. {/block:Conversation}
  1704.  
  1705. {block:Audio}
  1706.  
  1707. {block:AudioEmbed}
  1708. <!-- Spotify posts -->
  1709. {block:ifNotEnableHighResolution}
  1710. {AudioEmbed-500}
  1711. {/block:ifNotEnableHighResolution}
  1712. {block:ifEnableHighResolution}
  1713. {AudioEmbed-640}
  1714. {/block:ifEnableHighResolution}
  1715. {/block:AudioEmbed}
  1716.  
  1717. {block:AudioPlayer}
  1718. <!-- Soundcloud or uploaded audio -->
  1719. {block:ifDisplayAlbumArtInAudioPosts}
  1720. {block:AlbumArt}
  1721. <!-- Album art -->
  1722. <div class="audio_art">
  1723. <img src="{AlbumArtURL}" alt=""/>
  1724. </div>
  1725. {/block:AlbumArt}
  1726. {/block:ifDisplayAlbumArtInAudioPosts}
  1727. <!-- Audio controls and song info -->
  1728. <div class="audio_box {block:ifDisplayAlbumArtInAudioPosts}{block:AlbumArt}ifalbumart{/block:AlbumArt}{/block:ifDisplayAlbumArtInAudioPosts}">
  1729. <div class="audio_circleplayer">
  1730. {AudioPlayerGrey}
  1731. </div>
  1732. <div class="audio_info" {block:Artist}style="top:14px;"{/block:Artist}>
  1733. {block:TrackName}
  1734. <div class="audio_song">
  1735. {TrackName}
  1736. </div>
  1737. {/block:TrackName}
  1738. {block:Artist}
  1739. <div class="audio_artist">
  1740. {Artist}
  1741. </div>
  1742. {/block:Artist}
  1743. </div> <!-- End of class="audio_info" -->
  1744. </div> <!-- End of class="audio_box" -->
  1745. {/block:AudioPlayer}
  1746.  
  1747. {block:Caption}
  1748. <!-- Caption -->
  1749. <div class="caption">
  1750. {Caption}
  1751. </div>
  1752. {/block:Caption}
  1753.  
  1754. {/block:Audio}
  1755.  
  1756. {block:Video}
  1757. <!-- Video posts -->
  1758. <div class="video">
  1759. {block:ifNotEnablehighresolution}
  1760. {Video-500}
  1761. {/block:ifNotEnablehighresolution}
  1762. {block:ifEnablehighresolution}
  1763. <div class="video_highres">
  1764. {Video-500}
  1765. </div>
  1766. {/block:ifEnablehighresolution}
  1767. {block:Caption}
  1768. <div class="caption">{Caption}</div>
  1769. {/block:Caption}
  1770. </div>
  1771. {/block:Video}
  1772.  
  1773. </div> <!-- end of .white" -->
  1774.  
  1775.  
  1776. {block:Quote}{block:Source}
  1777. <!-- Lower part of quote posts. Part with the quote is above -->
  1778. <div class="quote_source basement">{Source}</div>
  1779. {/block:Source}{/block:Quote}
  1780.  
  1781.  
  1782. {block:HasTags}
  1783. {block:ifDisplayTags}
  1784. <!-- Bar with post tags -->
  1785. <div class="post_footer">
  1786. {block:Tags}
  1787. <a href="/tagged/{Tag}">#{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  1788. {/block:Tags}
  1789. </div>
  1790. {/block:ifDisplayTags}
  1791. {/block:HasTags}
  1792.  
  1793.  
  1794. {block:PermalinkPage}
  1795. {block:PostNotes}
  1796. <!-- Post notes on permalink pages -->
  1797. <div class="post_notes">{PostNotes}</div>
  1798. {/block:PostNotes}
  1799. {/block:PermalinkPage}
  1800.  
  1801. </div> <!-- end of .post -->
  1802. {/block:Posts}
  1803.  
  1804. {block:Pagination}
  1805. <!-- Page navigation -->
  1806. <div id="page_footer">
  1807. {block:PreviousPage}
  1808. <div id="previouspage">
  1809. <a href="{PreviousPage}">
  1810. &#171; {text:Phrase for navigating to newer pages}
  1811. </a>
  1812. </div>
  1813. {/block:PreviousPage}
  1814.  
  1815. <div class="page_pagination">
  1816. {block:IfDisplayPageNumbers}
  1817. {lang:CurrentPage of TotalPages}
  1818. {/block:IfDisplayPageNumbers}
  1819. </div>
  1820.  
  1821. {block:NextPage}
  1822. <div id="nextpage">
  1823. <a id="nextpagelink" href="{NextPage}">
  1824. {text:Phrase for navigating to older pages} &#187;
  1825. </a>
  1826. </div>
  1827. {/block:NextPage}
  1828. </div>
  1829. {/block:Pagination}
  1830.  
  1831. </div> <!-- end of class="content" -->
  1832. </div> <!-- end of class="wrap" -->
  1833.  
  1834. {block:ifEnableInfiniteScrolling}
  1835. {block:Pagination}
  1836. <script type="text/javascript">
  1837. $(document).ready(function() {
  1838. // Initiate infinite scroll
  1839. $("#content").infinitescroll({
  1840. // Navigation element to be hidden
  1841. navSelector: "#page_footer",
  1842.  
  1843. // Link that points to next page
  1844. nextSelector: "a#nextpagelink",
  1845.  
  1846. // Identifier of posts to retrieve
  1847. itemSelector: ".post",
  1848.  
  1849. bufferPx: 1000,
  1850. prefill: true,
  1851. pathParse: function() {
  1852. return ["http://{Host}/page/", ""]
  1853. },
  1854. loading: {
  1855. finishedMsg: "",
  1856. img: "http://static.tumblr.com/jhhfv1l/dztn2kxph/spinner.gif",
  1857. msgText: "",
  1858. },
  1859. state: {currPage: {CurrentPage}},
  1860. });
  1861. });
  1862. </script>
  1863. {/block:Pagination}
  1864. {/block:ifEnableInfiniteScrolling}
  1865.  
  1866.  
  1867. <div style="position:fixed; bottom:5px; right:2px; opacity:.6; font-size:9px;">
  1868. [<script language="JavaScript">
  1869. var ref = (''+document.referrer+'');
  1870. var w_h = window.screen.width + " x " + window.screen.height;
  1871. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3778095&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1872. </script> | <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2374209&name="></script>]
  1873. </div>
  1874.  
  1875.  
  1876.  
  1877. </body>
  1878. </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!