API tools faq
paste
Advertisement
becqerel

theme #2

becqerel
Jul 10th, 2013
2,640
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4.  
  5. THEME #2 (REVAMPED FROM MY OLD THEME #6)
  6. @ WGTHEMES.TUMBLR.COM / WEDNESGAY.TUMBLR.COM
  7.  
  8. >>> PLEASE DO NOT REMOVE THIS TEXT
  9.  
  10. --------------------------------------------------------
  11.  
  12. RULES:
  13.  
  14. -- You MAY:
  15. ► edit to your liking for YOUR PERSONAL USE
  16. ► change the colors and images and etc (of course)
  17.  
  18. -- You MAY NOT
  19. ► steal
  20. ► redistribute
  21. ► claim as your own
  22. ► take any part of the code
  23. ► use as a base
  24. ► remove the credit
  25. ► combine with other themes
  26.  
  27. You can find my themes blog at http://wgthemes.tumblr.com
  28.  
  29. >>> PLEASE DO NOT REMOVE THIS TEXT
  30.  
  31. --------------------------------------------------------
  32.  
  33. TOGGLE OPTIONS:
  34.  
  35. -- General
  36. ► Custom body font (choose from dropdown menu)
  37. ► Custom Google webfont (pick a font from http://www.google.com/fonts/
  38. and enter its name in the text field titled "Custom Google Font")
  39. *** THE FONT SIZES IN THIS THEME ARE BEST SUITED FOR THE FONT
  40. 'HOMEMADE APPLE'. THE THEME MAY LOOK WONKY WITH OTHER FONTS, IN
  41. WHICH CASE YOU MAY HAVE TO ADJUST THE LINE-HEIGHT AND FONT SIZE
  42.  
  43. -- Bar
  44. ► Aligned to bottom or top of page
  45. ► Icon (50x50 px)
  46. ► You have to have at least 3 custom links
  47.  
  48. -- Longbar
  49. ► Appears when you hover on icon
  50. ► Optional sidebar image (150px wide)
  51. ► Optional pretitle/subtitle (or both)
  52. ► Option to show blog title(s) before or after sidebar image
  53. ► Up to 7 more custom links
  54.  
  55. -- Posts
  56. ► 500/400px posts
  57. ► Show info on index page
  58. ► Show info on hover
  59. ► Show tags on index page
  60. ► Show tags on hover
  61. ► Show reblog and like Buttons
  62.  
  63. -- Pagination - choose between:
  64. ► Simple arrow pagination at the sides of the post container
  65. ► Jump pagination at top/bottom of screen (opposite the bar)
  66.  
  67. -- Misc
  68. ► Lazyload images
  69. ► Round/square theme credit link
  70. ► Back to top button
  71. ► Inverted tumblr controls
  72.  
  73. >>> YOU CAN REMOVE THIS TEXT IF YOU LIKE
  74.  
  75. --------------------------------------------------------
  76.  
  77. CREDITS:
  78.  
  79. ► Tooltip script: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  80. ► Scroll-to-top scrip: http://markgoodyear.com/2013/01/scrollup-jquery-plugin/
  81.  
  82. >>> PLEASE DO NOT REMOVE THIS TEXT
  83.  
  84. -->
  85.  
  86. <head>
  87.  
  88. <!-- colors -->
  89. <meta name="color:Background" content="#ebdeef" />
  90. <meta name="color:Font" content="#919191" />
  91. <meta name="color:Link" content="#9e008d" />
  92. <meta name="color:Link Hover" content="#bf7de5" />
  93. <meta name="color:Bar" content="#a754b3" />
  94. <meta name="color:Bar Links" content="#9e008d" />
  95. <meta name="color:Outline Border" content="#ffffff" />
  96. <meta name="color:Border" content="#ad88b6" />
  97. <meta name="color:Posts Container" content="#d4b5da" />
  98. <meta name="color:Posts Outer" content="#f6def4" />
  99. <meta name="color:Posts Inner" content="#ffffff" />
  100. <meta name="color:Selection Text" content="#ffffff" />
  101. <meta name="color:Scrollbar" content="#e1c1f6" />
  102. <meta name="color:Selection" content="#ffe190" />
  103. <meta name="color:Blockquote" content="#f6def4" />
  104.  
  105. <!-- images -->
  106. <meta name="image:Longbar" content="" />
  107. <meta name="image:Background" content="" />
  108. <meta name="image:Bar" content="" />
  109.  
  110. <!-- sub/pre title -->
  111. <meta name="text:Subtitle" content="" />
  112. <meta name="text:Pretitle" content="" />
  113.  
  114. <!-- links -->
  115. <meta name="text:Link01" content="" />
  116. <meta name="text:Link01 URL" content="" />
  117. <meta name="text:Link02" content="" />
  118. <meta name="text:Link02 URL" content="" />
  119. <meta name="text:Link03" content="" />
  120. <meta name="text:Link03 URL" content="" />
  121. <meta name="text:Link04" content="" />
  122. <meta name="text:Link04 URL" content="" />
  123. <meta name="text:Link05" content="" />
  124. <meta name="text:Link05 URL" content="" />
  125. <meta name="text:Link06" content="" />
  126. <meta name="text:Link06 URL" content="" />
  127. <meta name="text:Link07" content="" />
  128. <meta name="text:Link07 URL" content="" />
  129. <meta name="text:Link08" content="" />
  130. <meta name="text:Link08 URL" content="" />
  131. <meta name="text:Link09" content="" />
  132. <meta name="text:Link09 URL" content="" />
  133. <meta name="text:Link10" content="" />
  134. <meta name="text:Link10 URL" content="" />
  135.  
  136. <!-- options -->
  137. <meta name="if:500px Posts" content="0" />
  138. <meta name="if:400px Posts" content="1" />
  139. <meta name="if:Permalink Pagination" content="1" />
  140. <meta name="if:Top Aligned" content="0" />
  141. <meta name="if:Show Blogtitle" content="1" />
  142. <meta name="if:Blogtitle Before Longbar Image" content="1" />
  143. <meta name="if:Show Info on Index Page" content="1" />
  144. <meta name="if:Show Info on Hover" content="0" />
  145. <meta name="if:Show Tags on Index Page" content="1" />
  146. <meta name="if:Show Tags on Hover" content="0" />
  147. <meta name="if:Show Reblog And Like Buttons" content="1" />
  148. <meta name="if:Jump Pagination" content="0" />
  149. <meta name="if:Lazy Load" content="1" />
  150. <meta name="if:Inverted Tumblr Controls" content="1" />
  151. <meta name="if:Back to Top Button" content="1" />
  152. <meta name="if:Square Credit Link" content="0" />
  153.  
  154. <!-- Custom Font -->
  155. <meta name="if:Custom Body Font" content="0" />
  156. <meta name="font:Custom Body Font" content="Georgia" />
  157. <meta name="text:Custom Body Font Size" content="9" />
  158.  
  159. <meta name="text:Custom Google Font" content="Homemade Apple" />
  160.  
  161. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | #{Tag}{/block:TagPage}{block:DayPage} | {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage}</title>
  162. <link rel="shortcut icon" href="{Favicon}">
  163. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  164. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  165.  
  166. <!-- WEBFONTS -->
  167. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  168. {block:ifCustomGoogleFont}<link href='http://fonts.googleapis.com/css?family={text:Custom Google Font}' rel='stylesheet' type='text/css'>
  169.  
  170. <!-------- SCRIPTS -------->
  171. <!-- jquery (necessary) -->
  172. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
  173.  
  174. {block:ifBacktoTopButton}<!-- scroll to top script -->
  175. <script src="http://static.tumblr.com/wcpu05v/aBWmp3tpw/jquery.scrollup.min.js" type="text/javascript"></script>
  176. <script type="text/javascript">
  177. $(function () {
  178. $.scrollUp({
  179. scrollName: 'scrollUp', // Element ID
  180. topDistance: '800', // Distance from top before showing element (px)
  181. topSpeed: 500, // Speed back to top (ms)
  182. animation: 'fade', // Fade, slide, none
  183. animationInSpeed: 250, // Animation in speed (ms)
  184. animationOutSpeed: 250, // Animation out speed (ms)
  185. scrollText: 'scroll to top', // Text for element
  186. activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  187. });
  188. });
  189. </script>
  190. {/block:ifBacktoTopButton}
  191.  
  192. <!-- tooltip script -->
  193. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
  194. <script>
  195. $().ready(function() {
  196. $("[title]").style_my_tooltips({
  197. tip_follows_cursor: "on", //on/off
  198. tip_delay_time: 200 //milliseconds
  199. });
  200. });
  201. </script>
  202.  
  203. {block:ifLazyLoad}<!-- lazy load script -->
  204. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  205. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  206. <script type="text/javascript" charset="utf-8">
  207. var $j = jQuery.noConflict();
  208. $j(function() {
  209. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  210. $j(".post img").lazyload({
  211. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  212. effect: "fadeIn",
  213. });
  214. });
  215. </script>{/block:ifLazyLoad}
  216.  
  217. <style type="text/css">
  218.  
  219. body{
  220. background-color:{color:Background};
  221. color:{color:Font};
  222. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  223. {block:ifNotCustomBodyFont}font-family: Calibri, Helvetica, Helvetica Neue, Arial;{/block:ifNotCustomBodyFont}
  224. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  225. {block:ifCustomBodyFont}font-family:{font:Custom Body Font};{/block:ifCustomBodyFont}
  226. line-height:;
  227. background-image: url({image:Background});
  228. background-position: left top;
  229. background-attachment: fixed;
  230. background-repeat: repeat;
  231. }
  232.  
  233. a:link, a:visited, a:active{
  234. text-decoration:none;
  235. border-bottom: 1px solid transparent;
  236. padding-bottom: 3px;
  237. color:{color:Link};
  238. }
  239.  
  240. a:hover{
  241. padding-bottom: 0px;
  242. border-bottom: 1px solid {color:Link};
  243. color:{color:Link Hover};
  244. }
  245.  
  246. a:link, a:visited, a:active, a:hover{
  247. -webkit-transition: all 0.3s ease-in-out;
  248. -moz-transition: all 0.3s ease-in-out;
  249. -o-transition: all 0.3s ease-in-out;
  250. transition: all 0.3s ease-in-out;
  251. }
  252.  
  253.  
  254. ul, ol{ margin-left:-15px; font-weight:bold; }
  255. li{ font-weight:normal; position: relative; }
  256. li img{ position: relative; max-width:100%; }
  257.  
  258. pre{ word-wrap: break-word; }
  259.  
  260. p{ margin-top:0px; }
  261.  
  262. table{ {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont} {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont} }
  263.  
  264. *::before, *:hover::before{
  265. -webkit-transition: all 0.3s ease-in-out;
  266. -moz-transition: all 0.3s ease-in-out;
  267. -o-transition: all 0.3s ease-in-out;
  268. transition: all 0.3s ease-in-out;
  269. }
  270.  
  271. /* tooltip */
  272. #s-m-t-tooltip{
  273. position:absolute; z-index:90000000000000000; font-size:9px; text-transform: uppercase; font-family: consolas, monospace, courier, courier new; display:inline-block; padding: 3px 7px;
  274. max-width:350px; word-wrap: break-word; font-weight: normal; background-color:{color:Posts Inner}; border: 1px solid {color:Border}; color:{color:Link}; }
  275.  
  276. {block:ifBacktoTopButton}
  277. /* scroll up */
  278. #scrollUp { border-bottom: 0px solid; color: transparent; overflow: visible !important; bottom: 13px; right: 38px; width: 16px; height: 11px; padding: 0; z-index:1000; text-align: center; text-decoration: none; background-color: transparent; -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; }
  279.  
  280. #scrollUp::before{ content: ''; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; height: 0; width: 0;
  281. z-index: 3; border-bottom: 9px solid {color:Link}; }
  282.  
  283. #scrollUp::after{ content: ''; position: absolute; top: -1px; left: -2px; border-left: 8px solid transparent; border-right: 8px solid transparent;
  284. height: 0; width: 0; z-index: 2; border-bottom: 11px solid {color:Link}; }
  285.  
  286. #scrollUp:hover::before{ border-bottom: 9px solid {color:Outline Border}; }
  287. {/block:ifBacktoTopButton}
  288.  
  289. /* ---------------------- bar ---------------------- */
  290.  
  291. #bar{
  292. position: fixed;
  293. {block:if500pxPosts}width:850px; margin-left:-425px;{/block:if500pxPosts}
  294. {block:if400pxPosts}width:750px; margin-left:-375px;{/block:if400pxPosts}
  295. left:50%;
  296. padding: 0px 0px;
  297. z-index:10000;
  298. height:50px;
  299. {block:ifNotTopAligned}bottom:0px;{/block:ifNotTopAligned}
  300. {block:ifTopAligned}top:0px{/block:ifTopAligned}
  301. }
  302.  
  303. #barcontainer{
  304. position: absolute;
  305. width:100%;
  306. height:100%;
  307. z-index:10000;
  308. background-image: url({image:Bar});
  309. background-color:{color:Bar};
  310. {block:ifNotTopAligned}bottom:0px;{/block:ifNotTopAligned}
  311. {block:ifTopAligned}top:0px{/block:ifTopAligned}
  312. }
  313.  
  314. #barcontainer:before{
  315. content: '';
  316. left:0px;
  317. width:100%;
  318. position: absolute;
  319. height:10px;
  320. z-index:9;
  321. background-color:{color:Outline Border};
  322. border-top: 1px solid {color:Border};
  323. border-bottom: 1px solid {color:Border};
  324. {block:ifNotTopAligned}bottom:100%;{/block:ifNotTopAligned}
  325. {block:ifTopAligned}top:100%; {/block:ifTopAligned}
  326. }
  327.  
  328. #barcontainer:after{
  329. content: '';
  330. margin-bottom:1px;
  331. width:100%;
  332. position: absolute;
  333. height:10px;
  334. padding: 0px 1px;
  335. left:-1px;
  336. z-index:10;
  337. background-color:{color:Outline Border};
  338. {block:ifNotTopAligned}bottom:100%;{/block:ifNotTopAligned}
  339.  
  340. {block:ifTopAligned}top:100%; margin-top:1px;{/block:ifTopAligned}
  341. }
  342.  
  343. #icon{
  344. z-index:100;
  345. position: absolute;
  346. left:50%;
  347. margin-left:-36px;
  348. width:50px;
  349. height:50px;
  350. z-index:100000000; padding: 0px;
  351. background-color: {color:Outline Border};
  352. padding: 10px;
  353. border: 1px solid {color:Border};
  354. {block:ifNotTopAligned}bottom:100%; margin-bottom:-29px;{/block:ifNotTopAligned}
  355. {block:ifTopAligned}top:100%; margin-top:-31px;{/block:ifTopAligned}
  356. }
  357.  
  358. #icon::before, #icon::after{
  359. content: '';
  360. z-index:-1;
  361. position: absolute;
  362. height: 10px;
  363. top: 50%; margin-top: -4px;
  364. border-left: 1px solid {color:Outline Border};
  365. }
  366.  
  367. #icon::before{ left: -1px; }
  368. #icon::after{ right: -1px; }
  369.  
  370. #icon img{ width:50px; height:50px; }
  371.  
  372. #longbar{
  373. position: fixed;
  374. left:50%;
  375. opacity: 0;
  376. margin-left:-105px;
  377. width:190px;
  378. height:100%;
  379. z-index:1000;
  380. border: 10px solid {color:Outline Border};
  381. background-color:{color:Bar};
  382. background-image: url({image:Bar});
  383. {block:ifNotTopAligned}top:100%;{/block:ifNotTopAligned}
  384. {block:ifTopAligned}bottom:100%;{/block:ifTopAligned}
  385. }
  386.  
  387. #longbar:before{
  388. content: '';
  389. position: absolute;
  390. left:-1px;
  391. width:100%;
  392. height:100%;
  393. z-index:-100;
  394. border: 1px solid {color:Border};
  395. {block:ifNotTopAligned}top:-1px;{/block:ifNotTopAligned}
  396. {block:ifTopAligned}bottom: -1px{/block:ifTopAligned}
  397. }
  398.  
  399. #longbar:after{
  400. content: '';
  401. position: absolute;
  402. left:-11px;
  403. width:100%;
  404. height:100%;
  405. padding: 10px;
  406. z-index:-100;
  407. border: 1px solid {color:Border};
  408. {block:ifNotTopAligned}top:-11px;{/block:ifNotTopAligned}
  409. {block:ifTopAligned}bottom: -11px{/block:ifTopAligned}
  410. }
  411.  
  412. #icon:hover ~ #longbar, #icon~#longbar:hover, #bar.icon-hovered #longbar{
  413. opacity: 1;
  414. {block:ifNotTopAligned}top:0%; margin-top:-10px;{/block:ifNotTopAligned}
  415. {block:ifTopAligned}bottom:0%; margin-bottom:-10px;{/block:ifTopAligned}
  416. }
  417.  
  418. #bar #longbar, #longbar #inner{
  419. -webkit-transition: all 1.3s ease-in-out;
  420. -moz-transition: all 1.3s ease-in-out;
  421. -o-transition: all 1.3s ease-in-out;
  422. transition: all 1.3s ease-in-out;
  423. }
  424.  
  425. .longbarbordercover{ width: 210px; position: absolute; left:50%; margin-left:-105px; z-index:10000; opacity:0; height: 1px;
  426. {block:ifNotTopAligned}bottom:100%; margin-bottom: 11px; {/block:ifNotTopAligned} {block:ifTopAligned}bottom:0%; margin-bottom: -11px; {/block:ifTopAligned} }
  427. .longbarbordercover:before, .longbarbordercover:after{
  428. content: '';
  429. width:9px;
  430. height:1px;;
  431. position: absolute;
  432. top:0px;
  433. background-color:{color:Outline Border};
  434. }
  435. .longbarbordercover:before { left:0px; }
  436. .longbarbordercover:after { right:0px; }
  437.  
  438. #icon:hover ~ .longbarbordercover, #longbar:hover ~ .longbarbordercover, #bar.icon-hovered .longbarbordercover{ opacity: 1; }
  439.  
  440. #bar .longbarbordercover {
  441. -webkit-transition: all 0.5s ease-in-out;
  442. -moz-transition: all 0.5s ease-in-out;
  443. -o-transition: all 0.5s ease-in-out;
  444. transition: all 0.5s ease-in-out;
  445. }
  446.  
  447.  
  448. #longbar #inner{
  449. position: absolute;
  450. padding: 10px;
  451. opacity: 0;
  452. height:100%;
  453. -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
  454. {block:ifNotTopAligned}top: 0px;{/block:ifNotTopAligned} {block:ifTopAligned}bottom: 0px; margin-bottom:-100px!important;{/block:ifTopAligned}
  455. }
  456.  
  457. #icon:hover ~ #longbar #inner, #longbar:hover #inner, #bar.icon-hovered #longbar #inner{
  458. -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
  459. opacity:1;
  460. }
  461.  
  462. .simg, .stext{
  463. padding: 10px;
  464. margin: 10px 0px;;
  465. display: block;
  466. width:150px;
  467. text-align: justify;
  468. position: relative;
  469. background-color:{color:Posts Inner};
  470. border: 1px solid {color:Border};
  471. }
  472.  
  473. .simg{ {block:ifNotLongbarImage}display:none;{/block:ifNotLongbarImage} }
  474.  
  475. .stext{ padding: 10px 10px 5px 10px; }
  476. .simg img{ width:150px; display: block; }
  477. .blogtitle { position: relative;width: 160px; margin: 10px 0px;; display: block; text-align: center; border: 0px solid; padding: 5px; background-color: transparent; color: {color:Outline Border}; text-shadow: 2px 2px 0px {color:Link}; }
  478. .bigtitle{ font-family: 'Homemade Apple', georgia, times new roman;
  479. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  480. font-size:18px; line-height:100%;}
  481. .subtitle{ font-family: consolas, monospace, courier, courier new; font-size:9px; text-transform: uppercase; line-height:90%; }
  482.  
  483. /* ---------------------- links ---------------------- */
  484.  
  485. #mainlinks{
  486. position: absolute;
  487. width:100%;
  488. height:100%;
  489. z-index:100000;
  490. table-layout: fixed;
  491. -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  492. padding: 0px 5px;
  493. }
  494.  
  495. #mainlinks td{
  496. height:100%;
  497. text-align: center;
  498. padding: 0px 5px;
  499. }
  500.  
  501. #mainlinks .icon-spacer{ width: 70px; }
  502.  
  503. #mainlinks a{
  504. font-size:9px;
  505. display: block;
  506. text-align: center;
  507. text-transform: uppercase;
  508. padding: 9px;
  509. font-family: consolas, monospace, courier, courier new;
  510. text-shadow: 2px 2px 0px transparent;
  511. border: 1px solid {color:Border};
  512. background-color: {color:Outline Border};
  513. color:{color:Bar Links};
  514. }
  515.  
  516. #mainlinks a:hover, #extralinks a:hover{
  517. background-color: transparent;
  518. border: 1px solid transparent;
  519. color:{color:Outline Border};
  520. text-shadow: 2px 2px 0px {color:Bar Links};
  521. }
  522.  
  523. #mainlinks a, #mainlinks a:hover, #extralinks a, #extralinks a:hover{
  524. -webkit-transition: all 0.5s ease-in-out;
  525. -moz-transition: all 0.5s ease-in-out;
  526. -o-transition: all 0.5s ease-in-out;
  527. transition: all 0.5s ease-in-out;
  528. }
  529.  
  530. #extralinks{
  531. position: relative;
  532. width:170px;
  533. display: block;
  534. margin-top:-2px;
  535. text-align: center;
  536. }
  537.  
  538. #extralinks a{
  539. font-size:9px;
  540. display: inline-block;
  541. margin: 2px;
  542. text-align: center;
  543. text-transform: uppercase;
  544. padding: 2px 5px;
  545. font-family: consolas, monospace, courier, courier new;
  546. text-shadow: 2px 2px 0px transparent;
  547. border: 1px solid {color:Border};
  548. background-color: {color:Outline Border};
  549. color:{color:Bar Links};
  550. }
  551.  
  552. /* ---------------------- PAGINATION SECTION ---------------------- */
  553.  
  554. {block:ifNotJumpPagination}.pag{
  555. position: absolute;
  556. top:45%;
  557. margin-top:10px;
  558. font-size:100px;
  559. z-index:100;
  560. line-height:50%;
  561. padding: 0px!important; border-bottom: 0px solid!important;
  562. color:{color:Border}!important;
  563. }
  564.  
  565. .pag:hover{ color:{color:Link}!important; }
  566.  
  567. .prev{ right: 100%; margin-right: -15px; text-shadow: 3px 3px 0px {color:Outline Border}; }
  568. .next{ left: 100%; margin-left: -15px; text-shadow: -3px 3px 0px {color:Outline Border};}
  569. {/block:ifNotJumpPagination}
  570.  
  571. {block:ifJumpPagination}
  572.  
  573. .pag{
  574. position: fixed;
  575. left: 50%;
  576. z-index: 200;
  577. text-align: center; padding: 10px 0px;
  578. display: block;
  579. font-family: consolas, monospace, courier; text-transform: uppercase;
  580. background-color: {color:Posts Container};
  581. {block:if500pxPosts}width:640px; margin-left: -320px !important; {/block:if500pxPosts}
  582. {block:if400pxPosts}width:540px; margin-left: -270px !important; {/block:if400pxPosts}
  583. {block:ifNotTopAligned}top: 0px;{/block:ifNotTopAligned}
  584. {block:ifTopAligned}bottom: 0px;{/block:ifTopAligned}
  585. }
  586.  
  587. .pag a{ padding: 3px 6px; margin: 0px 4px !important; border: 0px solid;
  588. background-color: {color:Posts Inner};
  589. color: {color:Link};
  590. }
  591.  
  592. .pag a, .pag span{ display: inline-block; }
  593.  
  594. .pag .current_page{ padding: 3px 6px; margin: 0px 4px;
  595. background-color: {color:Link};
  596. color: {color:Posts Inner};
  597. }
  598.  
  599. .pag a.next{ margin-right: 0px !important; }
  600. .pag a.prev{ margin-left: 0px !important;; }
  601.  
  602.  
  603. .pag a{ text-align: center; display: inline-block; }
  604.  
  605. .pag a:hover{ background-color: transparent; text-shadow: 2px 2px 0px {color:Posts Inner} }
  606.  
  607. .pag.daypag a{ min-width: 100px; }
  608.  
  609. {/block:ifJumpPagination}
  610.  
  611. /* ---------- INFO ---------- */
  612.  
  613. .info{
  614. position: absolute;
  615. bottom:100%;
  616. width:100%;
  617. left:0px;
  618. text-align: center;
  619. text-transform: uppercase;
  620. padding-bottom: 5px;
  621. font-size:9px;
  622. {block:ifNotShowInfoOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowInfoOnIndexPage}
  623. {block:ifShowInfoOnHover}{block:IndexPage}opacity: 0;
  624. /*margin-bottom:10px;*/{/block:IndexPage}{/block:ifShowInfoOnHover}
  625. font-family: consolas, monospace, courier, courier new;
  626. }
  627.  
  628. .info a, .info div.like_button{
  629. display: inline-block;
  630. padding: 2px 5px;
  631. margin: 0px 3px;
  632. border-bottom: 0px solid;
  633. color:{color:Link};
  634. background-color:{color:Posts Inner};
  635. }
  636.  
  637. .info a:hover, .info div.like_button:hover::before .tagging a:hover{
  638. background-color: transparent;
  639. text-shadow: 2px 2px 0px {color:Posts Inner}
  640. }
  641.  
  642. .info a.symbols{
  643. width:12px; padding: 3px 5px 1px 5px;
  644. }
  645.  
  646. {block:ifShowInfoOnHover}{block:IndexPage} .post:hover .info{
  647. opacity: 1;
  648. margin-bottom:00px;
  649. }{/block:IndexPage}{/block:ifShowInfoOnHover}
  650.  
  651. .info, .post:hover .info, .tagging, .post:hover .tagging{
  652. -webkit-transition: all 0.5s ease-in-out, -webkit-transform 0.5s ease, opacity 0.3s ease;
  653. -moz-transition: all 0.5s ease-in-out, -moz-transform 0.5s ease, opacity 0.3s ease;
  654. -o-transition: all 0.5s ease-in-out, -o-transform 0.5s ease, opacity 0.3s ease;
  655. -ms-transition: all 0.5s ease-in-out, -ms-transform 0.5s ease, opacity 0.3s ease;
  656. transition: all 0.5s ease-in-out, transform 0.5s ease, opacity 0.3s ease;
  657. }
  658.  
  659. .qb{
  660. {block:ifNotShowReblogAndLikeButtons}display: none!important;{/block:ifNotShowReblogAndLikeButtons}
  661. }
  662.  
  663. .info div.like_button{ display: inline-block; min-height: 10px; text-align: center; position: relative; padding: 2px 4px 2px 4px; margin: 2px; cursor: pointer; background-color: {color:Posts}; }
  664. .info div.like_button iframe{ position: relative; top: 0px; height: 8px; width: 10px; opacity: 0 !important;;}
  665.  
  666. .info div.like_button, .info.rb div.like_button:hover{ -webkit-transition: all 0.3s ease-in-out;
  667. -moz-transition: all 0.3s ease-in-out;
  668. -o-transition: all 0.3s ease-in-out;
  669. transition: all 0.3s ease-in-out; }
  670.  
  671. .info div.like_button:hover{ background-color: transparent; }
  672. .info div.like_button:hover:before{ color: red; }
  673.  
  674. .info div.like_button.liked{ background-color: red !important; }
  675. .info div.like_button.liked::before{ color: white !important; }
  676.  
  677. .info div.like_button::before{
  678. content: '♥'; position: absolute; top: 50%; margin-top: -30%; left: 50%; margin-left: -20%; font-family: calibri; color: {color:Link}; }
  679.  
  680. .info span div.like_button *{ cursor: pointer !important; }
  681.  
  682. /* ---------------------- TAGS SECTION ---------------------- */
  683.  
  684. .tagging{
  685. position: relative;
  686. width:100%;
  687. margin-bottom:-15px;
  688. left:0px;
  689. text-align: center;
  690. text-transform: uppercase;
  691. padding-top: 3px;
  692. font-size:9px;
  693. word-wrap: break-word;
  694. {block:ifNotShowTagsOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTagsOnIndexPage}
  695. {block:ifShowTagsOnHover}{block:IndexPage}opacity: 0;
  696. /* margin-top:10px; */ margin-bottom:-20px;
  697. {/block:IndexPage}{/block:ifShowTagsOnHover}
  698. font-family: consolas, monospace, courier, courier new;
  699. }
  700.  
  701. .tagging a{
  702. display: inline-block;
  703. padding: 2px 5px;
  704. margin: 3px 3px;
  705. word-wrap: break-word;
  706. border-bottom: 0px solid;
  707. color:{color:Link};
  708. background-color:{color:Posts Inner};
  709. }
  710.  
  711. {block:ifShowTagsOnHover}{block:IndexPage}.post:hover .tagging{
  712. opacity: 1;
  713. margin-top: 0px;
  714.  
  715. }{/block:IndexPage}{/block:ifShowTagsOnHover}
  716.  
  717. {block:IndexPage}
  718.  
  719. {block:ifShowInfoOnHover}
  720. .info{ -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  721. .post:hover .info { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
  722. }
  723. {/block:ifShowInfoOnHover}
  724.  
  725. {block:ifShowTagsOnHover}
  726. .tagging{ -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
  727. .post:hover .tagging { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
  728. }
  729. {/block:ifShowTagsOnHover}
  730.  
  731. {/block:IndexPage}
  732.  
  733. /* ---------------------- symbols ---------------------- */
  734.  
  735. @font-face{
  736. font-family: WebSymbolsRegular;
  737. src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot') format('eot');
  738. src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
  739. url('http://static.tumblr.com/7w3ddo1/6KLm6yavz/websymbols-regular-webfont.svg') format('svg'),
  740. url('http://static.tumblr.com/7w3ddo1/UJmm7mst2/websymbols-regular-webfont.woff') format('woff'),
  741. url('http://static.tumblr.com/7w3ddo1/pTdm8k42c/websymbols-regular-webfont.ttf') format('truetype');
  742. url('http://static.tumblr.com/7w3ddo1/GDFm8k40o/websymbols-regular.otf') format('opentype');
  743. }
  744.  
  745. .symbols{
  746. font-family: WebSymbolsRegular!important;
  747. text-transform: none;
  748. font-style: normal;
  749. }
  750.  
  751. /* -------------------- outline -------------------- */
  752.  
  753. #outline{
  754. position: fixed;
  755. height:100%;
  756. top:0px;
  757. left:50%;
  758. {block:if500pxPosts}width:850px; margin-left:-425px; {/block:if500pxPosts}
  759. {block:if400pxPosts}width:750px; margin-left:-375px; {/block:if400pxPosts}
  760. z-index:100;
  761. background-color:{color:Posts Container};
  762.  
  763. }
  764.  
  765. #outline:before, #outline:after{
  766. content: '';
  767. position: absolute;
  768. height:100%;
  769. top:0px;
  770. width:10px;
  771. background-color:{color:Outline Border};
  772. border-left: 1px solid {color:Border};
  773. border-right: 1px solid {color:Border};
  774. }
  775.  
  776. #outline:before{ right:100%; }
  777. #outline:after{ left:100%; }
  778.  
  779.  
  780. /* -------------------- POSTS -------------------- */
  781.  
  782. #main{
  783. position:absolute;
  784. {block:if500pxPosts}width:640px; margin-left:-320px; {/block:if500pxPosts}
  785. {block:if400pxPosts}width:540px; margin-left:-270px; {/block:if400pxPosts}
  786. left:50%;
  787. top:0px;
  788. padding: 60px 0px 100px 00px;
  789. z-index:150;
  790. {block:ifTopAligned}padding: 140px 0px 00px 00px;{/block:ifTopAligned}
  791. }
  792.  
  793. .post{
  794. position: relative;
  795. margin-bottom:60px;
  796. z-index:100;
  797. padding:60px;
  798. width:420px;
  799. {block:if500pxPosts}width:520px; {/block:if500pxPosts}
  800. {block:if400pxPosts}width:420px; {/block:if400pxPosts}
  801. background-color:{color:Posts Outer};
  802. }
  803.  
  804. .content{
  805. position: relative;
  806. z-index:150!important;
  807. padding:10px;
  808. {block:if500pxPosts}width:500px; {/block:if500pxPosts}
  809. {block:if400pxPosts}width:400px; {/block:if400pxPosts}
  810. background-color:{color:Posts Inner};
  811. }
  812.  
  813. .content img{
  814. {block:if500pxPosts}max-width:500px; {/block:if500pxPosts}
  815. {block:if400pxPosts}max-width:400px; {/block:if400pxPosts}
  816. }
  817.  
  818. .pbody p:last-child{
  819. margin-bottom:2px;
  820. }
  821.  
  822. .caption{
  823. margin-top:10px;
  824. }
  825.  
  826. .toptitle{
  827. font-family: 'Homemade Apple', georgia, times new roman;
  828. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  829. font-size:23px;
  830. text-align:center;
  831. padding: 0px 5px;
  832. margin-bottom:60px;
  833. letter-spacing: 2px;
  834. border-bottom:2px solid {color:Outline Border};
  835. }
  836.  
  837. .toptitle a{ padding: 0px; border-bottom: 0px solid; }
  838.  
  839. /* -------------------- TITLES -------------------- */
  840.  
  841. .titlebox{
  842. padding: 0px 0px;
  843. }
  844.  
  845. .titlebox table{
  846. width:100%;
  847. height:100%;
  848. }
  849.  
  850. .titlebox td{
  851. padding: 15px 10px;
  852. }
  853.  
  854. .titlebox .side{
  855. width:35px;
  856. color:{color:Outline Border};
  857. text-align:center;
  858. font-size:20px;
  859. padding-top: 7px; padding-bottom: 5px;
  860. padding-right:10px;
  861. padding-left: 10px;
  862. background-color:{color:Bar};
  863. background-image: url({image:Bar});
  864. text-shadow: 2px 2px 0px {color:Link};
  865. }
  866.  
  867. .titlebox .name{
  868. font-family: 'Homemade Apple', georgia, times new roman;
  869. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  870. color:{color:Font};
  871. padding-right: 15px;
  872. padding-left:15px;
  873. padding-top: 20px;
  874. position: relative;
  875. border: 1px dotted {color:Border};
  876. border-left: 0px solid;
  877. }
  878.  
  879. .linkbox .name, .chatbox .name, .textbox .name{
  880. line-height:120%;
  881. font-size:20px;
  882. }
  883.  
  884. /* -------------------- ASK POSTS -------------------- */
  885. .questionbox{
  886. }
  887.  
  888.  
  889. .questionbox .asking{
  890. font-family: 'Homemade Apple', georgia, times new roman;
  891. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  892. text-transform:lowercase;
  893. font-size:14px;
  894. line-height:110%;
  895. margin-top:-3px;
  896. }
  897.  
  898. .questionbox .asking a{ padding: 0px; border-bottom: 0px solid; }
  899.  
  900. .questionbox .side{
  901. text-align:center!important;
  902. }
  903.  
  904. .questionbox .name{
  905. letter-spacing:1px;
  906. padding-top: 15px;
  907. padding-bottom:10px;
  908. font-family: Calibri, Helvetica, Helvetica Neue, Arial;
  909. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  910. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  911. font-style: normal!important;
  912. font-weight: normal;
  913. position: relative;
  914. }
  915.  
  916. .questionbox .aimg{
  917. position:relative;
  918. display: inline-block;
  919. width:35px;
  920. height:35px;
  921. text-align: center;
  922. padding: 1px;
  923. margin-top:2px;
  924. -webkit-border-radius: 500px 500px 500px 500px;
  925. border-radius: 500px 500px 500px 500px;
  926. background-color: {color:Outline Border};
  927. -webkit-box-shadow: 2px 2px 0px {color:Link};
  928. box-shadow: 2px 2px 0px {color:Link};
  929. }
  930.  
  931. .questionbox .aimg img{
  932. width:35px;
  933. position: relative; display: block;
  934. top:0px;
  935. -webkit-border-radius: 500px 500px 500px 500px;
  936. border-radius: 500px 500px 500px 500px;
  937. }
  938.  
  939. .titlebox .side, #icon img, .simg img, .aimg img, .b4notes{
  940. -moz-user-select: none;
  941. -webkit-user-select: none;
  942. /* this will work for QtWebKit in future */
  943. -webkit-user-drag: none;
  944. }
  945.  
  946. /* -------------------- AUDIO POSTS -------------------- */
  947. .audio{
  948. width:100%;
  949. }
  950.  
  951. .artwork{
  952. width:125px;
  953. height:125px;
  954. padding:10px;
  955. position: relative;
  956. background-color:{color:Bar};
  957. background-image: url({image:Bar});
  958. }
  959.  
  960. .artwork img{
  961. width:123px; display: block;
  962. border: 1px solid {color:Outline Border};
  963. -webkit-box-shadow: 2px 2px 0px {color:Link};
  964. box-shadow: 2px 2px 0px {color:Link};
  965. }
  966.  
  967. .audioinfo{
  968. padding: 10px;
  969. height:125px;
  970. top:10px;
  971. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  972. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  973. text-align: center;
  974. border: 1px dotted {color:Border};
  975. border-left: 0px solid;
  976. }
  977.  
  978. .trackname{
  979. text-align: center;
  980. font-family: 'Homemade Apple', georgia, times new roman;
  981. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  982. font-size: 20px!important;
  983. color:{color:Link};
  984. }
  985.  
  986. .artist_album{
  987. }
  988.  
  989. .artist_album b{
  990. font-style: italic;
  991. font-weight: bold;
  992. color: {color:Link};
  993. margin: 0px 1px;
  994. }
  995.  
  996. .apcontainer{
  997. position: absolute;
  998. top:50%;
  999. margin-top:-30px;
  1000. left:50%;
  1001. margin-left:-30px;
  1002. width:60px;
  1003. height: 60px;
  1004. background-color: #ffffff;
  1005. -webkit-border-radius: 100%;
  1006. box-radius: 100%;
  1007. z-index:5;
  1008. opacity:0.9;
  1009. }
  1010.  
  1011. .artwork:hover .apcontainer{
  1012. opacity:0.6;
  1013. width:125px;
  1014. height:125px;
  1015. margin-top:10px;
  1016. margin-left:10px;
  1017. top:0%;
  1018. left:0%;
  1019. -webkit-border-radius: 0%;
  1020. box-radius: 0%;
  1021. }
  1022.  
  1023. .apcontainer{
  1024. -webkit-transition: all 0.3s ease-in-out;
  1025. -moz-transition: all 0.3s ease-in-out;
  1026. -o-transition: all 0.3s ease-in-out;
  1027. transition: all 0.3s ease-in-out;
  1028. }
  1029.  
  1030. .ap{
  1031. width:20px;
  1032. height:30px;
  1033. overflow:hidden;
  1034. margin: auto;
  1035. top:50%;
  1036. margin-top:-13px;
  1037. left:50%;
  1038. margin-left:-13px;
  1039. position: relative;
  1040. z-index:6;
  1041. }
  1042.  
  1043. /* -------------------- QUOTE POSTS -------------------- */
  1044.  
  1045. .quotebox{
  1046. }
  1047.  
  1048. .quotebox .side{
  1049. font-size:60px;
  1050. font-family:Georgia;
  1051. line-height:25px;
  1052. }
  1053.  
  1054. .quotebox .side p{
  1055. margin-top:25px;
  1056. margin-bottom:-5px;
  1057. }
  1058.  
  1059. .short_quote, .medium_quote, .long_quote{
  1060. font-family: 'Homemade Apple', georgia, times new roman;
  1061. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  1062. color:{color:Font};
  1063. margin-bottom:5px;
  1064. letter-spacing: 0px;
  1065. }
  1066.  
  1067. .short_quote{
  1068. font-size:20px;
  1069. line-height:130%;
  1070. }
  1071.  
  1072. .medium_quote{
  1073. font-size:17px;
  1074. line-height:130%;
  1075. }
  1076.  
  1077. .long_quote{
  1078. font-size:14px;
  1079. line-height:100%;
  1080. font-style: italic;
  1081. font-family: georgia, cambria, times new roman;
  1082. }
  1083.  
  1084.  
  1085. .source{
  1086. margin-top:10px;
  1087. /* font-weight:bold;
  1088. text-align:right; */
  1089. position:relative;
  1090. margin-bottom: 5px;
  1091. }
  1092.  
  1093.  
  1094. /* -------------------- CHAT POSTS -------------------- */
  1095.  
  1096. .chatpost table{
  1097. width:100%;
  1098. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  1099. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  1100. padding: 0px 5px;
  1101. padding-bottom:10px;
  1102. }
  1103.  
  1104. .chatpost .lines{
  1105. display: inline-block;
  1106. width:100%;
  1107. border-bottom: 1px dotted {color:Border};
  1108. }
  1109.  
  1110. .chatpost .lines td{
  1111. padding: 6px 10px;
  1112. }
  1113.  
  1114. .chatpost .lines .label{
  1115. width:50px;
  1116. letter-spacing:1px;
  1117. font-weight: bold;
  1118. text-align: right!important;;
  1119. border-right: 1px dotted {color:Border};
  1120. }
  1121.  
  1122. .user_1{ color:{color:Link}; }
  1123. .user_2{ color:{color:Font}; }
  1124. .user_3{ color:{color:Link Hover}; }
  1125. .user_4{ color:{color:Scrollbar}; }
  1126. .user_5{ color:{color:Selection}; }
  1127.  
  1128. .chatpost .lines:last-child{
  1129.  
  1130. border-bottom: 0px;
  1131. }
  1132.  
  1133. /* ---------------------- POST NOTES ---------------------- */
  1134.  
  1135. .b4notes{
  1136. position: relative;
  1137. text-align: center;
  1138. display: block;
  1139. font-family: georgia, times new roman;
  1140. font-size: 2000%;
  1141. color: {color:Posts Inner};
  1142. line-height:20px;
  1143. margin-bottom:85px;
  1144. margin-top:-90px;
  1145. text-shadow: 2px 2px 2px {color:Link};
  1146. }
  1147.  
  1148. #notes{
  1149. display: block;
  1150. position: relative;
  1151. {block:if500pxPosts}width:520px;{/block:if500pxPosts}
  1152. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  1153. margin: 0px auto 20px auto;
  1154. }
  1155.  
  1156. .notes{
  1157. margin-left:0px!important;
  1158. list-style: none;
  1159. padding: 0px!important;
  1160. }
  1161.  
  1162. .notes .avatar_frame{
  1163. position: absolute;
  1164. top: 0; left: 0;
  1165. height: 100%;
  1166. width: 35px;
  1167. border-bottom: 0px solid !important; padding-bottom: 0px !important;
  1168. }
  1169.  
  1170. .notes .avatar_frame:before{
  1171. content: '';
  1172. position: absolute;
  1173. right:-2px;
  1174. height:100%;
  1175. width: 1;
  1176. border-right: 3px solid {color:Posts Outer};
  1177. }
  1178.  
  1179. .notes .avatar{
  1180. height:20px;
  1181. position: absolute;
  1182. left:5px;
  1183. top: 50%; margin-top: -10px;
  1184. }
  1185.  
  1186. .notes li{
  1187. position: relative;
  1188. display: block;
  1189. padding: 8px 25px 8px 45px;
  1190. margin: 6px 0px;
  1191. min-height: 10px;
  1192. background-color: {color:Posts Inner};
  1193. border: 5px solid {color:Posts Inner};
  1194. }
  1195.  
  1196. .notes li::before{
  1197. position: absolute; right: 0px; width: 25px; text-align: center;
  1198. top: 50%; margin-top: -5px;
  1199. opacity: 0.5;
  1200. text-transform: normal;
  1201. }
  1202.  
  1203. .notes li.reblog::before{
  1204. content: 'J';
  1205. font-family: WebSymbolsRegular!important;
  1206. color: #94d408;
  1207. }
  1208.  
  1209. .notes li.like::before{
  1210. content: '♥'; color: red; margin-top: -6px; font-family: Calibri;
  1211. }
  1212.  
  1213. .notes li.reply::before, .notes li.answer::before{
  1214. content: 'd';
  1215. color: lightblue;
  1216. font-family: WebSymbolsRegular!important;
  1217. margin-top: -5px; opacity: 0.7;
  1218. }
  1219.  
  1220. .notes .action a{
  1221. font-weight: bold;
  1222. }
  1223.  
  1224. .notes li .clear{ display: none !important; }
  1225.  
  1226. .notes blockquote, .notes .answer_content{
  1227. margin: 0!important; padding: 0!important; border: 0px solid!important;
  1228. position: relative;
  1229. display: inline!important;
  1230. background-color: transparent!important;
  1231. }
  1232.  
  1233. .notes blockquote a{ color: {color:Font}; padding: 0px !important; margin: 0px !important; border-bottom: 0px solid !important; }
  1234.  
  1235. .notes blockquote::before, .notes .answer_content::before{ width: 0; padding: 0; border: 0; position: relative; margin: 0; top: 0; left: 0; margin-left: 5px !important;}
  1236. .notes blockquote::after, .notes .answer_content::after, .notes blockquote::before, .notes .answer_content::before{ content: '"' !important }
  1237.  
  1238. .notes .more_notes_link_container{ padding: 0px; font-weight: normal; font-family: consolas, monospace, courier; text-transform: uppercase;; }
  1239. .notes .more_notes_link{ display: block; padding: 5px 10px; border-bottom: 0px solid; }
  1240.  
  1241. .notes .more_notes_link:hover{ background-color: {color:Link}; color: {color:Posts Inner}; }
  1242.  
  1243. /* ---------------------- headings/page stuff ---------------------- */
  1244.  
  1245.  
  1246. /* ---------------------- MISC SECTION ---------------------- */
  1247.  
  1248. ::selection, ::-webkit-selection, ::-moz-selection{
  1249. background-color: {color:Selection};
  1250. color: {color:Selection Text};
  1251. text-shadow: none!important;
  1252. }
  1253.  
  1254. ::-webkit-scrollbar{
  1255. height: 11px;
  1256. width: 11px;
  1257. }
  1258.  
  1259. ::-webkit-scrollbar-thumb{
  1260. background-color:{color:Scrollbar};
  1261. border-left: 1px solid {color:Border};
  1262. border-right: 1px solid {color:Border};
  1263. }
  1264.  
  1265. ::-webkit-scrollbar-track{
  1266. background-color: {color:Posts Inner};
  1267. border-left: 1px solid {color:Border};
  1268. border-right: 1px solid {color:Border};
  1269. }
  1270.  
  1271. .contentsrc{
  1272. display: none;
  1273. }
  1274.  
  1275. #cred{
  1276. position: fixed; right: 10px; bottom: 10px;
  1277. background-color: {color:Link}; color: {color:Outline Border};
  1278. text-transform: uppercase;
  1279. border: 1px solid {color:Link};
  1280. padding: 5px 4px;
  1281. font-size: 9px;
  1282. text-align: center;
  1283. font-family: consolas, monospace, courier, courier new, monospace, courier;
  1284. height: 10px; width: 12px;
  1285. {block:ifNotSquareCreditLink}-webkit-border-radius: 100px;
  1286. border-radius: 100px;{/block:ifNotSquareCreditLink}
  1287. z-index: 10000;
  1288. }
  1289.  
  1290. #cred span{ display: inline-block; width: 1px; }
  1291.  
  1292. #cred:hover{ background-color: {color:Outline Border}; color: {color:Link}; }
  1293.  
  1294.  
  1295. /* ---------------------- BLOCKQUOTES ---------------------- */
  1296.  
  1297. blockquote{ margin: 0px 10px 10px 10px; display: block;
  1298. position: relative; border: 5px solid {color:Blockquote}; background-color:{color:Blockquote}; }
  1299.  
  1300. blockquote img{ max-width: 100%!important; }
  1301.  
  1302. blockquote:before{ content: ''; position: absolute; height:100%; padding: 5px 0px; top:-5px; left:-8px; border-left: 3px solid {color:Border};; z-index:1;}
  1303.  
  1304. blockquote p:last-child { margin-bottom: 0px!important; }
  1305.  
  1306. /* really dumb blockquote code
  1307. super long b/c it makes sure blockquotes alternate color up to 15 blockquotes
  1308. lbr if i ever have any more than 15 blockquotes in a post just shoot me in the face
  1309. */
  1310. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{ margin-bottom: 10px!important; background-color:{color:Posts Inner}!important; border: 5px solid {color:Posts Inner}; }
  1311.  
  1312. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{ background-color:{color:Blockquote}!important; border: 5px solid {color:Blockquote}; }
  1313.  
  1314. /* ---------------------- TUMBLR CONTROLS ---------------------- */
  1315. #tumblr_controls {
  1316. top: 5px !important;
  1317. right: 5px !important;
  1318. position: fixed !important;
  1319. {block:ifInvertedTumblrControls}-moz-filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1); filter: invert(1);{/block:ifInvertedTumblrControls}
  1320. }
  1321.  
  1322. /* ---------------------- CUSTOM CSS ---------------------- */
  1323. {CustomCSS}
  1324.  
  1325.  
  1326. </style>
  1327.  
  1328. </head>
  1329.  
  1330. <body>
  1331.  
  1332. <a id="cred" href="http://wgthemes.tumblr.com">w<span></span>g</a>
  1333.  
  1334. <div id="outline">
  1335.  
  1336. {block:ifNotJumpPagination}
  1337. {block:Pagination}
  1338. {block:PreviousPage}<a href="{PreviousPage}" title="previous page" class="pag prev">«</a>{/block:PreviousPage}
  1339. {block:NextPage}<a href="{NextPage}" title="next page" class="pag next">»</a>{/block:NextPage}
  1340. {/block:Pagination}
  1341.  
  1342. {block:DayPagination}
  1343. {block:PreviousDayPage}<a href="{PreviousDayPage}" title="earlier" class="pag next">»</a>{/block:PreviousDayPage}
  1344. {block:NextDayPage}<a href="{NextDayPage}" title="later" class="pag prev">«</a>{/block:NextDayPage}
  1345. {/block:DayPagination}
  1346.  
  1347. {block:ifPermalinkPagination}{block:PermalinkPage}
  1348. {block:PermalinkPagination}
  1349. {block:NextPost}<a href="{NextPost}" title="next post" class="pag prev">«</a>{/block:NextPost}
  1350. {block:PreviousPost}<a href="{PreviousPost}" title="previous post" class="pag next">»</a>{/block:PreviousPost}
  1351. {/block:PermalinkPagination}
  1352. {/block:PermalinkPage}{/block:ifPermalinkPagination}
  1353.  
  1354. {/block:ifNotJumpPagination}
  1355.  
  1356. </div>
  1357.  
  1358. {block:ifJumpPagination}
  1359. {block:Pagination}<div class="pag">{block:PreviousPage}<a href="{PreviousPage}" class="prev">←</a>{/block:PreviousPage}{block:JumpPagination length="10"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="next">→</a>{/block:NextPage}</div>{/block:Pagination}
  1360.  
  1361. {block:DayPagination}<div class="pag daypag">{block:NextDayPage}<a href="{NextDayPage}" class="prev">← later</a>{/block:NextDayPage}{block:PreviousDayPage}<a href="{PreviousDayPage}" class="next">earlier →</a>{/block:PreviousDayPage}</div>{/block:DayPagination}
  1362.  
  1363. {block:ifPermalinkPagination}{block:PermalinkPage}
  1364. {block:PermalinkPagination}
  1365. <div class="pag daypag">{block:NextPost}<a href="{NextPost}" class="prev">← next post</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}" class="next">previous post →</a>{/block:PreviousPost}</div>
  1366. {/block:PermalinkPagination}
  1367. {/block:PermalinkPage}{/block:ifPermalinkPagination}
  1368. {/block:ifJumpPagination}
  1369.  
  1370. <div id="bar">
  1371.  
  1372. <div id="barcontainer">
  1373.  
  1374. <table id="mainlinks" cellspacing="0" cellpadding="0"><tr>
  1375. <td><a href="/">home</a></td>
  1376. <td><a href="/ask">message</a></td>
  1377. <td><a href="/archive">archive</a></td>
  1378. <td class="icon-spacer"></td>
  1379. <td><a href="{text:Link01 URL}">{text:Link01}</a></td>
  1380. <td><a href="{text:Link02 URL}">{text:Link02}</a></td>
  1381. <td><a href="{text:Link03 URL}">{text:Link03}</a></td>
  1382. </tr></table>
  1383. </div>
  1384.  
  1385. <a href="/" id="icon"><img src="{PortraitURL-64}"></a>
  1386.  
  1387. <div id="longbar">
  1388. <div id="inner">
  1389.  
  1390. {block:ifNotBlogtitleBeforeLongbarImage}<div class="simg"><img src="{image:Longbar}"></div>{/block:ifNotBlogtitleBeforeLongbarImage}
  1391. {block:ifShowBlogtitle}<div class="blogtitle">{block:ifPretitle}<div class="subtitle">{text:Pretitle}</div>{/block:ifPretitle}<div class="bigtitle">{Title}</div>{block:ifSubtitle}<div class="subtitle">{text:Subtitle}</div>{/block:ifSubtitle}</div>{/block:ifShowBlogtitle}
  1392. {block:ifBlogtitleBeforeLongbarImage}<div class="simg"><img src="{image:Longbar}"></div>{/block:ifBlogtitleBeforeLongbarImage}
  1393. <div class="stext">{Description}</div>
  1394. {block:ifLink04}<div id="extralinks"><a href="{text:Link04 URL}">{text:Link04}</a>{block:ifLink05}<a href="{text:Link05 URL}">{text:Link05}</a>{/block:ifLink05}{block:ifLink06}<a href="{text:Link06 URL}">{text:Link06}</a>{/block:ifLink06}{block:ifLink07}<a href="{text:Link07 URL}">{text:Link07}</a>{/block:ifLink07}{block:ifLink08}<a href="{text:Link08 URL}">{text:Link08}</a>{/block:ifLink08}{block:ifLink09}<a href="{text:Link09 URL}">{text:Link09}</a>{/block:ifLink09}{block:ifLink10}<a href="{text:Link10 URL}">{text:Link10}</a>{/block:ifLink10}
  1395. </div>
  1396. {block:ifLink04}
  1397. </div>
  1398. </div>
  1399.  
  1400. <div class="longbarbordercover"></div>
  1401. </div>
  1402.  
  1403. <script>
  1404.  
  1405. $('#icon').mouseenter(function() {
  1406. $(this).parent().closest('#bar').addClass('icon-hovered');
  1407. });
  1408.  
  1409. $("#bar").mouseleave(function () {
  1410. $(this).removeClass('icon-hovered');
  1411. });
  1412.  
  1413. </script>
  1414.  
  1415. <div id="main">
  1416.  
  1417. {block:TagPage}<div class="toptitle">posts tagged "<a href="{TagURL}">{Tag}</a>"</div>{/block:TagPage}
  1418. {block:DayPage}<div class="toptitle">posts made on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a></div>{/block:DayPage}
  1419.  
  1420. {block:Posts}
  1421.  
  1422. {block:Answer}<!--- ASK POSTS --->
  1423. <div class="post">
  1424. <div class="content">
  1425. <div class="questionbox titlebox"><table cellspacing="0px" cellpadding="0px"><tr>
  1426. <td class="side"><div class="aimg"><img src="{AskerPortraitURL-40}"></div></td>
  1427. <td class="name"><span class="asking">{Asker}</span><br>{Question}</td>
  1428. </tr></table>
  1429. </div>
  1430. <div class="pbody caption">{Answer}</div>
  1431. {block:Date}<div class="info">
  1432. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>{/block:Date}
  1433.  
  1434. </div>
  1435.  
  1436. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1437.  
  1438. </div>
  1439.  
  1440. {/block:Answer}
  1441.  
  1442.  
  1443. {block:Text}<!--- TEXT POSTS --->
  1444.  
  1445. <div class="post">
  1446. <div class="content">
  1447. {block:Title}
  1448. <div class="textbox titlebox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
  1449. <td class="side symbols">P</td>
  1450. <td class="name">{Title}</td>
  1451. </tr></table></a></div>{/block:Title}
  1452. <div class="pbody {block:Title}caption{/block:Title}">{Body}</div>
  1453.  
  1454. {block:Date}<div class="info">
  1455. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1456.  
  1457. </div>
  1458.  
  1459. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1460.  
  1461. </div>
  1462.  
  1463. {/block:Text}
  1464.  
  1465.  
  1466. {block:Photo}<!--- PHOTO POSTS --->
  1467.  
  1468. <div class="post">
  1469. <div class="content">
  1470. {LinkOpenTag}<center><img src="{block:if500pxPosts}{PhotoURL-500}{/block:if500pxPosts}{block:if400pxPosts}{PhotoURL-400}{/block:if400pxPosts}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  1471.  
  1472. {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
  1473.  
  1474. {block:Date}<div class="info">
  1475. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1476.  
  1477. </div>
  1478.  
  1479. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1480.  
  1481. </div>
  1482.  
  1483. {/block:Photo}
  1484.  
  1485.  
  1486.  
  1487. {block:Photoset}<!--- PHOTOSET POSTS --->
  1488.  
  1489. <div class="post">
  1490. <div class="content">
  1491. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  1492. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  1493. {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
  1494.  
  1495. {block:Date}<div class="info">
  1496. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1497.  
  1498. </div>
  1499.  
  1500. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1501.  
  1502. </div>
  1503.  
  1504. {/block:Photoset}
  1505.  
  1506.  
  1507. {block:Quote}<!--- QUOTE POSTS --->
  1508.  
  1509. <div class="post">
  1510. <div class="content">
  1511. <div class="titlebox quotebox"><table cellspacing="0px" cellpadding="0px"><tr>
  1512. <td class="side"><p>“</p></td>
  1513. <td class="{Length}_quote name">{Quote}</td>
  1514. </tr></table></div>
  1515. <div class="pbody caption"><p>{Source}</div>
  1516.  
  1517. {block:Date}<div class="info">
  1518. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1519. </div>
  1520.  
  1521. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1522.  
  1523. </div>
  1524.  
  1525. {/block:Quote}
  1526.  
  1527.  
  1528. {block:Link}<!--- LINK POSTS --->
  1529.  
  1530. <div class="post">
  1531. <div class="content">
  1532. <div class="titlebox linkbox"><a href="{URL}" {Target}><table cellspacing="0px" cellpadding="0px"><tr>
  1533. <td class="side symbols"><p>K</p></td>
  1534. <td class="name">{Name}</td>
  1535. </tr></table></a></div>
  1536. {block:Description}<div class="pbody caption">{Description}</div>{/block:Description}
  1537.  
  1538. {block:Date}<div class="info">
  1539. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1540.  
  1541. </div>
  1542.  
  1543. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1544.  
  1545. </div>
  1546.  
  1547. {/block:Link}
  1548.  
  1549.  
  1550. {block:Chat}<!--- CHAT POSTS --->
  1551.  
  1552. <div class="post">
  1553. <div class="content">
  1554. {block:Title}
  1555. <div class="chatbox titlebox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
  1556. <td class="side symbols">d</td>
  1557. <td class="name">{Title}</td>
  1558. </tr></table></a></div>{/block:Title}
  1559.  
  1560. <div class="pbody {block:Title}caption{/block:Title}">
  1561. <div class="chatpost"><table cellspacing="0px" cellpadding="0px">
  1562. {block:Lines}
  1563. <tr class="lines">
  1564. {block:Label}<td class="label user_{UserNumber}">{Label}</td>{/block:Label}
  1565. <td>{Line}</td>
  1566. </tr>
  1567. {/block:Lines}
  1568. </table></div>
  1569. </div>
  1570.  
  1571. {block:Date}<div class="info">
  1572. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1573.  
  1574. </div>
  1575.  
  1576. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1577.  
  1578. </div>
  1579.  
  1580. {/block:Chat}
  1581.  
  1582. {block:Video}<!--- VIDEO POSTS --->
  1583.  
  1584. <div class="post">
  1585. <div class="content">
  1586. {block:if500pxPosts}{VideoEmbed-500}{/block:if500pxPosts}
  1587. {block:if400pxPosts}{VideoEmbed-400}{/block:if400pxPosts}
  1588. {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
  1589.  
  1590. {block:Date}<div class="info">
  1591. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1592.  
  1593. </div>
  1594.  
  1595. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1596.  
  1597. </div>
  1598.  
  1599. {/block:Video}
  1600.  
  1601.  
  1602. {block:Audio}<!--- AUDIO POSTS --->
  1603. <div class="post">
  1604. <div class="content">
  1605.  
  1606. {block:AudioPlayer}
  1607. <table class="audio" cellspacing="0px" cellpadding="0px"><tr>
  1608.  
  1609. <td class="artwork"><div style="{block:AlbumArt}display:none;{/block:AlbumArt}"><img src="http://static.tumblr.com/75z8peb/Y29m0gjwg/defaultart.jpg"></div>{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1610. <div class="apcontainer"><div class="ap" title="click to play">{AudioPlayerWhite}</div></div>
  1611. </td>
  1612.  
  1613. <td class="audioinfo">
  1614. {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}
  1615. {block:Artist}<div class="artist_album">by <b>{Artist}</b></div>{/block:Artist} {block:Album}<div class="artist_album">from <b>{Album}</b></div>{block:Album}
  1616. <div class="artist_album"><b>{FormattedPlayCount}</b> plays</div>
  1617. </td>
  1618.  
  1619. </tr></table>
  1620. {/block:AudioPlayer}
  1621.  
  1622. {block:AudioEmbed}
  1623. {block:if500pxPosts}{AudioEmbed-500}{/block:if500pxPosts}
  1624. {block:if400pxPosts}{AudioEmbed-400}{/block:if400pxPosts}
  1625. {/block:AudioEmbed}
  1626.  
  1627. {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
  1628.  
  1629. {block:Date}<div class="info">
  1630. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
  1631.  
  1632. </div>
  1633.  
  1634. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
  1635.  
  1636. </div>
  1637. {/block:Audio}
  1638.  
  1639. <div class="contentsrc">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  1640.  
  1641. {/block:Posts}
  1642.  
  1643. {block:PostNotes}<!--- POST NOTES --->
  1644. <div id="notes">
  1645. <div class="b4notes">...</div>
  1646. {PostNotes-64}
  1647. </div>
  1648. {/block:PostNotes}
  1649.  
  1650. </div>
  1651.  
  1652. </body>
  1653.  
  1654. </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!