API tools faq
paste
Advertisement
octomoosey

editorial

octomoosey
Mar 31st, 2018 (edited)
1,971
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.46 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- octomoosey @ tumblr -->
  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="color:background" content="#ffffff">
  11. <meta name="color:scrollbar" content="#f2992e" />
  12. <meta name="color:italic" content="#f2992e" />
  13. <meta name="color:bold" content="#f2992e" />
  14. <meta name="color:text" content="#333333">
  15. <meta name="color:link" content="#f2992e"/>
  16. <meta name="color:linkhover" content="#a8a8a8"/>
  17. <meta name="color:maintitle" content="#000000">
  18. <meta name="color:description" content="#000000">
  19. <meta name="color:borders" content="#a8a8a8">
  20. <meta name="color:navlinks" content="#000000"/>
  21. <meta name="color:navlinkshover" content="#a8a8a8"/>
  22. <meta name="color:datetext" content="#ffffff"/>
  23. <meta name="color:datebg" content="#000000"/>
  24. <meta name="color:tags" content="#000000">
  25. <meta name="color:tagshover" content="#333333">
  26. <meta name="color:posttitlebg" content="#000000"/>
  27. <meta name="color:posttitle" content="#ffffff"/>
  28. <meta name="color:askbg" content="#000000"/>
  29. <meta name="color:asktext" content="#ffffff"/>
  30. <meta name="color:pagination" content="#333333"/>
  31. <meta name="color:paginationhover" content="#f2992e"/>
  32. <meta name="color:tooltiptext" content="#ffffff">
  33. <meta name="color:tooltipbg" content="#333333">
  34. <meta name="color:closebutton" content="#333333"/>
  35. <meta name="color:popuptext" content="#333333">
  36. <meta name="color:gradient1" content="#ffffff" />
  37. <meta name="color:gradient2" content="#cdcdcd" />
  38. <meta name="color:explorelinks" content="#333333"/>
  39. <meta name="color:explorelinkshover" content="#f2992e" />
  40. <meta name="color:selectiontext" content="#ffffff" />
  41. <meta name="color:selectionbg" content="#8c8c8c" />
  42.  
  43. <meta name="text:bodyfontsize" content="10px" />
  44. <meta name="text:descriptionfontsize" content="10px" />
  45. <meta name="text:maintitle" content="octomoosey">
  46. <meta name="text:askpagetitle" content="questions / queries">
  47. <meta name="text:yoururlhere" content="">
  48. <meta name="text:askpageinfo" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.">
  49. <meta name="text:aboutpagetitle" content="about me">
  50. <meta name="text:abouttext" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.">
  51. <meta name="text:exploretitle1" content="explore title 1">
  52. <meta name="text:exploretitle2" content="explore title 2">
  53. <meta name="text:exploretitle3" content="explore title 3">
  54. <meta name="text:footerquote" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.">
  55.  
  56. <meta name="if:greyscale" content="0"/>
  57. <meta name="if:fadingimages" content="1"/>
  58.  
  59. <meta name="image:portrait" content="" />
  60. <meta name="image:aboutpageportrait" content="" />
  61.  
  62. <meta name="font:bodyfont" content="Gibson">
  63.  
  64. <meta name="text:link 1" content="link 1">
  65. <meta name="text:link 1 url" content="/">
  66. <meta name="text:link 2" content="link 2">
  67. <meta name="text:link 2 url" content="/">
  68. <meta name="text:link 3" content="link 3">
  69. <meta name="text:link 3 url" content="/">
  70. <meta name="text:link 4" content="link 4">
  71. <meta name="text:link 4 url" content="/">
  72. <meta name="text:link 5" content="link 5">
  73. <meta name="text:link 5 url" content="/">
  74. <meta name="text:link 6" content="link 6">
  75. <meta name="text:link 6 url" content="/">
  76. <meta name="text:link 7" content="link 7">
  77. <meta name="text:link 7 url" content="/">
  78. <meta name="text:link 8" content="link 8">
  79. <meta name="text:link 8 url" content="/">
  80. <meta name="text:link 9" content="link 9">
  81. <meta name="text:link 9 url" content="/">
  82. <meta name="text:link 10" content="link 10">
  83. <meta name="text:link 10 url" content="/">
  84. <meta name="text:link 11" content="link 11">
  85. <meta name="text:link 11 url" content="/">
  86. <meta name="text:link 12" content="link 12">
  87. <meta name="text:link 12 url" content="/">
  88. <meta name="text:link 13" content="link 13">
  89. <meta name="text:link 13 url" content="/">
  90. <meta name="text:link 14" content="link 14">
  91. <meta name="text:link 14 url" content="/">
  92. <meta name="text:link 15" content="link 15">
  93. <meta name="text:link 15 url" content="/">
  94. <meta name="text:link 16" content="link 16">
  95. <meta name="text:link 16 url" content="/">
  96. <meta name="text:link 17" content="link 17">
  97. <meta name="text:link 17 url" content="/">
  98. <meta name="text:link 18" content="link 18">
  99. <meta name="text:link 18 url" content="/">
  100. <meta name="text:link 19" content="link 19">
  101. <meta name="text:link 19 url" content="/">
  102. <meta name="text:link 20" content="link 20">
  103. <meta name="text:link 20 url" content="/">
  104. <meta name="text:link 21" content="link 21">
  105. <meta name="text:link 21 url" content="/">
  106. <meta name="text:link 22" content="link 22">
  107. <meta name="text:link 22 url" content="/">
  108. <meta name="text:link 23" content="link 23">
  109. <meta name="text:link 23 url" content="/">
  110. <meta name="text:link 24" content="link 24">
  111. <meta name="text:link 24 url" content="/">
  112. <meta name="text:link 25" content="link 25">
  113. <meta name="text:link 25 url" content="/">
  114. <meta name="text:link 26" content="link 26">
  115. <meta name="text:link 26 url" content="/">
  116. <meta name="text:link 27" content="link 27">
  117. <meta name="text:link 27 url" content="/">
  118. <meta name="text:link 28" content="link 28">
  119. <meta name="text:link 28 url" content="/">
  120. <meta name="text:link 29" content="link 29">
  121. <meta name="text:link 29 url" content="/">
  122. <meta name="text:link 30" content="link 30">
  123. <meta name="text:link 30 url" content="/">
  124.  
  125. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  126.  
  127. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  128.  
  129. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  130.  
  131. <link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  132.  
  133. <link href="//fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  134.  
  135. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  136. <script type="text/javascript">
  137. $(document).ready(function () {
  138. $('.toggleOne').click(function () {
  139. $('#One').fadeToggle('slow');
  140. $('#Two').fadeOut('slow');
  141. $('#Three').fadeOut('slow');
  142. });
  143.  
  144. $('.toggleTwo').click(function () {
  145. $('#One').fadeOut('slow');
  146. $('#Two').fadeToggle('slow');
  147. $('#Three').fadeOut('slow');
  148. });
  149. $('.toggleThree').click(function () {
  150. $('#One').fadeOut('slow');
  151. $('#Two').fadeOut('slow');
  152. $('#Three').fadeToggle('slow');
  153. });
  154. });
  155.  
  156. </script>
  157.  
  158.  
  159. <style type="text/css">
  160.  
  161. iframe.tmblr-iframe {
  162. z-index:99999999999999!important;
  163. top:2px!important;
  164. right:0!important;
  165. opacity:0.6;
  166. padding-right:40px;
  167. filter:invert(1) contrast(150%);
  168. -webkit-filter:invert(1) contrast(150%);
  169. -o-filter:invert(1) contrast(150%);
  170. -moz-filter:invert(1) contrast(150%);
  171. -ms-filter:invert(1) contrast(150%);
  172. transform:scale(0.65);
  173. transform-origin:100% 0;
  174. -webkit-transform:scale(0.65);
  175. -webkit-transform-origin:100% 0;
  176. -o-transform:scale(0.65);
  177. -o-transform-origin:100% 0;
  178. -moz-transform:scale(0.65);
  179. -moz-transform-origin:100% 0;
  180. -ms-transform:scale(0.65);
  181. -ms-transform-origin:100% 0;
  182. -webkit-transition: all 0.7s ease;
  183. transition: all 0.7s ease;
  184. -moz-transition: all 0.7s ease;
  185. -o-transition: all 0.7s ease;}
  186.  
  187. #tumblr_lightbox {
  188. background-color:rgba(255, 255, 255, .9)!important;
  189. z-index:99999!important;}
  190.  
  191. #tumblr_lightbox img {opacity:0;}
  192.  
  193. #tumblr_lightbox_caption {
  194. font-weight:normal!important;
  195. text-shadow:none!important;}
  196.  
  197. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  198. -moz-box-shadow:none!important;
  199. -webkit-box-shadow:none!important;
  200. box-shadow:none!important;
  201. -moz-border-radius:0px!important;
  202. -webkit-border-radius:0px!important;
  203. border-radius:0px!important;
  204. opacity:1!important;}
  205.  
  206. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  207.  
  208. ::-webkit-scrollbar{
  209. height:3px;
  210. width:4px;
  211. background:inherit;}
  212.  
  213. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  214.  
  215. ::-webkit-scrollbar-track {background:{color:background};}
  216.  
  217. ::-moz-selection {
  218. color:{color:selectiontext};
  219. background:{color:selectionbg};}
  220.  
  221. ::selection {
  222. color:{color:selectiontext};
  223. background:{color:selectionbg};}
  224.  
  225. body {
  226. line-height:130%;
  227. background:{color:background};
  228. color:{color:text};
  229. font-family:{font:bodyfont};
  230. font-size: {text:bodyfontsize};
  231. font-weight:normal;
  232. margin:0;}
  233.  
  234. blockquote {
  235. padding-left:10px;
  236. border-left:1px solid {color:borders};
  237. margin:10px 0px 10px 0px;
  238. text-align:justify;}
  239.  
  240. .caption blockquote {
  241. margin:10px 0px 10px 0px;}
  242.  
  243. blockquote img {
  244. max-width:100%;
  245. height:auto;}
  246.  
  247. blockquote iframe {
  248. max-width:100%;
  249. height:auto;}
  250.  
  251. img {
  252. max-width:100%;
  253. height:auto;}
  254.  
  255. .caption img {
  256. max-width:100%;
  257. height:auto;}
  258.  
  259. .post img {
  260. margin:0px auto;
  261. max-width:100%;}
  262.  
  263. pre {
  264. font-size:8px;
  265. letter-spacing:1px;
  266. text-transform:uppercase;
  267. color:{color:posttitle};
  268. overflow: hidden;
  269. display: block;
  270. text-align: center;}
  271.  
  272. a {
  273. color:{color:link};
  274. padding-bottom:2px;
  275. text-decoration:none;
  276. cursor:help;
  277. -webkit-transition: all 0.7s ease;
  278. transition: all 0.7s ease;
  279. -moz-transition: all 0.7s ease;
  280. -o-transition: all 0.7s ease;}
  281.  
  282. a:hover {
  283. padding-bottom:2px;
  284. text-decoration:none;
  285. color:{color:linkhover};}
  286.  
  287. p {
  288. margin:10px 0 0 0;}
  289.  
  290. p:first-of-type {
  291. margin-top:0;
  292. padding-top:0;}
  293.  
  294. p:last-of-type {
  295. margin-bottom:0;
  296. padding-bottom:0;}
  297.  
  298. b, strong {
  299. letter-spacing:1px;
  300. text-transform:uppercase;
  301. font-weight:normal;
  302. color:{color:bold};}
  303.  
  304. i {
  305. font-style:italic;
  306. color:{color:italic};
  307. letter-spacing:1px;
  308. text-align:justify;}
  309.  
  310. small, big {
  311. font-size: {text:bodyfontsize};}
  312.  
  313. sub, sup {
  314. font-size: 1em;
  315. letter-spacing:1.7px;}
  316.  
  317. h1, h3, h4 {
  318. font-family: 'Quicksand', sans-serif;
  319. text-transform:uppercase;
  320. letter-spacing:2px;
  321. text-align:left;
  322. font-size:14px;
  323. color:{color:posttitle};}
  324.  
  325. h2 {
  326. margin:0px;
  327. margin-bottom:5px;}
  328.  
  329. {block:iffadingimages}
  330. img {
  331. -webkit-transition: opacity 0.8s linear;
  332. opacity: 0.5;}
  333.  
  334. img:hover {
  335. -webkit-transition: opacity 0.8s linear;
  336. opacity: 1;}
  337.  
  338. .html_photoset {
  339. opacity:0.5;
  340. -webkit-transition: all 0.9s ease-in-out;
  341. -moz-transition: all 0.9s ease-in-out;
  342. -o-transition: all 0.9s ease-in-out;
  343. -ms-transition: all 0.9s ease-in-out;
  344. transition: all 0.9s ease-in-out;}
  345.  
  346. .html_photoset:hover {
  347. opacity:1;}
  348. {/block:iffadingimages}
  349.  
  350. {block:ifGreyscale}
  351. img {
  352. -webkit-filter:grayscale(100%);
  353. -webkit-transition: all 0.9s ease-in-out;
  354. -moz-transition: all 0.9s ease-in-out;
  355. -o-transition: all 0.9s ease-in-out;
  356. -ms-transition: all 0.9s ease-in-out;
  357. transition: all 0.9s ease-in-out;}
  358.  
  359. img:hover {
  360. -webkit-filter:none;}
  361.  
  362. .html_photoset {
  363. -webkit-filter: grayscale(100%);
  364. -webkit-transition: all 0.9s ease-in-out;
  365. -moz-transition: all 0.9s ease-in-out;
  366. -o-transition: all 0.9s ease-in-out;
  367. -ms-transition: all 0.9s ease-in-out;
  368. transition: all 0.9s ease-in-out;}
  369.  
  370. .html_photoset:hover {
  371. -webkit-filter: none;}
  372. {/block:ifGreyscale}
  373.  
  374. .media {
  375. position:relative;
  376. display:inline-block;
  377. height:auto;
  378. width:100%;}
  379.  
  380. .caption {
  381. margin-top:15px;
  382. display:block;
  383. margin-bottom:10px;}
  384.  
  385. /* ---••• Post Styling •••--- */
  386.  
  387. #wrapper {
  388. position:fixed;
  389. top:50%;
  390. margin-top:-225px;
  391. left:50%;
  392. margin-left:-485px;
  393. width:970px;
  394. height:450px;
  395. overflow-y:scroll;}
  396.  
  397. #container {
  398. width:790px;
  399. position:relative;
  400. margin-top:0px;
  401. margin-left:160px;}
  402.  
  403. #content {
  404. {block:indexpage}
  405. max-width:100%;
  406. margin:0 auto;
  407. {/block:indexpage}
  408. {block:permalinkpage}
  409. margin-top:20px;
  410. margin-left:145px;
  411. position:absolute;
  412. width:500px;
  413. {/block:permalinkpage}}
  414.  
  415. .post {
  416. text-align:justify;
  417. padding:0px;
  418. margin-bottom:20px;
  419. {block:indexpage}
  420. width:250px;
  421. {/block:indexpage}
  422. {block:permalinkpage}
  423. width:500px;
  424. {/block:permalinkpage}
  425. -webkit-animation:fadeIn ease-in 1;
  426. -moz-animation:fadeIn ease-in 1;
  427. animation:fadeIn ease-in 1;
  428. -webkit-animation-fill-mode:forwards;
  429. -moz-animation-fill-mode:forwards;
  430. animation-fill-mode:forwards;
  431. -webkit-animation-duration:1s;
  432. -moz-animation-duration:1s;
  433. animation-duration:1s;}
  434.  
  435. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  436. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  437. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  438.  
  439. ol.notes {
  440. font-size:10px;
  441. text-align:left;
  442. padding:0px;
  443. margin:25px 0px 0px 0px;
  444. list-style-type:none;}
  445.  
  446. ol.notes li.note {
  447. margin-bottom:5px;
  448. font-size:10px;}
  449.  
  450. ol.notes li.note img.avatar {
  451. vertical-align:-10px;
  452. margin-right:10px;
  453. width:16px;
  454. height:16px;}
  455.  
  456. ol.notes li.note span.action {
  457. font-weight:none;}
  458.  
  459. ol.notes li.note .answer_content {
  460. font-weight:normal;}
  461.  
  462. ol.notes li.note blockquote {
  463. padding:4px 10px;
  464. margin:10px 0px 0px 0px;}
  465.  
  466. ol.notes li.note blockquote a {
  467. text-decoration:none;}
  468.  
  469. .postinfo {
  470. border-top:1px solid {color:borders};
  471. padding-top:10px;
  472. position: relative;
  473. text-align: center;
  474. text-transform: uppercase;
  475. display:block;
  476. font-size:8px;
  477. margin-top:10px;
  478. margin-bottom:5px;}
  479.  
  480. .postinfo a {
  481. color:{color:link};
  482. display:inline-block;
  483. padding:0px 4px 0px 4px;
  484. -webkit-transition: all 0.7s ease;
  485. transition: all 0.7s ease;
  486. -moz-transition: all 0.7s ease;
  487. -o-transition: all 0.7s ease;}
  488.  
  489. .postinfo a:hover {
  490. color:{color:linkhover};}
  491.  
  492. .tags {
  493. font-size:8px;
  494. text-transform: uppercase;
  495. text-align:center;
  496. margin-top:0px;
  497. display:block;
  498. font-size: {text:tagsfontsize};}
  499.  
  500. .tags a {
  501. margin:0px 4px 0px 4px;
  502. color:{color:tags};
  503. -webkit-transition: all 0.7s ease;
  504. transition: all 0.7s ease;
  505. -moz-transition: all 0.7s ease;
  506. -o-transition: all 0.7s ease;}
  507.  
  508. .tags a:hover {
  509. color:{color:tagshover};}
  510.  
  511. .indexdate {
  512. text-transform:uppercase;
  513. background:{color:datebg};
  514. color:{color:datetext};
  515. margin-top:0px;
  516. font-size:9px;
  517. letter-spacing:2px;
  518. padding:3px 5px;
  519. margin-bottom:15px;}
  520.  
  521. .indexdate a {
  522. color:{color:datetext};}
  523.  
  524. .datetopicon {
  525. font-size:10px;
  526. margin-right:0px;
  527. float:right;}
  528.  
  529. .datetopicon a {
  530. margin-left:3px;}
  531.  
  532. .like_button {
  533. display:inline-block;
  534. position:relative;}
  535.  
  536. .like_button iframe {
  537. cursor:help;
  538. height:100%;
  539. left:0;
  540. opacity:0;
  541. position:absolute;
  542. top:0;
  543. width:100%;}
  544.  
  545. .like_button::before{
  546. content:'\e12c';
  547. font-family:'saturnicons';
  548. position:relative;}
  549.  
  550. /* ---••• Sidebar •••--- */
  551.  
  552. #sidebar {
  553. border-right:1px solid {color:borders};
  554. z-index:7!important;
  555. position:fixed;
  556. color:{color:text};
  557. width:140px;
  558. height:450px;
  559. margin-top:0px;
  560. margin-left:0px;}
  561.  
  562. #sidebarpor {
  563. }
  564.  
  565. #sidebarpor img {
  566. height:120px;
  567. width:120px;
  568. -webkit-border-radius: 5px;
  569. -moz-border-radius: 5px;
  570. border-radius: 5px;}
  571.  
  572. #description {
  573. padding-right:11px;
  574. margin-top:15px;
  575. color:{color:description};
  576. width:120px;
  577. text-align:justify;
  578. font-size: {text:descriptionfontsize};
  579. height:280px;
  580. overflow-y:scroll;}
  581.  
  582. #pagination {
  583. width:120px;
  584. text-align:center;
  585. position:absolute;
  586. bottom:0px;
  587. font-size: 9px;}
  588.  
  589. #pagination a {
  590. text-transform:uppercase;
  591. font-size:10px;
  592. display: inline-block;
  593. text-align: center;
  594. color: {color:pagination};
  595. -moz-transition-duration:0.6s;
  596. -webkit-transition-duration:0.6s;
  597. -o-transition-duration:0.6s;}
  598.  
  599. #pagination a:hover {
  600. color:{color:paginationhover};
  601. -moz-transition-duration:0.6s;
  602. -webkit-transition-duration:0.6s;
  603. -o-transition-duration:0.6s;}
  604.  
  605. /* ---••• Post Types Styling •••--- */
  606.  
  607. .posttitle {
  608. padding:3px 5px;
  609. background:{color:posttitlebg};
  610. color:{color:posttitle};
  611. text-transform:uppercase;
  612. font-size:9px;
  613. margin-bottom:3px;
  614. letter-spacing:2px;}
  615.  
  616. /* ---••• Quotes •••--- */
  617.  
  618. .quote {
  619. letter-spacing:2px;
  620. text-transform:uppercase;
  621. font-size: {text:bodyfontsize};
  622. text-align:center;}
  623.  
  624. .quotesource {
  625. text-align:center;
  626. margin-top:10px;}
  627.  
  628. /* ---••• Chat •••--- */
  629.  
  630. .chat {
  631. line-height:20px;
  632. list-style:none;}
  633.  
  634. .line.odd {
  635. background:{color:headerbg};
  636. color:{color:text};
  637. margin-bottom:2px;
  638. padding:5px;
  639. list-style:none;
  640. font-size: {text:bodyfontsize};}
  641.  
  642. .line.even {
  643. margin-bottom:2px;
  644. padding:5px;
  645. list-style:none;
  646. font-size: {text:bodyfontsize};}
  647.  
  648. .label {
  649. padding-right:1px;
  650. text-transform:uppercase;
  651. font-weight:bold;
  652. color:{color:links};}
  653.  
  654. /* ---••• Asks •••--- */
  655.  
  656. .question {
  657. padding:10px;
  658. background:{color:askbg};
  659. color:{color:asktext};
  660. font-size: {text:bodyfontsize};}
  661.  
  662. .asker {
  663. margin-bottom:5px;
  664. text-transform:uppercase;}
  665.  
  666. .answer {
  667. }
  668.  
  669. /* ---••• Audio Player •••--- */
  670.  
  671. .playwrap {
  672. top:15px;
  673. position:relative;}
  674.  
  675. .playbutton {
  676. position:relative;
  677. margin-top:25px;
  678. margin-left:24px;
  679. z-index:9;
  680. width:33px;
  681. height:30px;
  682. overflow:hidden;}
  683.  
  684. .albumart img {
  685. position:relative;
  686. margin-top:-55px;
  687. margin-left:0px
  688. height:80px;
  689. width:80px;}
  690.  
  691. .trackinfo {
  692. margin-bottom:30px;
  693. color:{color:text};
  694. top:30px;
  695. position:relative;
  696. margin-left:90px;
  697. height:120px;
  698. margin-top:-120px;}
  699.  
  700. .trackname {
  701. position:relative;
  702. padding-top:30px;
  703. text-align:center;
  704. font-size:12px;
  705. text-transform:uppercase;
  706. font-weight: bold;
  707. letter-spacing:2px;}
  708.  
  709. .artist {
  710. text-align:center;
  711. font-size:12px;
  712. text-transform:uppercase;
  713. letter-spacing:4px;}
  714.  
  715. .album {
  716. text-align:center;
  717. font-style: italic;
  718. letter-spacing:4px;}
  719.  
  720. .playcount {
  721. font-weight: bold;
  722. margin-top:5px;
  723. text-align:center;
  724. letter-spacing:2px;}
  725.  
  726. /* ---••• Other •••--- */
  727.  
  728. #oc {
  729. font-size:8px;
  730. line-height:9px;
  731. right:20px;
  732. bottom:20px;
  733. height:25px;
  734. overflow:hidden;
  735. text-transform:uppercase;
  736. position:fixed;
  737. text-align:right;
  738. -webkit-transition: all 0.7s ease;
  739. transition: all 0.7s ease;
  740. -moz-transition: all 0.7s ease;
  741. -o-transition: all 0.7s ease;}
  742.  
  743. #oc:hover{
  744. height:50px;
  745. -webkit-transition: all 0.7s ease;
  746. transition: all 0.7s ease;
  747. -moz-transition: all 0.7s ease;
  748. -o-transition: all 0.7s ease;}
  749.  
  750. #s-m-t-tooltip {
  751. max-width:300px;
  752. margin:15px;
  753. padding:5px;
  754. border-radius:0px;
  755. border:1px solid {color:borders};
  756. background:{color:tooltipbg};
  757. color:{color:tooltiptext};
  758. z-index:999999;
  759. font-size:9px;
  760. font-style:none;
  761. font-weight:lighter;
  762. letter-spacing:2px;
  763. font-family:helvetica;
  764. text-transform:uppercase;
  765. box-shadow:1px 1px 3px rgba(0,0,0,.0);}
  766.  
  767. /* ---••• Caption •••--- */
  768.  
  769. .caption blockquote {
  770. max-width: 100%;
  771. text-align:justify;}
  772.  
  773. .caption img {
  774. height: 100%;
  775. max-width: 100%;}
  776.  
  777. .uncap {
  778. }
  779.  
  780. .tumblr_blog {
  781. }
  782.  
  783. .uncap a.tumblr_blog {
  784. display:inline;
  785. letter-spacing:2px;
  786. text-transform:uppercase;
  787. font-size:8px;
  788. vertical-align:middle;
  789. line-height:22px;
  790. margin-bottom:5px;}
  791.  
  792. .uncap a.tumblr_blog:hover {
  793. color:#777;}
  794.  
  795. .uncap .unavatar {
  796. width:22px;
  797. height:22px;
  798. margin-right:7px;
  799. display:inline-block;
  800. float:left;
  801. border-radius:10px;}
  802.  
  803. .uncap p{ margin:2px 0 0px 0;}
  804.  
  805. .unavatar:none {
  806. display:none;}
  807.  
  808. /* ---••• Header & Footer •••--- */
  809.  
  810. #topbar {
  811. position:fixed;
  812. width:970px;
  813. left:50%;
  814. margin-left:-485px;
  815. border-bottom:1px solid {color:borders};
  816. top:50%;
  817. margin-top:-281px;
  818. height:40px;}
  819.  
  820. #toptitle {
  821. text-transform:uppercase;
  822. font-size:26px;
  823. letter-spacing:2px;
  824. margin-top:6px;
  825. position:fixed;
  826. color:{color:maintitle};}
  827.  
  828. #toptitle a {
  829. color:{color:maintitle};}
  830.  
  831. #toptitle a:hover {
  832. color:{color:linkhover};}
  833.  
  834. #footer {
  835. letter-spacing:1.5px;
  836. text-transform:uppercase;
  837. font-style: italic;
  838. position:fixed;
  839. width:970px;
  840. left:50%;
  841. margin-left:-485px;
  842. border-top:1px solid {color:borders};
  843. top:50%;
  844. padding-top:10px;
  845. margin-top:241px;}
  846.  
  847. #buttons {
  848. float:right;
  849. position:relative;
  850. top:34px;
  851. display:inline;}
  852.  
  853. #buttons a {
  854. letter-spacing:1px;
  855. text-transform:uppercase;
  856. color:{color:navlinks};
  857. background:{color:background};
  858. padding:0px 12px;
  859. margin: 0px 10px;}
  860.  
  861. #buttons a:hover {
  862. color:{color:navlinkshover};}
  863.  
  864. /* ---••• Popup Content •••--- */
  865.  
  866. #One, #Two, #Three {
  867. z-index:8!important;
  868. position:fixed;
  869. top:50%;
  870. margin-top:-225px;
  871. left:50%;
  872. margin-left:-485px;
  873. width:970px;
  874. height:450px;
  875. color:{color:popuptext};
  876. background: -webkit-gradient(linear, left top, right bottom, from({color:gradient1}), to({color:gradient2}) ) fixed;
  877. display:none;}
  878.  
  879. .closepos {
  880. position:absolute;
  881. top:10px;
  882. right:10px;
  883. font-size:15px;}
  884.  
  885. .closepos a {
  886. color:{color:closebutton};}
  887.  
  888. #askbpos {
  889. position:fixed;
  890. margin-top:95px;
  891. margin-left:285px;}
  892.  
  893. #askbtitle {
  894. letter-spacing:2px;
  895. margin-bottom:5px;
  896. text-decoration: underline;
  897. text-transform:uppercase;
  898. font-size:12px;
  899. text-align:right;}
  900.  
  901. #askbinfo {
  902. position:fixed;
  903. text-align:right;
  904. margin-left:120px;
  905. width:140px;
  906. top: 50%;
  907. transform: translateY(-50%);}
  908.  
  909. #aboutpor {
  910. margin-top:50px;
  911. margin-bottom:15px;}
  912.  
  913. #aboutpor img {
  914. height:120px;
  915. width:120px;
  916. -webkit-border-radius: 5px;
  917. -moz-border-radius: 5px;
  918. border-radius: 5px;}
  919.  
  920. #abouttext {
  921. text-align:justify;
  922. width:400px;
  923. margin-left:285px;}
  924.  
  925. #exploretitle {
  926. letter-spacing:2px;
  927. margin-top:15px;
  928. margin-bottom:5px;
  929. text-decoration: underline;
  930. text-transform:uppercase;
  931. font-size:12px;
  932. text-align:center;}
  933.  
  934. #explorelinks {
  935. margin-top:150px;
  936. width:970px;
  937. text-align:center;}
  938.  
  939. #explorelinks a {
  940. margin:0px 5px;
  941. color:{color:explorelinks};}
  942.  
  943. #explorelinks a:hover {
  944. color:{color:explorelinkshover};}
  945.  
  946.  
  947. </style>
  948.  
  949. </head>
  950.  
  951. <body>
  952. <div id="topbar">
  953. <div id="toptitle"><a href="/">{text:maintitle}</a></div>
  954. <div id="buttons">
  955. <a class="toggleOne">queries</a>
  956. <a class="toggleTwo">about</a>
  957. <a class="toggleThree">explore</a>
  958. </div>
  959. </div>
  960.  
  961. <div id="One">
  962. <div class="closepos"><a class="toggleOne"><span class="sf sf-cross-2-o"</span></a></div>
  963. <div id="askbinfo">
  964. <div id="askbtitle">{text:askpagetitle}</div>
  965. {text:askpageinfo}</div>
  966. <div id="askbpos">
  967. <p><iframe frameborder="0" width="400px" height="260px" id="ask_form" scrolling="no" src="//www.tumblr.com/ask_form/{text:yoururlhere}.tumblr.com" ></iframe></p></div>
  968. </div>
  969.  
  970. <div id="Two">
  971. <div class="closepos"><a class="toggleTwo"><span class="sf sf-cross-2-o"</span></a></div>
  972. <div id="abouttext">
  973. <div id="exploretitle">
  974. <div id="aboutpor"><img src="{image:aboutpageportrait}"></div>
  975. {text:aboutpagetitle}</div>
  976. {text:abouttext}</div></div>
  977.  
  978. <div id="Three">
  979. <div class="closepos"><a class="toggleThree"><span class="sf sf-cross-2-o"</span></a></div>
  980. <div id="explorelinks">
  981. <div id="exploretitle">{text:exploretitle1}</div>
  982. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  983. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  984. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  985. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  986. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  987. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  988. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  989. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  990. {block:iflink9}<a href="{text:link 9 url}">{text:link 9}</a>{/block:iflink9}
  991. {block:iflink10}<a href="{text:link 10 url}">{text:link 10}</a>{/block:iflink10}
  992.  
  993. <div id="exploretitle">{text:exploretitle2}</div>
  994. {block:iflink11}<a href="{text:link 11 url}">{text:link 11}</a>{/block:iflink11}
  995. {block:iflink12}<a href="{text:link 12 url}">{text:link 12}</a>{/block:iflink12}
  996. {block:iflink13}<a href="{text:link 13 url}">{text:link 13}</a>{/block:iflink13}
  997. {block:iflink14}<a href="{text:link 14 url}">{text:link 14}</a>{/block:iflink14}
  998. {block:iflink15}<a href="{text:link 15 url}">{text:link 15}</a>{/block:iflink15}
  999. {block:iflink16}<a href="{text:link 16 url}">{text:link 16}</a>{/block:iflink16}
  1000. {block:iflink17}<a href="{text:link 17 url}">{text:link 17}</a>{/block:iflink17}
  1001. {block:iflink18}<a href="{text:link 18 url}">{text:link 18}</a>{/block:iflink18}
  1002. {block:iflink19}<a href="{text:link 19 url}">{text:link 19}</a>{/block:iflink19}
  1003. {block:iflink20}<a href="{text:link 20 url}">{text:link 20}</a>{/block:iflink20}
  1004.  
  1005. <div id="exploretitle">{text:exploretitle3}</div>
  1006. {block:iflink21}<a href="{text:link 21 url}">{text:link 21}</a>{/block:iflink21}
  1007. {block:iflink22}<a href="{text:link 22 url}">{text:link 22}</a>{/block:iflink22}
  1008. {block:iflink23}<a href="{text:link 23 url}">{text:link 23}</a>{/block:iflink23}
  1009. {block:iflink24}<a href="{text:link 24 url}">{text:link 24}</a>{/block:iflink24}
  1010. {block:iflink25}<a href="{text:link 25 url}">{text:link 25}</a>{/block:iflink25}
  1011. {block:iflink26}<a href="{text:link 26 url}">{text:link 26}</a>{/block:iflink26}
  1012. {block:iflink27}<a href="{text:link 27 url}">{text:link 27}</a>{/block:iflink27}
  1013. {block:iflink28}<a href="{text:link 28 url}">{text:link 28}</a>{/block:iflink28}
  1014. {block:iflink29}<a href="{text:link 29 url}">{text:link 29}</a>{/block:iflink29}
  1015. {block:iflink30}<a href="{text:link 30 url}">{text:link 30}</a>{/block:iflink30}
  1016. </div>
  1017. </div>
  1018.  
  1019. <div id="wrapper">
  1020. <div id="sidebar">
  1021. <div id="sidebarpor"><img src="{image:portrait}"></div>
  1022. <div id="description">{description}</div>
  1023.  
  1024. {block:Pagination}
  1025. <div id="pagination">
  1026. {block:PreviousPage}<a href="{PreviousPage}">back</a> -{/block:PreviousPage} {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">next</a>{/block:NextPage}</div>
  1027. {/block:Pagination}
  1028.  
  1029. </div>
  1030. <div id="container">
  1031.  
  1032. <div id="content">
  1033.  
  1034. {block:Posts}
  1035.  
  1036. <div class="post" id="{PostID}">
  1037. {block:indexpage}
  1038. {block:Date}
  1039. <div class="indexdate">
  1040. <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  1041. {/block:Date} &nbsp;
  1042. <a href="{Permalink}">{NoteCount}n</a>
  1043. <div class="datetopicon">
  1044. <a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"</span></a>
  1045. <a title="like">{LikeButton color="grey" size="10"}</a>
  1046. </div>
  1047. </div>
  1048. {/block:indexpage}
  1049.  
  1050. {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{/block:HighRes}{/block:Photo}
  1051.  
  1052. {block:Photoset}
  1053. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1054. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1055. {/block:Photoset}
  1056.  
  1057. {block:Video}
  1058. {block:IndexPage}{Video-250}{/block:IndexPage}
  1059. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1060. {block:Video}
  1061.  
  1062. {block:Text}
  1063. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  1064.  
  1065. {block:Quote}
  1066. <div class="quote">{Quote}</div>
  1067. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  1068. {/block:Quote}
  1069.  
  1070. {block:Link}
  1071. <a href="{URL}"><h1><b>{Name}</h1></b></a>{block:Description}{Description}{/block:Description}
  1072. {/block:Link}
  1073.  
  1074. {block:Chat}
  1075. {block:Title}<h3>{Title}</h3>{/block:Title}
  1076. {block:Lines}<p>
  1077. {block:Label}<b>{Label}</b>{/block:Label}
  1078. {Line}</p>
  1079. {/block:Lines}
  1080. {/block:Chat}
  1081.  
  1082. {block:Audio}
  1083. {block:AudioPlayer}
  1084. <div class="playwrap">
  1085. <div class="playbutton">{AudioPlayerGrey}</div>
  1086. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1087. <div class="trackinfo">
  1088. <div class="trackname">
  1089. {block:TrackName}{TrackName}{/block:TrackName}
  1090. </div>
  1091. <div class="artist">
  1092. {block:Artist}{Artist}{/block:Artist}
  1093. </div>
  1094. <div class="album">
  1095. {block:Album}{Album}{/block:Album}
  1096. </div>
  1097. </div></div>
  1098. {/block:AudioPlayer}
  1099. {/block:Audio}
  1100.  
  1101. {block:Answer}
  1102. <div class="question">
  1103. <div class="asker">{Asker} said:</div>
  1104. {Question}</div><br>
  1105. <div class="answer">
  1106. {Answer}</div>
  1107. {/block:Answer}
  1108.  
  1109. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1110.  
  1111. {block:PermalinkPage}
  1112. {block:Date}
  1113. <div class="postinfo">
  1114.  
  1115. <a href="{Permalink}">{TimeAgo}</a>
  1116. <a href="{Permalink}">{NoteCount}n</a>
  1117. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1118. {block:ContentSource}<a href="{ReblogRootURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  1119. <a href="{ReblogURL}" target="_blank">reblog</a>
  1120. </div>
  1121. {/block:Date}
  1122.  
  1123.  
  1124. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"><i class="fa fa-hashtag" aria-hidden="true"></i> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1125.  
  1126. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1127. {/block:PermalinkPage}
  1128.  
  1129. </div>
  1130.  
  1131. {/block:Posts}
  1132. </div>
  1133. </div>
  1134. </div>
  1135.  
  1136. <div id="footer">{text:footerquote}</div>
  1137.  
  1138. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{Logowidth}px" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1139.  
  1140. </div>
  1141.  
  1142. <div id="oc"><a href="//octomoosey.tumblr.com/"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"><br><br>theme by<br>octomoosey</a>
  1143. </div>
  1144.  
  1145. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1146. <script src="//unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  1147.  
  1148. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1149.  
  1150. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  1151.  
  1152. <script>
  1153. (function($){
  1154. $(document).ready(function(){
  1155. $("a[title]").style_my_tooltips({
  1156. tip_follows_cursor:true,
  1157. tip_delay_time:90,
  1158. tip_fade_speed:600,
  1159. attribute:"title"
  1160. });
  1161. });
  1162. })(jQuery);
  1163. </script>
  1164.  
  1165. <script src="https//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1166.  
  1167. <script src="//static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1168. <script>
  1169. $(function(){ $('.post').unnest({
  1170. yourCaption: ".caption",
  1171. wrapName: ".uncap",
  1172. newCaptionUsername: false,
  1173. originalPostCaptionUsername: false,
  1174. tumblrAvatars: true,
  1175. tumblrAvatarClass: ".unavatar",
  1176. usernameColon: false
  1177. }); }); </script>
  1178.  
  1179. {block:IndexPage}
  1180. <script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>
  1181. <script>
  1182. $(document).ready(function(){
  1183. var $container = $('#content');
  1184. $container.masonry({
  1185. itemSelector: '.post',
  1186. columnWidth: 250,
  1187. gutter: 20,
  1188. isFitWidth: true
  1189. });
  1190. $container.imagesLoaded().progress(function(){
  1191. $container.masonry('layout');
  1192. });
  1193. $(window).resize(function(){
  1194. $container.masonry();
  1195. });
  1196. });
  1197. </script>
  1198. {/block:IndexPage}
  1199.  
  1200. </body>
  1201.  
  1202. </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!