1.  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!-- DEFAULT VARIABLES -->
  5. <meta name="color:Background" content="#3b627e" />
  6.  
  7. <meta name="font:Title" content="Arial" />
  8. <meta name="font:Body" content="Arial" />
  9. <meta name="font:Accent" content="Lucida Sans" />
  10.  
  11. <meta name="if:Show People I Follow" content="1" />
  12. <meta name="if:Show Tags" content="1" />
  13. <meta name="if:Show Album Art on Audio Posts" content="1" />
  14. <meta name="if:Enable Jump Pagination" content="0" />
  15.  
  16. <meta name="text:Disqus Shortname" content="" />
  17.  
  18. <meta name="image:Header" content="" />
  19. <meta name="image:Background" content="" />
  20.  
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  22. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  27. <style type="text/css">
  28. body {
  29. background: {color:Background} url('{image:Background}') top left fixed repeat;
  30. margin: 0;
  31. padding: 0;
  32. font-family: {font:Body};
  33. }
  34.  
  35. .clear {
  36. clear: both;
  37. height: 0px;
  38. overflow: hidden;
  39. }
  40.  
  41. a img {
  42. border: none;
  43. }
  44.  
  45. #wrapper {
  46. width: 845px;
  47. margin: 0 auto;
  48. }
  49.  
  50. #wrapper #title {
  51. margin: 30px 0;
  52. color: #fff;
  53. font-size: 50px;
  54. font-weight: bold;
  55. font-family: {font:Title};
  56. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  57. letter-spacing: -1px;
  58. }
  59.  
  60. #wrapper #title a {
  61. color: #fff;
  62. text-decoration: none;
  63. }
  64.  
  65. #wrapper #content {
  66. width: 520px;
  67. float: left;
  68. top: 0px;
  69. margin-left: 100px
  70. }
  71.  
  72. #wrapper #content .post {-moz-border-radius: 10px; -webkit-border-radius: 10px;
  73.  
  74. font-family: {font:Body};
  75. background: #fff;
  76. padding: 10px;
  77. position: relative;
  78. }
  79.  
  80. #wrapper #content .post .media {
  81. text-align: center;
  82. margin-bottom: 10px;
  83. }
  84.  
  85. #wrapper #content .post .quotebg {
  86. font-family: georgia, serif;
  87. font-size: 150px;
  88. color: {color:Background};
  89. opacity: 0.2;
  90. filter: alpha(opacity=20);
  91. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  92. position: absolute;
  93. top: 70px;
  94. left: 10px;
  95. }
  96.  
  97. #wrapper #content .post .quote {
  98. color: {color:Background};
  99. font-weight: bold;
  100. padding: 20px 20px 5px 20px;
  101. }
  102.  
  103. #wrapper #content .post .quote.short {
  104. font-size: 33px;
  105. line-height: 35px;
  106. }
  107.  
  108. #wrapper #content .post .quote.medium {
  109. font-size: 25px;
  110. line-height: 28px;
  111. }
  112.  
  113. #wrapper #content .post .quote.long {
  114. font-size: 18px;
  115. line-height: 22px;
  116. }
  117.  
  118. #wrapper #content .post .quote_source *:first-child {
  119. margin-top: 0px;
  120. }
  121.  
  122. #wrapper #content .post .quote_source *:last-child {
  123. margin-bottom: 0px;
  124. }
  125.  
  126. #wrapper #content .post .quote *:first-child {
  127. margin-top: 0px;
  128. }
  129.  
  130. #wrapper #content .post .quote *:last-child {
  131. margin-bottom: 0px;
  132. }
  133.  
  134. #wrapper #content .post .copy {
  135. color: #6e7173;
  136. padding: 10px;
  137. font-size: 13px;
  138. line-height: 15px;
  139. }
  140.  
  141. #wrapper #content .post .copy a {
  142. color: #6e7173;
  143. text-decoration: underline;
  144. }
  145.  
  146. #wrapper #content .post .copy p {
  147. margin: 10px 0 0 0;
  148. padding: 0;
  149. }
  150.  
  151. #wrapper #content .post .copy pre {
  152. margin: 10px 0px 10px 0px;
  153. padding: 10px;
  154. background-color: #e6e6e6;
  155. font: normal 11px Courier, monospace;
  156. overflow: auto;
  157. }
  158.  
  159. #wrapper #content .post .copy > p:first-child {
  160. margin-top: 0;
  161. }
  162.  
  163. #wrapper #content .post .copy img {
  164. max-width: 100%;
  165. }
  166.  
  167. #wrapper #content .post .audio {
  168. background: #eaeaea;
  169. float: left;
  170. padding: 7px;
  171. margin-bottom: 10px;
  172. -moz-border-radius: 4px;
  173. -webkit-border-radius: 4px;
  174. border-radius: 4px;
  175. }
  176.  
  177. #wrapper #content .post .audio .player {
  178. float: left;
  179. }
  180.  
  181. #wrapper #content .post .audio .player .audio_player embed {
  182. border: 1px solid #c8c8c8;
  183. }
  184.  
  185. #wrapper #content .post .audio .meta {
  186. padding: 8px 13px;
  187. height: 13px;
  188. float: left;
  189. color: #666;
  190. font-family: {font:Accent};
  191. font-size: 11px;
  192. text-transform: lowercase;
  193. }
  194.  
  195. #wrapper #content .post .audio .meta a {
  196. color: #666;
  197. text-decoration: none;
  198. }
  199.  
  200. #wrapper #content .post .album_art {
  201. text-align: center;
  202. }
  203.  
  204. #wrapper #content .post .question {
  205. color: #494949;
  206. font-size: 16px;
  207. font-weight: bold;
  208. background: #f1f1f1;
  209. -moz-border-radius: 8px;
  210. -webkit-border-radius: 8px;
  211. border-radius: 8px;
  212. margin: 0 0 15px 0;
  213. padding: 15px 20px;
  214. position: relative;
  215. }
  216.  
  217. #wrapper #content .post .question .nipple {
  218. width: 13px;
  219. height: 7px;
  220. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  221. position: absolute;
  222. bottom: -7px;
  223. left: 30px;
  224. }
  225.  
  226. #wrapper #content .post .asker_container {
  227. margin: 0 0 20px 24px;
  228. }
  229.  
  230. #wrapper #content .post .asker_container img {
  231. margin: 0 12px -7px 0;
  232. }
  233.  
  234. #wrapper #content .post .asker_container a.asker {
  235. color: {color:Body};
  236. }
  237.  
  238. #wrapper #content .post .title {
  239. color: #494949;
  240. font-size: 16px;
  241. font-weight: bold;
  242. padding: 10px 10px 0 10px;
  243. }
  244.  
  245. #wrapper #content .post img {
  246. max-width: 500px;
  247. }
  248.  
  249. #wrapper #content .post .chat {
  250. background-color: #fff;
  251. border-left: 5px solid #dedddd;
  252. margin: 10px 10px 0 10px;
  253. font-size: 14px;
  254. }
  255.  
  256. #wrapper #content .post .chat .lines {
  257. margin-left: 1px;
  258. }
  259.  
  260. #wrapper #content .post .chat .lines .line {
  261. background-color: #eaeaea;
  262. color: #494949;
  263. margin-bottom: 1px;
  264. padding: 3px 5px;
  265. }
  266.  
  267. #wrapper #content .post .chat .lines .line.even {
  268. background-color: #dedddd;
  269. }
  270.  
  271. #wrapper #content .post .link {
  272. margin: 4px 0 2px 0;
  273. font-size: 16px;
  274. line-height: 25px;
  275. }
  276.  
  277. #wrapper #content .post .link a {
  278. background-color: {color:Background};
  279. color: #fff;
  280. padding: 5px 7px;
  281. -moz-border-radius: 4px;
  282. -webkit-border-radius: 4px;
  283. border-radius: 4px;
  284. }
  285.  
  286. #wrapper #content .post .link a:hover {
  287. opacity: 0.9;
  288. filter: alpha(opacity=90);
  289. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  290. }
  291.  
  292. #wrapper #content .post .footer {
  293. background: #e2cdb7;
  294. -moz-border-radius: 4px;
  295. -webkit-border-radius: 4px;
  296. border-radius: 4px;
  297. font-family: {font:Accent};
  298. font-size: 11px;
  299. color: #875F5F;
  300. padding: 5px 10px;
  301. margin-top: 10px;
  302. }
  303.  
  304. #wrapper #content .post .footer.for_permalink:hover {
  305. opacity: 0.9;
  306. filter: alpha(opacity=90);
  307. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  308. }
  309.  
  310. #wrapper #content .post .footer .date {
  311. width: 67%;
  312. float: left;
  313. color: #875F5F;
  314. }
  315.  
  316. #wrapper #content .post .footer .notes {
  317. width: 33%;
  318. float: right;
  319. text-align: right;
  320. color: #875F5F;
  321. }
  322.  
  323. #wrapper #content .post .footer .notes a {
  324. color: #875F5F;
  325. }
  326.  
  327. #wrapper #content .post .footer .tags a {
  328. color: #875F5F;
  329. text-decoration: underline;
  330. }
  331.  
  332. #wrapper #content .post .footer .tags .tag-commas:last-child {
  333. display: none;
  334. }
  335.  
  336. #wrapper #content .post .footer.with_source_url .tags {
  337. max-width: 330px;
  338. float: left;
  339. }
  340.  
  341. #wrapper #content .post .footer.with_source_url .source_url {
  342. float: right;
  343. max-width: 160px;
  344. overflow: hidden;
  345. white-space: nowrap;
  346.  
  347. }
  348.  
  349. #wrapper #content .post .footer.with_source_url .source_url img {
  350. vertical-align: top;
  351. -moz-opacity: 0.5;
  352. opacity: 0.5;
  353. }
  354.  
  355. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  356. -moz-opacity: 0.7;
  357. opacity: 0.7;
  358. }
  359.  
  360. #wrapper #content .post a {
  361. color: #875F5F;
  362. text-decoration: none;
  363. }
  364.  
  365. #wrapper #content .post .copy blockquote {
  366. margin: 10px 0px 10px 10px;
  367. padding-left: 15px;
  368. border-left: solid 4px #dcdcdc;
  369. }
  370.  
  371. #wrapper #content .post .copy blockquote blockquote {
  372. border-left: solid 4px #cccccc;
  373. }
  374.  
  375. #wrapper #content .post .copy blockquote blockquote blockquote {
  376. border-left: solid 4px #bcbcbc;
  377. }
  378.  
  379. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  380. border-left: solid 4px #acacac;
  381. }
  382.  
  383. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  384. border-left: solid 4px #9c9c9c;
  385. }
  386.  
  387. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  388. border-left: solid 4px #8c8c8c;
  389. }
  390.  
  391. #wrapper #content .bottom {
  392. background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  393. width: 513px;
  394. height: 40px;
  395. margin: 0 auto;
  396. }
  397.  
  398. #wrapper #content #navigation {
  399. text-align: right;
  400. padding-bottom: 35px;
  401. text-transform: lowercase;
  402. }
  403.  
  404. #wrapper #content #navigation a {
  405. background-color: #fff;
  406. color: {color:Background};
  407. padding: 5px 10px;
  408. text-decoration: none;
  409. margin-left: 25px;
  410. }
  411.  
  412. #wrapper #content #navigation a:hover {
  413. opacity: 0.9;
  414. filter: alpha(opacity=90);
  415. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  416. }
  417.  
  418. #wrapper #content #navigation.jump_pagination {}
  419.  
  420. #wrapper #content #navigation.jump_pagination a {
  421. margin: 0 0 0 4px;
  422. }
  423.  
  424. #wrapper #content #navigation.jump_pagination .current_page {
  425. color: #fff;
  426. background-color: rgba(255,255,255, 0.1);
  427. border: 2px solid #fff;
  428. padding: 3px 8px;
  429. margin: 0 0 0 4px;
  430. cursor: default;
  431. }
  432.  
  433. #wrapper #content #navigation.jump_pagination .jump_page {}
  434.  
  435. #wrapper #content .post .notecontainer {
  436. background: #eaeaea;
  437. -moz-border-radius: 4px;
  438. -webkit-border-radius: 4px;
  439. border-radius: 4px;
  440. font-family: {font:Accent};
  441. font-size: 11px;
  442. color: #666;
  443. margin-top: 10px;
  444. margin-bottom: -10px;
  445. }
  446.  
  447. #wrapper #content .post .notecontainer a {
  448. color: #666;
  449. text-decoration: underline;
  450. }
  451.  
  452. #wrapper #content .post .notecontainer ol.notes {
  453. padding: 0px 0 10px 0;
  454. list-style-type: none;
  455. font-size: 11px;
  456. }
  457.  
  458. #wrapper #content .post .notecontainer ol.notes li.note {
  459. padding: 10px 10px 0 10px;
  460. }
  461.  
  462. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  463. vertical-align: -4px;
  464. margin-right: 10px;
  465. width: 16px;
  466. height: 16px;
  467. }
  468.  
  469. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  470. font-weight: normal;
  471. }
  472.  
  473. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  474. font-weight: normal;
  475. }
  476.  
  477. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  478. border-left: 2px solid #666;
  479. padding: 4px 10px;
  480. margin: 10px 0px 0px 25px;
  481. }
  482.  
  483. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  484. text-decoration: none;
  485. }
  486.  
  487. #wrapper #content #searchresults {
  488. color: #fff;
  489. margin: 0 0 15px 0;
  490. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  491. font-family: {font:Body};
  492. font-size: 20px;
  493. }
  494.  
  495. #wrapper #content #searchresults .search_query {
  496. font-weight: bold;
  497. }
  498.  
  499. #wrapper #content #searchresults .search_query:before {
  500. content:'“';
  501. }
  502.  
  503. #wrapper #content #searchresults .search_query:after {
  504. content:'”';
  505. }
  506.  
  507. #wrapper #sidebar {
  508. position:fixed;
  509. margin-left: -180px;
  510. float: left;
  511. top: 100px;
  512. width: 250px;
  513. color: {color:#000000};
  514. font-family: {font:Accent}
  515. }
  516.  
  517. #wrapper #sidebar a {
  518.  
  519. color: {color:Background};
  520. }
  521.  
  522. #wrapper #sidebar #top { -moz-border-radius: 10px; -webkit-border-radius: 10px;
  523.  
  524. background: #fff;
  525. padding: 0 20px;
  526.  
  527. -webkit-border-top-left-radius: 10px;
  528. -webkit-border-top-right-radius: 10px;
  529. -moz-border-radius-topleft: 10px;
  530. -moz-border-radius-topright: 10px;
  531. border-top-left-radius: 10px;
  532. border-top-right-radius: 10px;
  533. }
  534.  
  535. #wrapper #sidebar #top #avatar {
  536. width: 146px;
  537. height: 146px;
  538. padding: 8px 0 0 9px;
  539. background: url('http://assets.tumblr.com/themes/redux/avatar-bg.png') top left no-repeat transparent;
  540. position: relative;
  541. top: -24px;
  542. left: -5px;
  543. }
  544.  
  545. #wrapper #sidebar #top #pages {
  546. margin-bottom: 15px;
  547. font-size: 12px;
  548. }
  549.  
  550.  
  551. #wrapper #sidebar #top #pages a.page {
  552. display: block;
  553. float: left;
  554. background-color: {color:Background};
  555. color: #fff;
  556. padding: 4px 5px;
  557. margin: 0 5px 5px 0;
  558. -webkit-border-radius: 3px;
  559. -moz-border-radius: 3px;
  560. border-radius: 3px;
  561. }
  562.  
  563. #wrapper #sidebar #top #pages a.page:last-child {
  564. margin-right: 0;
  565. }
  566.  
  567. #wrapper #sidebar #top #pages a.page:hover {
  568. opacity: 0.9;
  569. filter: alpha(opacity=90);
  570. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  571. }
  572.  
  573. #wrapper #sidebar #top #description {
  574. font-size: 11px;
  575. position: relative;
  576. top: -18px;
  577. }
  578.  
  579. #wrapper #sidebar #top #description a {
  580. color: {color:Background};
  581. text-decoration: underline;
  582. }
  583.  
  584. #wrapper #sidebar #top #search {
  585. background: #fff;
  586. border: 1px solid {color:Background};
  587.  
  588. -moz-border-radius: 4px;
  589. -webkit-border-radius: 4px;
  590. border-radius: 4px;
  591. }
  592.  
  593. #wrapper #sidebar #top #search-scope {
  594. padding-top: 5px;
  595. font-size: 11px;
  596. text-align: center;
  597. }
  598.  
  599. #wrapper #sidebar #top #search-scope input,
  600. #wrapper #sidebar #top #search-scope label {
  601. cursor: pointer;
  602. }
  603.  
  604. #wrapper #sidebar #top #search form {
  605. margin: 0;
  606. }
  607.  
  608. #wrapper #sidebar #top #search form .query {
  609. padding: 5px;
  610. border: none;
  611. background: transparent;
  612. outline: none;
  613. width: 125px;
  614. float: left;
  615. color: {color:Background};
  616. }
  617.  
  618. #wrapper #sidebar #top #search form .submit {
  619. background: {color:Background};
  620. color: #fff;
  621. border: none;
  622. padding: 5px 7px;
  623. margin: 3px 3px 2px 0;
  624. float: right;
  625. -moz-border-radius: 3px;
  626. -webkit-border-radius: 3px;
  627. border-radius: 3px;
  628. cursor: pointer;
  629. }
  630.  
  631. #wrapper #sidebar #top #search form .submit:hover {
  632. opacity: 0.9;
  633. filter: alpha(opacity=90);
  634. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  635. }
  636.  
  637. #wrapper #sidebar #top .heading {
  638. color: #fff;
  639. font-family: helvetica, arial, sans-serif;
  640. font-size: 17px;
  641. margin-top: 20px;
  642. padding: 10px;
  643. background-color: {color:Background};
  644. -webkit-border-top-left-radius: 4px;
  645. -webkit-border-top-right-radius: 4px;
  646. -moz-border-radius-topleft: 4px;
  647. -moz-border-radius-topright: 4px;
  648. border-top-left-radius: 4px;
  649. border-top-right-radius: 4px;
  650. }
  651.  
  652. #wrapper #sidebar #top a .heading {
  653. color: #fff;
  654. text-decoration: none;
  655. }
  656.  
  657. #wrapper #sidebar #top .heading#followontumblr {
  658. background: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-en_US.png') center left no-repeat {color:Background};
  659. text-indent: -9999px;
  660. -moz-border-radius: 4px;
  661. -webkit-border-radius: 4px;
  662. border-radius: 4px;
  663.  
  664. {block:German}
  665. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-de_DE.png');
  666. {/block:German}
  667.  
  668. {block:Japanese}
  669. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-ja_JP.png');
  670. {/block:Japanese}
  671.  
  672. {block:Italian}
  673. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-it_IT.png');
  674. {/block:Italian}
  675.  
  676. {block:French}
  677. background-image: url('http://assets.tumblr.com/themes/redux/sidebar-follow-on-fr_FR.png');
  678. {/block:French}
  679. }
  680.  
  681. #wrapper #sidebar #top .heading#followontumblr:hover,
  682. #wrapper #sidebar #top .heading#twitter:hover {
  683. opacity: 0.9;
  684. filter: alpha(opacity=90);
  685. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  686. }
  687.  
  688. #wrapper #sidebar #top .heading#twitter {
  689. background: url('http://assets.tumblr.com/themes/redux/sidebar-twitter.png') right center no-repeat {color:Background};
  690. }
  691.  
  692. #wrapper #sidebar #top .heading#following {
  693. background: url('http://assets.tumblr.com/themes/redux/sidebar-following.png') right center no-repeat {color:Background};
  694. }
  695.  
  696. #wrapper #sidebar #top .content {
  697. margin-top: 2px;
  698. padding: 7px 10px;
  699. background: #eaeaea;
  700. color: #666;
  701. font-size: 11px;
  702. overflow: hidden;
  703. }
  704.  
  705. #wrapper #sidebar #top a {
  706. text-decoration: none;
  707. }
  708.  
  709. #wrapper #sidebar #top #following-avatars.content {
  710. padding: 4px;
  711. }
  712.  
  713. #wrapper #sidebar #top #following-avatars.content a img {
  714. margin: 5px;
  715. }
  716.  
  717. #wrapper #sidebar #top #buttons {
  718. padding: 20px 0 0 0;
  719. }
  720.  
  721. #wrapper #sidebar #top #buttons .button {
  722. width: 35%;
  723. height: 21px;
  724. float: left;
  725. background: left center no-repeat transparent;
  726. padding: 2px 0 0 30px;
  727. font-size: 14px;
  728. }
  729.  
  730. #wrapper #sidebar #top #buttons a {
  731. color: {color:Background};
  732. text-decoration: none;
  733. }
  734.  
  735. #wrapper #sidebar #top #buttons div {
  736. padding-bottom: 10px;
  737. }
  738.  
  739. #wrapper #sidebar #top #buttons .button#button-rss {
  740. background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
  741. text-transform: capitalize;
  742. }
  743.  
  744. #wrapper #sidebar #top #buttons .button#button-random {
  745. background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
  746. }
  747.  
  748. #wrapper #sidebar #top #buttons .button#button-archive {
  749. background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
  750. }
  751.  
  752. #wrapper #sidebar #top #buttons .button#button-mobile {
  753. background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
  754. }
  755.  
  756. #wrapper #sidebar #bottom {
  757. background: url('') top center no-repeat transparent;
  758. width: 250px;
  759. height: 25px;
  760. }
  761.  
  762. #wrapper #sidebar #copyright {
  763. text-align: center;
  764. color: #fff;
  765. font-size: 12px;
  766. margin-bottom: 10px;
  767. }
  768.  
  769. #wrapper #sidebar #copyright a {
  770. color: #fff;
  771. margin-left: 15px;
  772. }
  773.  
  774. </style>
  775. <!--[if lt IE 7.]>
  776. <style type="text/css">
  777. #wrapper #sidebar #bottom {
  778. background: transparent;
  779. }
  780.  
  781. #wrapper #sidebar #top #avatar {
  782. background: none;
  783. }
  784.  
  785. #wrapper #sidebar #top #avatar img {
  786. border: 5px solid #f1f1f1;
  787. }
  788.  
  789. #wrapper #sidebar #top .heading#followontumblr {
  790. background-image: none;
  791. text-indent: 0;
  792. }
  793.  
  794. #wrapper #sidebar #top .heading#twitter {
  795. background-image: none;
  796. }
  797.  
  798. #wrapper #sidebar #top .heading#following {
  799. background-image: none;
  800. }
  801.  
  802. #wrapper #content .post .audio .player {
  803. float: none;
  804. }
  805.  
  806. #wrapper #content .post .audio .meta {
  807. display: none;
  808. float: none;
  809. }
  810. </style>
  811. <![endif]-->
  812.  
  813. <!--[if lt IE 8.]>
  814. <style type="text/css">
  815. #wrapper #content .bottom {
  816. background: transparent;
  817. }
  818.  
  819. #wrapper #content .post .footer {
  820. background: transparent;
  821. color: #000;
  822. }
  823.  
  824. #wrapper #content .post .audio {
  825. float: none;
  826. background: transparent;
  827. }
  828.  
  829. #wrapper #content .post .notecontainer .notes {
  830. padding: 0;
  831. margin: 0;
  832. }
  833. </style>
  834. <![endif]-->
  835. <style type="text/css">{CustomCSS}</style>
  836. </head>
  837. <body>
  838. <div id="wrapper">
  839.  
  840.  
  841. <div id="content">
  842.  
  843. {block:SearchPage}
  844. {block:SearchResults}
  845. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  846. {/block:SearchResults}
  847.  
  848. {block:NoSearchResults}
  849. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  850. {/block:NoSearchResults}
  851. {/block:SearchPage}
  852.  
  853. {block:Posts}
  854. <div class="post">
  855.  
  856. {block:Photo}
  857. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  858. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  859. {/block:Photo}
  860.  
  861. {block:Video}
  862. <div class="media">{Video-500}</div>
  863. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  864. {/block:Video}
  865.  
  866. {block:Audio}
  867. {block:IfShowAlbumArtOnAudioPosts}
  868. {block:AlbumArt}
  869. <div class="album_art">
  870. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  871. </div>
  872. {/block:AlbumArt}
  873. {/block:IfShowAlbumArtOnAudioPosts}
  874.  
  875. <div class="audio">
  876. <div class="player">{AudioPlayerWhite}</div>
  877. <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  878. <div class="clear"></div>
  879. </div>
  880. <div class="clear"></div>
  881. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  882. {/block:Audio}
  883.  
  884. {block:Quote}
  885. <div class="quote {Length}">{Quote}</div>
  886. <div class="copy">
  887. <div class="quotebg">“</div>
  888. {block:Source}
  889. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  890. <tr>
  891. <td valign="top" style="width:20px;">&mdash;</td>
  892. <td valign="top" class="quote_source">
  893. {Source}
  894. </td>
  895. </tr>
  896. </table>
  897. {/block:Source}
  898. </div>
  899. {/block:Quote}
  900.  
  901. {block:Text}
  902. {block:Title}<div class="title">{Title}</div>{/block:Title}
  903. <div class="copy">{Body}</div>
  904. {/block:Text}
  905.  
  906. {block:Answer}
  907. <div class="question">
  908. <div class="nipple"></div>
  909. {Question}
  910. </div>
  911. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  912. <div class="copy">{Answer}</div>
  913. {/block:Answer}
  914.  
  915. {block:Chat}
  916. {block:Title}<div class="title">{Title}</div>{/block:Title}
  917. <div class="chat">
  918. <div class="lines">
  919. {block:Lines}
  920. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  921. {/block:Lines}
  922. </div>
  923. </div>
  924. <div class="clear"></div>
  925. <div style="height:10px;"></div>
  926. {/block:Chat}
  927.  
  928. {block:Link}
  929. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  930. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  931. {/block:Link}
  932.  
  933. {block:Date}
  934. <a href="{Permalink}">
  935. <div class="footer for_permalink">
  936. <div class="date">
  937. {block:Reblog}
  938. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  939. {/block:Reblog}
  940.  
  941. {block:NotReblog}
  942. {lang:Posted TimeAgo from source}
  943. {/block:NotReblog}
  944. </div>
  945. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  946. <div class="clear"></div>
  947. </div>
  948. </a>
  949. {/block:Date}
  950.  
  951. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  952. display:none;
  953. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  954. {block:ContentSource}display:block;{/block:ContentSource}
  955. ">
  956. {block:IfShowTags}
  957. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  958. {/block:IfShowTags}
  959.  
  960. {block:ContentSource}
  961. <a href="{SourceURL}" class="source_url">
  962. {lang:Source}:
  963. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  964. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  965. </a>
  966. {/block:ContentSource}
  967.  
  968. <div class="clear"></div>
  969. </div>
  970.  
  971. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  972.  
  973. </div>
  974. <div class="bottom"></div>
  975. {/block:Posts}
  976.  
  977. {block:Pagination}
  978. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  979. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  980.  
  981. {block:IfEnableJumpPagination}
  982. {block:JumpPagination length="5"}
  983. {block:CurrentPage}
  984. <span class="current_page">{PageNumber}</span>
  985. {/block:CurrentPage}
  986.  
  987. {block:JumpPage}
  988. <a class="jump_page" href="{URL}">{PageNumber}</a>
  989. {/block:JumpPage}
  990.  
  991. {/block:JumpPagination}
  992. {/block:IfEnableJumpPagination}
  993.  
  994. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  995. </div>
  996. {/block:Pagination}
  997.  
  998. </div>
  999.  
  1000. <div id="sidebar">
  1001. <div id="top">
  1002.  
  1003. <div id="description">{Description}</div>
  1004.  
  1005.  
  1006.  
  1007. {block:HasPages}
  1008. <div id="pages">
  1009. {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
  1010. <div class="clear"></div>
  1011. </div>
  1012. {/block:HasPages}
  1013.  
  1014.  
  1015.  
  1016. </div>
  1017.  
  1018. <div id="bottom"></div>
  1019.  
  1020. </div>
  1021.  
  1022. <div class="clear"></div>
  1023. </div>
  1024.  
  1025. </body>
  1026. </html>