med-x

absolutely minimal redux edit (personal use)

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