Advertisement
sealingwands

Planeptune Redux Edit

Jul 3rd, 2015
1,031
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.67 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!--
  5. ☆.。.:*・°☆.。.:*・°☆.。.:*・°☆.。.:*・°
  6. planeptune redux edit by misha merctrio
  7. leave credit somewhere on the blog, edit the code as much as you want
  8. thanks!
  9. ☆.。.:*・°☆.。.:*・°☆.。.:*・°☆.。.:*・°
  10. -->
  11.  
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:Background" content="#c0c0c0" />
  15.  
  16. <meta name="font:Body" content="Arial" />
  17. <meta name="font:Accent" content="Lucida Sans" />
  18. <meta name="if:Show Tags" content="1" />
  19. <meta name="if:bgcover" content="1" />
  20. <meta name="if:pagestats" content="1" />
  21. <meta name="image:Sidebar" content="" />
  22. <meta name="image:corner" content="" />
  23. <meta name="image:Background" content="" />
  24. <meta name="text:side title" content="" />
  25. <meta name="text:bottom" content="" />
  26. <meta name="text:right" content="" />
  27.  
  28. <meta name="text:link 1 url" content="" />
  29. <meta name="text:link 2 url" content="" />
  30. <meta name="text:link 3 url" content="" />
  31. <meta name="text:link 1" content="" />
  32. <meta name="text:link 2" content="" />
  33. <meta name="text:link 3" content="" />
  34.  
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42. <style type="text/css">
  43. body {
  44. background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  45. -webkit-background-size: cover;
  46. -moz-background-size: cover;
  47. -o-background-size: cover;
  48. background-size: cover; {/block:ifbgcover}
  49.  
  50.  
  51. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  52. margin: 0;
  53. padding: 0;
  54. font-family: {font:Body};
  55. }
  56.  
  57. .clear {
  58. clear: both;
  59. height: 0px;
  60. overflow: hidden;
  61. }
  62.  
  63. a img {
  64. border: none;
  65. }
  66.  
  67. #wrapper {
  68. width: 845px;
  69. margin: 0 auto;
  70. }
  71.  
  72. #wrapper #title {
  73. margin: 30px 0;
  74. color: #fff;
  75. font-size: 40px;
  76. font-weight: bold;
  77. font-family: {font:Title};
  78. }
  79.  
  80. #wrapper #title a {
  81. color: #fff;
  82. text-decoration: none;
  83. }
  84.  
  85. #wrapper #content {
  86. width: 520px;
  87. float: left;
  88. }
  89.  
  90. #wrapper #content .post {
  91. font-family: {font:Body};
  92. background: #fff;
  93. color: {color:Background};
  94. right:-350px;
  95. padding: 10px;
  96. position: relative;
  97. margin-bottom: 20px;
  98. }
  99.  
  100. #wrapper #content .post .media {
  101. text-align: center;
  102. margin-bottom: 10px;
  103. }
  104.  
  105. #wrapper #content .post .quotebg {
  106. font-family: georgia, serif;
  107. font-size: 150px;
  108. color: {color:Background};
  109. opacity: 0.2;
  110. filter: alpha(opacity=20);
  111. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  112. position: absolute;
  113. top: 70px;
  114. left: 10px;
  115. }
  116.  
  117. #wrapper #content .post .quote {
  118. color: {color:Background};
  119. font-weight: bold;
  120. padding: 20px 20px 5px 20px;
  121. }
  122.  
  123. #wrapper #content .post .quote.short {
  124. font-size: 33px;
  125. line-height: 35px;
  126. }
  127.  
  128. #wrapper #content .post .quote.medium {
  129. font-size: 25px;
  130. line-height: 28px;
  131. }
  132.  
  133. #wrapper #content .post .quote.long {
  134. font-size: 18px;
  135. line-height: 22px;
  136. }
  137.  
  138. #wrapper #content .post .quote_source *:first-child {
  139. margin-top: 0px;
  140. }
  141.  
  142. #wrapper #content .post .quote_source *:last-child {
  143. margin-bottom: 0px;
  144. }
  145.  
  146. #wrapper #content .post .quote *:first-child {
  147. margin-top: 0px;
  148. }
  149.  
  150. #wrapper #content .post .quote *:last-child {
  151. margin-bottom: 0px;
  152. }
  153. a
  154. #wrapper #content .post .copy {
  155. color: #6e7173;
  156. padding: 10px;
  157. font-size: 13px;
  158. line-height: 15px;
  159. }
  160.  
  161. #wrapper #content .post .copy a {
  162. color: #6e7173;
  163. text-decoration: underline;
  164. }
  165.  
  166. #wrapper #content .post .copy p {
  167. margin: 10px 0 0 0;
  168. padding: 0;
  169. }
  170.  
  171. #wrapper #content .post .copy pre {
  172. margin: 10px 0px 10px 0px;
  173. padding: 10px;
  174. background-color: #e6e6e6;
  175. font: normal 11px Courier, monospace;
  176. overflow: auto;
  177. }
  178.  
  179. #wrapper #content .post .copy > p:first-child {
  180. margin-top: 0;
  181. }
  182.  
  183. #wrapper #content .post .copy img {
  184. max-width: 100%;
  185. }
  186.  
  187. #wrapper #content .post .audio {
  188. background: #eaeaea;
  189. float: left;
  190. padding: 7px;
  191. margin-bottom: 10px;
  192. -moz-border-radius: 4px;
  193. -webkit-border-radius: 4px;
  194. border-radius: 4px;
  195. }
  196.  
  197. #wrapper #content .post .audio .player {
  198. float: left;
  199. }
  200.  
  201. #wrapper #content .post .audio .player .audio_player embed {
  202. border: 1px solid #c8c8c8;
  203. }
  204.  
  205. #wrapper #content .post .audio .meta {
  206. padding: 8px 13px;
  207. height: 13px;
  208. float: left;
  209. color: #666;
  210. font-family: {font:Accent};
  211. font-size: 11px;
  212. text-transform: lowercase;
  213. }
  214.  
  215. #wrapper #content .post .audio .meta a {
  216. color: #666;
  217. text-decoration: none;
  218. }
  219.  
  220. #wrapper #content .post .album_art {
  221. text-align: center;
  222. }
  223.  
  224. #wrapper #content .post .question {
  225. color: #494949;
  226. font-size: 16px;
  227. font-weight: bold;
  228. background: #f1f1f1;
  229. -moz-border-radius: 8px;
  230. -webkit-border-radius: 8px;
  231. border-radius: 8px;
  232. margin: 0 0 15px 0;
  233. padding: 15px 20px;
  234. position: relative;
  235. }
  236.  
  237. #wrapper #content .post .question .nipple {
  238. width: 13px;
  239. height: 7px;
  240. background: #f1f1f1 url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  241. position: absolute;
  242. bottom: -7px;
  243. left: 30px;
  244. }
  245.  
  246. #wrapper #content .post .asker_container {
  247. margin: 0 0 20px 24px;
  248. }
  249.  
  250. #wrapper #content .post .asker_container img {
  251. margin: 0 12px -7px 0;
  252. }
  253.  
  254. #wrapper #content .post .asker_container a.asker {
  255. color: {color:Body};
  256. }
  257.  
  258. #wrapper #content .post .title {
  259. color: #494949;
  260. font-size: 16px;
  261. font-weight: bold;
  262. padding: 10px 10px 0 10px;
  263. }
  264.  
  265. #wrapper #content .post img {
  266. max-width: 500px;
  267. }
  268.  
  269. #wrapper #content .post .chat {
  270. background-color: #fff;
  271. border-left: 5px solid #dedddd;
  272. margin: 10px 10px 0 10px;
  273. font-size: 14px;
  274. }
  275.  
  276. #wrapper #content .post .chat .lines {
  277. margin-left: 1px;
  278. }
  279.  
  280. #wrapper #content .post .chat .lines .line {
  281. background-color: #eaeaea;
  282. color: #494949;
  283. margin-bottom: 1px;
  284. padding: 3px 5px;
  285. }
  286.  
  287. #wrapper #content .post .chat .lines .line.even {
  288. background-color: #dedddd;
  289. }
  290.  
  291. #wrapper #content .post .link {
  292. margin: 4px 0 2px 0;
  293. font-size: 16px;
  294. line-height: 25px;
  295. }
  296.  
  297. #wrapper #content .post .link a {
  298. background-color: {color:Background};
  299. color: #fff;
  300. padding: 5px 7px;
  301. -moz-border-radius: 4px;
  302. -webkit-border-radius: 4px;
  303. border-radius: 4px;
  304. }
  305.  
  306. #wrapper #content .post .link a:hover {
  307. opacity: 0.9;
  308. filter: alpha(opacity=90);
  309. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  310. }
  311.  
  312. #wrapper #content .post .footer {
  313. background: #eaeaea;
  314. -moz-border-radius: 4px;
  315. -webkit-border-radius: 4px;
  316. border-radius: 4px;
  317. font-family: {font:Accent};
  318. font-size: 11px;
  319. color: #666;
  320. padding: 5px 10px;
  321. margin-top: 10px;
  322. }
  323.  
  324. #wrapper #content .post .footer.for_permalink:hover {
  325. opacity: 0.9;
  326. filter: alpha(opacity=90);
  327. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  328. }
  329.  
  330. #wrapper #content .post .footer .date {
  331. width: 67%;
  332. float: left;
  333. color: #666;
  334. }
  335.  
  336. #wrapper #content .post .footer .notes {
  337. width: 33%;
  338. float: right;
  339. text-align: right;
  340. color: #666;
  341. }
  342.  
  343. #wrapper #content .post .footer .notes a {
  344. color: #666;
  345. }
  346.  
  347. #wrapper #content .post .footer .tags a {
  348. color: #4a4a51;
  349. text-decoration: underline;
  350. }
  351.  
  352. #wrapper #content .post .footer .tags .tag-commas:last-child {
  353. display: none;
  354. }
  355.  
  356. #wrapper #content .post .footer.with_source_url .tags {
  357. max-width: 330px;
  358. float: left;
  359. }
  360.  
  361. #wrapper #content .post .footer.with_source_url .source_url {
  362. float: right;
  363. max-width: 160px;
  364. overflow: hidden;
  365. white-space: nowrap;
  366.  
  367. }
  368.  
  369. #wrapper #content .post .footer.with_source_url .source_url img {
  370. vertical-align: top;
  371. -moz-opacity: 0.5;
  372. opacity: 0.5;
  373. }
  374.  
  375. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  376. -moz-opacity: 0.7;
  377. opacity: 0.7;
  378. }
  379.  
  380. #wrapper #content .post a {
  381. color: #6e7173;
  382. text-decoration: none;
  383. }
  384.  
  385. #wrapper #content .post .copy blockquote {
  386. margin: 10px 0px 10px 10px;
  387. padding-left: 15px;
  388. border-left: solid 4px #dcdcdc;
  389. }
  390.  
  391. #wrapper #content .post .copy blockquote blockquote {
  392. border-left: solid 4px #cccccc;
  393. }
  394.  
  395. #wrapper #content .post .copy blockquote blockquote blockquote {
  396. border-left: solid 4px #bcbcbc;
  397. }
  398.  
  399. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  400. border-left: solid 4px #acacac;
  401. }
  402.  
  403. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  404. border-left: solid 4px #9c9c9c;
  405. }
  406.  
  407. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  408. border-left: solid 4px #8c8c8c;
  409. }
  410.  
  411.  
  412.  
  413. #wrapper #content #navigation {
  414. text-align: right;
  415. padding-bottom: 35px;
  416. text-transform: lowercase;
  417. }
  418.  
  419. #wrapper #content #navigation a {
  420. background-color: #fff;
  421. color: {color:Background};
  422. padding: 5px 10px;
  423. text-decoration: none;
  424. margin-left: 25px;
  425. }
  426.  
  427. #wrapper #content #navigation a:hover {
  428. opacity: 0.9;
  429. filter: alpha(opacity=90);
  430. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  431. }
  432.  
  433.  
  434.  
  435. #wrapper #content .post .notecontainer {
  436. background: #eaeaea;
  437. -moz-border-radius: 4px;
  438. -webkit-border-radius: 4px;
  439. border-radius: 4px;
  440. font-family: {font:Accent};
  441. font-size: 11px;
  442. color: #666;
  443. margin-top: 10px;
  444. margin-bottom: -10px;
  445. }
  446.  
  447. #wrapper #content .post .notecontainer a {
  448. color: #666;
  449. text-decoration: underline;
  450. }
  451.  
  452. #wrapper #content .post .notecontainer ol.notes {
  453. padding: 0px 0 10px 0;
  454. list-style-type: none;
  455. font-size: 11px;
  456. }
  457.  
  458. #wrapper #content .post .notecontainer ol.notes li.note {
  459. padding: 10px 10px 0 10px;
  460. }
  461.  
  462. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  463. vertical-align: -4px;
  464. margin-right: 10px;
  465. width: 16px;
  466. height: 16px;
  467. }
  468.  
  469. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  470. font-weight: normal;
  471. }
  472.  
  473. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  474. font-weight: normal;
  475. }
  476.  
  477. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  478. border-left: 2px solid #666;
  479. padding: 4px 10px;
  480. margin: 10px 0px 0px 25px;
  481. }
  482.  
  483. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  484. text-decoration: none;
  485. }
  486.  
  487.  
  488.  
  489.  
  490. #wrapper #sidebar {
  491. width: 200px;
  492. float: right;
  493. padding: 10px;
  494. position:fixed;
  495. right:100px;
  496. background: #ffffff;
  497. font-size: 12px;
  498. color: {color:Background};
  499. font-family: {font:Accent}
  500. border: 1px #eee solid
  501. }
  502.  
  503.  
  504. #wrapper #sidebar a {
  505. color: {color:Background};
  506. }
  507.  
  508. #wrapper #sidebar .sidebarimg{
  509. width: 128px;
  510. margin-bottom: 10px;
  511. padding: 1px;
  512. border:1px solid {color:Background};
  513. }
  514.  
  515.  
  516.  
  517. #wrapper #sidebar #links{
  518. margin-top: 10px;
  519. margin-bottom: 10px;
  520. text-align: center;}
  521.  
  522. #wrapper #sidebar #links a {
  523. display: block;
  524. float: left;
  525. background-color: {color:Background};
  526. color: #fff;
  527. text-decoration: none;
  528. padding: 4px 5px;
  529. margin: 0 5px 5px 0;
  530. }
  531.  
  532. #wrapper #sidebar #links a:last-child {
  533. margin-right: 0px; }
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548. </style>
  549.  
  550. </head>
  551. <body>
  552. <div id="wrapper">
  553. <div id="title">
  554.  
  555. </div>
  556.  
  557. <div id="content">
  558.  
  559.  
  560. {block:Posts}
  561. <div class="post">
  562.  
  563. {block:Photo}
  564. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  565. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  566. {/block:Photo}
  567.  
  568. {block:Video}
  569. <div class="media">{Video-500}</div>
  570. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  571. {/block:Video}
  572.  
  573. {block:Audio}
  574.  
  575. {block:AudioEmbed}
  576. {AudioEmbed}
  577. {/block:AudioEmbed}
  578.  
  579. {block:AudioPlayer}
  580.  
  581. {block:AlbumArt}
  582. <div class="album_art">
  583. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  584. </div>
  585. {/block:AlbumArt}
  586.  
  587.  
  588. <div class="audio">
  589. <div class="player">{AudioPlayerWhite}</div>
  590. <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>
  591. <div class="clear"></div>
  592. </div>
  593. {/block:AudioPlayer}
  594.  
  595. <div class="clear"></div>
  596.  
  597. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  598.  
  599. {/block:Audio}
  600.  
  601. {block:Quote}
  602. <div class="quote {Length}">{Quote}</div>
  603. <div class="copy">
  604. <div class="quotebg">“</div>
  605. {block:Source}
  606. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  607. <tr>
  608. <td valign="top" style="width:20px;">&mdash;</td>
  609. <td valign="top" class="quote_source">
  610. {Source}
  611. </td>
  612. </tr>
  613. </table>
  614. {/block:Source}
  615. </div>
  616. {/block:Quote}
  617.  
  618. {block:Text}
  619. {block:Title}<div class="title">{Title}</div>{/block:Title}
  620. <div class="copy">{Body}</div>
  621. {/block:Text}
  622.  
  623. {block:Answer}
  624. <div class="question">
  625. <div class="nipple"></div>
  626. {Question}
  627. </div>
  628. <div class="asker_container"><img src="{AskerPortraitURL-48}">{Asker}</div>
  629. <div class="copy">{Answer}</div>
  630. {/block:Answer}
  631.  
  632. {block:Chat}
  633. {block:Title}<div class="title">{Title}</div>{/block:Title}
  634. <div class="chat">
  635. <div class="lines">
  636. {block:Lines}
  637. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  638. {/block:Lines}
  639. </div>
  640. </div>
  641. <div class="clear"></div>
  642. <div style="height:10px;"></div>
  643. {/block:Chat}
  644.  
  645. {block:Link}
  646. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  647. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  648. {/block:Link}
  649.  
  650. {block:Date}
  651. <a href="{Permalink}">
  652. <div class="footer for_permalink">
  653. <div class="date">
  654. {block:RebloggedFrom}
  655. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {TimeAgo}
  656. {/block:RebloggedFrom}
  657.  
  658. {block:NotReblog}
  659. Posted {TimeAgo}
  660. {/block:NotReblog}
  661. </div>
  662. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
  663. <div class="clear"></div>
  664. </div>
  665. </a>
  666. {/block:Date}
  667.  
  668. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  669. display:none;
  670. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  671. {block:ContentSource}display:block;{/block:ContentSource}
  672. ">
  673. {block:IfShowTags}
  674. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  675. {/block:IfShowTags}
  676.  
  677. {block:ContentSource}
  678. <a href="{SourceURL}" class="source_url">
  679. Source:
  680. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  681. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  682. </a>
  683. {/block:ContentSource}
  684.  
  685. <div class="clear"></div>
  686. </div>
  687.  
  688. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  689.  
  690. </div>
  691.  
  692. <div class="bottom"></div>
  693.  
  694. {/block:Posts}
  695.  
  696. {block:Pagination}
  697. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  698. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  699.  
  700. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  701. </div>
  702. {/block:Pagination}
  703.  
  704. </div>
  705. <div id="sidebar"><div align="center"><font size="3">{text:side title}</font><br><br>
  706. {block:IfSidebarImage}<img src="{image:Sidebar}" class="sidebarimg" />{/block:IfSidebarImage}
  707.  
  708. <div id="description"><br>{Description} {block:ifpagestats} <script language="JavaScript">
  709. var ref = (''+document.referrer+'');
  710. var w_h = window.screen.width + " x " + window.screen.height;
  711. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4872671&e1=%&e2=%&r=' + ref + '&wh=' + w_h + '"><\/script>');
  712. </script>{/block:ifpagestats}</div>
  713.  
  714. <div id="links">
  715. {block:AskEnabled}<a href="/ask" class="page">ask</a>{/block:AskEnabled}
  716. {block:SubmissionsEnabled}<a href="/submit" class="page">submit</a>{/block:SubmissionsEnabled}<div align="center">
  717. <a href="{text:link 1 url}" class="page">{text:link 1}</a>
  718. <a href="{text:link 2 url}" class="page">{text:link 2}</a>
  719. <a href="{text:link 3 url}" class="page">{text:link 3}</a>
  720.  
  721.  
  722.  
  723.  
  724. </div></div>
  725.  
  726.  
  727.  
  728.  
  729. </div>
  730.  
  731.  
  732. </div>
  733.  
  734. <div class="clear"></div>
  735. </div>
  736. <img src="{image:corner}" style="position:fixed;bottom:{text:bottom}px;right:{text:right}px";/>
  737.  
  738.  
  739.  
  740.  
  741. </body>
  742. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement