API tools faq
paste
Advertisement
Guest User

LCARS Tumblr v.I Don't Care

a guest
Jul 20th, 2014
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.65 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <meta name="description" content="{MetaDescription}" />
  4. <meta name="font:Global" content="Helvetica, Arial, sans-serif" />
  5. <meta name="color:Elbos" content="#f1df6f" />
  6. <meta name="color:Posts" content="#999999" />
  7. <meta name="color:Window" content="#CC6666" />
  8. <meta name="color:Control" content="#ff9900" />
  9. <meta name="color:Highlight" content="#ffcc00" />
  10. <meta name="color:Primary" content="#99ccff" />
  11. <meta name="color:Secondary" content="#ffff33" />
  12. <meta name="color:Tertiary" content="#ffffcc" />
  13. <meta name="if:Facebook Sharing" content="0" />
  14. <meta name="if:Copyright Symbol" content="1" />
  15. <meta name="text:Facebook Username" content="" />
  16. <link rel="shortcut icon" href="{Favicon}" />
  17. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}{block:PostSummary}: {PostSummary}{/block:PostSummary}{block:SearchPage}: {lang:SearchResultCount results for SearchQuery}{/block:SearchPage}</title>
  18. <style>
  19. body {
  20. position: relative;
  21. background-color: #000000;
  22. color: #000000;
  23. margin: 1px;
  24. font-family: {font:Global};
  25. max-width: 100%;
  26. }
  27.  
  28. h1 {
  29. color: {color:Highlight};
  30. }
  31.  
  32. a {
  33. color: #000000;
  34. text-decoration: none;
  35. }
  36.  
  37. blockquote {
  38. border-color: #999999;
  39. border-width: 2px;
  40. border-left-style: solid;
  41. padding: 2px;
  42. }
  43.  
  44. img, embed, object, video {
  45. max-width: 100%;
  46. }
  47.  
  48. ::-webkit-scrollbar {
  49. width: 12px;
  50. height: 12px;
  51. background-color: #000000;
  52. }
  53.  
  54. ::-webkit-scrollbar-corner {
  55. background-color: #000000;
  56. }
  57.  
  58. ::-webkit-scrollbar-button:vertical:start:decrement {
  59. display: block;
  60. background-color: {color:Control};
  61. border-top-left-radius: 6px;
  62. border-top-right-radius: 6px;
  63. background-image: url(http://static.tumblr.com/k8pho2j/Racmk1l2u/up_arrow.png);
  64. background-repeat: no-repeat;
  65. background-position: center;
  66. }
  67.  
  68. ::-webkit-scrollbar-button:vertical:end:increment {
  69. display: block;
  70. background-color: {color:Control};
  71. border-bottom-left-radius: 6px;
  72. border-bottom-right-radius: 6px;
  73. background-image: url(http://static.tumblr.com/k8pho2j/7sFmk1l1v/down_arrow.png);
  74. background-repeat: no-repeat;
  75. background-position: center;
  76. }
  77.  
  78. ::-webkit-scrollbar-button:horizontal:start:decrement {
  79. display: block;
  80. background-color: {color:Control};
  81. border-top-left-radius: 6px;
  82. border-bottom-left-radius: 6px;
  83. background-image: url(http://static.tumblr.com/k8pho2j/yRHmk2s3d/left_arrow.png);
  84. background-repeat: no-repeat;
  85. background-position: center;
  86. }
  87.  
  88. ::-webkit-scrollbar-button:horizontal:end:increment {
  89. display: block;
  90. background-color: {color:Control};
  91. border-top-right-radius: 6px;
  92. border-bottom-right-radius: 6px;
  93. background-image: url(http://static.tumblr.com/k8pho2j/5ZNmk2s5d/right_arrow.png);
  94. background-repeat: no-repeat;
  95. background-position: center;
  96. }
  97.  
  98. ::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement {
  99. display: none;
  100. }
  101.  
  102. ::-webkit-scrollbar-track {
  103. background-color: #000000;
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb {
  107. background-color: {color:Control};
  108. border-color: #000000;
  109. border-thickness: 3px;
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:vertical {
  113. border-top-style: solid;
  114. border-bottom-style: solid;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:horizontal {
  118. border-left-style: solid;
  119. border-right-style: solid;
  120. }
  121.  
  122. ::-webkit-input-placeholder {
  123. color: #999999;
  124. }
  125.  
  126. ::-moz-placeholder {
  127. color: #999999;
  128. }
  129.  
  130. :-ms-input-placeholder {
  131. color: #999999;
  132. }
  133.  
  134. .elbo {
  135. background-color: {color:Elbos};
  136. margin-left: 10px;
  137. text-align: right;
  138. min-width: 800px;
  139. overflow: hidden;
  140. }
  141.  
  142. .topElbo {
  143. border-bottom-left-radius: 30px;
  144. margin-bottom: 10px;
  145. }
  146.  
  147. .bottomElbo {
  148. border-top-left-radius: 30px;
  149. }
  150.  
  151. .contentHolder {
  152. text-align: right;
  153. max-width: 100%;
  154. padding: 0px;
  155. margin: 0px;
  156. font-size: 0px;
  157. background-color: #000000;
  158. position: relative;
  159. left: 20%;
  160. }
  161.  
  162. .post .contentHolder {
  163. left: 15%;
  164. }
  165.  
  166. .sidebar {
  167. display: inline-block;
  168. vertical-align: top;
  169. -moz-box-sizing: border-box;
  170. box-sizing: border-box;
  171. width: 20%;
  172. color: #000000;
  173. font-weight: bold;
  174. font-size: medium;
  175. position: relative;
  176. left: -20%;
  177. }
  178.  
  179. .sidebar > a {
  180. color: #000000;
  181. }
  182.  
  183. .post .sidebar {
  184. width: 15%;
  185. left: -15%;
  186. }
  187.  
  188. .sidebox {
  189. padding: 2px;
  190. border-color: #000000;
  191. border-width: 3px;
  192. border-bottom-style: solid;
  193. text-align: right;
  194. }
  195.  
  196. .sideboxSpacer {
  197. min-height: 50px;
  198. padding: 5px;
  199. }
  200.  
  201. .sidebox:first-of-type {
  202. border-top-style: solid;
  203. margin-top: 30px;
  204. }
  205.  
  206. .sidebox:active {
  207. background-color: #ffffff;
  208. }
  209.  
  210. .windowItem {
  211. font-weight: bold;
  212. margin-top: 0px;
  213. margin-left: 10px;
  214. padding-top: 2px;
  215. padding-bottom: 2px;
  216. padding-left: 10px;
  217. padding-right: 10px;
  218. border-color: #000000;
  219. border-bottom-style: solid;
  220. border-radius: 10px;
  221. }
  222.  
  223. .search {
  224. border-style: none;
  225. border-radius: 10px;
  226. -moz-box-sizing: border-box;
  227. box-sizing: border-box;
  228. padding: 3px;
  229. margin: 10%;
  230. width: 80%;
  231. text-align: left;
  232. background-color: #000000;
  233. color: #ffffff;
  234. }
  235.  
  236. .primary {
  237. background-color: {color:Primary};
  238. }
  239.  
  240. .secondary {
  241. background-color: {color:Secondary};
  242. }
  243.  
  244. .tertiary {
  245. background-color: {color:Tertiary};
  246. }
  247.  
  248. .control {
  249. background-color: {color:Control};
  250. }
  251.  
  252. .rightContent {
  253. color: #ffffff;
  254. padding: 10px;
  255. display: inline-block;
  256. -moz-box-sizing: border-box;
  257. box-sizing: border-box;
  258. width: 80%;
  259. font-size: medium;
  260. position: relative;
  261. left: -20%;
  262. }
  263.  
  264. .bottomElboInside > .rightContent {
  265. padding-right: 0px;
  266. }
  267.  
  268. .post .rightContent {
  269. width: 85%;
  270. left: -15%;
  271. }
  272.  
  273. .topElboInside {
  274. border-bottom-left-radius: 10px;
  275. }
  276.  
  277. .bottomElboInside {
  278. border-top-left-radius: 10px;
  279. }
  280.  
  281. .textInside {
  282. border-top-left-radius: 10px;
  283. border-bottom-left-radius: 10px;
  284. }
  285.  
  286. .chaffBox {
  287. height: 25px;
  288. background-color: #000000;
  289. width: 406px;
  290. margin-left: calc(90% - 406px);
  291. margin-left: -webkit-calc(90% - 406px);
  292. text-align: right;
  293. }
  294.  
  295. .chaff {
  296. display: inline-block;
  297. -moz-box-sizing: border-box;
  298. box-sizing: border-box;
  299. height: 100%;
  300. margin-right: 3px;
  301. padding: 2px;
  302. }
  303.  
  304. .chaff:first-of-type {
  305. margin-left: 3px;
  306. }
  307.  
  308. .chaff:active {
  309. background-color: #ffffff;
  310. }
  311.  
  312. .large {
  313. width: 100px;
  314. }
  315.  
  316. .medium {
  317. width: 50px;
  318. }
  319.  
  320. .small {
  321. width: 35px;
  322. }
  323.  
  324. .top {
  325. height: 50% !important;
  326. width: 50px;
  327. vertical-align: bottom;
  328. }
  329.  
  330. .bottom {
  331. height: 50% !important;
  332. width: 50px;
  333. vertical-align: top;
  334. }
  335.  
  336. .leftBox {
  337. display: inline-block;
  338. width: 40%;
  339. vertical-align: top;
  340. text-align: left;
  341. }
  342.  
  343. .blogBox {
  344. max-height: 200px;
  345. overflow-y: scroll;
  346. -moz-box-sizing: border-box;
  347. box-sizing: border-box;
  348. padding: 2px;
  349. }
  350.  
  351. .blogBox li {
  352. list-style: none;
  353. display: inline-block;
  354. }
  355.  
  356. .blogBox li img {
  357. margin: 10px;
  358. }
  359.  
  360. .header {
  361. display: inline-block;
  362. text-align: right;
  363. -moz-box-sizing: border-box;
  364. box-sizing: border-box;
  365. padding: 2px;
  366. {block:Following}
  367. width: 60%;
  368. {/block:Following}
  369. {block:GroupMembers}
  370. width: 60%;
  371. {/block:GroupMembers}
  372. }
  373.  
  374. .header a {
  375. color: {color:Highlight};
  376. }
  377.  
  378. .header h1 {
  379. font-size: 200%;
  380. text-transform: uppercase;
  381. }
  382.  
  383. .header img {
  384. margin: 10px;
  385. float: right;
  386. }
  387.  
  388. .post {
  389. background-color: {color:Posts};
  390. border-top-left-radius: 20px;
  391. border-bottom-left-radius: 20px;
  392. margin-bottom: 100px;
  393. text-align: right;
  394. }
  395.  
  396. .postHeader {
  397. width: 85%;
  398. margin-left: 15%;
  399. overflow: hidden;
  400. }
  401.  
  402. .postHeader > div {
  403. overflow: hidden;
  404. white-space: nowrap;
  405. text-overflow: ellipsis;
  406. max-width: 45%;
  407. }
  408.  
  409. .postTitle {
  410. float: left;
  411. background-color: #000000;
  412. color: #ffffff;
  413. margin-left: 15px;
  414. padding: 2px;
  415. }
  416.  
  417. .postTitle:first-letter {
  418. text-transform: uppercase;
  419. }
  420.  
  421. .postTime {
  422. float: right;
  423. background-color: {color:Control};
  424. color: #000000;
  425. -moz-box-sizing: border-box;
  426. box-sizing: border-box;
  427. border-color: #000000;
  428. border-width: 3px;
  429. border-left-style: solid;
  430. border-right-style: solid;
  431. margin-right: 15px;
  432. padding: 2px;
  433. }
  434.  
  435. .postTime:active {
  436. background-color: #ffffff;
  437. }
  438.  
  439. .content {
  440. text-align: left;
  441. padding: 5px;
  442. color: #ffffff;
  443. }
  444.  
  445. .content a {
  446. color: #ffffff;
  447. text-decoration: underline;
  448. }
  449.  
  450. .content a strong {
  451. text-decoration: underline;
  452. }
  453.  
  454. .content a:visited, .content strong a {
  455. color: {color:Highlight};
  456. }
  457.  
  458. .chatBox {
  459. list-style: none;
  460. width: 100%;
  461. border-color: #999999;
  462. border-width: 1px;
  463. border-left-style: solid;
  464. border-right-style: solid;
  465. border-bottom-style: solid;
  466. padding: 2px;
  467. }
  468.  
  469. .chatBox:nth-of-type(1) {
  470. border-top-style: solid;
  471. }
  472.  
  473. .audioBox {
  474. display: inline-block;
  475. padding-top: 15px;
  476. padding-bottom: 15px;
  477. padding-right: 15px;
  478. border-top-right-radius: 10px;
  479. border-bottom-right-radius: 10px;
  480. background-color: {color:Primary};
  481. color: #000000;
  482. overflow: auto;
  483. font-weight: bold;
  484. min-width: 75%;
  485. }
  486.  
  487. .audioBoxInside {
  488. background-color: #000000;
  489. padding-top: 5px;
  490. padding-bottom: 5px;
  491. padding-right: 5px;
  492. border-top-right-radius: 10px;
  493. border-bottom-right-radius: 10px;
  494. }
  495.  
  496. .audioBox img {
  497. float: left;
  498. max-width: 150px;
  499. max-height: 150px;
  500. }
  501.  
  502. .audioBox li {
  503. list-style: none;
  504. }
  505.  
  506. .bottomBar {
  507. width: 85%;
  508. margin-left: 15%;
  509. color: #000000;
  510. font-size: 0px;
  511. }
  512.  
  513. .bottomBar > .button {
  514. height: 24px;
  515. }
  516.  
  517. .buttonBody {
  518. display: inline-block;
  519. max-width: 50%;
  520. margin-left: 5px;
  521. margin-bottom: 5px;
  522. text-align: left;
  523. border-top-right-radius: 10px;
  524. border-bottom-right-radius: 10px;
  525. background-color: {color:Posts};
  526. }
  527.  
  528. .audioBoxInside .buttonBody {
  529. max-width: 100%;
  530. }
  531.  
  532. .button {
  533. display: inline-block;
  534. margin-right: 15px;
  535. vertical-align: top;
  536. padding: 2px;
  537. border-color: #000000;
  538. border-width: 3px;
  539. border-left-style: solid;
  540. border-right-style: solid;
  541. -moz-box-sizing: border-box;
  542. box-sizing: border-box;
  543. background-color: {color:Control};
  544. font-size: medium;
  545. }
  546.  
  547. .button:nth-of-type(1) {
  548. margin-left: 10px;
  549. }
  550.  
  551. .button:active {
  552. background-color: #ffffff;
  553. }
  554.  
  555. .button a{
  556. color: #000000;
  557. text-decoration: none;
  558. }
  559.  
  560. .button a:visited{
  561. color: #000000;
  562. text-decoration: none;
  563. }
  564.  
  565. .noteContainer {
  566. text-align: left;
  567. }
  568.  
  569. .noteContainer li {
  570. list-style: none;
  571. display: block;
  572. margin-bottom: 10px;
  573. border-radius: 10px;
  574. background-color: {color:Primary};
  575. color: #000000;
  576. font-weight: bold;
  577. padding: 5px;
  578. }
  579.  
  580. .noteContainer li:nth-of-type(even) {
  581. background-color: {color:Secondary};
  582. }
  583.  
  584. .noteContainer li img {
  585. border-color: #000000;
  586. border-width: 1px;
  587. border-style: solid;
  588. }
  589.  
  590. .paginationBar {
  591. background-color: {color:Posts};
  592. color: #000000;
  593. font-size: 0px;
  594. border-radius: 10px;
  595. width: 100%;
  596. }
  597.  
  598. .paginationButton {
  599. display: inline-block;
  600. font-size: medium;
  601. border-color: #000000;
  602. border-width: 3px;
  603. border-right-style: solid;
  604. padding: 2px;
  605. }
  606.  
  607. .paginationButton:nth-of-type(1) {
  608. border-left-style: solid;
  609. }
  610.  
  611. {block:PreviousPage}
  612. .paginationButton:nth-of-type(1) {
  613. border-left-style: solid;
  614. float: left;
  615. margin-left: 15px;
  616. }
  617.  
  618. .paginationButton:nth-of-type(2) {
  619. border-left-style: solid;
  620. }
  621. {/block:PreviousPage}
  622.  
  623. .paginationButton:last-of-type {
  624. margin-right: 15px;
  625. }
  626.  
  627. .paginationButton:active {
  628. background-color: #ffffff;
  629. }
  630.  
  631. .swoopSpacer {
  632. height: 50px;
  633. }
  634.  
  635. .swoopBox {
  636. position: absolute;
  637. background-color: #000000;
  638. width: calc(((100% - 10px) / 5) + 10px);
  639. width: -webkit-calc(((100% - 10px) / 5) + 10px);
  640. min-width: calc((800px / 5) + 10px);
  641. min-width: -webkit-calc((800px / 5) + 10px);
  642. height: 50px;
  643. left: 0px;
  644. bottom: 0px;
  645. }
  646.  
  647. .swoop {
  648. width: 100%;
  649. height: 40px;
  650. background-color: {color:Elbos};
  651. border-bottom-right-radius: 30px;
  652. }
  653.  
  654. .swoopOut {
  655. position: relative;
  656. left: 0px;
  657. top: 0px;
  658. width: 10px;
  659. height: 10px;
  660. background-color: #000000;
  661. border-bottom-right-radius: 10px;
  662. }
  663.  
  664. #showTweets {
  665. cursor: pointer;
  666. }
  667.  
  668. .popupWindow {
  669. position: fixed;
  670. background-color: {Color:Window};
  671. top: calc((100% - 500px) / 2);
  672. top: -webkit-calc((100% - 500px) / 2);
  673. height: 500px;
  674. max-height: 0px;
  675. left: 20%;
  676. width: 60%;
  677. min-width: 500px;
  678. border-radius: 20px;
  679. overflow: hidden;
  680. -webkit-transition: 0.25s;
  681. transition: 0.25s;
  682. }
  683.  
  684. .closeButton {
  685. display: inline-block;
  686. padding-left: 2px;
  687. padding-right: 2px;
  688. cursor: pointer;
  689. font-weight: bold;
  690. background-color: {color:Control};
  691. margin-left: 90%;
  692. height: 24px;
  693. border-color: #000000;
  694. border-width: 3px;
  695. border-right-style: solid;
  696. border-left-style: solid;
  697. }
  698.  
  699. .outerContainer {
  700. display: block;
  701. background-color: #000000;
  702. height: 432px;
  703. width: calc(100% - 40px);
  704. padding-top: 10px;
  705. padding-bottom: 10px;
  706. margin-left: 20px;
  707. border-radius: 10px;
  708. }
  709.  
  710. .innerContainer {
  711. height: 100%;
  712. overflow-y: scroll;
  713. }
  714.  
  715. .bottomButton {
  716. display: inline-block;
  717. padding-left: 2px;
  718. padding-right: 2px;
  719. font-weight: bold;
  720. background-color: {color:Primary};
  721. margin-left: 30px;
  722. height: 24px;
  723. border-color: #000000;
  724. border-width: 3px;
  725. border-right-style: solid;
  726. border-left-style: solid;
  727. }
  728.  
  729. #shade {
  730. position: fixed;
  731. height: 100%;
  732. width: 100%;
  733. top: 0px;
  734. background-color: #000000;
  735. opacity: 0.5;
  736. }
  737.  
  738. {CustomCSS}
  739. </style>
  740. </head>
  741. <body>
  742. <!--Facebook Stuff-->
  743. {block:IfFacebookSharing}
  744. <div id="fb-root"></div>
  745. <script>(function(d, s, id) {
  746. var js, fjs = d.getElementsByTagName(s)[0];
  747. if (d.getElementById(id)) return;
  748. js = d.createElement(s); js.id = id;
  749. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  750. fjs.parentNode.insertBefore(js, fjs);
  751. }(document, 'script', 'facebook-jssdk'));</script>
  752. {/block:IfFacebookSharing}
  753. <!--
  754. BEGIN TOP ELBO
  755. -->
  756. <div class="elbo topElbo">
  757. <div class="contentHolder topElboInside">
  758. <div class="sidebar">
  759. <div class="sidebox primary">
  760. <a href="/">LCARS ACCESS</a>
  761. </div>
  762. <div class="sidebox sideboxSpacer tertiary"> </div>
  763. <div class="sidebox secondary">
  764. {CopyrightYears}{block:IfCopyrightSymbol} &copy;{/block:IfCopyrightSymbol}
  765. </div>
  766. </div><!--
  767. --><div class="rightContent">
  768. {block:Following}
  769. <div class="leftBox">
  770. {lang:Following}:
  771. <div class="blogBox">
  772. <ul>
  773. {block:Followed}<li><a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" title="{FollowedTitle}"/></a>{/block:Followed}
  774. </ul>
  775. </div>
  776. </div><!--
  777. --><div class="header">
  778. <a href="/"><img src="{PortraitURL-128}" title="{Title}"></a>
  779. <h1><a href="/">{Title}</a></h1>
  780. <p>{Description}</p>
  781. </div><!--
  782. --></div>{/block:Following}
  783. {block:GroupMembers}
  784. <div class="leftBox">
  785. {lang:Group members}:
  786. <div class="blogBox">
  787. <ul>
  788. {block:GroupMember}<li><a href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-48}" title="{GroupMemberTitle}"/></a>{/block:GroupMember}
  789. </ul>
  790. </div>
  791. </div><!--
  792. --><div class="header">
  793. <a href="/"><img src="{PortraitURL-128}" title="{Title}"></a>
  794. <h1><a href="/">{Title}</a></h1>
  795. <p>{Description}</p>
  796. </div><!--
  797. --></div>{/block:GroupMembers}
  798. </div>
  799. <div class="chaffBox">
  800. <div class="chaff large secondary"><b>12</b></div><!--
  801. --><div class="chaff medium tertiary"><b>01</b></div><!--
  802. --><div class="chaff small secondary"><b>41</b></div><!--
  803. --><div class="chaff primary top"> </div><!--
  804. --><div class="chaff medium tertiary"><b>67</b></div><!--
  805. --><div class="chaff large secondary"><b>04</b></div>
  806. </div>
  807. </div>
  808. <!--
  809. END TOP ELBO
  810. BEGIN BOTTOM ELBO
  811. -->
  812. <div class="elbo bottomElbo">
  813. <div class="chaffBox">
  814. <div class="chaff large tertiary"><b>39</b></div><!--
  815. --><div class="chaff medium secondary"><b>76</b></div><!--
  816. --><div class="chaff small tertiary"><b>91</b></div><!--
  817. --><div class="chaff primary bottom"><b> </b></div><!--
  818. --><div class="chaff medium tertiary"><b>09</b></div><!--
  819. --><div class="chaff large secondary"><b>64</b></div>
  820. </div>
  821. <div class="contentHolder bottomElboInside">
  822. <div class="sidebar">
  823. <div class="sidebox primary">
  824. <a href="http://www.tumblr.com/follow/{Name}">{lang:Follow on Tumblr}</a>
  825. </div>
  826. {block:Twitter}
  827. <div class="sidebox secondary" id="showTweets">
  828. Twitter
  829. </div>
  830. {/block:Twitter}
  831. {block:IfFacebookUsername}
  832. <div class="sidebox secondary">
  833. <a href="http://www.facebook.com/{text:Facebook Username}">Facebook</a>
  834. </div>
  835. {/block:IfFacebookUsername}
  836. <div class="sidebox secondary">
  837. <a href="{RSS}">{lang:RSS feed}</a>
  838. </div>
  839. <div class="sidebox tertiary" style="text-align:center;vertical-align:center;">
  840. <form action="/search" method="get">
  841. <input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}" class="search" />
  842. <input type="submit" value="Search" style="display:none;" />
  843. </form>
  844. </div>
  845. {block:AskEnabled}
  846. <div class="sidebox primary">
  847. <a href="/ask">{AskLabel}</a>
  848. </div>
  849. {/block:AskEnabled}
  850. {block:SubmissionsEnabled}
  851. <div class="sidebox secondary">
  852. <a href="/submit">{SubmitLabel}</a>
  853. </div>
  854. {/block:SubmissionsEnabled}
  855. {block:HasPages}
  856. <div class="sidebox primary" style="cursor: pointer;" id="showPages">
  857. {lang:Pages}
  858. </div>
  859. {/block:HasPages}
  860. </div><!--
  861. --><div class="rightContent">
  862.  
  863. <!--
  864. BEGIN POSTS
  865. -->
  866. {block:Posts}
  867. <div class="post">
  868. <div class="postHeader">
  869. <div class="postTitle">
  870. {PostType}
  871. {block:Title}
  872. : {Title}
  873. {/block:Title}
  874. {block:Link}
  875. : {Name}
  876. {/block:Link}
  877. </div>
  878. <div class="postTime">
  879. <a href="{Permalink}">{lang:Posted TimeAgo}</a>&nbsp;
  880. </div>
  881. </div>
  882. <div class="contentHolder textInside">
  883. <div class="sidebar">
  884. <div class="sidebox primary">
  885. {lang:By PostAuthorName 2}
  886. </div>
  887. {block:RebloggedFrom}
  888. <div class="sidebox secondary">
  889. {lang:Reblogged from ReblogParentName 2}
  890. </div>
  891. <div class="sidebox secondary">
  892. {lang:Originally from ReblogRootName 2}
  893. </div>
  894. {/block:RebloggedFrom}
  895. </div>
  896. <div class="rightContent">
  897. <div class="content">
  898.  
  899. {block:Text}
  900. <h1>{Title}</h1>
  901. {Body}
  902. {/block:Text}
  903.  
  904. {block:Photo}
  905. {block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{block:LinkURL}{LinkCloseTag}{/block:LinkURL}
  906. {block:HighRes}
  907. <br />
  908. <div class="buttonBody">
  909. <div class="button">
  910. <a href="{PhotoURL-HighRes}">{lang:Click for high-res photo}</a>
  911. </div>
  912. </div>
  913. {/block:HighRes}
  914. {block:Exif}
  915. <p>Exif Data:</p>
  916. <ul>
  917. {block:Camera}<li>Camera: {Camera}{/block:Camera}
  918. {block:Aperture}<li>Aperture: {Aperture}{/block:Aperture}
  919. {block:Exposure}<li>Exposure: {Exposure}{/block:Exposure}
  920. {block:FocalLength}<li>Focal Length: {FocalLength}{/block:FocalLength}
  921. </ul>
  922. {/block:Exif}
  923. {block:Caption}
  924. {Caption}
  925. {/block:Caption}
  926. {/block:Photo}
  927.  
  928. {block:Panorama}
  929. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}">{LinkCloseTag}
  930. <p>Panorama Data:</p>
  931. <ul>
  932. <li>Resolution: {PhotoWidth-Panorama}x{PhotoHeight-Panorama}
  933. {block:Exif}
  934. {block:Camera}<li>Camera: {Camera}{/block:Camera}
  935. {block:Aperture}<li>Aperture: {Aperture}{/block:Aperture}
  936. {block:Exposure}<li>Exposure: {Exposure}{/block:Exposure}
  937. {block:FocalLength}<li>Focal Length: {FocalLength}{/block:FocalLength}
  938. {/block:Exif}
  939. </ul>
  940. {block:Caption}
  941. {Caption}
  942. {/block:Caption}
  943. {/block:Panorama}
  944.  
  945. {block:Photoset}
  946. {Photoset-400}
  947. {block:Caption}
  948. {Caption}
  949. {/block:Caption}
  950. {/block:Photoset}
  951.  
  952. {block:Quote}
  953. <strong><h1>&#8220;{Quote}&#8221;</h1></strong>
  954. {block:Source}
  955. &mdash; {Source}
  956. {/block:Source}
  957. {/block:Quote}
  958.  
  959. {block:Link}
  960. <div class="buttonBody">
  961. <div class="button">
  962. <a href="{URL}" {Target}>{Name}</a>
  963. </div>
  964. </div>
  965. {block:Description}
  966. {Description}
  967. {/block:Description}
  968. {/block:Link}
  969.  
  970. {block:Chat}
  971. <ul>
  972. {block:Lines}
  973. <li class="chatBox">{block:Label}<b style="color:{color:Highlight};">{Label}</b>{/block:Label} {Line}
  974. {/block:Lines}
  975. </ul>
  976. {/block:Chat}
  977.  
  978. {block:Audio}
  979. <div class="audioBox">
  980. <div class="audioBoxInside">
  981. {block:AlbumArt}
  982. <img src="{AlbumArtURL}">
  983. {/block:AlbumArt}
  984. <ul>
  985. {block:Artist}
  986. <li>
  987. <div class="buttonBody">
  988. <div class="button">
  989. {Artist}
  990. </div>
  991. </div>
  992. {/block:Artist}
  993. {block:Album}
  994. <li>
  995. <div class="buttonBody">
  996. <div class="button">
  997. {Album}
  998. </div>
  999. </div>
  1000. {/block:Album}
  1001. {block:TrackName}
  1002. <li>
  1003. <div class="buttonBody">
  1004. <div class="button">
  1005. {TrackName}
  1006. </div>
  1007. </div>
  1008. {/block:TrackName}
  1009. {block:PlayCount}
  1010. <li>
  1011. <div class="buttonBody">
  1012. <div class="button">
  1013. {PlayCountWithLabel}
  1014. </div>
  1015. </div>
  1016. {/block:PlayCount}
  1017. </ul>
  1018. {block:AudioEmbed}
  1019. {AudioEmbed-250}
  1020. {/block:AudioEmbed}
  1021. {block:AudioPlayer}
  1022. {AudioPlayer}
  1023. {/block:AudioPlayer}
  1024. </div>
  1025. </div>
  1026. {block:Caption}
  1027. {Caption}
  1028. {/block:Caption}
  1029. {/block:Audio}
  1030.  
  1031. {block:Video}
  1032. {Video-500}
  1033. {PlayCountWithLabel}
  1034. {block:Caption}
  1035. {Caption}
  1036. {/block:Caption}
  1037. {/block:Video}
  1038.  
  1039. {block:Answer}
  1040. <blockquote>{Question}</blockquote>
  1041. <strong>{Asker}</strong>
  1042. <p>{Answer}</p>
  1043. {/block:Answer}
  1044.  
  1045. <br>
  1046. {block:HasTags}
  1047. <div class="buttonBody">
  1048. <div class="button">
  1049. {block:Tags}
  1050. <a href="{TagURLChrono}"><b>#</b>{Tag} </a>
  1051. {/block:Tags}
  1052. </div>
  1053. </div>
  1054. {/block:HasTags}
  1055. {block:IfFacebookSharing}
  1056. <div class="fb-like" data-href="{Permalink}" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark" style="margin-left:10px;vertical-align:bottom;"></div>
  1057. {/block:IfFacebookSharing}
  1058. </div>
  1059. </div>
  1060. </div>
  1061. <div class="bottomBar">
  1062. <div class="button">
  1063. {ReblogButton color="black" size="20"}
  1064. </div>
  1065. <div class="button">
  1066. {Likebutton color="black" size="20"}
  1067. </div>
  1068. {block:NoteCount}
  1069. <div class="button">
  1070. {NoteCountWithLabel}
  1071. </div>
  1072. {/block:NoteCount}
  1073. </div>
  1074. </div>
  1075. {/block:Posts}
  1076.  
  1077. <!--
  1078. END POSTS
  1079. -->
  1080. {block:PostNotes}
  1081. <div class="noteContainer">
  1082. {PostNotes}
  1083. </div>
  1084. {/block:PostNotes}
  1085. {block:NoSearchResults}
  1086. <div class="content">
  1087. {lang:No results found}
  1088. </div>
  1089. {/block:NoSearchResults}
  1090.  
  1091. {block:Pagination}
  1092. <div class="paginationBar">
  1093. {block:PreviousPage}
  1094. <div class="paginationButton control">
  1095. <a href="{PreviousPage}">{lang:Previous}</a>
  1096. </div>
  1097. {/block:PreviousPage}
  1098. {block:JumpPagination length="10"}
  1099. {block:CurrentPage}
  1100. <div class="paginationButton tertiary">
  1101. {PageNumber}
  1102. </div>
  1103. {/block:CurrentPage}
  1104. {block:JumpPage}
  1105. <div class="paginationButton control">
  1106. <a href="{URL}">{PageNumber}</a>
  1107. </div>
  1108. {/block:JumpPage}
  1109. {/block:JumpPagination}
  1110. {block:NextPage}
  1111. <div class="paginationButton control">
  1112. <a href="{NextPage}">{lang:Next}</a>
  1113. </div>
  1114. {/block:NextPage}
  1115. </div>
  1116. {/block:Pagination}
  1117. </div>
  1118. <div class="swoopSpacer"> </div>
  1119. </div>
  1120. </div>
  1121. <div class="swoopBox">
  1122. <div class="swoop">
  1123. <div class="swoopOut"> </div>
  1124. </div>
  1125. </div>
  1126. <div id="shade" style="max-height: 0%;"></div>
  1127. {block:Twitter}
  1128. <div class="popupWindow" id="twitter" style="max-height: 0px;">
  1129. <div class="closeButton" id="twitterCloseButton">
  1130. X
  1131. </div>
  1132. <div class="outerContainer">
  1133. <div class="innerContainer" id="twitterInnerContainer"></div>
  1134. </div>
  1135. <div class="bottomButton">
  1136. <a href="http://twitter.com/{TwitterUsername}">{lang:Follow on Twitter}</a>
  1137. </div>
  1138. </div>
  1139. <script type="text/javascript">
  1140. function recent_tweets(data) {
  1141. for (i=0; i<data.length; i++) {
  1142. document.getElementById("twitterInnerContainer").innerHTML =
  1143. document.getElementById("twitterInnerContainer").innerHTML +
  1144. '<a href="http://twitter.com/{TwitterUsername}/status/' +
  1145. (data[i].id_str ? data[i].id_str : data[i].id) +
  1146. '"><div class="windowItem tertiary">' + data[i].text +
  1147. '</div></a>';
  1148. }
  1149. }
  1150. </script>
  1151. <script>
  1152. function toggleTweets(e) {
  1153. var box = document.getElementById("twitter");
  1154. var shade = document.getElementById("shade");
  1155. {block:HasPages}var pages = document.getElementById("pages");{/block:HasPages}
  1156. if(box.style.maxHeight == '0px'{block:HasPages} && pages.style.maxHeight !== '500px' && e.target !== shade{/block:HasPages}){
  1157. box.style.maxHeight = '500px';
  1158. shade.style.maxHeight = '100%';
  1159. }
  1160. else{
  1161. box.style.maxHeight = '0px';
  1162. shade.style.maxHeight = '0%';
  1163. }
  1164. }
  1165.  
  1166. var close = document.getElementById("twitterCloseButton");
  1167. var open = document.getElementById("showTweets");
  1168. var shade = document.getElementById("shade");
  1169. close.addEventListener("click", toggleTweets, false);
  1170. open.addEventListener("click", toggleTweets, false);
  1171. shade.addEventListener("click", toggleTweets, false);
  1172. </script>
  1173. {/block:Twitter}
  1174. {block:HasPages}
  1175. <div class="popupWindow" id="pages" style="max-height: 0px;">
  1176. <div class="closeButton" id="pagesCloseButton">
  1177. X
  1178. </div>
  1179. <div class="outerContainer">
  1180. <div class="innerContainer">
  1181. {block:pages}
  1182. <a href="{URL}">
  1183. <div class="windowItem secondary">
  1184. {Label}
  1185. </div>
  1186. </a>
  1187. {/block:pages}
  1188. </div>
  1189. </div>
  1190. <div class="bottomButton">
  1191. {lang:Pages}
  1192. </div>
  1193. </div>
  1194. <script>
  1195. function togglePages(e){
  1196. var box = document.getElementById('pages');
  1197. {block:Twitter}var twitter = document.getElementById('twitter');{/block:Twitter}
  1198. var shade = document.getElementById('shade');
  1199. if(box.style.maxHeight == '0px'{block:Twitter} && twitter.style.maxHeight !== '500px' && e.target !== shade{/block:Twitter}) {
  1200. box.style.maxHeight = '500px';
  1201. shade.style.maxHeight = '100%';
  1202. }
  1203. else {
  1204. box.style.maxHeight = '0px';
  1205. shade.style.maxHeight = '0%';
  1206. }
  1207. }
  1208.  
  1209. var close = document.getElementById("pagesCloseButton");
  1210. var open = document.getElementById("showPages");
  1211. var shade = document.getElementById("shade");
  1212. close.addEventListener("click", togglePages, false);
  1213. open.addEventListener("click", togglePages, false);
  1214. shade.addEventListener("click", togglePages, false);
  1215. </script>
  1216. {/block:HasPages}
  1217. </body>
  1218. {block:Twitter}
  1219. <script type="text/javascript" src="/tweets.js"></script>
  1220. {/block:Twitter}
  1221. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!