Advertisement
pistachi-o

theme 2.08

Jun 21st, 2013
1,872
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.04 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. Theme V2.008
  7. pistachi-o (nutty-themes @ tumblr)
  8.  
  9. Theme Documentation:
  10. http://nutty-themes.tumblr.com/themedoc
  11.  
  12. Please Do Not:
  13. http://nutty-themes.tumblr.com/terms
  14.  
  15. -->
  16.  
  17.  
  18. <html>
  19. <head>
  20.  
  21. <!-- DEFAULT VARIABLES -->
  22. <meta name="text:Body Font" content="'Istok Web', Arial, sans-serif" />
  23. <meta name="text:Header Font" content="'Istok Web', Arial, sans-serif" />
  24. <meta name="text:Desc Font" content="'Oxygen Mono', Arial, sans-serif" />
  25. <meta name="text:Font Size" content="11px" />
  26.  
  27. <meta name="color:Background" content="#151b27" />
  28. <meta name="color:Border" content="#f6921d" />
  29. <meta name="color:Border2" content="#dbdada" />
  30. <meta name="color:Date" content="#dfcc8a" />
  31. <meta name="color:Date Border" content="#12a89d" />
  32. <meta name="color:Desc Text" content="#fafaf8" />
  33. <meta name="color:Extra Links" content="#b14623" />
  34. <meta name="color:Link" content="#f73f35" />
  35. <meta name="color:Link Hover" content="#dfcc8a" />  
  36. <meta name="color:Navlinks" content="#f7941d" />
  37. <meta name="color:Navlinks Hover" content="#ffffff" />
  38. <meta name="color:Sidebar" content="#12a89d" />
  39. <meta name="color:Text" content="#fafaf8" />
  40.  
  41. <meta name="image:Sidebar" content=""/>
  42. <meta name="image:Background" content=""/>
  43.  
  44. <meta name="text:Sidebar Image" content="" />
  45. <meta name="text:Link1" content="" />
  46. <meta name="text:Link1 Title" content="" />
  47. <meta name="text:Link2" content="" />
  48. <meta name="text:Link2 Title" content="" />
  49. <meta name="text:Link3" content="" />
  50. <meta name="text:Link3 Title" content="" />
  51. <meta name="text:Link4" content="" />
  52. <meta name="text:Link4 Title" content="" />
  53. <meta name="text:Link5" content="" />
  54. <meta name="text:Link5 Title" content="" />
  55. <meta name="text:Link6" content="" />
  56. <meta name="text:Link6 Title" content="" />
  57. <meta name="text:Link7" content="" />
  58. <meta name="text:Link7 Title" content="" />
  59. <meta name="text:Link8" content="" />
  60. <meta name="text:Link8 Title" content="" />
  61.  
  62. <meta name="if:400 Posts" content="0"/>
  63. <meta name="if:500 Posts" content="1"/>
  64.  
  65. <meta name="if:External Sidebar Image" content="0"/>
  66. <meta name="if:Tumblr Sidebar Image" content="1"/>
  67.  
  68. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  69. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  70. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  71. <link rel="shortcut icon" href="{Favicon}" />
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  73.  
  74.  
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic' rel='stylesheet' type='text/css'>
  77. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,800italic,400,600,700,800' rel='stylesheet' type='text/css'>
  78. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  79. <link href='http://fonts.googleapis.com/css?family=Oxygen+Mono' rel='stylesheet' type='text/css'>
  80.  
  81.  
  82. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  83.  
  84. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  85. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  86. <script type="text/javascript" charset="utf-8">
  87. var $j = jQuery.noConflict();
  88. $j(function() {
  89. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  90. $j("img").lazyload({
  91. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  92. effect: "fadeIn",
  93. });
  94. });
  95. </script>
  96.  
  97.  
  98. <style type="text/css">
  99.  
  100.  
  101. /* Reset
  102. -------------------------------------------------------------*/
  103.  
  104. body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  105.  
  106.  
  107.  
  108. /* Webkit-Scrollbar
  109. -------------------------------------------------------------*/
  110.  
  111. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:Background};}
  112. ::-webkit-scrollbar-thumb:vertical {background:{color:Border};}
  113. ::-webkit-scrollbar-thumb:horizontal {background:{color:Border}}
  114. ::-webkit-scrollbar-thumb {background:{color:Border};}
  115.  
  116.  
  117.  
  118. /* General
  119. -------------------------------------------------------------*/
  120.  
  121. body {
  122. background-color: {color:Background};
  123. background-image: url('{image:Background}');
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. font-family: {text:Body Font};
  127. font-size: {text:Font Size};
  128. text-align: justify;
  129. color: {color:Text};
  130. line-height: 100%;
  131. }
  132.  
  133. a:link, a:active, a:visited {
  134. color: {color:Link};
  135. text-decoration: none;
  136. }
  137.  
  138. a:hover {
  139. color: {color:Link Hover};
  140. text-decoration: none;
  141. }
  142.  
  143. #s-m-t-tooltip {
  144. max-width: 300px;
  145. z-index: 9999;
  146. margin: 10px 15px;
  147. padding: 3px 5px;
  148. background: {color:Background};
  149. border: 1px solid {color:Border};
  150. text-decoration: none;
  151. font-size: 9px;
  152. color: {color:Link};
  153. font-weight: normal;
  154. text-transform: uppercase;
  155. line-height: 12px;
  156. }
  157.  
  158. b, strong{
  159. color: {color:Border};
  160. }
  161.  
  162. i, em {
  163. color: {color:Link};
  164. }
  165.  
  166. p {
  167. margin: 3px 0px;
  168. }
  169.  
  170. h1 {
  171. font-family: {text:Header Font};
  172. color: {color:Link};
  173. font-size: 16px;
  174. line-height: 110%;  
  175. font-weight: normal;
  176. text-transform: uppercase;
  177. text-align: left;
  178. }
  179.  
  180. h2 {
  181. font-family: {text:Header Font};
  182. color: {color:Link};
  183. font-size: 14px;
  184. line-height: 100%;  
  185. font-weight: normal;
  186. text-transform: uppercase;
  187. text-align: center;
  188. }
  189.  
  190. h3 {
  191. font-family: {text:Header Font};
  192. color: {color:Link};
  193. font-size: 12px;
  194. line-height: 100%;  
  195. font-weight: normal;
  196. text-transform: uppercase;
  197. text-align: left;
  198. }
  199.  
  200. blockquote {
  201. border-left: 3px solid {color:Border};
  202. padding: 5px;
  203. }
  204.  
  205. blockquote i {
  206. color: {color:Text};
  207. }
  208.  
  209. blockquote img {
  210. max-width: 100%;
  211. }
  212.  
  213. blockquote blockquote {
  214. border-left: 3px solid {color:Border};
  215. margin: 5px;
  216. padding: 5px;
  217. }
  218.  
  219.  
  220.  
  221. /* Topbar
  222. -------------------------------------------------------------*/
  223.  
  224. #topbar {
  225. width: 100%;
  226. height: 80px;
  227. padding: 20px 0px;
  228. background: {color:Background};
  229. position: relative;
  230. }
  231.  
  232. .maintitle {
  233. font-family: 'Abril Fatface', Georgia, cursive;
  234. font-size: 32px;
  235. display: inline-block;
  236. line-height: 100%;
  237. margin: 20px 0px 20px 205px;
  238. }
  239.  
  240. .maintitle a {
  241. color: {color:Text};
  242. }
  243.  
  244. #sidebar {
  245. position: fixed;
  246. top: 0;
  247. width: 150px;
  248. height: 100%;
  249. padding: 10px;
  250. background: {color:Sidebar};
  251. {block:If400Posts}margin-left: 630px; {/block:If400Posts}
  252. {block:If500Posts}margin-left: 730px; {/block:If500Posts}
  253. {block:PermalinkPage}margin-left: 730px; {/block:PermalinkPage}
  254. }
  255.  
  256. .desc {
  257. font-family: {text:Desc Font};
  258. text-transform: uppercase;
  259. color: {color:Desc Text};
  260. font-size: 9px;    
  261. text-align: left;
  262. background: transparent;
  263. }
  264.  
  265. #sideimg {
  266. width: 120px;
  267. margin: 145px auto 20px;
  268. }
  269.  
  270. #sideimg img {
  271. width: 120px;
  272. -webkit-border-radius: 50%;
  273. -moz-border-radius: 50%;
  274. border-radius: 50%;
  275. }
  276.  
  277. .navwrap {
  278. position: absolute;
  279. left: 195px;
  280. margin-top: 180px;
  281. width: 120px;
  282. }
  283.  
  284. .navlinks {
  285. width: 110px;
  286. margin: 10px auto;
  287. }
  288.  
  289. .navlinks a {
  290. display: block;
  291. font-family: {text:Desc Font};
  292. color: {color:Background};
  293. font-size: 9px;
  294. text-transform: uppercase;
  295. text-align: left;
  296. height: 9px;
  297. padding: 3px 5px;
  298. margin: 2px 0px;
  299. background: {color:Navlinks};
  300. -o-transition: all 0.3s ease-in-out;
  301. -webkit-transition: all 0.3s ease-in-out;
  302. -moz-transition: all 0.3s ease-in-out;
  303. transition: all 0.3s ease-in-out;
  304. }
  305.  
  306. .navlinks a:hover {
  307. background: transparent;
  308. color: {color:Text};
  309. }
  310.  
  311.  
  312. /* Pagination
  313. -------------------------------------------------------------*/
  314.  
  315. .pagination {
  316. left: 195px;
  317. width: 120px;
  318. position: absolute;
  319. bottom: 50px;
  320. }
  321.  
  322. .pagination a {
  323. display: block;
  324. font-family: {text:Desc Font};
  325. color: {color:Background};
  326. font-size: 9px;
  327. text-transform: uppercase;
  328. text-align: center;
  329. height: 9px;
  330. padding: 3px 5px;
  331. margin: 2px 0px;
  332. background: {color:Navlinks};
  333. -o-transition: all 0.3s ease-in-out;
  334. -webkit-transition: all 0.3s ease-in-out;
  335. -moz-transition: all 0.3s ease-in-out;
  336. transition: all 0.3s ease-in-out;
  337. }
  338.  
  339. .pagination a:hover {
  340. background: transparent;
  341. color: {color:Text};
  342. }
  343.  
  344.  
  345. /* Entries
  346. -------------------------------------------------------------*/
  347.  
  348. #entries {
  349. background: transparent;
  350. position: relative;
  351. margin: 10px 0px;
  352. {block:If400Posts}width: 610px; {/block:If400Posts}
  353. {block:If500Posts}width: 710px; {/block:If500Posts}
  354. }
  355.  
  356. #posts {
  357. {block:If400Posts}
  358. {block:IndexPage}width: 400px; {/block:IndexPage}
  359. {block:PermalinkPage}width: 500px; {/block:PermalinkPage}
  360. {/block:If400Posts}
  361. {block:If500Posts}width: 500px; {/block:If500Posts}
  362. padding: 0px 5px 30px;
  363. margin-left: 200px;
  364. text-align: left;
  365. line-height: 110%;
  366. position: relative;
  367. background: transparent;
  368. }
  369.  
  370.  
  371.  
  372. /* Post Info
  373. -------------------------------------------------------------*/
  374.  
  375. .info {
  376. position: absolute;
  377. top: 0;
  378. left: -200px;
  379. width: 195px;
  380. height: 100%;
  381. font-family: {text:Desc Font};
  382. font-size: 9px;
  383. text-align: center;
  384. background: transparent;
  385. display: block;
  386. border-top: 18px solid {color:Date Border};
  387. }
  388.  
  389. .permanote {
  390. list-style-type: square;
  391. padding: 20px;
  392. text-transform: uppercase;
  393. text-align: left;
  394. word-wrap: break-word;
  395. }
  396.  
  397. .tagged {
  398. font-family: {text:Desc Font};
  399. font-size: 9px;
  400. line-height: 12px;
  401. padding-left: 200px;
  402. margin-bottom: 40px;
  403. }
  404.  
  405. .tagged a {
  406. color: {color:Text};
  407. border-bottom: 1px solid {color:Link};
  408. text-transform: lowercase;
  409. }
  410.  
  411. .tagged a:hover {
  412. color: {color:Link Hover};
  413. border-bottom: 1px solid {color:Link Hover};
  414. font-style: italic;
  415. }
  416.  
  417. .dated {
  418. margin: 0px 0px 20px 0px;
  419. color: {color:Date};
  420. font-family: {text:Header Font};
  421. font-size: 14px;
  422. font-weight: 600;
  423. text-transform: uppercase;
  424. padding: 3px 0px;
  425. }
  426.  
  427. .dated a {
  428. color: {color:Date};
  429. }
  430.  
  431.  
  432.  
  433. /* Ask Posts
  434. -------------------------------------------------------------*/
  435.  
  436. .question {
  437. width: 100%;
  438. height: 40px;
  439. margin-bottom: 5px;
  440. }
  441.  
  442. .askcon {
  443. float: left;
  444. width: 40px;
  445. height: 40px;
  446. padding-right: 10px;
  447. position: relative;
  448. }
  449.  
  450. .askcon img {
  451. position: relative;
  452. }
  453.  
  454. .asking {
  455. float: left;
  456. height: 40px
  457. padding: 10px 0px;
  458. font-size: 12px;
  459. position: relative;
  460. }
  461.  
  462. .asking span {
  463. text-transform: uppercase;
  464. padding-bottom: 3px;
  465. }
  466.    
  467. .answer {
  468. position: relative;
  469. padding: 10px;
  470. margin-bottom: 5px;
  471. }
  472.  
  473.  
  474.  
  475.  
  476. /* Quote Posts
  477. -------------------------------------------------------------*/
  478.  
  479. .quotewrap {
  480. margin: 20px auto;
  481. padding: 20px 25px;
  482. position: relative;    
  483. }
  484.  
  485. .quote {
  486. margin-top: 10px;
  487. padding-top: 30px;
  488. }
  489.  
  490. .out:after {
  491. font-family: 'sosa';
  492. content: 'C';
  493. background: transparent;
  494. width: 50px;
  495. height: 50px;
  496. position: absolute;
  497. color: {colo:border};
  498. text-shadow: 0 1px 1px rgba(255,255,255,0.1);
  499. font-size: 35px;
  500. line-height: 50px;
  501. text-align: center;
  502. left: 50%;
  503. margin-left: -25px;
  504. top: -10px;
  505. cursor: pointer;
  506. z-index: 1000;
  507. }
  508.  
  509.  
  510.  
  511. /* @font-face (SOSA)
  512. -------------------------------------------------------------*/
  513.  
  514.  
  515. @font-face {
  516. font-family: 'sosa';
  517.     src: url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot");
  518.     src:
  519.         url("http://static.tumblr.com/whx9ghv/iTmmbwkij/sosa.eot?#iefix") format('embedded-opentype'),
  520.         url("http://static.tumblr.com/whx9ghv/zwPmbwkjn/sosa.woff") format('woff'),
  521.         url("http://static.tumblr.com/whx9ghv/5Skmbwkja/sosa.ttf") format('truetype'),
  522.         url("http://static.tumblr.com/whx9ghv/KXgmbwkj1/sosa.svg#icons") format('svg');
  523. font-weight: normal;
  524. font-style: normal;
  525. }
  526.  
  527.  
  528. /* Audio Posts
  529. -------------------------------------------------------------*/
  530.  
  531. .audioplayer {
  532. position: absolute;
  533. z-index: 3;
  534. opacity: 0.7;
  535. margin: 33px;
  536. }
  537.  
  538. .audio {
  539. width: 10px;
  540. padding: 5px 20px 5px 5px;
  541. background-color: #fefefe;
  542. overflow: hidden;
  543. }
  544.  
  545. #audiocap {
  546. min-height: 100px;
  547. }
  548.  
  549. #audioinfo {
  550. height: auto;
  551. padding: 4px 5px;
  552. display: block;
  553. overflow: hidden;
  554. font-size: 10px;
  555. text-align: left;
  556. margin-bottom: 3px;
  557. text-transform: uppercase;
  558. }
  559.  
  560. #audioinfo b {
  561. color: {color:Link};
  562. }
  563.  
  564. #audioimg img {
  565. width: 100px;
  566. margin-right: 2px;
  567. }
  568.  
  569.  
  570.  
  571. /* Chat Posts
  572. -------------------------------------------------------------*/
  573.  
  574. .user_1 .label {color:{color:link}; font-weight:bold}
  575. .user_2 .label {color:{color:link hover}; font-weight:bold}
  576. .user_3 .label {color:{color:link}; font-weight:bold}
  577. .user_4 .label {color:{color:link hover}; font-weight:bold}
  578. .user_5 .label {color:{color:link}; font-weight:bold}
  579. .user_6 .label {color:{color:link hover}; font-weight:bold}
  580. .user_7 .label {color:{color:link}; font-weight:bold}
  581. .user_8 .label {color:{color:link hover}; font-weight:bold}
  582. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  583.  
  584.  
  585. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  586.        
  587.        
  588. /* Post Notes (Permalink Page)
  589. -------------------------------------------------------------*/
  590.  
  591. ol.notes, .notes li {
  592. list-style:none;
  593. margin: 0px;
  594. padding: 0px;
  595. }
  596.  
  597. .ending {
  598. {block:If400Posts}max-width: 400px; {/block:If400Posts}
  599. {block:If500Posts}max-width: 500px; {/block:If500Posts}
  600. text-align: left;
  601. padding-left: 200px;
  602. text-decoration: none;
  603. line-height: 180%;
  604. position: relative;
  605. }
  606.  
  607. .ending a {
  608. text-transform: uppercase;
  609. font-size: 10px;
  610. }
  611.  
  612. .ending img {
  613. width: 10px;
  614. height: 10px;
  615. border: 2px solid {color:Tags};
  616. margin-right: 2px;
  617. }
  618.  
  619.  
  620. </style>
  621. <style type="text/css">{CustomCSS}</style>
  622. </head>
  623.  
  624.  
  625.  
  626. <body>
  627.  
  628.  
  629. <div id="topbar">
  630. <div class="maintitle"><a href="/">{Title}</a></div>
  631. </div>
  632.  
  633. <div id="sidebar">
  634.  
  635. <div class="navwrap">
  636. <div class="desc">{block:Description}{Description}{/block:Description}</div>
  637. </div>
  638.  
  639. <div class="pagination">{block:Pagination}
  640. <a style="background: {color:Background}; color: {color:Text};">{CurrentPage} of {TotalPages}</a><br>
  641. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  642. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  643. {/block:Pagination}</div>
  644.  
  645. <div id="sideimg">{block:IfExternalSidebarImage}<img src="{text:Sidebar Image}">{/block:IfExternalSidebarImage}
  646. {block:IfTumblrSidebarImage}<img src="{image:Sidebar}">{/block:IfTumblrSidebarImage}</div>
  647.  
  648. <div class="navlinks">
  649. <a href="/">Home</a>
  650. <a href="/ask">Ask</a>
  651. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  652. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  653. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  654. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  655. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  656. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  657. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  658. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  659. <a href="http://nutty-themes.tumblr.com/">Credit</a>
  660. </div>
  661.  
  662. </div>
  663.  
  664. <div id="entries">
  665. {block:Posts}
  666. <div id="posts">
  667.  
  668. <div class="info">
  669.  
  670. <div class="permanote">
  671. <li>{NoteCountWithLabel}</li>
  672. <br>
  673. <li><a href="{ReblogURL}">Reblog</a></li>
  674. <br>
  675. {block:RebloggedFrom}<li>VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a></li>{/block:RebloggedFrom}
  676. {block:ContentSource}<li>SOURCE: <a href="{SourceURL}">{SourceLink}</a></li>{/block:ContentSource}
  677. </div>
  678.  
  679. </div>
  680.  
  681. <div class="dated">
  682. {block:Date}<a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year} @ {24HourWithZero}:{Minutes}</a>{/block:Date}
  683. </div>
  684.  
  685. {block:Quote}
  686. <h2>"{Quote}"&nbsp; - {Source}</h2>
  687. {/block:Quote}
  688.  
  689. {block:Text}
  690. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  691. {Body}
  692. {/block:Text}
  693.  
  694. {block:Link}
  695. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  696. {block:Description}{Description}{/block:Description}
  697. {/block:Link}
  698.  
  699. {block:If400Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If400Posts}
  700. {block:If500Posts}{block:IndexPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:IndexPage}{/block:If500Posts}
  701. {block:PermalinkPage}{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:PermalinkPage}
  702.  
  703. {block:If400Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If400Posts}
  704. {block:If500Posts}{block:IndexPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:IndexPage}{/block:If500Posts}
  705. {block:PermalinkPage}{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}{/block:PermalinkPage}
  706.  
  707. {block:Chat}
  708. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  709. {/block:Chat}
  710.  
  711. {block:If400Posts}{block:IndexPage}{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If400Posts}
  712. {block:If500Posts}{block:IndexPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:IndexPage}{/block:If500Posts}
  713. {block:PermalinkPage}{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:PermalinkPage}
  714.  
  715. {block:Audio}
  716. {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  717. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  718. <div id="audiocap">
  719. <div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  720. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  721. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  722. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  723. {/block:Audio}
  724.  
  725. {block:Answer}
  726. <div class="question"><div class="askcon"><img src="{AskerPortraitURL-40}"></div>
  727. {Asker} ASKED: <br>{Question}</div>
  728. <div class="answer">{Answer}</div>
  729. {/block:Answer}
  730.  
  731.  
  732. </div>    
  733.  
  734.  
  735. <div class="tagged">{block:HasTags}filed under:&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  736.  
  737. {/block:Posts}
  738.  
  739. {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
  740. </div>
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748. <script src="http://static.tumblr.com/whx9ghv/omZm88ne9/jquery.style-my-tooltips.js"></script>
  749. <script type="text/javascript">
  750.     (function($){
  751.         $(document).ready(function(){
  752.             $("[title]").style_my_tooltips({
  753.             tip_delay_time:200,
  754.         });
  755.         });
  756.     })(jQuery);
  757. </script>
  758.  
  759.  
  760.  
  761.  
  762. </body>
  763. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement