API tools faq
paste
Advertisement
octomoosey

oblique

octomoosey
Aug 22nd, 2015
1,685
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.81 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. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  12.  
  13. <meta name="color:background" content="#fff" />
  14. <meta name="color:contentbg" content="#000"/>
  15. <meta name="color:text" content="#bbb"/>
  16. <meta name="color:desctext" content="#fff" />
  17. <meta name="color:sidebarlines" content="#000" />
  18. <meta name="color:title" content="#fff"/>
  19. <meta name="color:postbg" content="#000"/>
  20. <meta name="color:link" content="#32811a"/>
  21. <meta name="color:linkhover" content="#8a8989"/>
  22. <meta name="color:navigation" content="#32811a"/>
  23. <meta name="color:navhover" content="#8a8989"/>
  24. <meta name="color:tags" content="#000"/>
  25. <meta name="color:tagshover" content="#ddd"/>
  26. <meta name="color:askbg" content="#000"/>
  27. <meta name="color:asktext" content="#fff"/>
  28. <meta name="color:posttitle" content="#fff"/>
  29. <meta name="color:firstletter" content="#fff"/>
  30. <meta name="color:bold" content="#f2992e" />
  31. <meta name="color:italic" content="#f2992e" />
  32. <meta name="color:scrollbar" content="#000"/>
  33.  
  34. <meta name="image:background" content="" />
  35.  
  36. <meta name="text:link 1" content="link 1"/>
  37. <meta name="text:link 1 url" content="/"/>
  38. <meta name="text:link 2" content="link 2"/>
  39. <meta name="text:link 2 url" content="/"/>
  40. <meta name="text:link 3" content="link 3"/>
  41. <meta name="text:link 3 url" content="/"/>
  42. <meta name="text:link 4" content="link 4"/>
  43. <meta name="text:link 4 url" content="/"/>
  44. <meta name="text:link 5" content="link 5"/>
  45. <meta name="text:link 5 url" content="/"/>
  46.  
  47. <meta name="select:post size" content="250" title="250px">
  48. <meta name="select:post size" content="300" title="300px">
  49. <meta name="select:post size" content="350" title="350px">
  50. <meta name="select:post size" content="400" title="400px">
  51. <meta name="select:post size" content="450" title="450px">
  52. <meta name="select:post size" content="500" title="500px">
  53.  
  54. <meta name="if:greyscale" content="1"/>
  55. <meta name="if:hovertags" content="1"/>
  56. <meta name="font:body font" content="Gibson">
  57. <meta name="text:text size" content="11px" />
  58.  
  59. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  60.  
  61. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62.  
  63. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78. <style type="text/css">
  79.  
  80. iframe#tumblr_controls {
  81. z-index:999999;
  82. right:2px !important;
  83. position: fixed !important;
  84. -webkit-transition: opacity 0.7s linear;
  85. opacity: 0.4;
  86. -webkit-transition: all 0.8s ease-out;
  87. -moz-transition: all 0.8s ease-out;
  88. transition: all 0.8s ease-out;
  89. -webkit-filter: invert(100%);}
  90.  
  91. iframe#tumblr_controls:hover {
  92. -webkit-transition: opacity 0.7s linear;
  93. opacity: 0.7;
  94. -webkit-transition: all 0.4s ease-out;
  95. -moz-transition: all 0.4s ease-out;
  96. transition: all 0.4s ease-out;
  97. -webkit-filter: invert(100%);}
  98.  
  99. ::-webkit-scrollbar {
  100. width: 3px;
  101. height: 5px;
  102. background: {color:Background};}
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. background: {color:Scrollbar};
  106. border-radius: 16px;
  107. border-top: 5px solid {color:Background};}
  108.  
  109. body {
  110. background-color:{color:Background};
  111. background-image: url('{image:background}');
  112. background-position: bottom right;
  113. background-repeat: no-repeat;
  114. background-attachment: fixed;
  115. line-height:110%;
  116. color:{color:text};
  117. font-family:{font:body font};
  118. font-size: {text:text size};
  119. width:100%;
  120. margin:auto;
  121. position:relative;
  122. margin-top:0px;}
  123.  
  124. a:link, a:active, a:visited {
  125. text-decoration: none;
  126. color: {color:link};
  127. -moz-transition-duration:.6s;
  128. -webkit-transition-duration:.6s;
  129. -o-transition-duration:.6s;}
  130.  
  131. a:hover {
  132. color: {color:linkhover};
  133. -moz-transition-duration:.6s;
  134. -webkit-transition-duration:.6s;
  135. -o-transition-duration:.6s;}
  136.  
  137. h1 {
  138. font-family: 'Yanone Kaffeesatz', sans-serif;
  139. font-size: 20px;
  140. line-height: 15px;
  141. letter-spacing:5px;
  142. font-weight:normal;
  143. color:{color:posttitle};}
  144.  
  145. h1:first-letter {
  146. font-family: 'Yanone Kaffeesatz', sans-serif;
  147. font-size: 30px;
  148. line-height: 15px;
  149. margin-right:5px;
  150. color:{color:firstletter};
  151. text-transform:uppercase;}
  152.  
  153. h2 {
  154. font-family: 'Yanone Kaffeesatz', sans-serif;
  155. font-size: 20px;
  156. line-height: 15px;
  157. letter-spacing:6px;
  158. font-weight:normal;
  159. color:{color:posttitle};}
  160.  
  161. h2:first-letter {
  162. font-family: 'Yanone Kaffeesatz', sans-serif;
  163. font-size: 30px;
  164. line-height: 15px;
  165. letter-spacing:0px;
  166. color:{color:firstletter};
  167. margin-right:5px;
  168. text-transform:uppercase;}
  169.  
  170. b, strong {
  171. text-transform:uppercase;
  172. color:{color:bold};
  173. font-size:14px;}
  174.  
  175. i, em {
  176. font-family: 'Yanone Kaffeesatz', sans-serif;
  177. color:{color:italic};
  178. letter-spacing:1.5px;
  179. font-size:14px;}
  180.  
  181. blockquote {
  182. padding:2px 7px;
  183. margin:3px 0 3px 8px;
  184. border-left:1px solid #fff;
  185. background-color:transparent;
  186. -webkit-border-top-left-radius: 8px;
  187. -webkit-border-bottom-left-radius: 8px;
  188. -moz-border-radius-topleft: 8px;
  189. -moz-border-radius-bottomleft: 8px;
  190. border-top-left-radius: 8px;
  191. border-bottom-left-radius: 8px;}
  192.  
  193. blockquote img {
  194. max-width:100%;}
  195.  
  196. p {
  197. margin-top:8px;
  198. margin-bottom:8px;}
  199.  
  200. ol {
  201. list-style:normal;}
  202.  
  203. ul {
  204. list-style:square;}
  205.  
  206. small,sup,sub {
  207. font-size:10px;}
  208.  
  209. big {
  210. font-size:12px;}
  211.  
  212. {block:IfGreyscale}
  213.  
  214. img {
  215. -webkit-filter:grayscale(100%);
  216. -webkit-transition: all .8s ease-in-out;
  217. -moz-transition: all .8s ease-in-out;
  218. -ms-transition: all .8s ease-in-out;
  219. -o-transition: all .8s ease-in-out;
  220. transition: all .8s ease-in-out;}
  221.  
  222. img:hover {
  223. -webkit-filter:none;}
  224.  
  225. .html_photoset {
  226. -webkit-filter: grayscale(100%);
  227. -webkit-transition: all .8s ease-in-out;
  228. -moz-transition: all .8s ease-in-out;
  229. -ms-transition: all .8s ease-in-out;
  230. -o-transition: all .8s ease-in-out;
  231. transition: all .8s ease-in-out;}
  232.  
  233. .html_photoset:hover {
  234. -webkit-filter: none;}
  235.  
  236. {/block:IfGreyscale}
  237.  
  238. img {
  239. max-width:100%;
  240. height:auto;}
  241.  
  242. #content {
  243. width:{select:post size}px;
  244. position: relative;
  245. margin-left:150px;
  246. margin-top: 0px;
  247. margin-bottom:0px;
  248. background:{color:contentbg};
  249. padding:30px;}
  250.  
  251. .post {
  252. margin-bottom: 60px;
  253. padding:20px;
  254. background:{color:postbg};
  255. border-radius: 0px 20px 0px;}
  256.  
  257. {block:IfHovertags}
  258. .tags {
  259. margin-top:-25px;
  260. opacity:0;
  261. padding-top:5px;
  262. -webkit-transition:.8s;
  263. transition:.8s; }
  264. {/block:IfHovertags}
  265.  
  266. .tags a {
  267. color:{color:tags};
  268. -webkit-transition:.8s;
  269. transition:.8s;}
  270.  
  271. .tags a:hover {
  272. color:{color:tagshover};
  273. -webkit-transition:.8s;
  274. transition:.8s;}
  275.  
  276. {block:IfHovertags}
  277. .post:hover .tags {
  278. margin-top:5px;
  279. opacity:1;
  280. -webkit-transition:.8s;
  281. transition:.8s; }
  282. {/block:IfHovertags}
  283.  
  284. img.avatar {display:none;}
  285. ol.notes {
  286. margin-top: 20px;
  287. color:{color:postbg};}
  288.  
  289. #fill {
  290. position:fixed;
  291. top:0px;
  292. left:0px;
  293. width:150px;
  294. height:100%;
  295. background:{color:contentbg};}
  296.  
  297. #sidebar {
  298. position:fixed;
  299. left:calc({select:post size}px + 235px);
  300. top:50%;
  301. margin-top:-200px;
  302. width:400px;
  303. height:400px;
  304. background:transparent;}
  305.  
  306. #navimg {
  307. height:100px;
  308. width:100px;
  309. padding:12px;
  310. border:1px solid {color:sidebarlines};
  311. border-radius: 0px 20px 0px;}
  312.  
  313. #title {
  314. color:{color:title};
  315. letter-spacing:2px;
  316. margin-top:-70px;
  317. margin-left:126px;
  318. width:270px;
  319. border-bottom:1px solid {color:sidebarlines};
  320. text-align:right;}
  321.  
  322. .description {
  323. position:relative;
  324. height:232px;
  325. top:0px;
  326. padding:20px;
  327. width:120px;
  328. margin-left: 135px;
  329. text-align:right;
  330. font-size:9.5px;
  331. line-height:120%;
  332. font-family:{font:body font};
  333. color:{color:desctext};
  334. border-right:1px solid {color:sidebarlines};
  335. opacity:0;
  336. -webkit-transition: all .8s ease-in-out;
  337. -moz-transition: all .8s ease-in-out;
  338. -ms-transition: all .8s ease-in-out;
  339. -o-transition: all .8s ease-in-out;
  340. transition: all .8s ease-in-out;}
  341.  
  342. #sidebar:hover .description {
  343. opacity:1;
  344. -webkit-transition: all .8s ease-in-out;
  345. -moz-transition: all .8s ease-in-out;
  346. -ms-transition: all .8s ease-in-out;
  347. -o-transition: all .8s ease-in-out;
  348. transition: all .8s ease-in-out;}
  349.  
  350. #navigation {
  351. position:relative;
  352. top:-255px;
  353. margin-left:320px;
  354. opacity:0;
  355. -webkit-transition: all .8s ease-in-out;
  356. -moz-transition: all .8s ease-in-out;
  357. -ms-transition: all .8s ease-in-out;
  358. -o-transition: all .8s ease-in-out;
  359. transition: all .8s ease-in-out;}
  360.  
  361. #navigation a {
  362. display:block;
  363. font-size:9px;
  364. text-align:center;
  365. margin-top:8px;
  366. padding:2px;
  367. letter-spacing:1px;
  368. border:1px solid {color:navigation};
  369. color:{color:navigation};
  370. width:70px;
  371. -webkit-transition: all .8s ease-in-out;
  372. -moz-transition: all .8s ease-in-out;
  373. -ms-transition: all .8s ease-in-out;
  374. -o-transition: all .8s ease-in-out;
  375. transition: all .8s ease-in-out;}
  376.  
  377. #navigation a:hover {
  378. border:1px solid {color:navigation};
  379. box-shadow:inset 130px 0 0 {color:navigation};
  380. color:{color:navhover};
  381. -webkit-transition: all .8s ease-in-out;
  382. -moz-transition: all .8s ease-in-out;
  383. -ms-transition: all .8s ease-in-out;
  384. -o-transition: all .8s ease-in-out;
  385. transition: all .8s ease-in-out;}
  386.  
  387. #sidebar:hover #navigation {
  388. opacity:1;
  389. -webkit-transition: all .8s ease-in-out;
  390. -moz-transition: all .8s ease-in-out;
  391. -ms-transition: all .8s ease-in-out;
  392. -o-transition: all .8s ease-in-out;
  393. transition: all .8s ease-in-out;}
  394.  
  395. #pagination {
  396. top:0px;
  397. width:200px;
  398. padding:10px;
  399. text-align:center;
  400. color:{color:desctext};
  401. border: 1px solid {color:desctext};}
  402.  
  403. #askurl {
  404. font-size:12px;
  405. letter-spacing:3px;
  406. margin-left:0px;
  407. margin-right:5px;}
  408.  
  409. #question {
  410. font-family: 'Fjalla One', sans-serif;
  411. border:1px solid {color:asktext};
  412. text-shadow: 1px 1px 7px {color:asktext};
  413. background-color:{color:askbg};
  414. color:{color:asktext};
  415. padding:5px;
  416. font-style: italic;
  417. margin-top:8px;
  418. font-size: 11px;
  419. margin-left:0px;
  420. text-align:center;}
  421.  
  422. #quote {
  423. font-size:16px;
  424. font-family: 'Fjalla One', sans-serif;
  425. text-align: center;
  426. font-weight: 300;
  427. letter-spacing: 1.5px;
  428. line-height: 130%;
  429. padding-bottom: 10px;}
  430.  
  431. .video {
  432. width:calc({select:post size}px - 40px)!important;}
  433.  
  434. .video iframe {
  435. width:calc({select:post size}px - 40px)!important;
  436. height:100%;}
  437.  
  438. #credit {
  439. bottom:10px;
  440. right:10px;
  441. opacity:0.5;
  442. position:fixed;
  443. padding:5px;}
  444.  
  445. #s-m-t-tooltip {
  446. max-width:300px;
  447. border-radius: 0px;
  448. padding:4px;
  449. margin:-10px 10px 5px 0px;
  450. background-color:#eee;
  451. border:1px solid #000;
  452. font-family:{font:body font};
  453. font-size:10px;
  454. letter-spacing:2px;
  455. color:#000;
  456. z-index:99999;}
  457.  
  458. </style>
  459. </head>
  460. <body>
  461.  
  462. <div id="sidebar">
  463. <div id="navimg"><img src="{PortraitURL-128}"></div>
  464. <div id="title">{title}</div>
  465. <div class="description">{description}
  466. <p>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}<a>page {CurrentPage} of {TotalPages}</a>{block:NextPage} <a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  467. </div>
  468. <div id="navigation">
  469. <a href="/">home</a>
  470. <a href="/ask">ask</a>
  471. <a href="/sumbit">submit</a>
  472. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  473. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  474. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  475. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  476. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  477. <a href="https://octomoosey.tumblr.com/">theme</a></div>
  478. </div>
  479. <div id="fill"></div>
  480. </div>
  481.  
  482. <div id="content">
  483. {block:Posts}
  484.  
  485. {block:NoRebloggedFrom}
  486. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  487. {/block:NoRebloggedFrom}
  488.  
  489. <div class="post">
  490.  
  491. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  492.  
  493. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  494.  
  495. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  496.  
  497. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  498.  
  499. {block:Quote}<div id="quote">“{Quote}” — <b><i>{Source}</i></b></div> {/block:Quote}
  500.  
  501. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  502.  
  503. {block:Audio}{AudioPlayerWhite}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}<p>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  504.  
  505. {block:Video}<div class="video">{Video-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Video}
  506.  
  507. {block:Answer}
  508. <table style="border-bottom:1px solid #a0a0a0;padding-bottom:5px;margin-bottom:5px;">
  509. <tr>
  510. <td style="vertical-align:top;padding-right:10px;" width="42px"><img src="{AskerPortraitURL-96}" height="42px" width="42px"></td>
  511. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  512. </tr>
  513. </table>
  514. {Answer}
  515. {/block:Answer}
  516.  
  517. <div class="tags"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a> <a href="{Permalink}">{NoteCountwithLabel}</a> <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}<br>
  518. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  519. </div>
  520.  
  521. {block:PermalinkPage}
  522. {block:PostNotes}{PostNotes}{/block:PostNotes}
  523. {/block:PermalinkPage}
  524. </div>
  525. {/block:Posts}
  526.  
  527.  
  528. {block:ContentSource}<!-- {SourceURL}
  529. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  530. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  531. {/block:ContentSource}
  532. </div>
  533. </div>
  534. </div>
  535.  
  536. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://31.media.tumblr.com/ce8b580be9fa9afaa442fdb216c9b293/tumblr_inline_nj1tziQKpe1ronkfd.png"></a></div>
  537.  
  538. </body>
  539. </div>
  540. </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!