API tools faq
paste
octomoosey

prince charming

octomoosey
Jul 31st, 2016 (edited)
3,680
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.04 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. <meta name="color:background" content="#ffffff">
  12. <meta name="color:sidebar" content="#000000" />
  13. <meta name="color:scrollbar" content="#a20000" />
  14. <meta name="color:italic" content="#b90000" />
  15. <meta name="color:bold" content="#b90000" />
  16. <meta name="color:title" content="#b90000" />
  17. <meta name="color:text" content="#333333">
  18. <meta name="color:link" content="#b90000">
  19. <meta name="color:linkhover" content="#333333">
  20. <meta name="color:nav" content="#b90000">
  21. <meta name="color:navhover" content="#ffffff">
  22. <meta name="color:description" content="#ffffff" />
  23. <meta name="color:descriptionbg" content="#202020" />
  24. <meta name="color:tooltiptext" content="#ffffff" />
  25. <meta name="color:tooltipborder" content="#ffffff" />
  26. <meta name="color:tooltipbg" content="#000000" />
  27. <meta name="color:selectiontext" content="#ffffff" />
  28. <meta name="color:selectionbg" content="#8c8c8c" />
  29.  
  30. <meta name="text:font size" content="10px" />
  31.  
  32. <meta name="text:link 1" content="link 1"/>
  33. <meta name="text:link 1 url" content="/"/>
  34. <meta name="text:link 2" content="link 2"/>
  35. <meta name="text:link 2 url" content="/"/>
  36. <meta name="text:link 3" content="link 3"/>
  37. <meta name="text:link 3 url" content="/"/>
  38. <meta name="text:link 4" content="link 4"/>
  39. <meta name="text:link 4 url" content="/"/>
  40. <meta name="text:link 5" content="link 5"/>
  41. <meta name="text:link 5 url" content="/"/>
  42.  
  43. <meta name="image:sidebar" content="" />
  44.  
  45. <meta name="if:hidecaptions" content="0"/>
  46.  
  47. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  48.  
  49. <link href='https://fonts.googleapis.com/css?family=Cinzel' rel='stylesheet' type='text/css'>
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  52.  
  53. </head>
  54. <style>
  55.  
  56. #tumblr_lightbox {
  57. background-color:rgba(255, 255, 255, .9)!important;
  58. z-index:99999!important;}
  59.  
  60. #tumblr_lightbox img {opacity:0;}
  61.  
  62. #tumblr_lightbox_caption {
  63. font-weight:normal!important;
  64. text-shadow:none!important;}
  65.  
  66. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  67. -moz-box-shadow:none!important;
  68. -webkit-box-shadow:none!important;
  69. box-shadow:none!important;
  70. -moz-border-radius:0px!important;
  71. -webkit-border-radius:0px!important;
  72. border-radius:0px!important;
  73. opacity:1!important;}
  74.  
  75. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  76.  
  77. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  78. position:fixed;
  79. top:10px!important;
  80. right:10px!important;
  81. white-space:nowrap;
  82. opacity:0.7;
  83. transition: 0.7s ease-in-out;
  84. -webkit-transition: 0.7s ease-in-out;
  85. -moz-transition: 0.7s ease-in-out;
  86. -o-transition: 0.7s ease-in-out;}
  87.  
  88. ::-webkit-scrollbar{
  89. height:3px;
  90. width:4px;
  91. background:inherit;}
  92.  
  93. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  94.  
  95. ::-webkit-scrollbar-track {background:{color:pageborder};}
  96.  
  97. ::-moz-selection {
  98. color:{color:selectiontext};
  99. background:{color:selectionbg};}
  100.  
  101. ::selection {
  102. color:{color:selectiontext};
  103. background:{color:selectionbg};}
  104.  
  105. body {
  106. margin:0;
  107. font-size: {text:font size};
  108. font-family: 'Lora', serif;
  109. line-height:150%;
  110. -moz-osx-font-smoothing:grayscale;
  111. -webkit-font-smoothing:antialiased;
  112. font-smoothing:antialiased;
  113. color:{color:text};
  114. background:{color:background};
  115. background-image: url('{image:background}');
  116. background-position: {text:backgroundposition};
  117. background-repeat: no-repeat;
  118. background-attachment: fixed;}
  119.  
  120. blockquote {
  121. padding-left:10px;
  122. border-left:1px solid {color:borders};
  123. margin:15px 0px 10px 0px;
  124. text-align:center;}
  125.  
  126. .caption blockquote {
  127. margin:15px 0px 10px 0px;}
  128.  
  129. blockquote img {
  130. max-width:100%;
  131. height:auto;}
  132.  
  133. img {
  134. max-width:100%;
  135. height:auto;}
  136.  
  137. .caption img {
  138. max-width:100%;
  139. height:auto;}
  140.  
  141. .posts img {
  142. max-width:100%;
  143. margin-top:5px;
  144. margin-bottom:5px;}
  145.  
  146. .caption {
  147. margin-top:15px;
  148. {block:ifhidecaptions}
  149. {block:indexpage}
  150. display:none;
  151. {/block:indexpage}
  152. {/block:ifhidecaptions}}
  153.  
  154. a {
  155. color:{color:link};
  156. text-decoration:none;
  157. letter-spacing:1px;
  158. cursor:help;
  159. -webkit-transition: all 0.7s ease;
  160. transition: all 0.7s ease;
  161. -moz-transition: all 0.7s ease;
  162. -o-transition: all 0.7s ease;}
  163.  
  164. a:hover {
  165. letter-spacing:1px;
  166. text-decoration:none;
  167. color:{color:linkhover};}
  168.  
  169. p {
  170. margin:10px 0 10px 0;}
  171.  
  172. p:first-of-type {
  173. margin-top:0;
  174. padding-top:0;}
  175.  
  176. p:last-of-type {
  177. margin-bottom:10px;
  178. padding-bottom:0;}
  179.  
  180. small, sub {
  181. font-size: {text:font size};
  182. vertical-align:baseline;}
  183.  
  184. pre {
  185. white-space: pre-wrap;
  186. white-space: -moz-pre-wrap;
  187. white-space: -pre-wrap;
  188. white-space: -o-pre-wrap;
  189. word-wrap: break-word;}
  190.  
  191. h1, h3, h4, h5, h6 {
  192. text-align:center;
  193. font-family: 'Cinzel', serif;
  194. font-size:15px;}
  195.  
  196. b, strong {
  197. font-family: 'Cinzel', serif;
  198. font-size: {text:bodyfontsize};
  199. color:{color:bold};}
  200.  
  201. i, em {
  202. font-family: 'Cinzel', serif;
  203. font-size: 12px;
  204. color:{color:italic};
  205. letter-spacing:1.5px;}
  206.  
  207. ol.notes {
  208. width:700px;
  209. list-style-type:none;
  210. text-align:center;
  211. padding:0px;
  212. margin:0px;}
  213.  
  214. ol.notes li.note {
  215. display:block;
  216. padding:0;
  217. margin:5px 0;}
  218.  
  219. ol.notes li.note img.avatar {display:none!important;}
  220.  
  221. a.more_notes_link {
  222. display:block;
  223. text-align:center;
  224. border:0;
  225. color:{color:title};}
  226.  
  227. #content {
  228. position:absolute;
  229. margin-top:90px;
  230. margin-bottom:50px;
  231. left:50%;
  232. margin-left:-150px;}
  233.  
  234. .post {
  235. text-align:center;
  236. padding:0px;
  237. width:700px;
  238. display:block;}
  239.  
  240. #top, #bottom, #left {
  241. z-index:1;
  242. background: {color:sidebar};
  243. position:fixed;}
  244.  
  245. #left { left: 0;
  246. top:0;
  247. width:400px;
  248. height:100%;
  249. background-image: url('{image:sidebar}');
  250. background-position:bottom left;
  251. background-repeat:no-repeat;}
  252.  
  253. #top, #bottom {
  254. left: 0; right: 0;
  255. height: 40px;}
  256.  
  257. #top { top: 0; }
  258. #bottom { bottom: 0; }
  259.  
  260. #description {
  261. overflow-y:scroll;
  262. position:absolute;
  263. text-align:center;
  264. width: 200px;
  265. top:50%;
  266. margin-top: -170px;
  267. margin-left: 85px;
  268. height: 300px;
  269. padding: 20px;
  270. background: {color:descriptionbg};
  271. color:{color:description};
  272. -webkit-transition: opacity 0.7s linear;
  273. -webkit-transition: all 0.7s ease-out;
  274. -moz-transition: all 0.7s ease-out;
  275. transition: all 0.7s ease-out;
  276. opacity: 0.3;}
  277.  
  278. #left:hover #description {
  279. -webkit-transition: opacity 0.7s linear;
  280. -webkit-transition: all 0.7s ease-out;
  281. -moz-transition: all 0.7s ease-out;
  282. transition: all 0.7s ease-out;
  283. opacity: 1;}
  284.  
  285. #nav {
  286. z-index:8;
  287. margin-left: 400px;
  288. font-family: times new roman;
  289. position: fixed;
  290. text-transform: uppercase;
  291. top:0px;
  292. letter-spacing: -2px;
  293. font-weight: normal;
  294. font-size: 20px;
  295. line-height: 200%;
  296. text-align: right;}
  297.  
  298. #nav a {
  299. display:inline-block;
  300. margin-right:10px;
  301. color:{color:nav};
  302. opacity:0.6;
  303. -webkit-transition: opacity 0.3s linear;
  304. -webkit-transition: all 0.3s ease-out;
  305. -moz-transition: all 0.3s ease-out;
  306. transition: all 0.3s ease-out;}
  307.  
  308. #nav a:hover {
  309. color:{color:navhover};
  310. opacity:1;
  311. -webkit-transition: opacity 0.3s linear;
  312. -webkit-transition: all 0.3s ease-out;
  313. -moz-transition: all 0.3s ease-out;
  314. transition: all 0.3s ease-out;}
  315.  
  316. h2 {
  317. font-size:20px;
  318. font-weight:700;
  319. margin:0px 0px 10px 0px;
  320. color:{color:title};}
  321.  
  322. .information {
  323. margin-top:15px;
  324. text-align:center;
  325. font-size:9px;
  326. text-transform:uppercase;
  327. width:700px;
  328. height:14px;
  329. margin-bottom:75px;}
  330.  
  331. .information a {
  332. margin-right:3px;
  333. color:{color:link};
  334. border-bottom:1px solid {color:text};}
  335.  
  336. .information a:hover {
  337. color:{color:linkhover};}
  338.  
  339. .titlequote {
  340. text-transform:uppercase;}
  341.  
  342. .source {
  343. text-align:center;}
  344.  
  345. .question {
  346. border-bottom:1px solid {color:text};
  347. margin-bottom:5px;
  348. padding-bottom:5px;}
  349.  
  350. .asker {
  351. text-transform:uppercase;
  352. font-size:12px;}
  353.  
  354. .chat ul {
  355. display:block;
  356. list-style:none;
  357. margin-left:-40px;}
  358.  
  359. .chat li {
  360. padding:3px;
  361. display:block;}
  362.  
  363. .tumblr_audio_player {
  364. width:250px;
  365. height:30px;
  366. margin-top:-2px;}
  367.  
  368. .player {
  369. width:75px;
  370. height:25px;
  371. display:block;
  372. overflow:hidden;}
  373.  
  374. .hold {
  375. background:#e4e4e4;
  376. display:block;
  377. opacity:.7;
  378. padding:15px;}
  379.  
  380. .audio_info {
  381. padding:15px 0;
  382. border-bottom:1px solid {color:borders};}
  383.  
  384. #pagination {
  385. left:50%;
  386. position:relative;
  387. z-index:8;
  388. margin-left:-350px;
  389. margin-bottom:80px;
  390. width:700px;
  391. text-align:center;
  392. font-size:12px;
  393. text-transform:uppercase;
  394. color:{color:text};}
  395.  
  396. #s-m-t-tooltip {
  397. max-width:300px;
  398. border-radius: 0px;
  399. padding:4px;
  400. margin:15px 15px 5px 0px;
  401. color:{color:tooltiptext};
  402. border:1px solid {color:tooltipborder};
  403. font-size:10px;
  404. letter-spacing:1px;
  405. background:{color:tooltipbg};
  406. font-family: 'Cinzel', serif;
  407. z-index:99999;}
  408.  
  409. #credit {
  410. z-index:8;
  411. bottom:-3px;
  412. right:3px;
  413. height:30px;
  414. width:30px;
  415. opacity:0.8;
  416. position:fixed;
  417. padding:5px;}
  418.  
  419. </style>
  420. <body>
  421.  
  422. <div id="top"></div>
  423. <div id="bottom"></div>
  424. <div id="left"><div id="description">{description}</div></div>
  425.  
  426. <div id="nav">
  427. <a href="/" title="index">.01</a>
  428. <a href="/ask" title="queries">.02</a>
  429. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">.03</a>{/block:iflink1}
  430. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">.04</a>{/block:iflink2}
  431. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">.05</a>{/block:iflink3}
  432. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">.06</a>{/block:iflink4}
  433. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">.07</a>{/block:iflink5}
  434. <a href="/archive" title="archive">.08</a>
  435. </div>
  436.  
  437. <div id="content">
  438. {block:posts}
  439. <div class="post">
  440.  
  441. {block:Quote}
  442. <div class="titlequote">{Quote}</div>
  443. {block:Source}<div class="source">{Source}</div>{/block:Source}
  444. {/block:Quote}
  445.  
  446. {block:Text}
  447. {block:Title}<h2>{Title}</h2>{/block:Title}
  448. {Body}
  449. {/block:Text}
  450.  
  451. {block:Link}
  452. <h2><a href="{URL}">{Name}</a></h2>
  453. {block:Description}{Description}{/block:Description}
  454. {/block:Link}
  455.  
  456. {block:Chat}
  457. {block:Title}<h2>{Title}</h2>{/block:Title}
  458. <ol class="chat">
  459. {block:Lines}
  460. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  461. {/block:Lines}
  462. </ol>
  463. {/block:Chat}
  464.  
  465. <center>{Block:Photo}{LinkOpenTag}
  466. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/Block:Photo}</center>
  467.  
  468. <center>{block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}</center>
  469.  
  470. <center>{block:Video}{Video-500}{/block:Video}</center>
  471.  
  472. {block:Panorama}
  473. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  474. {/block:Panorama}
  475.  
  476. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  477. {/block:Audio}
  478.  
  479. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  480.  
  481. {block:Answer}
  482. <div class="question">
  483. <div class="asker">{Asker} asked -</div> {question}</div>{answer}{/block:Answer}
  484.  
  485. </div>
  486.  
  487. <div class="information">
  488. {block:Date}
  489. <a href="{permalink}">{DayOfWeek}</a>
  490. {/block:Date}
  491.  
  492. {block:NoteCount}<a href="{permalink}">{NoteCount}</a>{/block:NoteCount}
  493. {block:RebloggedFrom}
  494. <a href="{ReblogParentURL}">via</a>
  495. <a href="{ReblogRootURL}">source</a>
  496. {/block:RebloggedFrom}
  497. {block:HasTags}{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}
  498. {/block:HasTags}
  499. </div>
  500.  
  501. {block:PostNotes}
  502. <div class="pagenotes">{PostNotes}</div>
  503. {/block:PostNotes}
  504.  
  505. {/block:posts}
  506. <div id="pagination">
  507. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> - {/block:PreviousPage} page {CurrentPage} of {TotalPages}{block:NextPage} - <a href="{NextPage}">forth</a>
  508. {/block:NextPage}
  509. {/block:Pagination}</div></div>
  510.  
  511. <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>
  512.  
  513. {block:ContentSource}
  514. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  515. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  516. {/block:SourceLogo}
  517. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  518. {/block:ContentSource}
  519. </body>
  520.  
  521. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  522.  
  523. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  524.  
  525. <script>
  526. (function($){
  527. $(document).ready(function(){
  528. $("a[title]").style_my_tooltips({
  529. tip_follows_cursor:true,
  530. tip_delay_time:90,
  531. tip_fade_speed:600,
  532. attribute:"title"
  533. });
  534. });
  535. })(jQuery);
  536. </script>
  537.  
  538. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  539. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!