API tools faq
paste
Advertisement
octomoosey

justice

octomoosey
Jun 29th, 2016
4,720
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <meta name="color:pageborder" content="#000000"/>
  12. <meta name="color:text" content="#c1c0c0">
  13. <meta name="color:postborder" content="#ffffff">
  14. <meta name="color:background" content="#d4d4d4">
  15. <meta name="color:link" content="#dcdcdc">
  16. <meta name="color:linkhover" content="#cbcbcb">
  17. <meta name="color:italic" content="#fb9d28" />
  18. <meta name="color:bold" content="#fb9d28" />
  19. <meta name="color:date" content="#8c8c8c" />
  20. <meta name="color:datehover" content="#ffffff" />
  21. <meta name="color:tags" content="#8c8c8c" />
  22. <meta name="color:tagshover" content="#ffffff" />
  23. <meta name="color:tabbackground" content="#8c8c8c" />
  24. <meta name="color:tabtext" content="#ffffff" />
  25. <meta name="color:tabicons" content="#fb9d28" />
  26. <meta name="color:sidetitlebg" content="#8c8c8c" />
  27. <meta name="color:sidetitletext" content="#ffffff" />
  28. <meta name="color:sidebartext" content="#dddddd">
  29. <meta name="color:sidebarlink" content="#fb9d28">
  30. <meta name="color:sidebarlinkhover" content="#3f3f3f">
  31. <meta name="color:sidebarbold" content="#ffffff">
  32. <meta name="color:sidebaritalic" content="#ffffff">
  33. <meta name="color:quicklinks" content="#dcdcdc">
  34. <meta name="color:quicklinkshover" content="#cbcbcb">
  35. <meta name="color:explorelink" content="#fb9d28">
  36. <meta name="color:explorelinkbg" content="#3f3f3f">
  37. <meta name="color:selectiontext" content="#ffffff" />
  38. <meta name="color:selectionbg" content="#8c8c8c" />
  39. <meta name="color:scrollbar" content="#fb9d28" />
  40. <meta name="color:tooltiptext" content="#ffffff" />
  41. <meta name="color:tooltipborder" content="#ffffff" />
  42. <meta name="color:tooltipbg" content="#000000" />
  43.  
  44. <meta name="if:hide captions" content="0"/>
  45. <meta name="if:greyscale" content="0"/>
  46. <meta name="if:portrait" content="1">
  47. <meta name="if:quicklinks" content="1">
  48. <meta name="if:updates" content="1">
  49. <meta name="if:extrainfo" content="1">
  50.  
  51. <meta name="image:header" content="" />
  52. <meta name="image:portrait" content="" />
  53.  
  54. <meta name="text:yourblogname" content="yourblogname" />
  55. <meta name="text:font size" content="10px" />
  56. <meta name="text:update1" content="update 1 text goes here" />
  57. <meta name="text:update2" content="update 2 text goes here" />
  58. <meta name="text:update3" content="update 3 text goes here" />
  59. <meta name="text:update4" content="update 4 text goes here" />
  60. <meta name="text:update5" content="update 5 text goes here" />
  61.  
  62. <meta name="text:extrainfo" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit" />
  63. <meta name="text:questiontext" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit." />
  64.  
  65. <meta name="text:header alignment" content="top left" />
  66.  
  67. <meta name="text:link 1" content="link 1"/>
  68. <meta name="text:link 1 url" content="/"/>
  69. <meta name="text:link 2" content="link 2"/>
  70. <meta name="text:link 2 url" content="/"/>
  71. <meta name="text:link 3" content="link 3"/>
  72. <meta name="text:link 3 url" content="/"/>
  73. <meta name="text:link 4" content="link 4"/>
  74. <meta name="text:link 4 url" content="/"/>
  75. <meta name="text:link 5" content="link 5"/>
  76. <meta name="text:link 5 url" content="/"/>
  77. <meta name="text:link 6" content="link 6"/>
  78. <meta name="text:link 6 url" content="/"/>
  79. <meta name="text:link 7" content="link 7"/>
  80. <meta name="text:link 7 url" content="/"/>
  81. <meta name="text:link 8" content="link 8"/>
  82. <meta name="text:link 8 url" content="/"/>
  83.  
  84. <meta name="text:quicklink 1" content="quicklink 1"/>
  85. <meta name="text:quicklink 1 url" content="/"/>
  86. <meta name="text:quicklink 2" content="quicklink 2"/>
  87. <meta name="text:quicklink 2 url" content="/"/>
  88. <meta name="text:quicklink 3" content="quicklink 3"/>
  89. <meta name="text:quicklink 3 url" content="/"/>
  90. <meta name="text:quicklink 4" content="quicklink 4"/>
  91. <meta name="text:quicklink 4 url" content="/"/>
  92. <meta name="text:quicklink 5" content="quicklink 5"/>
  93. <meta name="text:quicklink 5 url" content="/"/>
  94.  
  95. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  98.  
  99. <link href='https://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  102.  
  103.  
  104.  
  105. <style type="text/css">
  106.  
  107. ::-webkit-scrollbar{
  108. height:3px;
  109. width:3px;
  110. background:inherit;}
  111.  
  112. ::-webkit-scrollbar-thumb {
  113. background:{color:scrollbar};}
  114.  
  115. ::-webkit-scrollbar-track {
  116. background:transparent;}
  117.  
  118. ::-moz-selection {
  119. color:{color:selectiontext};
  120. background:{color:selectionbg};}
  121.  
  122. ::selection {
  123. color:{color:selectiontext};
  124. background:{color:selectionbg};}
  125.  
  126. iframe.tmblr-iframe {
  127. z-index:99999999999999!important;
  128. top:5px!important;
  129. right:0!important;
  130. opacity:1;
  131. padding-right:40px;
  132. transform:scale(0.65);
  133. transform-origin:100% 0;
  134. -webkit-transform:scale(0.65);
  135. -webkit-transform-origin:100% 0;
  136. -o-transform:scale(0.65);
  137. -o-transform-origin:100% 0;
  138. -moz-transform:scale(0.65);
  139. -moz-transform-origin:100% 0;
  140. -ms-transform:scale(0.65);
  141. -ms-transform-origin:100% 0;}
  142.  
  143. body {
  144. background-attachment: fixed;
  145. background:{color:background};
  146. font-family: 'Roboto', sans-serif;
  147. font-size: 10px;
  148. font-weight:normal;
  149. position:relative;
  150. text-align:left;
  151. margin:0;
  152. line-height:150%;}
  153.  
  154. blockquote {
  155. padding-left:10px;
  156. border-left:1px solid {color:postborder};
  157. margin:15px 0px 10px 0px;
  158. text-align:left;}
  159.  
  160. .caption blockquote {
  161. margin:15px 0px 10px 0px;}
  162.  
  163. blockquote img {
  164. max-width:100%;
  165. height:auto;}
  166.  
  167. img {
  168. max-width:100%;
  169. height:auto;}
  170.  
  171. .caption img {
  172. max-width:100%;
  173. height:auto;}
  174.  
  175. .posts img {
  176. margin-top:5px;
  177. margin-bottom:5px;}
  178.  
  179. pre {
  180. white-space: pre-wrap;
  181. white-space: -moz-pre-wrap;
  182. white-space: -pre-wrap;
  183. white-space: -o-pre-wrap;
  184. word-wrap: break-word;}
  185.  
  186. a {
  187. color:{color:link};
  188. text-decoration:none;
  189. cursor:help;
  190. -webkit-transition: all 0.7s ease;
  191. transition: all 0.7s ease;
  192. -moz-transition: all 0.7s ease;
  193. -o-transition: all 0.7s ease;}
  194.  
  195. a:hover {
  196. text-decoration:none;
  197. color:{color:linkhover};}
  198.  
  199. p {
  200. margin:10px 0 10px 0;}
  201.  
  202. p:first-of-type {
  203. margin-top:0;
  204. padding-top:0;}
  205.  
  206. p:last-of-type {
  207. margin-bottom:10px;
  208. padding-bottom:0;}
  209.  
  210. b, strong {
  211. font-family: 'Share Tech', sans-serif;
  212. text-transform:uppercase;
  213. font-size: {text:font size};
  214. color:{color:bold};}
  215.  
  216. i, em {
  217. font-family: 'Yanone Kaffeesatz', sans-serif;
  218. font-size: 14px;
  219. color:{color:italic};
  220. letter-spacing:1.5px;}
  221.  
  222. small, big {
  223. font-size:1em;}
  224.  
  225. h1, h2, h3, h4{
  226. font-family: 'Yanone Kaffeesatz', sans-serif;
  227. font-size:14px;
  228. letter-spacing:2px;
  229. line-height:30px;
  230. text-transform:uppercase;
  231. text-align:center;
  232. color:{color:posttitle};}
  233.  
  234. {block:IfGreyscale}
  235.  
  236. img {
  237. -webkit-filter:grayscale(100%);
  238. -webkit-transition: all 0.9s ease-in-out;
  239. -moz-transition: all 0.9s ease-in-out;
  240. -o-transition: all 0.9s ease-in-out;
  241. -ms-transition: all 0.9s ease-in-out;
  242. transition: all 0.9s ease-in-out;}
  243.  
  244. img:hover {
  245. -webkit-filter:none;}
  246.  
  247. .html_photoset {
  248. -webkit-filter: grayscale(100%);
  249. -webkit-transition: all 0.9s ease-in-out;
  250. -moz-transition: all 0.9s ease-in-out;
  251. -o-transition: all 0.9s ease-in-out;
  252. -ms-transition: all 0.9s ease-in-out;
  253. transition: all 0.9s ease-in-out;}
  254.  
  255. .html_photoset:hover {
  256. -webkit-filter: none;}
  257.  
  258. {/block:IfGreyscale}
  259.  
  260. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  261. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  262. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  263. .fade-in {
  264. opacity:0;
  265. -webkit-animation:fadeIn ease-in 1;
  266. -moz-animation:fadeIn ease-in 1;
  267. animation:fadeIn ease-in 1;
  268. -webkit-animation-fill-mode:forwards;
  269. -moz-animation-fill-mode:forwards;
  270. animation-fill-mode:forwards;
  271. -webkit-animation-duration:1s;
  272. -moz-animation-duration:1s;
  273. animation-duration:1s;}
  274.  
  275. .fade-in.one {
  276. -webkit-animation-delay:0s;
  277. -moz-animation-delay:0s;
  278. animation-delay:0s;}
  279.  
  280. .title {
  281. font-size:15px;
  282. letter-spacing:1.5px;
  283. font-weight:bold;}
  284.  
  285. #entries {
  286. {block:indexpage}
  287. margin-top:260px;
  288. {/block:indexpage}
  289. {block:permalinkpage}
  290. margin-top:60px;
  291. {/block:permalinkpage}
  292. z-index:1;
  293. left:50%;
  294. margin-left:-450px;
  295. padding-bottom:50px;
  296. position:absolute;
  297. width:500px;}
  298.  
  299. .posts {
  300. padding:20px;
  301. border:1px solid {color:postborder};
  302. width:500px;
  303. margin-bottom:20px;
  304. text-align:justify;
  305. background-color: rgba(0, 0, 0, 0.7);
  306. background: rgba(0, 0, 0, 0.7);
  307. color:{color:text};}
  308.  
  309. .posts:last-child {
  310. margin-bottom:50px;}
  311.  
  312. #info {
  313. }
  314.  
  315. .date {
  316. padding-top:10px;
  317. border-top:1px solid #fff;
  318. color:{color:text};
  319. font-size:10px;
  320. margin-bottom:0px;
  321. text-align:center;
  322. font-family: 'Share Tech', sans-serif;}
  323.  
  324. .date a {
  325. font-size:10px;
  326. color:{color:date};}
  327.  
  328. .date a:hover {
  329. color:{color:datehover};}
  330.  
  331. .tags {
  332. color:{color:text};
  333. margin-bottom:0px;
  334. text-align:center;
  335. font-size:10px;
  336. margin-top:0px;
  337. -webkit-transition: all 0.7s ease;
  338. transition: all 0.7s ease;
  339. -moz-transition: all 0.7s ease;
  340. -o-transition: all 0.7s ease;}
  341.  
  342. .tags a {
  343. letter-spacing:0;
  344. color:{color:tags};
  345. -webkit-transition: all 0.7s ease;
  346. transition: all 0.7s ease;
  347. -moz-transition: all 0.7s ease;
  348. -o-transition: all 0.7s ease;}
  349.  
  350. .tags a:hover {
  351. color:{color:tagshover};
  352. -webkit-transition: all 0.7s ease;
  353. transition: all 0.7s ease;
  354. -moz-transition: all 0.7s ease;
  355. -o-transition: all 0.7s ease;}
  356.  
  357. .pagenotes {
  358. margin-top:15px;
  359. padding-top:15px;
  360. padding-left:20px;
  361. text-transform:lowercase;
  362. font-size:8px;
  363. letter-spacing:1px;}
  364.  
  365. .pagenotes a {
  366. border:0;}
  367.  
  368. ol.notes {
  369. color:{color:text};
  370. width:500px;
  371. list-style-type:none;
  372. text-align:left;
  373. padding:0px;
  374. margin-left:0px;}
  375.  
  376. ol.notes a {
  377. color:{color:link};}
  378.  
  379. ol.notes a:hover {
  380. color:{color:linkhover};}
  381.  
  382. ol.notes li.note {
  383. display:block;
  384. padding:0;
  385. margin:5px 0;}
  386.  
  387. ol.notes li.note img.avatar {
  388. display:none!important;}
  389.  
  390. a.more_notes_link {
  391. display:block;
  392. text-align:left;
  393. border:0;
  394. color:{color:link};}
  395.  
  396. .caption {
  397. margin-top:15px;
  398. {block:ifhidecaptions}
  399. {block:indexpage}
  400. display:none;
  401. {/block:indexpage}
  402. {/block:ifhidecaptions}}
  403.  
  404. .chat {
  405. padding:0;
  406. list-style-type:none;}
  407.  
  408. .chat .label {
  409. font-weight:bold;}
  410.  
  411. .media {
  412. position:relative;
  413. display:inline-block;
  414. width:100%;}
  415.  
  416. .playerbuttonbg {
  417. position: absolute;
  418. left: 15px;
  419. top: 17px;
  420. width: 30px;
  421. height: 30px;
  422. background-color: #000;
  423. padding: 10px;
  424. opacity: 0.4;
  425. filter: alpha(opacity=40);
  426. -moz-opacity: 0.4;
  427. -khtml-opacity: 0.4;
  428. transition: opacity .7s ease-in-out;
  429. -moz-transition: opacity .7s ease-in-out;
  430. -webkit-transition: opacity .7s ease-in-out;}
  431.  
  432. .playerbuttonbg:hover {
  433. opacity: 1;
  434. filter: alpha(opacity=100);
  435. -moz-opacity: 1;
  436. -khtml-opacity: 1;}
  437.  
  438. .newplayerbutton {
  439. position: relative;
  440. width: 30px;
  441. height: 30px;
  442. overflow: hidden;}
  443.  
  444. .playerbuttonhug {
  445. position: absolute;
  446. top: -30px;
  447. left: -10px;}
  448.  
  449. .tumblr_audio_player {
  450. height: 90px;
  451. width: 270px;}
  452.  
  453. .audioimgwrapper {
  454. position: absolute;
  455. overflow: hidden;
  456. width: 80px;
  457. height: 80px;}
  458.  
  459. .trackdetails {
  460. padding:10px;
  461. display:inline-block;
  462. margin-left: 90px;
  463. min-height: 75px;}
  464.  
  465. .audiowrapper {
  466. position: relative;
  467. display:inline-block;}
  468.  
  469. #titlequote {
  470. font-size:10px;
  471. text-align:center;}
  472.  
  473. #source {
  474. margin-top:10px;
  475. text-align:center;
  476. margin-bottom:10px;}
  477.  
  478. .question {
  479. padding-bottom:10px;
  480. margin-bottom:10px;
  481. color:{color:text};
  482. text-align:center;
  483. border-bottom:1px solid {color:postborder};}
  484.  
  485. .asker {
  486. font-family: 'Yanone Kaffeesatz', sans-serif;
  487. text-transform:lowercase;
  488. color:{color:text};
  489. font-size:20px;
  490. text-align:center;
  491. margin-bottom:10px;}
  492.  
  493. .asker a {
  494. color:{color:link};}
  495.  
  496. .asker a:hover {
  497. color:{color:linkhover};}
  498.  
  499. .answer {
  500. color:{color:text};
  501. border:0;}
  502.  
  503. .l {
  504. padding-bottom:15px;
  505. margin-top:15px;
  506. border-bottom:1px solid {color:text};}
  507.  
  508. .label {
  509. font-weight:bold;
  510. color:{color:text};
  511. display:inline-block;}
  512.  
  513. .l:first-of-type {
  514. margin-top:0;}
  515.  
  516. .l:last-of-type {
  517. padding-bottom:0;
  518. border:0;}
  519.  
  520. {block:indexpage}
  521. #header {
  522. position:absolute;
  523. margin-top:40px;
  524. left:40px;
  525. width:calc(100% - 435px);
  526. height:200px;
  527. z-index:7;
  528. background-color:#a9a9a9;
  529. background-image: url('{image:header}');
  530. background-repeat: no-repeat;
  531. background-position:{text:header alignment};
  532. background-attachment: absolute;
  533. border-bottom:3px solid #000;}
  534. {/block:indexpage}
  535.  
  536. #top, #bottom, #left {
  537. z-index:8;
  538. background: {color:pageborder};
  539. position: fixed;}
  540.  
  541. #left {
  542. top: 0; bottom: 0;
  543. width: 40px;}
  544.  
  545. #left { left: 0; }
  546.  
  547. #top, #bottom {
  548. left: 0; right: 0;
  549. height: 40px;}
  550.  
  551. #top { top: 0; }
  552. #bottom { bottom: 0; }
  553.  
  554. #snav {
  555. position:fixed;
  556. display:block;
  557. top:40px;
  558. width:40px;
  559. left:0px;
  560. text-align:center;}
  561.  
  562. #snav a {
  563. font-size:16px;
  564. display:block;
  565. margin-bottom:15px;}
  566.  
  567. .sidebar {
  568. overflow-y:scroll;
  569. position:fixed;
  570. color:{color:sidebartext};
  571. background:{color:pageborder};
  572. height:calc(100% - 100px);
  573. right:10px;
  574. text-align:justify;
  575. top:30px;
  576. position:fixed;
  577. padding:20px 15px 20px 20px;
  578. width:350px;}
  579.  
  580. .sidebar a {
  581. color:{color:sidebarlink};}
  582.  
  583. .sidebar a:hover {
  584. color:{color:sidebarlinkhover};}
  585.  
  586. .sidebar i, em {
  587. color:{color:sidebaritalic};}
  588.  
  589. .sidebar b, strong {
  590. color:{color:sidebarbold};}
  591.  
  592. #sidercont {
  593. position:fixed;
  594. right:0px;
  595. height:100%;
  596. width:30px;
  597. background:{color:pageborder};}
  598.  
  599. #tabpos {
  600. margin-top: -20px;
  601. margin-left: -45px;
  602. width: 400px;}
  603.  
  604. .tabs {
  605. display:inline-block;}
  606.  
  607. .tab-links:after {
  608. display:block;
  609. clear:both;
  610. content:'';}
  611.  
  612. .tab-links li {
  613. margin:0px 5px;
  614. display:inline-block;
  615. list-style:none;}
  616.  
  617. .tab-links a {
  618. font-family: 'Yanone Kaffeesatz', sans-serif;
  619. text-align:center;
  620. text-transform:uppercase;
  621. width:88px;
  622. padding:5px 10px;
  623. display:inline-block;
  624. background:{color:tabbackground};
  625. font-size:12px;
  626. letter-spacing:2px;
  627. color:{color:tabtext};
  628. transition:all linear 0.3s;}
  629.  
  630. .tab-links a:hover {
  631. background:{color:tabtext};
  632. text-decoration:none;}
  633.  
  634. li.active a, li.active a:hover {
  635. background:{color:tabtext};
  636. color:{color:tabbackground};}
  637.  
  638. .tab-content {
  639. color:{color:sidebartext};}
  640.  
  641. .tab {
  642. display:none;}
  643.  
  644. .tab.active {
  645. display:block;}
  646.  
  647. #sbtitle {
  648. margin-bottom:8px;
  649. font-size:12px;
  650. padding:3px;
  651. text-transform:uppercase;
  652. font-family: 'Yanone Kaffeesatz', sans-serif;
  653. letter-spacing:3px;
  654. background:{color:sidetitlebg};
  655. color:{color:sidetitletext};}
  656.  
  657. #sbbox{
  658. color:{color:sidebartext};
  659. text-align:justify;
  660. margin-top:5px;
  661. padding-bottom:5px;
  662. margin-left:0px;
  663. width:350px;
  664. position:relative;}
  665.  
  666. #portrait {
  667. border-radius:100%;
  668. float:left;
  669. margin-right:10px;}
  670.  
  671. #portrait img {
  672. border-radius:100%;
  673. border: solid 3px {color:sidebartext};
  674. height:70px;}
  675.  
  676. .quick a {
  677. text-align:center;
  678. border-bottom:solid 1px {color:sidebartext};
  679. display:block;
  680. margin-top:2px;
  681. color:{color:quicklinks};
  682. text-decoration:none;
  683. letter-spacing:2px;
  684. cursor:help;
  685. -webkit-transition: all 0.7s ease;
  686. transition: all 0.7s ease;
  687. -moz-transition: all 0.7s ease;
  688. -o-transition: all 0.7s ease;}
  689.  
  690. .quick a:hover {
  691. color:{color:quicklinkshover};
  692. letter-spacing:1px;
  693. cursor:help;
  694. -webkit-transition: all 0.7s ease;
  695. transition: all 0.7s ease;
  696. -moz-transition: all 0.7s ease;
  697. -o-transition: all 0.7s ease;}
  698.  
  699. .quick a:last-of-type {
  700. margin-bottom:-5px;
  701. padding-bottom:0;
  702. border:0;}
  703.  
  704. .explore {
  705. width:100%;
  706. font-family: 'Share Tech', sans-serif;}
  707.  
  708. .explore a {
  709. width:344px;
  710. font-size:11px;
  711. padding:3px;
  712. text-align:center;
  713. display:block;
  714. color:{color:explorelink};
  715. margin-bottom:3px;
  716. background:{color:explorelinkbg};
  717. -webkit-transition: all 0.7s ease;
  718. transition: all 0.7s ease;
  719. -moz-transition: all 0.7s ease;
  720. -o-transition: all 0.7s ease;}
  721.  
  722. .explore a:hover {
  723. color:{color:explorelinkbg};
  724. background:{color:explorelink};
  725. -webkit-transition: all 0.7s ease;
  726. transition: all 0.7s ease;
  727. -moz-transition: all 0.7s ease;
  728. -o-transition: all 0.7s ease;}
  729.  
  730. #s-m-t-tooltip {
  731. max-width:300px;
  732. border-radius: 0px;
  733. padding:4px;
  734. margin:15px 15px 5px 0px;
  735. color:{color:tooltiptext};
  736. border:1px solid {color:tooltipborder};
  737. font-size:10px;
  738. letter-spacing:1px;
  739. background:{color:tooltipbg};
  740. font-family: 'Cinzel', serif;
  741. z-index:99999;}
  742.  
  743. #credit {
  744. z-index:8;
  745. bottom:0px;
  746. left:5px;
  747. height:30px;
  748. width:30px;
  749. opacity:0.8;
  750. position:fixed;
  751. padding:5px;}
  752.  
  753. .fa.icon-side {
  754. color: {color:sidebartext};}
  755.  
  756. .fa.icon-sbtitle {
  757. color: {color:pageborder};
  758. padding-right:5px;}
  759.  
  760. .fa.icon-sbtab {
  761. color: {color:tabicons};
  762. padding-right:5px;}
  763.  
  764. ol.a {
  765. list-style-position:outside;
  766. list-style-type: decimal-leading-zero;
  767. margin-left: -20px;}
  768.  
  769. </style>
  770.  
  771. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  772.  
  773. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  774.  
  775. <script>
  776. $(document).ready(function() {
  777. $('.tabs .tab-links a').on('click', function(e) {
  778. var currentAttrValue = $(this).attr('href');
  779. $('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide();
  780. $(this).parent('li').addClass('active').siblings().removeClass('active');
  781. e.preventDefault();
  782. });
  783. });
  784. </script>
  785.  
  786. <script>
  787. $(document).ready(function() {
  788. $('#filterOptions li a').click(function() {
  789. var ourClass = $(this).attr('class');
  790. $('#filterOptions li').removeClass('active');
  791. $(this).parent().addClass('active');
  792. if(ourClass == 'all') {
  793. $('#ourHolder').children('div.item').show();
  794. }
  795. else {
  796. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  797. $('#ourHolder').children('div.' + ourClass).show();
  798. }
  799. return false;
  800. });
  801. });
  802. </script>
  803.  
  804. <!---••• Scripts Misc •••--->
  805.  
  806. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  807. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  808.  
  809.  
  810. <!---••• Scripts Tooltips •••--->
  811.  
  812. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  813.  
  814. <script>
  815. (function($){
  816. $(document).ready(function(){
  817. $("a[title]").style_my_tooltips({
  818. tip_follows_cursor:true,
  819. tip_delay_time:90,
  820. tip_fade_speed:600,
  821. attribute:"title"
  822. });
  823. });
  824. })(jQuery);
  825. </script>
  826.  
  827. </head>
  828. <body>
  829. <div id="sidercont"></div>
  830. <div id="left">
  831. <div id="snav">
  832. {block:Pagination}
  833. {block:PreviousPage}<a href="{PreviousPage}" title="back"><i class="fa fa-arrow-left icon-side" aria-hidden="true"></i></a>{/block:PreviousPage}
  834. {block:NextPage}<a href="{NextPage}" title="next"><i class="fa fa-arrow-right icon-side" aria-hidden="true"></i></a>
  835. {/block:NextPage}
  836. {/block:Pagination}
  837. </div></div>
  838.  
  839. <div id="top"></div>
  840. <div id="bottom"></div>
  841.  
  842. <div class="sidebar">
  843. <div id="tabpos">
  844. <div class="tabs">
  845. <ul class="tab-links">
  846. <li class="active"><a href="#tab1"><i class="fa fa-home icon-sbtab"></i>index</a></li>
  847. <li><a href="#tab2"><i class="fa fa-comment-o icon-sbtab"></i>ask</a></li>
  848. <li><a href="#tab3"><i class="fa fa-compass icon-sbtab"></i>explore</a></li>
  849. </ul></div></div>
  850.  
  851. <div class="tabs">
  852. <div class="tab-content">
  853. <div id="tab1" class="tab active">
  854. <div id="sbbox">
  855. <div id="sbtitle"><i class="fa fa-diamond icon-sbtitle" aria-hidden="true"></i>about</div>
  856. {block:ifportrait} <div id="portrait"><a href="/"><img src="{image:portrait}"/></a></div>{/block:ifportrait}
  857. {description}</div>
  858.  
  859. {block:ifquicklinks}
  860. <div id="sbbox">
  861. <div id="sbtitle"><i class="fa fa-compass icon-sbtitle" aria-hidden="true"></i>quicklinks</div>
  862. <div class="quick">
  863. <a href="/">index</a>
  864. {block:ifquicklink1}<a href="{text:quicklink 1 url}">{text:quicklink 1}</a>{/block:ifquicklink1}
  865. {block:ifquicklink2}<a href="{text:quicklink 2 url}">{text:quicklink 2}</a>{/block:ifquicklink2}
  866. {block:ifquicklink3}<a href="{text:quicklink 3 url}">{text:quicklink 3}</a>{/block:ifquicklink3}
  867. {block:ifquicklink4}<a href="{text:quicklink 4 url}">{text:quicklink 4}</a>{/block:ifquicklink4}
  868. {block:ifquicklink5}<a href="{text:quicklink 5 url}">{text:quicklink 5}</a>{/block:ifquicklink5}
  869. </div>
  870. </div>
  871. {/block:ifquicklinks}
  872.  
  873. {block:ifupdates}
  874. <div id="sbbox">
  875. <div id="sbtitle"><i class="fa fa-cog icon-sbtitle" aria-hidden="true"></i>updates</div>
  876. <ol class="a">
  877. {block:ifupdate1}<li>{text:update1}</li>{/block:ifupdate1}
  878. {block:ifupdate2}<li>{text:update2}</li>{/block:ifupdate2}
  879. {block:ifupdate3}<li>{text:update3}</li>{/block:ifupdate3}
  880. {block:ifupdate4}<li>{text:update4}</li>{/block:ifupdate4}
  881. {block:ifupdate5}<li>{text:update5}</li>{/block:ifupdate5}
  882. </ol>
  883. </div>
  884. {/block:ifupdates}
  885.  
  886. {block:ifextrainfo}
  887. <div id="sbbox">
  888. <div id="sbtitle"><i class="fa fa-star icon-sbtitle" aria-hidden="true"></i>extra info</div>
  889. {text:extrainfo}
  890. </div>
  891. {/block:ifextrainfo}
  892. </div>
  893.  
  894. <div id="tab2" class="tab">
  895. <div id="sbtitle"><i class="fa fa-comment-o icon-sbtitle" aria-hidden="true"></i>questions</div>
  896. {text:questiontext}
  897. <hr />
  898. <p><iframe frameborder="0" height="260" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{text:yourblogname}.tumblr.com" width="350px" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  899. </div>
  900.  
  901. <div id="tab3" class="tab">
  902. <div id="sbtitle"><i class="fa fa-compass icon-sbtitle" aria-hidden="true"></i>explore</div>
  903. <div class="explore">
  904. <a href="/">index</a>
  905. <a href="/ask">queries</a>
  906. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  907. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  908. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  909. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  910. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  911. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  912. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  913. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  914. <a href="/archive">archive</a>
  915. </div>
  916. </div>
  917. </div>
  918.  
  919. </div></div></div>
  920.  
  921. {block:indexpage}
  922. <div id="header"></div>
  923. {/block:indexpage}
  924. <div id="entries" class="fade-in one">
  925.  
  926. {block:Posts}
  927.  
  928. <div class="posts">
  929.  
  930. {block:Quote}
  931. <div id="titlequote">{Quote}</div>
  932. {block:Source}<div id="source">{Source}</div>{/block:Source}
  933. {/block:Quote}
  934.  
  935. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  936.  
  937. {block:Link}
  938. <div id="title"><a href="{URL}">{Name}</a></div>
  939. {block:Description}{Description}{/block:Description}
  940. {/block:Link}
  941.  
  942. {block:Chat}
  943. {block:Title}<div id="title">{Title}</div>{/block:Title}
  944. <ol class="chat">
  945. {block:Lines}
  946. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  947. {/block:Lines}
  948. </ol>
  949. {/block:Chat}
  950.  
  951. {Block:Photo}{LinkOpenTag}
  952. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/Block:Photo}
  953.  
  954. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  955.  
  956. {block:Video}{Video-500}{/block:Video}
  957.  
  958. {block:Panorama}
  959. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  960. {/block:Panorama}
  961.  
  962. {block:AudioPlayer}
  963. <div class="audiowrapper">
  964. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  965. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  966. </div></div></div><div class="trackdetails">
  967. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  968. </div></div>{/block:AudioPlayer}
  969.  
  970. {block:Answer}
  971. <div class="question"><div class="asker"><i class="fa fa-comment-o"></i> from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  972. {/block:Answer}
  973.  
  974. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  975.  
  976. <div id="{ShortURL}-hide">
  977. <div class="date">posted on: <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> |
  978. {block:NoteCount} <a href="{Permalink}">{NoteCount}n</a> | {/block:NoteCount}
  979. <a href="{ReblogURL}">reblog</a> |
  980. {block:RebloggedFrom}
  981. <a href="{ReblogParentURL}">via</a> |
  982. <a href="{ReblogRootURL}">source</a> |
  983. {/block:RebloggedFrom} </div></div>
  984.  
  985. {block:HasTags}<div class="tags">indexed: {block:Tags}<i class="fa fa-tag"></i></i><a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  986. {/block:HasTags}
  987. </div>
  988. {block:PostNotes}{PostNotes}
  989. {/block:PostNotes}
  990.  
  991. {/block:Posts}
  992. </div>
  993. </div>
  994. </div></div>
  995. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  996.  
  997. {block:ContentSource}
  998. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  999. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1000. {/block:SourceLogo}
  1001. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1002. {/block:ContentSource}
  1003.  
  1004. </div>
  1005.  
  1006. </body>
  1007. </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!