Advertisement
becqerel

theme #1

Jul 1st, 2013
1,852
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.60 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4.  
  5. THEME #1
  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://qgthemes.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. 'SATISFY'. THE THEME MAY LOOK WONKY WITH OTHER FONTS, IN WHICH
  41. CASE YOU MAY HAVE TO ADJUST THE LINE-HEIGHT AND FONT SIZE
  42.  
  43. -- Sidebar
  44. ► Icon/sidebar image -- if you upload a sidebar image, it will replace
  45. the icon. Image size is 175px.
  46. ► Show title (appears after sidebar image, before links)
  47. ► Show title before sidebar image (if uploaded)
  48.  
  49. -- Posts
  50. ► 500/400px posts
  51. ► 250px posts & masonry on tag/day pages
  52. ► Show info on index page
  53. ► Show tags on index page
  54. ► Show reblog and like buttons
  55.  
  56. -- Misc
  57. ► Round/square theme credit link
  58. ► Text shadow on titles (good if you upload a "pattern" image)
  59. ► Back to top button
  60.  
  61. >>> YOU CAN REMOVE THIS TEXT IF YOU LIKE
  62.  
  63. --------------------------------------------------------
  64.  
  65. CREDITS:
  66.  
  67. ► Masonry script: http://isotope.metafizzy.co/
  68. ► Tooltip script: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  69. ► Scroll-to-top scrip: http://markgoodyear.com/2013/01/scrollup-jquery-plugin/
  70.  
  71. >>> PLEASE DO NOT REMOVE THIS TEXT
  72.  
  73. -->
  74.  
  75. <head>
  76.  
  77. <!-- colors -->
  78. <meta name="color:Background" content="#eeeeee" />
  79. <meta name="color:Font" content="#919191" />
  80. <meta name="color:Link" content="#ff88aa" />
  81. <meta name="color:Link Hover" content="#26b3ec" />
  82. <meta name="color:Posts" content="#ffffff" />
  83. <meta name="color:Light Text" content="#ffffff" />
  84. <meta name="color:Titles" content="#ff88aa" />
  85. <meta name="color:Selection" content="#e4f2fa" />
  86. <meta name="color:Blockquote" content="#eeeeee" />
  87. <meta name="color:Border" content="#d9d9d9" />
  88. <meta name="color:Pattern" content="#e4f6fa" />
  89. <meta name="color:Infobox" content="#f4f4f4" />
  90.  
  91. <!-- images -->
  92. <meta name="image:Pattern" content="" />
  93. <meta name="image:Sidebar" content="" />
  94. <meta name="image:Background" content="" />
  95.  
  96. <!-- links -->
  97. <meta name="text:Link1" content="" />
  98. <meta name="text:Link1 URL" content="" />
  99. <meta name="text:Link2" content="" />
  100. <meta name="text:Link2 URL" content="" />
  101. <meta name="text:Link3" content="" />
  102. <meta name="text:Link3 URL" content="" />
  103. <meta name="text:Link4" content="" />
  104. <meta name="text:Link4 URL" content="" />
  105. <meta name="text:Link5" content="" />
  106. <meta name="text:Link5 URL" content="" />
  107.  
  108. <!-- options -->
  109. <meta name="if:Text Shadow on Titles" content="1" />
  110. <meta name="if:500px Posts" content="1" />
  111. <meta name="if:400px Posts" content="0" />
  112. <meta name="if:250px Posts on Tag and Day Pages" content="1" />
  113. <meta name="if:Permalink Pagination" content="1" />
  114. <meta name="if:Show Title" content="0" />
  115. <meta name="if:Show Title Before Sidebar Image" content="0" />
  116. <meta name="if:Show Tags on Index Page" content="1" />
  117. <meta name="if:Show Info on Index Page" content="1" />
  118. <meta name="if:Show Reblog And Like Buttons" content="1" />
  119. <meta name="if:Back to Top Button" content="1" />
  120. <meta name="if:Square Credit Link" content="0" />
  121.  
  122. <!-- Custom Font -->
  123. <meta name="if:Custom Body Font" content="0" />
  124. <meta name="font:Custom Body Font" content="Georgia" />
  125. <meta name="text:Custom Body Font Size" content="9" />
  126.  
  127. <meta name="text:Custom Google Font" content="Satisfy" />
  128.  
  129. <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | #{Tag}{/block:TagPage}{block:DayPage} | {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage}</title>
  130. <link rel="shortcut icon" href="{Favicon}">
  131. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  132. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  133.  
  134. <!-- WEBFONTS -->
  135. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  136. {block:ifCustomGoogleFont}<link href='http://fonts.googleapis.com/css?family={text:Custom Google Font}' rel='stylesheet' type='text/css'>{/block:ifCustomGoogleFont}
  137.  
  138. <!-------- SCRIPTS -------->
  139. <!-- jquery (necessary) -->
  140. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"
  141. type="text/javascript"></script>
  142.  
  143. {block:if250pxPostsonTagandDayPages}
  144. <script src="http://static.tumblr.com/wcpu05v/zmTmgvpno/jquery.isotope.min.js" type="text/javascript"></script>
  145. <script src="http://static.tumblr.com/wcpu05v/ZMRmiuuvf/jquery.imagesloaded.min.js" type="text/javascript"></script>
  146. {block:TagPage}
  147. <script>
  148. $(function(){
  149. var $container = $('#container');
  150. $('#container, .post, .post img').imagesLoaded( function( $images, $proper, $broken ) {
  151. console.log( $images.length + ' images total have been loaded' );
  152. console.log( $proper.length + ' properly loaded images' );
  153. console.log( $broken.length + ' broken images' );
  154. });
  155. $container.isotope({
  156. itemSelector: '.post'
  157. });
  158. });
  159. </script>
  160. {/block:TagPage}
  161.  
  162. {block:DayPage}
  163. <script>
  164. $(function(){
  165. var $container = $('#container');
  166. $('#container, .post, .post img').imagesLoaded( function( $images, $proper, $broken ) {
  167. console.log( $images.length + ' images total have been loaded' );
  168. console.log( $proper.length + ' properly loaded images' );
  169. console.log( $broken.length + ' broken images' );
  170. });
  171. $container.isotope({
  172. itemSelector: '.post'
  173. });
  174. });
  175. </script>
  176. {/block:DayPage}
  177. {/block:if250pxPostsonTagandDayPages}
  178.  
  179. {block:ifBacktoTopButton}<!-- scroll to top script -->
  180. <script src="http://static.tumblr.com/wcpu05v/aBWmp3tpw/jquery.scrollup.min.js" type="text/javascript"></script>
  181. <script type="text/javascript">
  182. $(function () {
  183. $.scrollUp({
  184. scrollName: 'scrollUp', // Element ID
  185. topDistance: '800', // Distance from top before showing element (px)
  186. topSpeed: 500, // Speed back to top (ms)
  187. animation: 'fade', // Fade, slide, none
  188. animationInSpeed: 250, // Animation in speed (ms)
  189. animationOutSpeed: 250, // Animation out speed (ms)
  190. scrollText: 'scroll to top', // Text for element
  191. activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  192. });
  193. });
  194. </script>
  195. {/block:ifBacktoTopButton}
  196.  
  197. <!-- tooltip script -->
  198. <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js"
  199. type="text/javascript"></script>
  200. <script>
  201. $().ready(function() {
  202. $("[title]").style_my_tooltips({
  203. tip_follows_cursor: "on", //on/off
  204. tip_delay_time: 200 //milliseconds
  205. });
  206. });
  207. </script>
  208.  
  209. <style type="text/css">
  210.  
  211. body{
  212. background-color:{color:Background};
  213. color:{color:Font};
  214. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  215. {block:ifNotCustomBodyFont}font-family: Calibri;{/block:ifNotCustomBodyFont}
  216. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  217. {block:ifCustomBodyFont}font-family:{font:Custom Body Font};{/block:ifCustomBodyFont}
  218. line-height:;
  219. background-image: url({image:Background});
  220. background-position: left top;
  221. background-attachment: fixed;
  222. background-repeat: repeat;
  223. }
  224.  
  225. a:link, a:visited, a:active{
  226. text-decoration:none;
  227. cursor: pointer;
  228. color:{color:Link};
  229. }
  230.  
  231. a:hover{
  232. color: {color:Link Hover};
  233. }
  234.  
  235. a:link, a:visited, a:active, a:hover{
  236. -webkit-transition: all 0.3s ease-in-out;
  237. -moz-transition: all 0.3s ease-in-out;
  238. -o-transition: all 0.3s ease-in-out;
  239. transition: all 0.3s ease-in-out;
  240. }
  241.  
  242.  
  243. ul, ol{ margin-left:-15px; font-weight:bold; }
  244. li{ font-weight:normal; position: relative; }
  245. li img{ position: relative; max-width:100%; }
  246.  
  247. small{ font-size: 90%; }
  248.  
  249. pre{ word-wrap: break-word; }
  250.  
  251. p{ margin-top:0px; }
  252.  
  253. table{ {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  254. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont} }
  255.  
  256. *::before, *:hover::before{
  257. -webkit-transition: all 0.3s ease-in-out;
  258. -moz-transition: all 0.3s ease-in-out;
  259. -o-transition: all 0.3s ease-in-out;
  260. transition: all 0.3s ease-in-out;
  261. }
  262.  
  263. /* tooltip */
  264. #s-m-t-tooltip{
  265. position:absolute; z-index:90000000000000000; font-size: 80%; text-transform: uppercase;; display:inline-block; padding: 3px 7px; max-width:350px; word-wrap: break-word; font-weight: normal; background-color:
  266. {color:Posts};; color:{color:Link}; border: 1px solid {color:Border}; }
  267.  
  268. {block:ifBacktoTopButton}
  269. /* scroll up */
  270. #scrollUp { 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; }
  271.  
  272. #scrollUp::before{ content: ''; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; height: 0; width: 0;
  273. z-index: 3; border-bottom: 9px solid {color:Link}; }
  274.  
  275. #scrollUp::after{ content: ''; position: absolute; top: -1px; left: -2px; border-left: 8px solid transparent; border-right: 8px solid transparent;
  276. height: 0; width: 0; z-index: 2; border-bottom: 11px solid {color:Link}; }
  277.  
  278. #scrollUp:hover::before{ border-bottom: 9px solid {color:Posts}; }
  279. {/block:ifBacktoTopButton}
  280.  
  281. /* ---------------------- side ---------------------- */
  282.  
  283. #side{
  284. width:212px;
  285. height:100%;
  286. position: fixed;
  287. left:40px;
  288. top: 0;
  289. }
  290.  
  291. .sidebar{
  292. border: 1px solid {color:Posts};
  293. }
  294.  
  295. #top{
  296. table-layout: fixed; width: 100%;
  297. background-color:{color:Pattern};
  298. background-image: url({image:Pattern});
  299. }
  300.  
  301. #top td{ padding: 10px 5px; }
  302.  
  303. .iconcell{ width:50px; padding-right: 0!important; }
  304.  
  305. .icon{
  306. position:relative;
  307. display: inline-block;
  308. width:30px;
  309. height:30px;
  310. padding: 10px;;
  311. -webkit-border-radius:100px;
  312. border-radius:100px;
  313. background-color: {color:Posts};
  314. }
  315.  
  316. .icon:hover{ background-color:{color:Link}; }
  317.  
  318. .icon, .icon:hover{
  319. -webkit-transition: all 0.5s ease-in-out;
  320. -moz-transition: all 0.5s ease-in-out;
  321. -o-transition: all 0.5s ease-in-out;
  322. transition: all 0.5s ease-in-out;
  323. }
  324.  
  325.  
  326. .icon img{
  327. width:30px;
  328. position: relative;
  329. top:0px;
  330. -webkit-border-radius:100px;
  331. border-radius:100px;
  332. border: 0px solid;
  333. }
  334.  
  335. .sidebar .content p:last-child{ margin-bottom: 0 }
  336.  
  337. {block:ifShowTitle}
  338. .blogtitle{
  339. display: block;
  340. font-size: 20px;
  341. color: {color:Titles};
  342. {block:ifNotSidebarImage}margin-left: 5px; {/block:ifNotSidebarImage}
  343. font-family: 'Satisfy', georgia, times new roman;
  344. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  345. {block:ifTextShadowonTitles}text-shadow:
  346. 3px 0px 0px {color:Posts}, -3px 0px 0px {color:Posts}, 0px 3px 0px {color:Posts}, 0px -3px 0px {color:Posts}, 3px 1px 0px {color:Posts}, -3px 1px 0px {color:Posts}, 1px 3px 0px {color:Posts}, 1px -3px 0px {color:Posts}, 3px -1px 0px {color:Posts}, -3px -1px 0px {color:Posts}, -1px 3px 0px {color:Posts}, -1px -3px 0px {color:Posts},
  347. 3px 2px 0px {color:Posts}, -3px 2px 0px {color:Posts}, 2px 3px 0px {color:Posts}, 2px -3px 0px {color:Posts}, 3px -2px 0px {color:Posts}, -3px -2px 0px {color:Posts}, -2px 3px 0px {color:Posts}, -2px -3px 0px {color:Posts};{/block:ifTextShadowonTitles}
  348. }
  349. {/block:ifShowTitle}
  350.  
  351.  
  352. {block:ifSidebarImage}
  353. .sidebar .patphoto { margin: 0px 2px 5px 2px; display: inline-block; }
  354. .sidebar .patphoto img{ width: 175px; display: block; }
  355. .links { text-align: center; }
  356. {/block:ifSidebarImage}
  357.  
  358. /* ---------------------- links ---------------------- */
  359.  
  360. .links .alinks a, .pag a, .current_page{
  361. display: inline-block;
  362. padding: 2px 5px;
  363. margin: 2px;
  364. text-transform: uppercase; font-size: 80%;
  365. text-align: center;
  366. position: relative;
  367. background-color:{color:Posts};
  368. color: {color:Link};
  369. }
  370.  
  371. .links .alinks a:hover{ color:{color:Posts}; background-color:{color:Link}; }
  372.  
  373. .pag a:hover{ color: {color:Link Hover}; }
  374.  
  375. /* ---------------------- PAGINATION SECTION ---------------------- */
  376.  
  377.  
  378. .pag{
  379. padding: 4px 10px;
  380. text-align: center;
  381. -webkit-transition: all 0.3s ease-in-out;
  382. -moz-transition: all 0.3s ease-in-out;
  383. -o-transition: all 0.3s ease-in-out;
  384. transition: all 0.3s ease-in-out;
  385. background-color: {color:Infobox};
  386. }
  387.  
  388. .current_page{
  389. background-color:{color:Link};
  390. color:{color:Posts};
  391. }
  392.  
  393. /* ---------- INFO ---------- */
  394.  
  395. .infobox{
  396. padding: 4px 10px;
  397. text-align: center;
  398. font-size:80%;
  399. text-transform: uppercase;
  400. -webkit-transition: all 0.3s ease-in-out;
  401. -moz-transition: all 0.3s ease-in-out;
  402. -o-transition: all 0.3s ease-in-out;
  403. transition: all 0.3s ease-in-out;
  404. background-color: {color:Infobox};
  405. }
  406.  
  407. .infobox a, .infobox div.like_button{
  408. display: inline-block;
  409. padding: 2px 5px;
  410. margin: 2px;
  411. text-align: center;
  412. position: relative;
  413. background-color:{color:Posts};
  414. color: {color:Link};
  415. }
  416.  
  417. .infobox .symbols { line-height:10px; padding-bottom: 1px; padding-top: 3px; width:10px; margin-top: -1px; text-align: center; }
  418. {block:ifNotShowReblogAndLikeButtons}.qb{ display: none !important;; }{/block:ifNotShowReblogAndLikeButtons}
  419.  
  420. .info div.like_button{ display: inline-block; min-height: 10px; text-align: center; position: relative; padding: 2px 4px 2px 4px; margin: 2px; cursor: pointer; overflow: hidden; background-color: {color:Posts}; }
  421. .info div.like_button iframe{ position: absolute; opacity: 0; width: 100%; height: 100%: }
  422.  
  423. .info div.like_button, .info.rb div.like_button:hover{ -webkit-transition: all 0.3s ease-in-out;
  424. -moz-transition: all 0.3s ease-in-out;
  425. -o-transition: all 0.3s ease-in-out;
  426. transition: all 0.3s ease-in-out; }
  427.  
  428. .info div.like_button:hover:before{ color: red; }
  429.  
  430. .info div.like_button.liked{ background-color: red !important; }
  431. .info div.like_button.liked::before{ color: white !important; }
  432.  
  433. .info div.like_button::before{
  434. content: '♥'; position: relative; font-family: calibri; color: {color:Link}; }
  435.  
  436. .info span div.like_button *{ cursor: pointer !important; }
  437.  
  438. {block:IndexPage}
  439. .info{ {block:ifShowInfoonIndexPage} display: block; {/block:ifShowInfoonIndexPage}{block:ifNotShowInfoonIndexPage} display: none; {/block:ifNotShowInfoonIndexPage} }
  440. .tagging{ {block:ifShowTagsonIndexPage} display: block; {/block:ifShowTagsonIndexPage}{block:ifNotShowTagsonIndexPage} display: none; {/block:ifNotShowTagsonIndexPage} }
  441.  
  442. {block:ifNotShowInfoonIndexPage}{block:ifNotShowTagsonIndexPage} .infobox{ display: none; } {/block:ifNotShowTagsonIndexPage}{/block:ifNotShowInfoonIndexPage}
  443.  
  444. {/block:IndexPage}
  445.  
  446. .infobox a:hover, .tagging a{ color:{color:Link Hover}; }
  447.  
  448. .tagging a:hover{ color: {color:Link}; }
  449.  
  450.  
  451. /* ---------------------- symbols ---------------------- */
  452.  
  453. @font-face{
  454. font-family: WebSymbolsRegular;
  455. src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot') format('eot');
  456. src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://static.tumblr.com/7w3ddo1/6KLm6yavz/websymbols-regular-webfont.svg') format('svg'), url('http://static.tumblr.com/7w3ddo1/UJmm7mst2/websymbols-regular-webfont.woff') format('woff'),
  457. url('http://static.tumblr.com/7w3ddo1/pTdm8k42c/websymbols-regular-webfont.ttf') format('truetype');
  458. url('http://static.tumblr.com/7w3ddo1/GDFm8k40o/websymbols-regular.otf') format ('opentype');
  459. }
  460. .symbols{
  461. font-family: WebSymbolsRegular!important;
  462. text-transform: none;
  463. font-style: normal;
  464. }
  465.  
  466.  
  467. /* -------------------- POSTS -------------------- */
  468.  
  469. #main{
  470. position: relative;
  471. top:0px;
  472. padding: 40px 0px 0px 0px;
  473. z-index:150;
  474. margin-left:290px;
  475. display: block;
  476. {block:if500pxPosts}width:560px;{/block:if500pxPosts}
  477. {block:if400pxPosts}width:460px;{/block:if400pxPosts}
  478. {block:if250pxPostsonTagandDayPages}
  479. {block:TagPage}width: auto !important; min-width: 720px; margin-left: 270px;{/block:TagPage}
  480. {block:DayPage}width: auto !important; min-width: 720px; margin-left: 270px;{/block:DayPage}
  481. {/block:if250pxPostsonTagandDayPages}
  482. }
  483.  
  484. {block:if250pxPostsonTagandDayPages}{block:TagPage}#container{ position:relative; top:0px; min-height:100%; padding: 0px 0px 5px 0px; z-index:150; overflow: visible!important; }{/block:TagPage}
  485. {block:DayPage}#container{ position:relative; top:0px; min-height:100%; padding: 0px 0px 5px 0px; z-index:150; overflow: visible!important; }{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  486.  
  487. .post{
  488. position: relative;
  489. margin-bottom:40px;
  490. z-index:100;
  491. {block:if500pxPosts}width:560px;{/block:if500pxPosts}
  492. {block:if400pxPosts}width:460px;{/block:if400pxPosts}
  493. -webkit-transition: all 0.5s ease-in-out;
  494. -moz-transition: all 0.5s ease-in-out;
  495. -o-transition: all 0.5s ease-in-out;
  496. transition: all 0.5s ease-in-out;
  497. border: 1px solid {color:Posts};
  498. {block:if250pxPostsonTagandDayPages}{block:TagPage}width: 310px !important; margin: 20px;{/block:TagPage}
  499. {block:DayPage}width: 310px !important; margin: 20px;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  500. }
  501.  
  502. .content{
  503. padding: 15px;
  504. position: relative;
  505. z-index:150!important;
  506. margin: auto;
  507. word-wrap: break-word;
  508. background-color: {color:Posts};
  509. }
  510.  
  511. .content img{ {block:if500pxPosts}max-width:530px;{/block:if500pxPosts}
  512. {block:if400pxPosts}max-width:430px;{/block:if400pxPosts}
  513. {block:if250pxPostsonTagandDayPages}{block:TagPage}max-width: 280px;{/block:TagPage}
  514. {block:DayPage}max-width: 280px;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  515. }
  516.  
  517. .patterncontent{
  518. padding: 10px 10px;
  519. position: relative;
  520. background-color:{color:Pattern};
  521. background-image: url({image:Pattern});
  522. text-align: center;
  523. }
  524.  
  525. .patphoto{ display: inline-block; padding: 5px; position: relative; background-color: {color:Posts};
  526. }
  527.  
  528. .patterncontent .patphoto img{ position: relative; display: block !important; }
  529.  
  530. .caption{
  531. margin-top:0px;
  532. }
  533.  
  534. .pbody{
  535. margin-bottom:-8px;
  536. margin-top:0px;
  537. }
  538.  
  539. .pbodyspace{
  540. margin-top:10px;
  541. }
  542.  
  543. .toptitle{
  544. font-size:27px;
  545. text-align:left;
  546. padding: 0px 25px;
  547. margin-bottom:40px;
  548. letter-spacing: 2px;
  549. border-bottom: 2px solid {color:Posts};
  550. {block:if250pxPostsonTagandDayPages}margin: 0px 20px 20px 20px; display: inline-block;{/block:if250pxPostsonTagandDayPages}
  551. font-family: 'Satisfy', georgia, times new roman;
  552. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  553. }
  554.  
  555. .toptitle a{ padding: 0px; border-bottom: 0px solid; }
  556.  
  557. /* -------------------- TITLES -------------------- */
  558.  
  559. .titlebox{
  560. padding: 0px 0px;
  561. position: relative;
  562. }
  563.  
  564. .titlebox table{
  565. width:100%;
  566. position: relative;
  567. }
  568.  
  569. .titlebox td{
  570. padding: 0px 10px;
  571. }
  572.  
  573. .titlebox .side{
  574. width:50px;
  575. text-align:center;
  576. font-size:20px;
  577. padding-left: 5px;
  578. {block:if250pxPostsonTagandDayPages}{block:TagPage}padding: 5px 0px !important;{/block:TagPage}
  579. {block:DayPage}padding: 5px 0px !important;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  580. color: {color:Titles};
  581. }
  582.  
  583. .side span{
  584. position: relative;
  585. width:50px;
  586. height:20px;
  587. padding: 15px 0px;
  588. display: block;
  589. text-align: center;
  590. -webkit-border-radius:100px;
  591. border-radius:100px;
  592. background-color:{color:Posts};
  593. }
  594.  
  595. .titlebox .name{
  596. padding-left:5px;
  597. padding-right: 5px;
  598. position: relative;
  599. padding-top:5px;
  600. text-align: left !important;
  601. border-left: 0px solid;
  602. color: {color:Titles};
  603. {block:ifTextShadowonTitles}text-shadow:
  604. 3px 0px 0px {color:Posts}, -3px 0px 0px {color:Posts}, 0px 3px 0px {color:Posts}, 0px -3px 0px {color:Posts}, 3px 1px 0px {color:Posts}, -3px 1px 0px {color:Posts}, 1px 3px 0px {color:Posts}, 1px -3px 0px {color:Posts}, 3px -1px 0px {color:Posts}, -3px -1px 0px {color:Posts}, -1px 3px 0px {color:Posts}, -1px -3px 0px {color:Posts},
  605. 3px 2px 0px {color:Posts}, -3px 2px 0px {color:Posts}, 2px 3px 0px {color:Posts}, 2px -3px 0px {color:Posts}, 3px -2px 0px {color:Posts}, -3px -2px 0px {color:Posts}, -2px 3px 0px {color:Posts}, -2px -3px 0px {color:Posts};{/block:ifTextShadowonTitles}
  606. {block:if250pxPostsonTagandDayPages}{block:TagPage}padding: 10px 10px 5px 10px !important; text-align: center !important;{/block:TagPage}
  607. {block:DayPage}padding: 5px 10px 5px 10px !important; text-align: center !important;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  608. }
  609.  
  610. .linkbox .name, .chatbox .name, .textbox .name{
  611. line-height:100%;
  612. font-size:27px;
  613. }
  614.  
  615. .linkbox .name, .chatbox .name, .textbox .name, .quotebox .name{
  616. font-family: 'Satisfy', georgia, times new roman;
  617. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  618. }
  619.  
  620. /* -------------------- ASK POSTS -------------------- */
  621. .questionbox{
  622. }
  623.  
  624. .questionbox .asking{
  625. font-family: 'Satisfy', georgia, times new roman;
  626. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  627. text-transform:lowercase;
  628. font-size:18px;
  629. line-height:110%;
  630. margin-top:-3px;
  631. display: block;
  632. margin-bottom:3px;
  633. }
  634.  
  635. .questionbox .asking a{ padding: 0px; border-bottom: 0px solid; }
  636.  
  637. .questionbox .questioning.content{
  638. padding: 10px 15px;
  639. margin-left: 5px;
  640. position: relative;
  641. display: block;
  642. text-shadow: 0px 0px 0px transparent;;
  643. color:{color:Font};
  644. {block:if250pxPostsonTagandDayPages}{block:TagPage}margin-left: 0px !important; margin-top: 5px;{/block:TagPage}
  645. {block:DayPage}margin-left: 0px !important; margin-top: 5px;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  646. }
  647.  
  648. .questioning.content::before{
  649. content: '';
  650. position: absolute;
  651. top: 50%; margin-top: -11px;
  652. right: 100%;
  653. z-index:5;
  654. border-top: 10px solid transparent;
  655. border-bottom: 10px solid transparent;
  656. border-left: 0px solid transparent;
  657. border-right: 12px solid {color:Posts};
  658. {block:if250pxPostsonTagandDayPages}{block:TagPage}
  659. top: 0! important;
  660. right: 50% !important; margin-right: -11px;
  661. border-left: 10px solid transparent;
  662. border-right: 10px solid transparent;
  663. border-top: 0px solid transparent;
  664. border-bottom: 12px solid {color:Posts};
  665. {/block:TagPage}
  666. {block:DayPage}
  667. top: 0! important;
  668. right: 50% !important; margin-right: -11px;
  669. border-left: 10px solid transparent;
  670. border-right: 10px solid transparent;
  671. border-top: 0px solid transparent;
  672. border-bottom: 12px solid {color:Posts};
  673. {/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  674. }
  675.  
  676. .questionbox .side{
  677. text-align:center!important;
  678. }
  679.  
  680. .questionbox .name{
  681. letter-spacing:1px;
  682. font-family: Calibri;
  683. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  684. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  685. font-style: normal!important;
  686. font-weight: normal;
  687. position: relative;
  688. }
  689.  
  690. .questionbox .aimg{
  691. position:relative;
  692. display: inline-block;
  693. width:30px;
  694. height:30px;
  695. text-align: center;
  696. padding: 10px;
  697. margin-top:2px;
  698. -webkit-border-radius:100px;
  699. border-radius:100px;
  700. background-color: {color:Posts};
  701. {block:if250pxPostsonTagandDayPages}{block:TagPage}margin-top: 0px !important;{/block:TagPage}
  702. {block:DayPage}margin-top: 0px !important;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  703. }
  704.  
  705. .questionbox .aimg img{
  706. width:30px;
  707. position: relative;
  708. top:0px;
  709. -webkit-border-radius:100px;
  710. border-radius:100px;
  711. border: 0px solid;
  712. }
  713.  
  714. .questionbox .name{ padding-bottom: 5px; }
  715.  
  716. .titlebox .side, #side img, .aimg img, .b4notes{
  717. -moz-user-select: none;
  718. -webkit-user-select: none;
  719. /* this will work for QtWebKit in future */
  720. -webkit-user-drag: none;
  721. }
  722.  
  723. /* -------------------- AUDIO POSTS -------------------- */
  724. table.audio{ width: 100%; }
  725.  
  726. .artwork{
  727. width:60px;
  728. height:60px;
  729. padding-left: 0px !important;
  730. padding-right: 5px !important;
  731. position: relative;
  732. text-align: center;
  733. {block:if250pxPostsonTagandDayPages}{block:TagPage}padding: 5px 0px 0px 0px !important;{/block:TagPage}
  734. {block:DayPage}padding: 5px 0px 0px 0px !important;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  735. }
  736.  
  737. .artwork img{
  738. width:30px;
  739. height: 30px;
  740. display: block !important;
  741. }
  742.  
  743. .default{ width: 30px; height: 30px; -webkit-border-radius: 100px; border-radius: 100px; background-color: {color:Link}; }
  744. .default img{ width: 32px; height: 32px; margin: -1px 0px 0px 0px; position: absolute; }
  745.  
  746. .artwork div.art{ display: inline-block; position: relative; width: 30px; height: 30px; background-color:{color:Posts}; padding: 10px; }
  747.  
  748. .artwork .art, .artwork img{ -webkit-border-radius: 100px; border-radius: 100px; }
  749.  
  750. .audioinfo{
  751. padding: 5px;
  752. padding-left: 5px;
  753. font-size:10px;
  754. text-align: left;
  755. color: {color:Dark Text};
  756. {block:if250pxPostsonTagandDayPages}{block:TagPage}padding-top: 0px !important; text-align: center !important;{/block:TagPage}
  757. {block:DayPage}padding-top: 0px !important; text-align: center !important;{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  758. }
  759.  
  760. .trackname{
  761. font-family: 'Satisfy', georgia, times new roman;
  762. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}font-size: 25px;
  763. }
  764.  
  765. .artist_album{
  766. line-height: 150%;
  767. }
  768.  
  769. .artist_album b{
  770. font-style: italic;
  771. font-weight: bold;
  772. color:{color:Link};
  773. margin: 0px 1px;
  774. }
  775.  
  776. .apcontainer{
  777. position: absolute;
  778. top:0px;
  779. left:0px;
  780. border: 10px solid {color:Posts};
  781. overflow: hidden !important;
  782. width:30px; height: 30px !important;
  783. background-color: #fff;
  784. -webkit-border-radius:100px;
  785. border-radius:100px;
  786. z-index:5;
  787. opacity:0.2;
  788. -webkit-transition: all 0.3s ease-in-out;
  789. -moz-transition: all 0.3s ease-in-out;
  790. -o-transition: all 0.3s ease-in-out;
  791. transition: all 0.3s ease-in-out;
  792. }
  793.  
  794. .ap{
  795. width:30px;
  796. height:30px !important;
  797. overflow:hidden !important;
  798. overflow-y: hidden;
  799. margin: auto;
  800. top:50%;
  801. margin-top:-13px;
  802. left:50%;
  803. margin-left:-14px;
  804. position: relative;
  805. z-index:6; text-align: center;
  806. }
  807.  
  808. .ap iframe{ display: inline-block!important; max-width: 30px; max-height: 30px; }
  809.  
  810. .post:hover .apcontainer{ opacity: 0.8; }
  811.  
  812. /* -------------------- QUOTE POSTS -------------------- */
  813.  
  814. .quotebox{
  815. }
  816.  
  817. .quotebox .side{
  818. font-size:60px;
  819. font-family:Georgia;
  820. line-height:25px;
  821. }
  822.  
  823. .quotebox .name p:last-child{
  824. margin-bottom: 0px !important;
  825. }
  826.  
  827. .quotebox .side p{
  828. margin-top:13px;
  829. margin-bottom:-5px;
  830. }
  831.  
  832. .short_quote, .medium_quote, .long_quote{
  833. font-family: 'Satisfy', georgia, times new roman;
  834. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  835. color:{color:Font};
  836. margin-bottom:5px;
  837. letter-spacing: 0px;
  838. }
  839.  
  840. .short_quote{
  841. font-size:26px;
  842. line-height:100%;
  843. }
  844.  
  845. .medium_quote{
  846. font-size:23px;
  847. line-height:100%;
  848. }
  849.  
  850. .long_quote{
  851. font-size:18px;
  852. line-height:120%;
  853. font-style: italic;
  854. /* font-weight: bold; */
  855. font-family: georgia !important;
  856. {block:if250pxPostsonTagandDayPages}{block:TagPage}font-size: 16px; {/block:TagPage}
  857. {block:DayPage}font-size: 16px; {/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  858. }
  859.  
  860.  
  861. .source{
  862. margin-top:10px;
  863. /* font-weight:bold;
  864. text-align:right; */
  865. position:relative;
  866. margin-bottom: 5px;
  867. }
  868.  
  869.  
  870. /* -------------------- CHAT POSTS -------------------- */
  871.  
  872. .chattitle{
  873. margin-bottom:13px;
  874. }
  875.  
  876. .chatpost table{
  877. width:100%;
  878. {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
  879. {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
  880. padding: 0px 5px;
  881. padding-bottom:10px;
  882. }
  883.  
  884. .chatpost .lines{
  885. display: inline-block;
  886. width:100%;
  887. border-bottom: 1px dotted {color:Border};
  888. }
  889.  
  890. .chatpost .lines td{
  891. padding: 6px 10px;
  892. }
  893.  
  894. .chatpost .lines .label{
  895. width:80px;
  896. letter-spacing:1px;
  897. font-weight: bold;
  898. text-align: right!important;;
  899. border-right: 1px dotted {color:Border};
  900. }
  901.  
  902. .user_1{ color:{color:Link}; }
  903. .user_2{ color:{color:Font}; }
  904. .user_3{ color:{color:Link Hover}; }
  905. .user_4{ color:{color:Pattern}; }
  906. .user_5{ color:{color:Selection}; }
  907.  
  908. .chatpost .lines:last-child{
  909. border-bottom: 0px;
  910. }
  911.  
  912. /* ---------------------- POST NOTES ---------------------- */
  913.  
  914. .b4notes{
  915. position: relative;
  916. text-align: center;
  917. display: block;
  918. font-family: georgia, times new roman;
  919. font-size: 1500%;
  920. color: {color:Posts};
  921. line-height:20px;
  922. margin-bottom:60px;
  923. margin-top:-70px;
  924. text-shadow: 2px 2px 2px {color:Link};
  925. }
  926.  
  927. #notes{
  928. display: block;
  929. position: relative;
  930. {block:if500pxPosts}width:562px;{/block:if500pxPosts}
  931. {block:if400pxPosts}width:462px;{/block:if400pxPosts}
  932. margin-bottom:20px;
  933. margin-left:0px !important;
  934. }
  935.  
  936. .notes{
  937. margin-left:0px!important;
  938. list-style: none;
  939. padding: 0px!important;
  940. }
  941.  
  942. .notes .avatar_frame{
  943. position: absolute;
  944. top: 0; left: 0;
  945. height: 100%;
  946. width: 35px;
  947. }
  948.  
  949. .notes .avatar_frame:before{
  950. content: '';
  951. position: absolute;
  952. right:0%;
  953. height:100%;
  954. width: 1;
  955. border-right: 1px dashed {color:Border};
  956. }
  957.  
  958. .notes .avatar{
  959. height:20px;
  960. position: absolute;
  961. left:5px;
  962. top: 50%; margin-top: -10px;
  963. }
  964.  
  965. .notes li{
  966. position: relative;
  967. display: block;
  968. padding: 8px 25px 8px 45px;
  969. margin: 5px 0px;
  970. min-height: 10px;
  971. background-color: {color:Posts};
  972. border: 5px solid {color:Posts};
  973. }
  974.  
  975. .notes .action a{
  976. font-weight: bold;
  977. }
  978.  
  979. .notes li .clear{ display: none !important; }
  980.  
  981. .notes blockquote, .notes .answer_content{
  982. margin: 0!important; padding: 0!important; border: 0px solid!important;
  983. position: relative;
  984. display: inline!important;
  985. background-color: transparent!important;
  986. }
  987.  
  988. .notes blockquote a{ color: {color:Font}; padding: 0px !important; margin: 0px !
  989. important; }
  990.  
  991. .notes blockquote::before, .notes .answer_content::before{ width: 0; padding: 0;
  992. border: 0; position: relative; margin: 0; top: 0; left: 0; margin-left: 5px !important;}
  993. .notes blockquote::after, .notes .answer_content::after, .notes blockquote::before,
  994. .notes .answer_content::before{ content: '"' !important }
  995.  
  996. .notes .more_notes_link_container{ padding: 0px; font-weight: bold; }
  997. .notes .more_notes_link{ display: block; padding: 5px 10px; }
  998.  
  999. /* ---------------------- headings/page stuff ---------------------- */
  1000.  
  1001. h1{
  1002. font-family: 'Satisfy', georgia, times new roman;
  1003. {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
  1004. line-height:110%;
  1005. font-size:30px;
  1006. letter-spacing: 1px;
  1007. display:block;
  1008. padding: 0px 5px 5px 5px;
  1009. margin: 3px 0px 10px 0px;
  1010. border-bottom: 1px dashed {color:Border};
  1011. }
  1012.  
  1013. /* ---------------------- MISC SECTION ---------------------- */
  1014. ::selection, ::-webkit-selection{
  1015. background-color: {color:Selection};
  1016. color: {color:Light Text};
  1017. text-shadow: none!important;
  1018. }
  1019.  
  1020. ::-webkit-scrollbar{ height: 11px; width: 11px; }
  1021.  
  1022. ::-webkit-scrollbar-thumb{
  1023. background-color:{color:Pattern};
  1024. border: 1px solid {color:Posts};
  1025. background-image: url({image:Pattern});
  1026. }
  1027.  
  1028. ::-webkit-scrollbar-track{
  1029. background-color: {color:Posts};
  1030. }
  1031.  
  1032. .contentsrc{
  1033. display: none;
  1034. }
  1035.  
  1036. #cred{
  1037. position: fixed; right: 10px; bottom: 10px;
  1038. background-color: {color:Link}; color: {color:Posts};
  1039. text-transform: uppercase;
  1040. border: 1px solid {color:Link};
  1041. padding: 5px 4px;
  1042. font-size: 9px;
  1043. text-align: center;
  1044. font-family: consolas, monospace, courier;
  1045. height: 10px; width: 12px;
  1046. {block:ifNotSquareCreditLink}-webkit-border-radius: 100px;
  1047. border-radius: 100px;{/block:ifNotSquareCreditLink}
  1048. z-index: 10000;
  1049. }
  1050.  
  1051. #cred span{ display: inline-block; width: 1px; }
  1052.  
  1053. #cred:hover{ background-color: {color:Posts}; color: {color:Link}; border: 1px solid {color:Link}; }
  1054.  
  1055. /* ---------------------- BLOCKQUOTES ---------------------- */
  1056.  
  1057. blockquote{ margin: 0px 10px 10px 10px; display: block;
  1058. position: relative; border: 5px solid {color:Blockquote}; background-color:{color:Blockquote}; }
  1059.  
  1060. blockquote img{ max-width: 100%!important; }
  1061.  
  1062. blockquote:before{ content: ''; position: absolute; height:100%; padding: 5px 0px; top:-5px; left:-8px; border-left: 3px solid {color:Border};; z-index:1;}
  1063.  
  1064. blockquote p:last-child { margin-bottom: 0px!important; }
  1065.  
  1066. /* really dumb blockquote code
  1067. super long b/c it makes sure blockquotes alternate color up to 15 blockquotes
  1068. lbr if i ever have any more than 15 blockquotes in a post just shoot me in the face
  1069. */
  1070. 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}!important; border: 5px solid {color:Posts}; }
  1071.  
  1072. 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}; }
  1073.  
  1074.  
  1075. /* ---------------------- TUMBLR CONTROLS ---------------------- */
  1076. #tumblr_controls {
  1077. top: 5px !important;
  1078. right: 5px !important;
  1079. position: fixed !important;
  1080. }
  1081.  
  1082. {CustomCSS}
  1083.  
  1084. </style>
  1085.  
  1086. </head>
  1087.  
  1088. <body>
  1089.  
  1090. <a id="cred" href="http://wgthemes.tumblr.com">w<span></span>g</a>
  1091.  
  1092. <table id="side" cellspacing="0" cellpadding="0"><tr><td>
  1093. <div class="sidebar">
  1094. <table id="top" cellspacing="0" cellpadding="0"><tr>
  1095. {block:ifNotSidebarImage}<td class="iconcell"><a href="/" class="icon"><img src="{PortraitURL-30}"></a></td>{/block:ifNotSidebarImage}
  1096. <td class="links">
  1097. {block:ifShowTitleBeforeSidebarImage}{block:ifShowTitle}<a href="/" class="blogtitle">{Title}</a>{/block:ifShowTitle}{/block:ifShowTitleBeforeSidebarImage}
  1098. {block:ifSidebarImage}<a href="/" class="patphoto"><img src="{image:Sidebar}"></a>{/block:ifSidebarImage}
  1099. {block:ifNotShowTitleBeforeSidebarImage}{block:ifShowTitle}<a href="/" class="blogtitle">{Title}</a>{/block:ifShowTitle}{/block:ifNotShowTitleBeforeSidebarImage}
  1100. <div class="alinks"><a href="/">home</a><a href="/ask">ask</a><a href="/archive">archive</a>{block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}</div></td></table>
  1101.  
  1102. <div class="content">{Description}</div>
  1103. {block:Pagination}<div class="pag">{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:JumpPagination length="5"}{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}">→</a>{/block:NextPage}</div>{/block:Pagination}
  1104. {block:DayPagination}<div class="pag">{block:NextDayPage}<a href="{NextDayPage}">← later</a>{/block:NextDayPage}{block:PreviousDayPage}<a href="{PreviousDayPage}">earlier →{/block:PreviousDayPage}</a></div>{/block:DayPagination}
  1105. {block:ifPermalinkPagination}{block:PermalinkPage}{block:PermalinkPagination}<div class="pag">{block:NextPost}<a href="{NextPost}">← next post</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}">previous post →{/block:PreviousPost}</a></div>{/block:PermalinkPagination}{/block:PermalinkPage}{/block:ifPermalinkPagination}
  1106.  
  1107.  
  1108. </div>
  1109. </td></tr></table>
  1110.  
  1111. <div id="main">
  1112.  
  1113. {block:TagPage}<div class="toptitle">posts tagged "<a href="{TagURL}">{Tag}</a>"</div>{/block:TagPage}
  1114. {block:DayPage}<div class="toptitle">posts made on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}</a></div>{/block:DayPage}
  1115.  
  1116. <div id="container">
  1117.  
  1118. {block:Posts}
  1119.  
  1120. {block:Answer}<!--- ASK POSTS --->
  1121.  
  1122. <div class="post">
  1123.  
  1124. <div class="patterncontent">
  1125.  
  1126. <div class="questionbox titlebox"><table cellspacing="0px" cellpadding="0px"><tr>
  1127. <td class="side"><div class="aimg"><img src="{AskerPortraitURL-30}"></div></td>
  1128. {block:TagPage}</tr><tr>{/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1129. <td class="name"><span class="questioning content"><span class="asking">{Asker}:</span>
  1130. {Question}</span></td>
  1131. </tr></table>
  1132. </div>
  1133. </div>
  1134.  
  1135. <div class="content">
  1136. <div class="pbody">{Answer}</div>
  1137. </div>
  1138.  
  1139. {block:Date}<div class="infobox">
  1140. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}<span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1141. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1142. </div>{/block:Date}
  1143.  
  1144. </div>
  1145.  
  1146. {/block:Answer}
  1147.  
  1148. {block:Text}<!--- TEXT POSTS --->
  1149.  
  1150. <div class="post">
  1151.  
  1152. {block:Title}<div class="patterncontent">
  1153. <div class="titlebox textbox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
  1154. <td class="side symbols"><span>P</span></td>{block:TagPage}</tr><tr>
  1155. {/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1156. <td class="name">{Title}</td>
  1157. </tr></table></a></div>
  1158. </div>{/block:Title}
  1159.  
  1160. <div class="content">
  1161. <div class="pbody">{Body}</div>
  1162. </div>
  1163.  
  1164. {block:Date}<div class="infobox">
  1165. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1166. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1167. </div>{/block:Date}
  1168.  
  1169. </div>
  1170.  
  1171. {/block:Text}
  1172.  
  1173. {block:Photo}<!--- PHOTO POSTS --->
  1174.  
  1175. <div class="post">
  1176. <div class="patterncontent" style="padding:25px;">
  1177. <div class="patphoto">{LinkOpenTag}<center>
  1178. <div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">
  1179. <img src="{block:if500pxPosts}{PhotoURL-500}{/block:if500pxPosts}{block:if400pxPosts}{PhotoURL-400}{/block:if400pxPosts}" alt="{PhotoAlt}" height="{block:if500pxPosts}{PhotoHeight-500}{/block:if500pxPosts}{block:if400pxPosts}{PhotoHeight-400}{/block:if400pxPosts}" width="{block:if500pxPosts}{PhotoWidth-500}{/block:if500pxPosts}{block:if400pxPosts}{PhotoWidth-400}{/block:if400pxPosts}"/></div>
  1180. {block:if250pxPostsonTagandDayPages}{block:TagPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="{PhotoWidth-250}" height="{PhotoHeight-250}">{/block:TagPage}{block:DayPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="{PhotoWidth-250}" height="{PhotoHeight-250}">{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  1181. </center>{LinkCloseTag}</div></div>
  1182.  
  1183. {block:Caption}<div class="content"><div class="pbody">{Caption}</div></div>{/block:Caption}
  1184.  
  1185. {block:Date}<div class="infobox">
  1186. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1187. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1188. </div>{/block:Date}
  1189.  
  1190. </div>
  1191.  
  1192. {/block:Photo}
  1193.  
  1194. {block:Photoset}<!--- PHOTOSET POSTS --->
  1195.  
  1196. <div class="post">
  1197. <div class="patterncontent" style="padding:25px;">
  1198. <div class="patphoto"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}</div>
  1199. {block:if250pxPostsonTagandDayPages}{block:TagPage}{Photoset-250}{/block:TagPage}{block:DayPage}{Photoset-250}{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  1200. </div>
  1201. </div>
  1202. {block:Caption}<div class="content"><div class="pbody">{Caption}</div></div>{/block:Caption}
  1203.  
  1204. {block:Date}<div class="infobox">
  1205. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1206. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1207. </div>{/block:Date}
  1208.  
  1209. </div>
  1210.  
  1211. {/block:Photoset}
  1212.  
  1213. {block:Quote}<!--- QUOTE POSTS --->
  1214.  
  1215. <div class="post">
  1216. <div class="patterncontent">
  1217. <div class="titlebox quotebox"><table cellspacing="0px" cellpadding="0px"><tr>
  1218. <td class="side"><span><p>“</p></span></td>{block:TagPage}</tr><tr>
  1219. {/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1220. <td class="{Length}_quote name">{Quote}</td>
  1221. </tr></table></div></div>
  1222.  
  1223. <div class="content"><div class="pbody"><blockquote>{Source}</blockquote></div></div>
  1224.  
  1225. {block:Date}<div class="infobox">
  1226. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1227. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1228. </div>{/block:Date}
  1229.  
  1230. </div>
  1231.  
  1232. {/block:Quote}
  1233.  
  1234. {block:Link}<!--- LINK POSTS --->
  1235.  
  1236. <div class="post">
  1237. <div class="patterncontent">
  1238. <div class="titlebox linkbox"><a href="{URL}" {Target}><table cellspacing="0px" cellpadding="0px"><tr>
  1239. <td class="side symbols"><span>K</span></td>{block:TagPage}</tr><tr>{/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1240. <td class="name">{Name}</td>
  1241. </tr></table></a></div></div>
  1242. {block:Description}<div class="content"><div class="pbody">{Description}</div></div>{/block:Description}
  1243.  
  1244. {block:Date}<div class="infobox">
  1245. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1246. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1247. </div>{/block:Date}
  1248.  
  1249. </div>
  1250.  
  1251. {/block:Link}
  1252.  
  1253. {block:Chat}<!--- CHAT POSTS --->
  1254.  
  1255. <div class="post">
  1256. {block:Title}<div class="patterncontent">
  1257. <div class="titlebox chatbox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
  1258. <td class="side symbols"><span>d</span></td>{block:TagPage}</tr><tr>{/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1259. <td class="name">{Title}</td>
  1260. </tr></table></a></div></div>{/block:Title}
  1261.  
  1262. <div class="content"><div class="pbody">
  1263. <div class="chatpost"><table cellspacing="0px" cellpadding="0px">
  1264. {block:Lines}
  1265. <tr class="lines">
  1266. {block:Label}<td class="label user_{UserNumber}">{Label}</td>{/block:Label}
  1267. <td>{Line}</td>
  1268. </tr>
  1269. {/block:Lines}
  1270. </table></div>
  1271. </div>
  1272. </div>
  1273.  
  1274. {block:Date}<div class="infobox">
  1275. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1276. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1277. </div>{/block:Date}
  1278.  
  1279. </div>
  1280.  
  1281. {/block:Chat}
  1282.  
  1283. {block:Video}<!--- VIDEO POSTS --->
  1284.  
  1285. <div class="post">
  1286. <div class="patterncontent" style="padding:25px;"><div class="patphoto">
  1287. <div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">{block:if500pxPosts}{VideoEmbed-500}{/block:if500pxPosts}{block:if400pxPosts}{VideoEmbed-400}{/block:if400pxPosts}</div>
  1288. {block:if250pxPostsonTagandDayPages}{block:TagPage}{VideoEmbed-250}{/block:TagPage}{block:DayPage}{VideoEmbed-250}{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  1289. </div></div>
  1290.  
  1291. {block:Caption}<div class="content"><div class="pbody">{Caption}</div></div>{/block:Caption}
  1292.  
  1293. {block:Date}<div class="infobox">
  1294. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1295. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1296. </div>{/block:Date}
  1297.  
  1298. </div>
  1299.  
  1300. {/block:Video}
  1301.  
  1302. {block:Audio}<!--- AUDIO POSTS --->
  1303. <div class="post">
  1304. <div class="patterncontent" {block:AudioEmbed}style="padding: 25px;"{/block:AudioEmbed}>
  1305.  
  1306. {block:AudioPlayer}
  1307. <table class="titlebox audio" cellspacing="0px" cellpadding="0px"><tr>
  1308.  
  1309. <td class="artwork">
  1310. <div class="art"><div class="default" style="{block:AlbumArt}display:none;{/block:AlbumArt}"><img src="http://static.tumblr.com/7w3ddo1/spxmok7q5/default.png"></div>{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  1311. <div class="apcontainer"><div class="ap">{AudioPlayerWhite}</div></div>
  1312. </div>
  1313. </td>{block:TagPage}</tr><tr>{/block:TagPage}{block:DayPage}</tr><tr>{/block:DayPage}
  1314. <td class="audioinfo name">
  1315. {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}
  1316. {block:Album}<span class="artist_album">from <b>{Album}</b></span>{/block:Album}{block:Artist}{block:Album},&nbsp; {/block:Album}<span class="artist_album">by <b>{Artist}</b></span>{/block:Artist}</b>
  1317. <div class="artist_album"><b>{FormattedPlayCount}</b> plays</div>
  1318. </td>
  1319. </tr></table>
  1320. {/block:AudioPlayer}
  1321.  
  1322. {block:AudioEmbed}
  1323. <div class="patphoto">
  1324. <div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">{block:if500pxPosts}{AudioEmbed-500}{/block:if500pxPosts}{block:if400pxPosts}{AudioEmbed-400}{/block:if400pxPosts}</div>
  1325. {block:if250pxPostsonTagandDayPages}{block:TagPage}{AudioEmbed-250}{/block:TagPage}{block:DayPage}{AudioEmbed-250}{/block:DayPage}{/block:if250pxPostsonTagandDayPages}
  1326. </div>
  1327. {/block:AudioEmbed}
  1328.  
  1329. </tr></table>
  1330.  
  1331. </div>
  1332.  
  1333. {block:Caption}<div class="content"><div class="pbody">{Caption}</div></div>{/block:Caption}
  1334.  
  1335. {block:Date}<div class="infobox">
  1336. <div class="info"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}"><div style="{block:if250pxPostsonTagandDayPages}{block:TagPage}display:none{/block:TagPage}{block:DayPage}display:none{/block:DayPage}{/block:if250pxPostsonTagandDayPages}">source</div>{block:if250pxPostsonTagandDayPages}{block:TagPage}src{/block:TagPage}{block:DayPage}src{/block:DayPage}{/block:if250pxPostsonTagandDayPages}</a>{/block:RebloggedFrom}<a href="{ReblogURL}" class="symbols qb" title="reblog post">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>
  1337. {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  1338. </div>{/block:Date}
  1339.  
  1340. </div>
  1341. {/block:Audio}
  1342.  
  1343. <div class="contentsrc">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"
  1344. height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
  1345.  
  1346. {/block:Posts}
  1347.  
  1348. {block:PostNotes}<!--- POST NOTES --->
  1349. <div id="notes">
  1350. <div class="b4notes">...</div>
  1351. {PostNotes-64}
  1352. </div>
  1353. {/block:PostNotes}
  1354.  
  1355. </div> <!-- // end container // -->
  1356.  
  1357. </div>
  1358.  
  1359. </body>
  1360.  
  1361. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement