Advertisement
zeroisreal

redux edit #2

Jan 30th, 2013
3,650
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.00 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. redux edit by shotabytes.tumblr.com
  4. proud tom hiddleston/sonic shipper
  5. -->
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:Background" content="" />
  10. <meta name="font:Title" content="Arial" />
  11. <meta name="font:Body" content="Arial" />
  12. <meta name="font:Accent" content="Lucida Sans" />
  13. <meta name="if:Show Tags" content="1" />
  14. <meta name="if:Show Album Art on Audio Posts" content="1" />
  15. <meta name="if:Enable Jump Pagination" content="0" />
  16. <meta name="image:Background" content="" />
  17. <meta name="color:Footer" content="" />
  18. <meta name="image:Footer" content="" />
  19. <meta name="color:Borders" content="" />
  20. <meta name="color:Link1" content="" />
  21. <meta name="color:Link2" content="" />
  22. <meta name="color:Link3" content="" />
  23. <meta name="color:Link4" content="" />
  24. <meta name="color:Link5" content="" />
  25. <meta name="text:link1" content=""/>
  26. <meta name="text:link2" content=""/>
  27. <meta name="text:link3" content=""/>
  28. <meta name="text:link4" content=""/>
  29. <meta name="text:link5" content=""/>
  30. <meta name="if:Show Extra Box" content="0"/>
  31. <meta name="text:Extra Box Description" content=""/>
  32. <meta name="if:Show Music Player" content="0"/>
  33. <meta name="text:Music Player Code" content=""/>
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  36. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40. <style type="text/css">
  41. iframe#tumblr_controls {
  42. top: 0% !important;
  43. right:0% !important;
  44. position: fixed !important;}
  45.  
  46. body {
  47. background: {color:Background} url('{image:Background}') top left fixed repeat;
  48. margin: 0;
  49. padding: 0;
  50. font-family: {font:Body};
  51. background-size: cover;
  52. }
  53.  
  54. .clear {
  55. clear: both;
  56. height: 0px;
  57. overflow: hidden;
  58. }
  59.  
  60. a img {
  61. border: none;
  62. }
  63. .tumblr_audio_player {height: 40px; width: 210px;}
  64. #wrapper {
  65. width: 845px;
  66. margin: 0 auto;
  67. }
  68.  
  69. #wrapper #title {
  70. margin: 30px 0;
  71. color: #fff;
  72. font-size: 50px;
  73. font-weight: bold;
  74. font-family: {font:Title};
  75. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  76. letter-spacing: -1px;
  77. }
  78.  
  79. #wrapper #title a {
  80. color: #fff;
  81. text-decoration: none;
  82. }
  83.  
  84. #wrapper #content {
  85. width: 424px;
  86. float: left;
  87. }
  88.  
  89. #wrapper #content .post {
  90. font-family: {font:Body};
  91. background: #fff;
  92. padding: 10px;
  93. position: relative;
  94. -moz-border-radius: 20px;
  95. -webkit-border-radius: 20px;
  96. border-radius: 20px;
  97. border: 2px double {color:Borders};
  98. box-shadow:rgba(0,0,0,0.1)-3px 3px;
  99. }
  100.  
  101. #wrapper #content .post .media {
  102. text-align: center;
  103. margin-bottom: 10px;
  104. }
  105.  
  106. #wrapper #content .post .quotebg {
  107. font-family: georgia, serif;
  108. font-size: 150px;
  109. color: {color:Background};
  110. opacity: 0.2;
  111. filter: alpha(opacity=20);
  112. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  113. position: absolute;
  114. top: 70px;
  115. left: 10px;
  116. }
  117.  
  118. #wrapper #content .post .quote {
  119. color: {color:Background};
  120. font-weight: bold;
  121. padding: 20px 20px 5px 20px;
  122. }
  123.  
  124. #wrapper #content .post .quote.short {
  125. font-size: 33px;
  126. line-height: 35px;
  127. }
  128.  
  129. #wrapper #content .post .quote.medium {
  130. font-size: 25px;
  131. line-height: 28px;
  132. }
  133.  
  134. #wrapper #content .post .quote.long {
  135. font-size: 18px;
  136. line-height: 22px;
  137. }
  138.  
  139. #wrapper #content .post .quote_source *:first-child {
  140. margin-top: 0px;
  141. }
  142.  
  143. #wrapper #content .post .quote_source *:last-child {
  144. margin-bottom: 0px;
  145. }
  146.  
  147. #wrapper #content .post .quote *:first-child {
  148. margin-top: 0px;
  149. }
  150.  
  151. #wrapper #content .post .quote *:last-child {
  152. margin-bottom: 0px;
  153. }
  154.  
  155. #wrapper #content .post .copy {
  156. color: #6e7173;
  157. padding: 10px;
  158. font-size: 13px;
  159. line-height: 15px;
  160. }
  161.  
  162. #wrapper #content .post .copy a {
  163. color: #6e7173;
  164. text-decoration: underline;
  165. }
  166.  
  167. #wrapper #content .post .copy p {
  168. margin: 10px 0 0 0;
  169. padding: 0;
  170. }
  171.  
  172. #wrapper #content .post .copy pre {
  173. margin: 10px 0px 10px 0px;
  174. padding: 10px;
  175. background-color: #e6e6e6;
  176. font: normal 11px Courier, monospace;
  177. overflow: auto;
  178. }
  179.  
  180. #wrapper #content .post .copy > p:first-child {
  181. margin-top: 0;
  182. }
  183.  
  184. #wrapper #content .post .copy img {
  185. max-width: 100%;
  186. }
  187.  
  188. #wrapper #content .post .audio {
  189. background: #eaeaea;
  190. float: left;
  191. padding: 7px;
  192. margin-bottom: 10px;
  193. -moz-border-radius: 4px;
  194. -webkit-border-radius: 4px;
  195. border-radius: 4px;
  196. }
  197.  
  198. #wrapper #content .post .audio .player {
  199. float: left;
  200. }
  201.  
  202. #wrapper #content .post .audio .player .audio_player embed {
  203. border: 1px solid #c8c8c8;
  204. }
  205.  
  206. #wrapper #content .post .audio .meta {
  207. padding: 8px 13px;
  208. height: 13px;
  209. float: left;
  210. color: #666;
  211. font-family: {font:Accent};
  212. font-size: 11px;
  213. text-transform: lowercase;
  214. }
  215.  
  216. #wrapper #content .post .audio .meta a {
  217. color: #666;
  218. text-decoration: none;
  219. }
  220.  
  221. #wrapper #content .post .album_art {
  222. text-align: center;
  223. }
  224.  
  225. #wrapper #content .post .question {
  226. color: #494949;
  227. font-size: 16px;
  228. font-weight: bold;
  229. background: #f1f1f1;
  230. -moz-border-radius: 8px;
  231. -webkit-border-radius: 8px;
  232. border-radius: 8px;
  233. margin: 0 0 15px 0;
  234. padding: 15px 20px;
  235. position: relative;
  236. }
  237.  
  238. #wrapper #content .post .question .nipple {
  239. width: 13px;
  240. height: 7px;
  241. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  242. position: absolute;
  243. bottom: -7px;
  244. left: 30px;
  245. }
  246.  
  247. #wrapper #content .post .asker_container {
  248. margin: 0 0 20px 24px;
  249. }
  250.  
  251. #wrapper #content .post .asker_container img {
  252. margin: 0 12px -7px 0;
  253. }
  254.  
  255. #wrapper #content .post .asker_container a.asker {
  256. color: {color:Body};
  257. }
  258.  
  259. #wrapper #content .post .title {
  260. color: #494949;
  261. font-size: 16px;
  262. font-weight: bold;
  263. padding: 10px 10px 0 10px;
  264. }
  265.  
  266. #wrapper #content .post img {
  267. max-width: 400px;
  268. }
  269.  
  270. #wrapper #content .post .chat {
  271. background-color: #fff;
  272. border-left: 5px solid #dedddd;
  273. margin: 10px 10px 0 10px;
  274. font-size: 14px;
  275. }
  276.  
  277. #wrapper #content .post .chat .lines {
  278. margin-left: 1px;
  279. }
  280.  
  281. #wrapper #content .post .chat .lines .line {
  282. background-color: #eaeaea;
  283. color: #494949;
  284. margin-bottom: 1px;
  285. padding: 3px 5px;
  286. }
  287.  
  288. #wrapper #content .post .chat .lines .line.even {
  289. background-color: #dedddd;
  290. }
  291.  
  292. #wrapper #content .post .link {
  293. margin: 4px 0 2px 0;
  294. font-size: 16px;
  295. line-height: 25px;
  296. }
  297.  
  298. #wrapper #content .post .link a {
  299. background-color: {color:Background};
  300. color: #fff;
  301. padding: 5px 7px;
  302. -moz-border-radius: 4px;
  303. -webkit-border-radius: 4px;
  304. border-radius: 4px;
  305. }
  306.  
  307. #wrapper #content .post .link a:hover {
  308. opacity: 0.9;
  309. filter: alpha(opacity=90);
  310. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  311. }
  312.  
  313. #wrapper #content .post .footer {
  314. background: {color:Footer} url('{image:Footer}');
  315. -moz-border-radius: 90px;
  316. -webkit-border-radius: 90px;
  317. border-radius: 90px;
  318. font-family: {font:Accent};
  319. font-size: 11px;
  320. color: #666;
  321. padding: 3px 7px;
  322. margin-top: 2px;
  323. }
  324.  
  325. #wrapper #content .post .footer.for_permalink:hover {
  326. opacity: 0.9;
  327. filter: alpha(opacity=90);
  328. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  329. }
  330.  
  331. #wrapper #content .post .footer .date {
  332. width: 67%;
  333. float: left;
  334. color: #666;
  335. }
  336.  
  337. #wrapper #content .post .footer .notes {
  338. width: 33%;
  339. float: right;
  340. text-align: right;
  341. color: #666;
  342. }
  343.  
  344. #wrapper #content .post .footer .notes a {
  345. color: #666;
  346. }
  347.  
  348. #wrapper #content .post .footer .tags a {
  349. color: #4a4a51;
  350. text-decoration: underline;
  351. }
  352.  
  353. #wrapper #content .post .footer .tags .tag-commas:last-child {
  354. display: none;
  355. }
  356.  
  357. #wrapper #content .post .footer.with_source_url .tags {
  358. max-width: 330px;
  359. float: left;
  360. }
  361.  
  362. #wrapper #content .post .footer.with_source_url .source_url {
  363. float: right;
  364. max-width: 160px;
  365. overflow: hidden;
  366. white-space: nowrap;
  367.  
  368. }
  369.  
  370. #wrapper #content .post .footer.with_source_url .source_url img {
  371. vertical-align: top;
  372. -moz-opacity: 0.5;
  373. opacity: 0.5;
  374. }
  375.  
  376. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  377. -moz-opacity: 0.7;
  378. opacity: 0.7;
  379. }
  380.  
  381. #wrapper #content .post a {
  382. color: #6e7173;
  383. text-decoration: none;
  384. }
  385.  
  386. #wrapper #content .post .copy blockquote {
  387. margin: 10px 0px 10px 10px;
  388. padding-left: 15px;
  389. border-left: solid 4px #dcdcdc;
  390. }
  391.  
  392. #wrapper #content .post .copy blockquote blockquote {
  393. border-left: solid 4px #cccccc;
  394. }
  395.  
  396. #wrapper #content .post .copy blockquote blockquote blockquote {
  397. border-left: solid 4px #bcbcbc;
  398. }
  399.  
  400. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  401. border-left: solid 4px #acacac;
  402. }
  403.  
  404. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  405. border-left: solid 4px #9c9c9c;
  406. }
  407.  
  408. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  409. border-left: solid 4px #8c8c8c;
  410. }
  411.  
  412. #wrapper #content .bottom {
  413. background: url('') top center no-repeat transparent;
  414. width: 413px;
  415. height: 25px;
  416. margin: 0 auto;
  417. }
  418.  
  419. #wrapper #content #navigation {
  420. text-align: right;
  421. padding-bottom: 35px;
  422. text-transform: lowercase;
  423. }
  424.  
  425. #wrapper #content #navigation a {
  426. background-color: #fff;
  427. color: {color:Background};
  428. padding: 5px 10px;
  429. text-decoration: none;
  430. margin-left: 25px;
  431. }
  432.  
  433. #wrapper #content #navigation a:hover {
  434. opacity: 0.9;
  435. filter: alpha(opacity=90);
  436. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  437. }
  438.  
  439. #wrapper #content #navigation.jump_pagination {}
  440.  
  441. #wrapper #content #navigation.jump_pagination a {
  442. margin: 0 0 0 4px;
  443. }
  444.  
  445. #wrapper #content #navigation.jump_pagination .current_page {
  446. color: #fff;
  447. background-color: rgba(255,255,255, 0.1);
  448. border: 2px solid #fff;
  449. padding: 3px 8px;
  450. margin: 0 0 0 4px;
  451. cursor: default;
  452. }
  453.  
  454. #wrapper #content #navigation.jump_pagination .jump_page {}
  455.  
  456. #wrapper #content .post .notecontainer {
  457. background: #eaeaea;
  458. -moz-border-radius: 40px;
  459. -webkit-border-radius: 40px;
  460. border-radius: 40px;
  461. font-family: {font:Accent};
  462. font-size: 11px;
  463. color: #666;
  464. margin-top: 10px;
  465. margin-bottom: -10px;
  466. }
  467.  
  468. #wrapper #content .post .notecontainer a {
  469. color: #666;
  470. text-decoration: underline;
  471. }
  472.  
  473. #wrapper #content .post .notecontainer ol.notes {
  474. padding: 0px 0 10px 0;
  475. list-style-type: none;
  476. font-size: 11px;
  477. }
  478.  
  479. #wrapper #content .post .notecontainer ol.notes li.note {
  480. padding: 10px 10px 0 10px;
  481. }
  482.  
  483. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  484. vertical-align: -4px;
  485. margin-right: 10px;
  486. width: 16px;
  487. height: 16px;
  488. }
  489.  
  490. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  491. font-weight: normal;
  492. }
  493.  
  494. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  495. font-weight: normal;
  496. }
  497.  
  498. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  499. border-left: 2px solid #666;
  500. padding: 4px 10px;
  501. margin: 10px 0px 0px 25px;
  502. }
  503.  
  504. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  505. text-decoration: none;
  506. }
  507.  
  508. #wrapper #sidebar {
  509. position:fixed !important;
  510. margin-top:230px;
  511. width: 150px;
  512. margin-left:550px;
  513. font-family:verdana;
  514. }
  515.  
  516.  
  517. #wrapper #sidebar #top {
  518. background: #fff;
  519. padding: 1px 10px 5px;
  520. border: 2px solid {color:Borders};
  521. box-shadow:rgba(0,0,0,0.1)-5px 5px;
  522.  
  523. -webkit-border-top-left-radius: 50px;
  524. -webkit-border-top-right-radius: 50px;
  525. -moz-border-radius-topleft: 50px;
  526. -moz-border-radius-topright: 50px;
  527. border-top-left-radius: 50px;
  528. border-top-right-radius: 0px;
  529.  
  530. -webkit-border-bottom-left-radius: 50px;
  531. -webkit-border-bottom-right-radius: 50px;
  532. -moz-border-radius-bottomleft: 50px;
  533. -moz-border-radius-bottomright: 50px;
  534. border-bottom-left-radius: 50px;
  535. border-bottom-right-radius: 50px;
  536. }
  537.  
  538.  
  539. #wrapper #sidebar #top #description {
  540. font-size: 11px;
  541. position: relative;
  542. top: -2px;
  543. }
  544.  
  545. #wrapper #sidebar #top #description a {
  546. color: {color:Background};
  547. text-decoration: underline;
  548. }
  549.  
  550. #wrapper #box {
  551. position:fixed !important;
  552. margin-top:47px;
  553. width: 105px;
  554. margin-left:25px;
  555. font-family:verdana;
  556. }
  557.  
  558. #wrapper #box #wow {
  559. background: #fff;
  560. padding: 4 5px;
  561. border: 2px solid {color:Borders};
  562. box-shadow:rgba(0,0,0,0.1)-5px 5px;
  563.  
  564. -webkit-border-top-left-radius: 0px;
  565. -webkit-border-top-right-radius: 0px;
  566. -moz-border-radius-topleft: 0px;
  567. -moz-border-radius-topright: 0px;
  568. border-top-left-radius: 0px;
  569. border-top-right-radius: 0px;
  570.  
  571. -webkit-border-bottom-left-radius: 0px;
  572. -webkit-border-bottom-right-radius: 0px;
  573. -moz-border-radius-bottomleft: 0px;
  574. -moz-border-radius-bottomright: 0px;
  575. border-bottom-left-radius: 0px;
  576. border-bottom-right-radius: 0px;
  577. }
  578.  
  579.  
  580. #wrapper #box #wow #extra {
  581. font-size: 11px;
  582. position: relative;
  583. top: 0px;
  584. }
  585.  
  586. #wrapper #box #wow #extra a {
  587. color: {color:Background};
  588. text-decoration: underline;
  589. }
  590.  
  591. #menu1
  592. {width:150px;margin:5px 30px 5px 29px;}
  593. .links
  594. {float:left;width:17px;height:7px;z-index:999;
  595. border-radius:3px;-moz-border-radius:3px;
  596. margin-right:2px;
  597. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  598. .links:hover
  599. {height:30px;}
  600. #link1
  601. {background-color:{color:Link1};}
  602. #link2
  603. {background-color:{color:Link2};}
  604. #link3
  605. {background-color:{color:Link3};}
  606. #link4
  607. {background-color:{color:Link4};}
  608. #link5
  609. {background-color:{color:Link5};}
  610.  
  611. #music
  612. {z-index:999;
  613. position:fixed; bottom:20px; right:25px;
  614. padding:12px 0px 12px 0px;
  615. text-align:center;
  616. height:10px; width:34px;
  617. overflow:hidden;
  618. border:3px solid #ddd;
  619. color:#888;
  620. background-color:#fff;
  621. -moz-border-radius: 17px 17px 17px 17px;
  622. border-radius:17px 17px 17px 17px;
  623. -webkit-transition: opacity 0.7s linear;
  624. -webkit-transition: all 0.7s ease-in-out;
  625. -moz-transition: all 0.7s ease-in-out;
  626. -o-transition: all 0.7s ease-in-out;}
  627.  
  628. #musicplayer
  629. {padding-top:10px;}
  630.  
  631. #music:hover
  632. {border:3px solid #bbb; padding:5px; height:45px; width:140px;}
  633.  
  634. </style>
  635.  
  636. <style type="text/css">{CustomCSS}</style>
  637. </head>
  638. <body>
  639. <div id="wrapper">
  640. <div id="title">
  641. {block:IfHeaderImage}<img src="{image:Header}" />{/block:IfHeaderImage}
  642. {block:IfNotHeaderImage}{/block:IfNotHeaderImage}
  643. </a>
  644. </div>
  645.  
  646. <div id="content">
  647.  
  648. {block:Posts}
  649. <div class="post">
  650.  
  651. {block:Photo}
  652. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  653. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  654. {/block:Photo}
  655.  
  656. {block:Video}
  657. <div class="media">{Video-400}</div>
  658. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  659. {/block:Video}
  660.  
  661. {block:Audio}
  662.  
  663. {block:AudioEmbed}
  664. {AudioEmbed}
  665. {/block:AudioEmbed}
  666.  
  667. {block:AudioPlayer}
  668. {block:IfShowAlbumArtOnAudioPosts}
  669. {block:AlbumArt}
  670. <div class="album_art">
  671. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  672. </div>
  673. {/block:AlbumArt}
  674. {/block:IfShowAlbumArtOnAudioPosts}
  675.  
  676. <div class="audio">
  677. <div class="player">{AudioPlayerWhite}</div>
  678. <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>
  679. <div class="clear"></div>
  680. </div>
  681. {/block:AudioPlayer}
  682.  
  683. <div class="clear"></div>
  684.  
  685. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  686.  
  687. {/block:Audio}
  688.  
  689. {block:Quote}
  690. <div class="quote {Length}">{Quote}</div>
  691. <div class="copy">
  692. {block:Source}
  693. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  694. <tr>
  695. <td valign="top" style="width:20px;">&mdash;</td>
  696. <td valign="top" class="quote_source">
  697. {Source}
  698. </td>
  699. </tr>
  700. </table>
  701. {/block:Source}
  702. </div>
  703. {/block:Quote}
  704.  
  705. {block:Text}
  706. {block:Title}<div class="title">{Title}</div>{/block:Title}
  707. <div class="copy">{Body}</div>
  708. {/block:Text}
  709.  
  710. {block:Answer}
  711. <div class="question">
  712. <div class="nipple"></div>
  713. {Question}
  714. </div>
  715. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  716. <div class="copy">{Answer}</div>
  717. {/block:Answer}
  718.  
  719. {block:Chat}
  720. {block:Title}<div class="title">{Title}</div>{/block:Title}
  721. <div class="chat">
  722. <div class="lines">
  723. {block:Lines}
  724. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  725. {/block:Lines}
  726. </div>
  727. </div>
  728. <div class="clear"></div>
  729. <div style="height:10px;"></div>
  730. {/block:Chat}
  731.  
  732. {block:Link}
  733. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  734. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  735. {/block:Link}
  736.  
  737. {block:Date}
  738. <a href="{Permalink}">
  739. <div class="footer for_permalink">
  740. <div class="date">
  741. {block:Reblog}
  742. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}(<span style="text-transform:lowercase;">{lang:Originally from ReblogRootName}</span>){/block:RebloggedFromReblog}
  743. {/block:Reblog}
  744.  
  745. {block:NotReblog}
  746. {lang:Posted TimeAgo from source}
  747. {/block:NotReblog}
  748. </div>
  749. <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>
  750. <div class="clear"></div>
  751. </div>
  752. </a>
  753. {/block:Date}
  754.  
  755. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  756. display:none;
  757. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  758. {block:ContentSource}display:block;{/block:ContentSource}
  759. ">
  760. {block:IfShowTags}
  761. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  762. {/block:IfShowTags}
  763.  
  764. {block:ContentSource}
  765. <a href="{SourceURL}" class="source_url">
  766. {lang:Source}:
  767. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  768. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  769. </a>
  770. {/block:ContentSource}
  771.  
  772. <div class="clear"></div>
  773. </div>
  774.  
  775. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  776.  
  777. </div>
  778. <div class="bottom"></div>
  779. {/block:Posts}
  780.  
  781. {block:Pagination}
  782. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  783. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  784.  
  785. {block:IfEnableJumpPagination}
  786. {block:JumpPagination length="5"}
  787. {block:CurrentPage}
  788. <span class="current_page">{PageNumber}</span>
  789. {/block:CurrentPage}
  790.  
  791. {block:JumpPage}
  792. <a class="jump_page" href="{URL}">{PageNumber}</a>
  793. {/block:JumpPage}
  794.  
  795. {/block:JumpPagination}
  796. {/block:IfEnableJumpPagination}
  797.  
  798. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  799. </div>
  800. {/block:Pagination}
  801.  
  802. </div>
  803.  
  804. <div id="sidebar">
  805. <div id="top">
  806. <div id="description"><center>{Description}</center></div>
  807.  
  808. {block:IfShowExtraBox}
  809. <div id="box">
  810. <div id="wow">
  811. <div id="extra"><center>
  812. <div style="border: 1px dashed gray; padding: 1px;"><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='#777777';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">こんにちは</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">さようなら</button></div>
  813. {text:Extra Box Description}
  814. </td>
  815. </tr>
  816. </div></div>
  817. </center>
  818. </div>
  819. </div>
  820. </div>
  821. {/block:IfShowExtraBox}
  822.  
  823. </div><div id="menu1">
  824.  
  825. <a href="{text:link1}"><div class="links" id="link1"></div></a>
  826. <a href="{text:link2}"><div class="links" id="link2"></div></a>
  827. <a href="{text:link3}"><div class="links" id="link3"></div></a>
  828. <a href="{text:link4}"><div class="links" id="link4"></div></a>
  829. <a href="{text:link5}"><div class="links" id="link5"></div></a>
  830. </div>
  831.  
  832. {block:IfShowMusicPlayer}
  833. <div id='music'>
  834. <center><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"/></center>
  835. <div id='musicplayer'>{text:Music Player Code}</div>
  836. </div>
  837. {/block:IfShowMusicPlayer}
  838.  
  839. <div id="bottom"></div>
  840.  
  841. </body>
  842. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement