API tools faq
paste
lollyxbeans

Eurytheme

lollyxbeans
Dec 4th, 2016
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="http://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.  
  12. <meta name="text:link 1" content="link 1"/>
  13. <meta name="text:link 1 url" content="/"/>
  14. <meta name="text:link 2" content="link 2"/>
  15. <meta name="text:link 2 url" content="/"/>
  16. <meta name="text:link 3" content="link 3"/>
  17. <meta name="text:link 3 url" content="/"/>
  18. <meta name="text:link 4" content="link 4"/>
  19. <meta name="text:link 4 url" content="/"/>
  20. <meta name="text:link 5" content="link 5"/>
  21. <meta name="text:link 5 url" content="/"/>
  22. <meta name="text:link 6" content="link 6"/>
  23. <meta name="text:link 6 url" content="/"/>
  24.  
  25. <meta name="text:body font size" content="11px" />
  26.  
  27. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  28.  
  29. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  36.  
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:90,
  43. tip_fade_speed:600,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49. <style type="text/css">
  50.  
  51. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  52. z-index:99999999999999999!important;
  53. white-space:nowrap!important;
  54. top:10px!important;
  55. right:10px!important;
  56. position:fixed!important;
  57. opacity:.6!important;}
  58.  
  59. #tumblr_lightbox {
  60. background-color:rgba(255, 255, 255, .9)!important;
  61. z-index:99999!important;}
  62.  
  63. #tumblr_lightbox img {opacity:0;}
  64.  
  65. #tumblr_lightbox_caption {
  66. font-weight:normal!important;
  67. text-shadow:none!important;}
  68.  
  69. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  70. -moz-box-shadow:none!important;
  71. -webkit-box-shadow:none!important;
  72. box-shadow:none!important;
  73. -moz-border-radius:0px!important;
  74. -webkit-border-radius:0px!important;
  75. border-radius:0px!important;
  76. opacity:1!important;}
  77.  
  78. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  79.  
  80. ::-webkit-scrollbar{
  81. height:3px;
  82. width:3px;}
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. background:#e5c979;}
  86.  
  87. ::-webkit-scrollbar-track {
  88. background:transparent;}
  89.  
  90. ::-moz-selection {
  91. color:#fff;
  92. background:#e5c979;}
  93.  
  94. ::selection {
  95. color:#fff;
  96. background:#e5c979;}
  97.  
  98. div[id$="Zy4yby-hide"], .static-only {
  99. display: none;}
  100.  
  101. body {
  102. background-attachment: fixed;
  103. background-image:url('http://i.imgur.com/wG8Y45M.png');
  104. color:#262627;
  105. font-family: 'Roboto', sans-serif;
  106. font-size: {text:body font size};
  107. font-weight:normal;
  108. position:relative;
  109. text-align:left;
  110. margin:0;
  111. line-height:150%;}
  112.  
  113. blockquote {
  114. padding-left:10px;
  115. border-left:1px solid #fff;
  116. margin:15px 30px 10px 10px;
  117. text-align:left;}
  118.  
  119. .caption blockquote {
  120. margin:15px 30px 10px 10px;}
  121.  
  122. blockquote img {
  123. max-width:100%;
  124. height:auto;}
  125.  
  126. img {
  127. max-width:100%;
  128. height:auto;}
  129.  
  130. .caption img {
  131. max-width:100%;
  132. height:auto;}
  133.  
  134. .posts img {
  135. margin-top:5px;
  136. margin-bottom:5px;}
  137.  
  138. pre {
  139. white-space: pre-wrap;
  140. white-space: -moz-pre-wrap;
  141. white-space: -pre-wrap;
  142. white-space: -o-pre-wrap;
  143. word-wrap: break-word;}
  144.  
  145. a {
  146. color:#fff;
  147. text-decoration:none;
  148. letter-spacing:2px;}
  149.  
  150. a:hover {
  151. text-decoration:none;
  152. color:#e6c776;
  153. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  154.  
  155. p {
  156. margin:10px 0 10px 0;}
  157.  
  158. p:first-of-type {
  159. margin-top:0;
  160. padding-top:0;}
  161.  
  162. p:last-of-type {
  163. margin-bottom:10px;
  164. padding-bottom:0;}
  165.  
  166. b, strong {
  167. font-family:font-family: 'Roboto', sans-serif;
  168. text-transform:uppercase;
  169. font-size: {text:body font size};
  170. color:#f0e8f0;}
  171.  
  172. i, em {
  173. font-family: 'Yanone Kaffeesatz', sans-serif;
  174. font-size: 16px;
  175. color:#b09b6f;
  176. letter-spacing:1.5px;}
  177.  
  178. small, big {
  179. font-size:1em;}
  180.  
  181. h1, h2, h3, h4{
  182. font-family: 'Yanone Kaffeesatz', sans-serif;
  183. font-size:24px;
  184. letter-spacing:2px;
  185. line-height:30px;
  186. text-transform:uppercase;
  187. text-align:center;
  188. color:#fff;}
  189.  
  190. {block:IfGreyscale}
  191.  
  192. img {
  193. -webkit-filter:grayscale(100%);
  194. -webkit-transition: all 0.9s ease-in-out;
  195. -moz-transition: all 0.9s ease-in-out;
  196. -o-transition: all 0.9s ease-in-out;
  197. -ms-transition: all 0.9s ease-in-out;
  198. transition: all 0.9s ease-in-out;}
  199.  
  200. img:hover {
  201. -webkit-filter:none;}
  202.  
  203. .html_photoset {
  204. -webkit-filter: grayscale(100%);
  205. -webkit-transition: all 0.9s ease-in-out;
  206. -moz-transition: all 0.9s ease-in-out;
  207. -o-transition: all 0.9s ease-in-out;
  208. -ms-transition: all 0.9s ease-in-out;
  209. transition: all 0.9s ease-in-out;}
  210.  
  211. .html_photoset:hover {
  212. -webkit-filter: none;}
  213.  
  214. {/block:IfGreyscale}
  215.  
  216. .caption {
  217. margin-top:15px;
  218. {block:ifhidecaptions}
  219. {block:indexpage}
  220. display:none;
  221. {/block:indexpage}
  222. {/block:ifhidecaptions}}
  223.  
  224. #container {
  225. position:absolute;
  226. top:0px;
  227. left:340px;
  228. margin-left:-220px;
  229. width:530px;}
  230.  
  231. #entries {
  232. position:relative;
  233. z-index:0;
  234. position:absolute;
  235. margin-top:20px;
  236. margin-left:0px;
  237. margin-bottom:30px;
  238. width:380px;
  239. background:transparent;
  240. padding-bottom:0px;}
  241.  
  242.  
  243.  
  244. .posts {
  245. width:398px;
  246. margin-bottom:50px;
  247. padding:20px;
  248. text-align:justify;
  249. background-color:rgba(6, 9, 17,0.5);
  250. color:#807586;}
  251.  
  252. #side {
  253. position:fixed;
  254. z-index:5;
  255. width:50px;
  256. height:100%;
  257. top:0px;
  258. left:0px;
  259. background-attachment: fixed;
  260. background-repeat:no-repeat;
  261. background-position:bottom right;}
  262.  
  263. #description {
  264. margin-left:10px;
  265. margin-top:70px;
  266. position:fixed;
  267. text-align:left;
  268. width:100px;
  269. padding:10px;
  270. line-height:120%;
  271. color:{color:description};}
  272.  
  273. #titlequote {font-size:20px;
  274. color:#f0e8f0;
  275. }
  276.  
  277. #source {margin-top:10px;
  278. color:#807586;
  279. }
  280.  
  281. .playerbuttonbg {
  282. position: absolute;
  283. left: 15px;
  284. top: 17px;
  285. width: 30px;
  286. height: 30px;
  287. background-color: #000;
  288. padding: 10px;
  289. opacity: 0.4;
  290. filter: alpha(opacity=40);
  291. -moz-opacity: 0.4;
  292. -khtml-opacity: 0.4;
  293. transition: opacity .7s ease-in-out;
  294. -moz-transition: opacity .7s ease-in-out;
  295. -webkit-transition: opacity .7s ease-in-out;}
  296.  
  297. .playerbuttonbg:hover {
  298. opacity: 1;
  299. filter: alpha(opacity=100);
  300. -moz-opacity: 1;
  301. -khtml-opacity: 1;}
  302.  
  303. .newplayerbutton {
  304. position: relative;
  305. width: 30px;
  306. height: 30px;
  307. overflow: hidden;}
  308.  
  309. .playerbuttonhug {
  310. position: absolute;
  311. top: -30px;
  312. left: -10px;}
  313.  
  314. .tumblr_audio_player {
  315. height: 90px;
  316. width: 270px;}
  317.  
  318. .audioimgwrapper {
  319. position: absolute;
  320. overflow: hidden;
  321. width: 80px;
  322. height: 80px;}
  323.  
  324. .trackdetails {
  325. width: 340px;
  326. padding:10px;
  327. display:inline-block;
  328. margin-left: 90px;
  329. min-height: 75px;}
  330.  
  331. .audiowrapper {
  332. position: relative;
  333. display:inline-block;}
  334.  
  335. .question {
  336. background:rgba(77, 68, 80,0.5);
  337. margin-bottom:15px;
  338. padding:20px;
  339. color:#f0e8f0;}
  340.  
  341. .asker {
  342. color:#f0e8f0;
  343. font-family: 'Yanone Kaffeesatz', sans-serif;
  344. font-size:25px;
  345. line-height:30px;
  346. text-align:center;}
  347.  
  348. .answer {
  349. color:#807586;
  350. border:0;}
  351.  
  352. .chat {
  353. margin:0;
  354. padding:0;
  355. list-style:none;}
  356.  
  357. .l {
  358. padding-bottom:15px;
  359. margin-top:15px;
  360. border-bottom:1px solid #a1abaf;}
  361.  
  362. .label {
  363. font-weight:bold;
  364. color:#fff;
  365. display:inline-block;}
  366.  
  367. .l:first-of-type {
  368. margin-top:0;}
  369.  
  370. .l:last-of-type {
  371. padding-bottom:0;
  372. border:0;}
  373.  
  374. #date {
  375. border-top:1px solid #a1abaf;
  376. padding:5px 15px 3px 15px;
  377. text-align:center;}
  378.  
  379. #date a {
  380. letter-spacing:0px;
  381. font-size:9px;
  382. line-height:9px;
  383. text-transform:lowercase;
  384. color: #807586;}
  385.  
  386. #date a:hover {
  387. letter-spacing:0px;
  388. color:#a1abaf;
  389. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  390.  
  391. #tags {
  392. text-align:center;
  393. margin-top:0px;
  394. font-size:9px;
  395. line-height:9px;}
  396.  
  397. #tags a {
  398. color:#b8a7bc;
  399. margin-left:5px;}
  400.  
  401. #tags a:hover {
  402. color:#b09b6f;}
  403.  
  404. .pagenotes {
  405. margin-top:15px;
  406. padding-top:15px;
  407. padding-left:20px;
  408. text-transform:lowercase;
  409. font-size:8px;
  410. letter-spacing:1px;}
  411.  
  412. .pagenotes a {
  413. border:0;}
  414.  
  415. ol.notes {
  416. width:400px;
  417. background:rgba(6, 9, 17,0.5);
  418. list-style-type:none;
  419. text-align:left;
  420. padding:10px;
  421. margin-left:0px;
  422. height:200px;
  423. overflow-y:scroll;
  424. color:#807586;
  425. }
  426.  
  427. ol.notes a {
  428. color:#b8a7bc;}
  429.  
  430. ol.notes a:hover {
  431. color:#fff;}
  432.  
  433. ol.notes li.note {
  434. display:block;
  435. padding:0;
  436. margin:5px 0;}
  437.  
  438. ol.notes li.note img.avatar {
  439. display:none!important;}
  440.  
  441. a.more_notes_link {
  442. display:block;
  443. text-align:left;
  444. border:0;
  445. color:#b8a7bc;}
  446.  
  447. #s-m-t-tooltip {
  448. max-width:300px;
  449. border-radius: 0px;
  450. padding:4px;
  451. margin:10px 10px 5px 0px;
  452. color:#000;
  453. border:1px solid #000;
  454. font-size:10px;
  455. letter-spacing:1px;
  456. background:#fff;
  457. font-family: 'Roboto', sans-serif;
  458. font-size: 12px;
  459. z-index:99999;}
  460.  
  461. #credit {
  462. z-index:8;
  463. bottom:5px;
  464. right:5px;
  465. height:30px;
  466. width:30px;
  467. opacity:0.8;
  468. position:fixed;
  469. padding:5px;}
  470.  
  471. .mainnav {
  472. position:fixed;
  473. bottom:90px;
  474. left:560px;
  475. text-align:center;
  476. text-transform:uppercase;
  477. font-size:11px;
  478. letter-spacing:1px;
  479. z-index:30000;
  480. width: 370px;}
  481.  
  482. .mainnav a {
  483. display:inline-block;
  484. position:relative;
  485. width:61px;
  486. background: rgba(6, 9, 17,0.5);
  487. padding:4px 4px;
  488. margin-bottom:12px;
  489. margin-left:1px;
  490. margin-right:1px;
  491. color:white;
  492. text-decoration:none;
  493. letter-spacing:2px;}
  494.  
  495. .mainnav a:hover {
  496. color:#807586;
  497. background: rgba(77, 68, 80,0.3);
  498. }
  499.  
  500. #pagi {
  501. font-size:11px;
  502. position:fixed;
  503. margin-left:588px;
  504. bottom:55px;
  505. text-align:center;
  506. text-transform:uppercase;
  507. font-size:11px;
  508. letter-spacing:1px;
  509. z-index:30000;
  510. width: 370px;
  511. }
  512.  
  513. #pagi a {
  514. display:inline-block;
  515. position:relative;
  516. width:61px;
  517. background: rgba(6, 9, 17,0.5);
  518. padding:4px 4px;
  519. margin-bottom:12px;
  520. margin-left:1px;
  521. margin-right:1px;
  522. color:white;
  523. text-decoration:none;
  524. letter-spacing:2px;}
  525.  
  526. #pagi a:hover {
  527. color:#807586;
  528. background: rgba(77, 68, 80,0.3);}
  529.  
  530. </style>
  531.  
  532. <body>
  533.  
  534. <div id="side">
  535. <div class="mainnav">
  536. <a href="/">refresh</a>
  537. <a href="/ask">queries</a>
  538. <a href="{text:link 1 url}">{text:link 1}</a>
  539. <a href="{text:link 2 url}">{text:link 2}</a></br>
  540. <a href="{text:link 3 url}">{text:link 3}</a>
  541. <a href="{text:link 4 url}">{text:link 4}</a>
  542. <a href="{text:link 5 url}">{text:link 5}</a>
  543. <a href="{text:link 6 url}">{text:link 6}</a>
  544. </div>
  545.  
  546.  
  547.  
  548. <div id="pagi">
  549. {block:Pagination}
  550. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  551. {/block:NextPage}
  552. {/block:Pagination}
  553. </div>
  554.  
  555. </div>
  556.  
  557. <div id="container">
  558.  
  559. <div id="entries">
  560.  
  561. {block:Posts}
  562. <div class="posts">
  563.  
  564. {block:Quote}
  565. <div id="titlequote">{Quote}</div>
  566. {block:Source}<div id="source">{Source}</div>{/block:Source}
  567. {/block:Quote}
  568.  
  569. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  570.  
  571. {block:Link}
  572. <div id="title"><a href="{URL}">{Name}</a></div>
  573. {block:Description}{/block:Description}
  574. {/block:Link}
  575.  
  576. {block:Chat}
  577. {block:Title}<div id="title">{Title}</div>{/block:Title}
  578. <ol class="chat">
  579. {block:Lines}
  580. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  581. {/block:Lines}
  582. </ol>
  583. {/block:Chat}
  584.  
  585. {Block:Photo}{LinkOpenTag}
  586. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:HighRes}
  587. <a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}{/Block:Photo}
  588.  
  589. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  590.  
  591. {block:Panorama}
  592. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  593. {/block:Panorama}
  594.  
  595. {block:Video}{Video-400}{/block:Video}
  596.  
  597. {block:AudioPlayer}
  598. <div class="audiowrapper">
  599. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  600. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  601. </div></div></div><div class="trackdetails">
  602. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  603. </div></div>{/block:AudioPlayer}
  604.  
  605. {block:Answer}
  606. <div class="question"><div class="asker">from {Asker}</div>{Question}</div><div class="answer">{Answer}</div>
  607. {/block:Answer}
  608.  
  609. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  610.  
  611. <div id="{ShortURL}-hide">
  612. {block:Date}
  613. <div id="date">
  614. {block:Date}
  615. <a href="{Permalink}">Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a> {/block:Date}
  616. <a href="{Permalink}">with {NoteCountWithLabel}</a>
  617. {block:RebloggedFrom}
  618. <a href="{ReblogParentURL}">via:</a>
  619. <a href="{ReblogRootURL}">source:</a>
  620. {/block:RebloggedFrom}
  621. <a href="{ReblogURL}">reblog</a>
  622. </div>
  623. <div id="tags">{block:Tags}<a href="{TagUrl}"> {Tag}</a> {/block:Tags}</div>
  624. {/block:Date}</div></div>
  625.  
  626. {block:PostNotes}{PostNotes}
  627. {/block:PostNotes}
  628.  
  629. {/block:Posts}
  630.  
  631. </div>
  632. </div></div>
  633. <div id="credit"><a href="http://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="http://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  634.  
  635. {block:ContentSource}
  636. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  637. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  638. {/block:SourceLogo}
  639. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  640. {/block:ContentSource}
  641.  
  642. </body>
  643. </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!