Advertisement
fawken

Tumblr theme 2

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