Guest User

Untitled

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