API tools faq
paste
Advertisement
demonair

01. Editorial Affair

demonair
Apr 30th, 2016
7,594
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. I. Editorial Affair
  7. (c) Noir @ demonair.tumblr.com (main) /
  8. calamityposse.tumblr.com (rp blog)
  9. Don't steal or reproduce.
  10. bruh I worked my ass off on this ok.
  11.  
  12.  
  13. -->
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <title>{Title}</title>
  20.  
  21. <!--variables-->
  22. <meta name="color:Background Color" content="#e7c4c4"/>
  23. <meta name="image:Background Image" content=""/>
  24. <meta name="color:Posts" content="#ffffff"/>
  25. <meta name="color:Post Borders" content="#f5f5f5"/>
  26. <meta name="color:Container Background" content="#fbfbfb"/>
  27. <meta name="color:Accent" content="#e7c4c4"/>
  28. <meta name="color:Accent2" content="#b8b2b2"/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="color:Sidebar Border" content="#ffffff"/>
  31. <meta name="color:Sidebar Title" content="#ffffff"/>
  32. <meta name="color:Sidebar Links" content="#ffffff"/>
  33. <meta name="color:Text" content="#7b7b7b"/>
  34.  
  35. <meta name="if:Inverted Tumblr Controls" content="0"/>
  36. <meta name="if:Enable Description Header" content="1"/>
  37. <meta name="if:Enable Hover Description" content="0"/>
  38. <meta name="if:Hover Tags" content="0"/>
  39.  
  40. <meta name="text:Subtitle" content="Subtitle Here"/>
  41. <meta name="text:Description Title" content="Title Here"/>
  42. <meta name="text:Post Size" content="350"/>
  43. <meta name="if:Grayscale Sidebar" content="1"/>
  44. <meta name="if:Show Captions" content="1"/>
  45. <meta name="if:Pop Up Ask" content="0"/>
  46.  
  47. <meta name="text:Link 1 URL" content="Link 1 URL"/>
  48. <meta name="text:Link 1" content="Link 1"/>
  49. <meta name="text:Link 2 URL" content="Link 2 URL"/>
  50. <meta name="text:Link 2" content="Link 2"/>
  51. <meta name="text:Link 3 URL" content="Link 3 URL"/>
  52. <meta name="text:Link 3" content="Link 3"/>
  53. <meta name="text:Link 4 URL" content="Link 4 URL"/>
  54. <meta name="text:Link 4" content="Link 4"/>
  55.  
  56. <meta name="text:Ask Box Title" content="Ask me anything"/>
  57.  
  58. <meta name="select:Title Font" content="Playfair Display" title="Playfair Display" />
  59. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  60. <meta name="select:Title Font" content="PT Serif" title="PT Serif" />
  61. <meta name="select:Title Font" content="Oswald" title="Oswald" />
  62. <meta name="select:Title Font" content="Archivo Narrow" title="Archivo Narrow" />
  63. <meta name="select:Title Font" content="Raleway" title="Raleway" />
  64. <meta name="select:Title Font" content="Montserrat" title="Montserrat" />
  65. <meta name="select:Title Font" content="Noto Sans" title="Noto Sans" />
  66. <meta name="select:Title Font" content="Hind" title="Hind" />
  67. <meta name="select:Title Font" content="Inconsolata" title="Inconsolata" />
  68.  
  69. <!--fonts-->
  70. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,900italic,900,700italic,700,400italic' rel='stylesheet' type='text/css'>
  71. <link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
  72. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  73. <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  74. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  75. <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700italic,700,400italic' rel='stylesheet' type='text/css'>
  76. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700italic,700,400italic' rel='stylesheet' type='text/css'>
  77. <link href='https://fonts.googleapis.com/css?family=Hind:400,700,600,500,300' rel='stylesheet' type='text/css'>
  78. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  79. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
  80. <link href='https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  81.  
  82. <!--icons-->
  83. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  84.  
  85. <!--pxu-->
  86. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  87.  
  88. <!--tooltips-->
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  90.  
  91. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  92.  
  93. <script>
  94.  
  95. (function($){
  96.  
  97. $(document).ready(function(){
  98.  
  99. $("a[title]").style_my_tooltips({
  100.  
  101. tip_follows_cursor:true,
  102.  
  103. tip_delay_time:90,
  104.  
  105. tip_fade_speed:600,
  106.  
  107. attribute:"title"
  108.  
  109. });
  110.  
  111. });
  112.  
  113. })(jQuery);
  114.  
  115. </script>
  116.  
  117. <!--jquery stuff-->
  118. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  119. <script>
  120. $(document).ready(function(){
  121. {block:ifEnableDescriptionHeader}
  122. $("#button").click(function(){
  123. $("#right").slideUp();
  124. });
  125. {/block:ifEnableDescriptionHeader}
  126. {block:ifEnableHoverDescription}
  127. $("#inside").hover(function(){
  128. $('#hoverdesc').fadeIn(1000);}
  129. ,function(){
  130. $('#hoverdesc').fadeOut(1000);
  131. });
  132. $("#inside").hover(function(){
  133. $('#title').fadeOut(700);}
  134. ,function(){
  135. $('#title').fadeIn(1000);
  136. });
  137. {/block:ifEnableHoverDescription}
  138. {block:ifPopUpAsk}
  139. $("contactb").click(function(){
  140. $("#contact").fadeToggle();
  141. });
  142. {/block:ifPopUpAsk}
  143. });
  144. </script>
  145.  
  146. <style type="text/css">
  147.  
  148. /* tumblr shite */
  149. #tumblr_controls, .tmblr-iframe {
  150. top:0.8%!important;
  151. right: 3.5%!important;
  152. -ms-transform: scale(.9);
  153. -webkit-transform: scale(.9);
  154. transform: scale(.9);
  155. position: fixed !important;
  156. z-index:9999999!important;
  157. {block:ifInvertedTumblrControls}
  158. -webkit-filter: invert(100%);
  159. -moz-filter: invert(100%);
  160. -o-filter: invert(100%);
  161. -ms-filter: invert(100%);
  162. filter: invert(100%);
  163. opacity:0.7;
  164. {/block:ifInvertedTumblrControls}
  165. }
  166.  
  167. /* tooltips */
  168. .tooltip{
  169. display: inline;
  170. position: relative;
  171. }
  172.  
  173. #s-m-t-tooltip {
  174. max-width:300px;
  175. padding:5px 6px;
  176. margin-top:10px;
  177. margin-left:10px;
  178. background-color:rgba(0,0,0,0.7);
  179. font-size:8px;
  180. text-transform:uppercase;
  181. color:#fff;
  182. z-index:999999999999999999999999999999999999;
  183. }
  184.  
  185. /* selection */
  186. ::selection {
  187. background: {color:Accent};
  188. color:#fff;
  189. }
  190.  
  191. ::-moz-selection {
  192. background: {color:Accent};
  193. color:#fff;
  194. }
  195.  
  196. ::-webkit-scrollbar {
  197. height: 5px;
  198. width: 2px;
  199. background:transparent;
  200. }
  201.  
  202. ::-moz-scrollbar {
  203. height: 5px;
  204. width: 2px;
  205. background:transparent;
  206. }
  207.  
  208. ::-webkit-scrollbar-thumb:vertical {
  209. background: {color:Post Borders};
  210. border: 1px solid {color:Post Borders};
  211. }
  212.  
  213. ::-moz-scrollbar-thumb:vertical {
  214. background: {color:Post Borders};
  215. border: 1px solid {color:Post Borders};
  216. }
  217.  
  218. /* basics */
  219. body {
  220. background: url('{image:Background Image}') no-repeat center center fixed {color:Background Color};
  221. -webkit-background-size: cover;
  222. -moz-background-size: cover;
  223. -o-background-size: cover;
  224. background-size: cover;
  225. text-align:justify;
  226. font-family:'Open Sans', sans-serif;
  227. font-size:10px;
  228. color:{color:Text};
  229. -webkit-font-smoothing: subpixel-antialiased;
  230. }
  231.  
  232. *, body {
  233. cursor:crosshair;
  234. }
  235.  
  236. a {
  237. text-decoration:none;
  238. -webkit-transition: all 1s ease;
  239. -moz-transition: all 1s ease;
  240. -o-transition: all 1s ease;
  241. transition: all 1s ease;
  242. color:{color:Text};
  243. }
  244.  
  245. a:hover {
  246. cursor:help;
  247. color:{color:Accent};
  248. }
  249.  
  250. b {
  251. font-weight:700;
  252. color:{color:Accent};
  253. }
  254.  
  255. sub, sup, small {
  256. font-size:9px;
  257. }
  258.  
  259. blockquote {
  260. text-align: justify;
  261. padding-left:10px;
  262. margin:0;
  263. border-left:1px solid {color:Post Borders};
  264. }
  265.  
  266. blockquote img {
  267. max-width: 100%;
  268. height:auto;
  269. }
  270.  
  271. pre {
  272. white-space: pre-wrap;
  273. white-space: -moz-pre-wrap;
  274. white-space: -pre-wrap;
  275. white-space: -o-pre-wrap;
  276. word-wrap: break-word;
  277. }
  278.  
  279. #background {
  280. background-color: {color:Container Background};
  281. width:90%;
  282. height:90%;
  283. position:fixed;
  284. top: 50%;
  285. left: 50%;
  286. -moz-webkit-transform: translate(-50%, -50%);
  287. -o-webkit-transform: translate(-50%, -50%);
  288. -webkit-transform: translate(-50%, -50%);
  289. transform: translate(-50%, -50%);
  290. -webkit-animation: load 2s;
  291. animation: load 2s;
  292. }
  293.  
  294. /* initial load */
  295. @-webkit-keyframes load {
  296. 0% {opacity: 0;}
  297. 100% {opacity: 1;}
  298. }
  299.  
  300. @-moz-keyframes load {
  301. 0% {opacity: 0;}
  302. 100% {opacity: 1;}
  303. }
  304.  
  305. @keyframes load {
  306. 0% {opacity: 0;}
  307. 100% {opacity: 1;}
  308. }
  309.  
  310. /* sidebar */
  311. #sidebar {
  312. position:relative;
  313. width:50%;
  314. height:100%;
  315. overflow:hidden;
  316. background:black;
  317. }
  318.  
  319. #sidebar img {
  320. width:600px;
  321. {block:ifGrayscaleSidebar}-webkit-filter: grayscale(100%);
  322. -moz-webkit-filter: grayscale(100%);
  323. -o-webkit-filter: grayscale(100%);
  324. -ms-webkit-filter: grayscale(100%);
  325. -webkit-filter: grayscale(100%);
  326. filter: grayscale(100%);{/block:ifGrayscaleSidebar}
  327. vertical-align:middle;
  328. }
  329.  
  330. #inside {
  331. width:300px;
  332. height:400px;
  333. position:absolute;
  334. top: 50%;
  335. left: 50%;
  336. z-index:999;
  337. -moz-webkit-transform: translate(-50%, -50%);
  338. -o-webkit-transform: translate(-50%, -50%);
  339. -webkit-transform: translate(-50%, -50%);
  340. transform: translate(-50%, -50%);
  341. background:rgba(0,0,0,0.5);
  342. border:1px solid white;
  343. border:1px solid {color:Sidebar Border};
  344. }
  345.  
  346. #title {
  347. top: 50%;
  348. -moz-webkit-transform: translateY(-50%);
  349. -o-webkit-transform: translateY(-50%);
  350. -webkit-transform: translateY(-50%);
  351. transform: translateY(-50%);
  352. position:absolute;
  353. color:{color:Sidebar Title};
  354. text-align:center;
  355. width:300px;
  356. text-transform:uppercase;
  357. font-family:'{select:Title Font}';
  358. font-weight:700;
  359. font-size:14px;
  360. }
  361.  
  362. .subtitle {
  363. color:{color:Accent};
  364. text-align:center;
  365. width:300px;
  366. font-family: 'Open Sans', sans-serif;
  367. font-size:8px;
  368. text-transform:uppercase;
  369. font-weight:300;
  370. letter-spacing:2px;
  371. }
  372.  
  373. #links {
  374. bottom:5%;
  375. text-align:center;
  376. width:300px;
  377. position:absolute;
  378. font-family: 'Open Sans', sans-serif;
  379. font-size:8px;
  380. text-transform:uppercase;
  381. font-weight:300;
  382. letter-spacing:2px;
  383. }
  384.  
  385. #links a {
  386. display:inline-block;
  387. color:{color:Sidebar Links};
  388. padding:0px 7px;
  389. text-decoration:none;
  390. transition: all 1s ease;
  391. border-bottom:none;
  392. }
  393.  
  394. #links a:hover {
  395. color:{color:Accent};
  396. }
  397.  
  398. /* description */
  399. {block:ifEnableDescriptionHeader}
  400. #right {
  401. position:fixed;
  402. top:0;
  403. right:0;
  404. width:50%;
  405. height:100%;
  406. overflow:hidden;
  407. background:{color:Posts};
  408. z-index:9999999;
  409. display:none;
  410. }
  411.  
  412. .page1 #right{
  413. display:block;
  414. }
  415.  
  416. #description {
  417. position:absolute;
  418. top: 50%;
  419. left: 50%;
  420. -moz-webkit-transform: translate(-50%, -50%);
  421. -o-webkit-transform: translate(-50%, -50%);
  422. -webkit-transform: translate(-50%, -50%);
  423. transform: translate(-50%, -50%);
  424. width:350px;
  425. color:{color:Text};
  426. text-align:center;
  427. font-size:10px;
  428. line-height:15px;
  429. font-weight:300;
  430. font-family:'{select:Title Font}';
  431. }
  432.  
  433. #description a {
  434. color:{color:Accent};
  435. font-weight:700;
  436. }
  437.  
  438. #description a:hover {
  439. color:{color:Accent2};
  440. }
  441.  
  442. .desctit {
  443. font-size:25px;
  444. color:{color:Accent};
  445. position:absolute;
  446. width:350px;
  447. text-align:center;
  448. top:-35px;
  449. font-family:'{select:Title Font}';
  450. z-index:-1;
  451. text-transform:uppercase;
  452. font-weight:900;
  453. font-style:italic;
  454. }
  455.  
  456. #button {
  457. font-size:12px;
  458. color:{color:Accent};
  459. position:absolute;
  460. top:200px;
  461. left:45%;
  462. font-family:'Open Sans';
  463. border:1px solid {color:Accent};
  464. padding:7.5px 9px;
  465. border-radius:100%;
  466. }
  467.  
  468. {/block:ifEnableDescriptionHeader}
  469.  
  470. #hoverdesc {
  471. position:absolute;
  472. top: 50%;
  473. left: 50%;
  474. z-index:999;
  475. -moz-webkit-transform: translate(-50%, -50%);
  476. -o-webkit-transform: translate(-50%, -50%);
  477. -webkit-transform: translate(-50%, -50%);
  478. transform: translate(-50%, -50%);
  479. width:230px;
  480. color:{color:Text};
  481. text-align:center;
  482. font-size:10px;
  483. line-height:15px;
  484. font-weight:300;
  485. font-family:'{select:Title Font}';
  486. color:{color:Sidebar Title};
  487. display:none;
  488. }
  489.  
  490. #hoverdesc a {
  491. color:{color:Accent};
  492. font-weight:700;
  493. }
  494.  
  495. #hoverdesc a:hover {
  496. color:{color:Accent2};
  497. }
  498.  
  499. /* pagination */
  500. #pagination {
  501. top:5%;
  502. color:{color:Sidebar Links};
  503. text-align:center;
  504. width:300px;
  505. position:absolute;
  506. font-family: 'Open Sans', sans-serif;
  507. font-size:8.7px;
  508. text-transform:uppercase;
  509. font-weight:300;
  510. letter-spacing:2px;
  511.  
  512. }
  513.  
  514. #pagination a {
  515. color:{color:Accent};
  516. text-decoration:none;
  517. border-bottom:none;
  518. }
  519.  
  520. /* post container */
  521. #postcont {
  522. position:fixed;
  523. top:0;
  524. right:0;
  525. width:50%;
  526. height:100%;
  527. overflow-y:scroll;
  528. overflow-x:hidden;
  529. background:{color:Container Background};
  530. }
  531.  
  532. /* posts */
  533. .entries {
  534. width:{text:Post Size}px;
  535. margin:0 auto;
  536. margin-bottom:100px;
  537. margin-top:80px;
  538. padding:15px;
  539. line-height:18px;
  540. background:{color:Posts};
  541. border:1px solid {color:Post Borders};
  542. }
  543.  
  544. .entries img {max-width:100%;}
  545.  
  546. /* titles */
  547. h1 {
  548. font-family:'{select:Title Font}';
  549. font-weight:900;
  550. font-size:20px;
  551. line-height:21px;
  552. text-align:left;
  553. color:{color:Text};
  554. }
  555.  
  556. h2 {
  557. font-family:'{select:Title Font}';
  558. font-weight:900;
  559. font-size:13px;
  560. color:{color:Text};
  561. }
  562.  
  563. /* lists */
  564. ul {
  565. margin:0;
  566. padding:0;
  567. }
  568.  
  569. ul li {
  570. list-style-type:none;
  571. padding-left:10px;
  572. position:relative;
  573. }
  574.  
  575. ul li:before {
  576. content:'○';
  577. font-size:13px;
  578. color:{color:Accent};
  579. padding-right:6px;
  580. }
  581.  
  582. /* text */
  583. .text, .caption, .answer, {
  584. line-height:18px;
  585. text-align:justify;
  586. }
  587.  
  588. /* caption, etc */
  589.  
  590. .caption a, .text a, .source a, .answer a, blockquote a {
  591. border-bottom:1px solid {color:Accent};
  592. color:{color:Text};
  593. font-weight:700;
  594. }
  595.  
  596. .caption a:hover, .text a:hover, .source a:hover, .answer a:hover, blockquote a:hover {
  597. color:{color:Accent};
  598. }
  599.  
  600. /* questions */
  601. .asker {
  602. font-size:20px;
  603. text-align:center;
  604. font-family:'{select:Title Font}';
  605. font-weight:900;
  606. margin:auto;
  607. }
  608.  
  609. .asker a {
  610. color:{color:Accent};
  611. }
  612.  
  613. .asker a:hover {
  614. color:{color:Accent2};
  615. }
  616.  
  617. .asker img {
  618. width:20px;
  619. position:absolute;
  620. margin-top:4px;
  621. margin-left:-26px;
  622. border-radius:100%;
  623. display:inline;
  624. }
  625.  
  626. .question {
  627. font-size:12px;
  628. padding:20px;
  629. margin-top:-4px;
  630. background:{color:Container Background};
  631. text-align:justify;
  632. font-style:italic;
  633. font-family:'{select:Title Font}';
  634. }
  635.  
  636. /* quotes */
  637. .quote {
  638. font-family:'{select:Title Font}';
  639. font-weight:900;
  640. font-size:16px;
  641. line-height:20px;
  642. font-style:italic;
  643. text-align:center;
  644. }
  645.  
  646. .source {
  647. text-align:center;
  648. margin-top:-8px;
  649. }
  650.  
  651. /* chat */
  652. .chat {
  653. padding:10px;
  654. background:{color:Container Background};
  655. display:block;
  656. margin-top:5px;
  657. margin-bottom:5px;
  658. }
  659.  
  660. /* audio */
  661. .audiopost {
  662. position:relative;
  663. height:100px;
  664. overflow:hidden;
  665. background-color:{color:Container Background};
  666. }
  667.  
  668. .audio {
  669. position:absolute;
  670. display:inline-block;
  671. left:0;
  672. top:0;
  673. right:0;
  674. bottom:0;
  675. text-align:left;
  676. line-height:100px;
  677. }
  678.  
  679. .audio img {
  680. width:100px;
  681. height:100px;
  682. position:absolute;
  683. right:0px;
  684. border:1px solid {color:Post Borders};
  685. }
  686.  
  687. .audio .player {
  688. width:27px;
  689. height:27px;
  690. left:20px;
  691. top:38%;
  692. opacity:0.5;
  693. line-height:0;
  694. overflow:hidden;
  695. position:absolute;
  696. }
  697.  
  698. .audio .trackname {
  699. vertical-align:middle;
  700. overflow:hidden;
  701. line-height:18px;
  702. margin-left:60px;
  703. width: calc(100% - 175px);
  704. display:inline-block;
  705. }
  706.  
  707. .audio .trackname span {
  708. white-space:nowrap;
  709. display:block;
  710. max-height:15px;
  711. margin-right:15px;
  712. }
  713.  
  714. .audio .trackname span:first-child {
  715. font-weight:900;
  716. font-family:'{select:Title Font}';
  717. font-size:12px;
  718. }
  719.  
  720. /* post info */
  721. .date {
  722. font-family:'{select:Title Font}';
  723. font-weight:900;
  724. font-size:13.5px;
  725. margin-top:25px;
  726. text-transform:lowercase;
  727. vertical-align:middle;
  728. width:{text:Post Size}px;
  729. text-align:center;
  730. position:absolute;
  731. }
  732.  
  733. .date a {
  734. border-bottom:1px solid {color:Accent};
  735. }
  736.  
  737. .tags {
  738. text-align:center;
  739. font-size:9px;
  740. max-height:50px;
  741. overflow-y:scroll;
  742. margin-top:50px;
  743. position:absolute;
  744. line-height:13px;
  745. width:{text:Post Size}px;
  746. {block:ifHoverTags}
  747. opacity:0;
  748. -webkit-transition: all 1s ease;
  749. -moz-transition: all 1s ease;
  750. -o-transition: all 1s ease;
  751. transition: all 1s ease;
  752. {/block:ifHoverTags}
  753. }
  754.  
  755. {block:ifHoverTags}
  756. .entries:hover .tags {
  757. opacity:1;
  758. }
  759. {/block:ifHoverTags}
  760.  
  761. .tags a {
  762. border-bottom:none;
  763. color:{color:Accent2};
  764. }
  765.  
  766. /* permalink page */
  767. .permalink {
  768. font-size:8.5px;
  769. letter-spacing:1px;
  770. text-transform:uppercase;
  771. text-align:center;
  772. margin-top:0px;
  773. line-height:11px;
  774. font-weight:600;
  775. }
  776.  
  777. .permalink a {
  778. color:{color:Accent};
  779. font-weight:600;
  780. }
  781.  
  782. .notes {
  783. font-size:8px;
  784. position:absolute;
  785. padding:10px;
  786. margin-top:10px;
  787. width:{text:Post Size}px;
  788. text-align:justify;
  789. letter-spacing:1px;
  790. line-height:15px;
  791. margin-left:-15px;
  792. color:{color:Text};
  793. text-transform:uppercase;
  794. }
  795.  
  796. .notes img {
  797. display:none;
  798. }
  799.  
  800. .notes a {
  801. font-size:8px;
  802. text-transform:uppercase;
  803. color:{color:Accent};
  804. font-weight:600;
  805. }
  806.  
  807. ol.notes {
  808. padding-left:25px;
  809. list-style-type:none;
  810. font-style:normal;
  811. text-align:left;
  812. }
  813.  
  814. ol.notes li.note {
  815. padding:5px;
  816. }
  817.  
  818. ol.notes li.note:before {
  819. content:'○';
  820. font-size:13px;
  821. color:{color:Accent};
  822. padding-right:6px;
  823. }
  824.  
  825. ol.notes blockquote {
  826. padding:4px 10px;
  827. margin:5px 0px 0px 15px;
  828. background:transparent;
  829. border-left:none;
  830. color:{color:Text};
  831. }
  832.  
  833. /* credit, don't remove */
  834. #credito {
  835. bottom:6px;
  836. right:6px;
  837. font-size:10px;
  838. line-height:10px;
  839. padding:5px 5px;
  840. font-weight:800;
  841. position:fixed;
  842. z-index:999999;
  843. border-radius:100%;
  844. background:rgba(0,0,0,0.6);
  845. }
  846.  
  847. #credito a {
  848. color:{color:Accent};
  849. }
  850.  
  851. /* pop up ask */
  852. #contact {
  853. position:fixed;
  854. top:0;
  855. right:0;
  856. width:50%;
  857. height:100%;
  858. overflow:hidden;
  859. background:{color:Posts};
  860. z-index:9999999;
  861. display:none;
  862. }
  863.  
  864. #askbox {
  865. position:absolute;
  866. top: 50%;
  867. left: 50%;
  868. -moz-webkit-transform: translate(-50%, -50%);
  869. -o-webkit-transform: translate(-50%, -50%);
  870. -webkit-transform: translate(-50%, -50%);
  871. -ms-webkit-transform: translate(-50%, -50%);
  872. transform: translate(-50%, -50%);
  873. text-align:left;
  874. }
  875.  
  876. .askd {
  877. {block:ifPopUpAsk}display:none!important;{/block:ifPopUpAsk}
  878. display:inline;
  879. }
  880.  
  881. .asktitle {
  882. position:relative;
  883. width:100%;
  884. text-align:center;
  885. top:-10px;
  886. font-size:25px;
  887. font-style:italic;
  888. color:{color:Accent};
  889. font-family:'{select:Title Font}';
  890. font-weight:900;
  891. }
  892.  
  893.  
  894. </style>
  895.  
  896. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script><script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  897.  
  898. <script>
  899. $(document).ready(function() {
  900. $(document).tooltip({
  901. track:true
  902. });
  903. $('.photo-slideshow').pxuPhotoset({
  904. lightbox: true,
  905. rounded: false,
  906. gutter: '1px',
  907. photoset: '.photo-slideshow',
  908. photoWrap: '.photo-data',
  909. photo: '.pxu-photo'
  910. });
  911. });
  912. </script>
  913.  
  914. </head>
  915.  
  916. <body>
  917. <div id="background">
  918.  
  919. <div id="sidebar">
  920. <div id="inside">
  921. <div id="pagination">
  922. {block:Pagination}
  923. {block:PreviousPage}
  924. <a href="{PreviousPage}"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
  925. {/block:PreviousPage}
  926.  
  927. {CurrentPage} of {TotalPages}
  928.  
  929. {block:NextPage}
  930. <a href="{NextPage}"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
  931. {/block:NextPage}
  932. {/block:Pagination}</div>
  933.  
  934. <div id="title">{Title}
  935. <div class="subtitle">{text:Subtitle}</div>
  936. </div>
  937.  
  938. <!-- hover description -->
  939. <div id="hoverdesc">
  940. <h1 style="text-align:center;color:{color:Accent};font-style:italic;line-height:12px;">{text:Description Title}</h1>
  941. {Description}
  942. </div>
  943.  
  944. <!-- links -->
  945. <div id="links">
  946. <a href="{text:Link 1 URL}"><i class="fa fa-home" aria-hidden="true"></i> {text:Link 1}</a>
  947.  
  948. <div class="askd"><a href="{text:Link 2 URL}"><i class="fa fa-envelope" aria-hidden="true"></i> {text:Link 2}</a></div>
  949.  
  950. {block:ifPopUpAsk}
  951. <contactb><a class="x"><i class="fa fa-envelope" aria-hidden="true"></i> {text:Link 2}</a></contactb>
  952. {/block:ifPopUpAsk}
  953.  
  954. <a href="{text:Link 3 URL}"><i class="fa fa-user" aria-hidden="true"></i> {text:Link 3}</a>
  955.  
  956. <a href="{text:Link 4 URL}"><i class="fa fa-bars" aria-hidden="true"></i> {text:Link 4}</a>
  957. </div>
  958.  
  959. </div>
  960.  
  961. <!-- description header -->
  962. <body class="page{CurrentPage}">
  963. {block:IndexPage}
  964. {block:ifEnableDescriptionHeader}
  965. <div id="right">
  966. <div id="description">
  967. <div class="desctit">{text:Description Title}</div>
  968. {Description}
  969. <hr style="background:{color:Accent}; border:0; height:2px; width:80px; position:relative; margin-top:22px;"/>
  970. <div id="button" style="cursor:help;"><i class="fa fa-chevron-down" style="cursor:help;" aria-hidden="true"></i></div>
  971. </div>
  972. </div>
  973. {/block:ifEnableDescriptionHeader}
  974. {/block:IndexPage}
  975. </body>
  976.  
  977. {block:ifPopUpAsk}
  978. <div id="contact">
  979. <div id="askbox">
  980. <div class="asktitle">{text:Ask Box Title}</div>
  981. <iframe frameborder="0" border="0" scrolling="no" width="480px" height="192" allowtransparency="true"
  982. src="http://www.tumblr.com/ask_form/{Name}.tumblr.com"
  983. style="background-color:transparent;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  984. </div>
  985. </div>
  986. {/block:ifPopUpAsk}
  987.  
  988. <img src="{image:Sidebar}" align="middle"/>
  989.  
  990. </div>
  991.  
  992. <div id="postcont">
  993.  
  994. {block:Posts}
  995.  
  996. <div class="entries">
  997.  
  998. {block:Text}
  999. <div class="text">
  1000. {block:Title}<h1>{Title}</h1>{/block:Title}
  1001. {Body} </div>
  1002. {/block:Text}
  1003.  
  1004. {block:Link}
  1005. <div class="text">
  1006. <h1><a href="{URL}">{Name}</a></h1>
  1007. {block:Description}{Description}{/block:Description}
  1008. </div>
  1009. {/block:Link}
  1010.  
  1011. {block:Quote}
  1012. <div class="quote">{Quote}</div>
  1013. {block:Source}<div class="source"><br>{Source}</div>{/block:Source}
  1014. {/block:Quote}
  1015.  
  1016. {block:Answer}
  1017. <div class="asker">{Asker} inquired: </div>
  1018. <div class="question">{Question}</div>
  1019. <div class="answer">{Answer}</div>
  1020. {/block:Answer}
  1021.  
  1022. {block:Photo}
  1023. <a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  1024. {/block:Photo}
  1025.  
  1026. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  1027.  
  1028. {block:Video}
  1029. <div class="video">{Video-500}</div>
  1030. {block:Video}
  1031.  
  1032. {block:Chat}
  1033. {block:Title}<h1>{Title}</h1>{/block:Title}
  1034. {block:Lines}
  1035. <div class="chat"> {block:Label}<b>{Label}</b>{/block:Label} {Line}<br />
  1036. </div>{/block:Lines}
  1037. {/block:Chat}
  1038.  
  1039. {block:Audio}
  1040. <div class="audiopost">
  1041. <div class="audio">
  1042. {block:AudioPlayer}
  1043. <div class="player">{AudioPlayerWhite}</div>
  1044. {/block:AudioPlayer}
  1045. {block:AlbumArt}
  1046. <img src="{AlbumArtURL}">
  1047. {/block:AlbumArt}
  1048. <div class="trackname">
  1049. {block:TrackName}<span>{TrackName}</span>{/block:TrackName}
  1050. {block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  1051. </div>
  1052. </div>
  1053. {/block:Audio}
  1054.  
  1055. <!--captions-->
  1056. {block:ifShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:ifShowCaptions}
  1057.  
  1058. <!--bottom-->
  1059. {block:IndexPage}
  1060. {block:Date}
  1061. <div class="date">
  1062. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithSuffix} / <a href="{ReblogURL}">reblog</a></a></div>
  1063. {block:HasTags}
  1064. <div class="tags">
  1065. <i class="fa fa-tag" aria-hidden="true"></i> tags:
  1066. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  1067. {/block:HasTags}
  1068. {/block:Date}
  1069. {/block:IndexPage}
  1070.  
  1071. <!--permalink-->
  1072. {block:PermalinkPage}
  1073. {block:Date}
  1074. <div class="permalink">
  1075. <hr style="background:{color:Accent}; border:0; height:2px; width:80px; position:relative; margin-top:15px;margin-bottom:15px;" />
  1076. posted on {Month} {DayofMonthWithSuffix}, {Year} with <a href="#">{NoteCountWithLabel}</a>
  1077. <br>{block:RebloggedFrom}
  1078. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  1079. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1080. {/block:RebloggedFrom}
  1081. <br>{block:HasTags}<i class="fa fa-tags"></i>&nbsp;tags: &nbsp;
  1082. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  1083. {/block:HasTags}
  1084. </div>
  1085. {block:PostNotes}
  1086. <div class="notes">{PostNotes}</div>
  1087. {/block:PostNotes}
  1088. {/block:Date}
  1089. {/block:PermalinkPage}
  1090.  
  1091. <!--delete content source + via-->
  1092. {block:ContentSource}
  1093. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1094. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1095. {/block:SourceLogo}
  1096. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1097. {/block:ContentSource}
  1098.  
  1099. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1100.  
  1101.  
  1102. </div>
  1103.  
  1104. {/block:Posts}
  1105.  
  1106. </div>
  1107.  
  1108. </div>
  1109.  
  1110. <div id="credito"><a title="© noir" href="http://calamityposse.tumblr.com/"><i class="fa fa-code"></i></a></div>
  1111.  
  1112. </body>
  1113. </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!