API tools faq
paste
Advertisement
octomoosey

in bloom

octomoosey
Mar 26th, 2015
14,619
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.14 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="#fff"/>
  12. <meta name="color:postbg" content="#000"/>
  13. <meta name="color:desctext" content="#000"/>
  14. <meta name="color:border" content="#fff"/>
  15. <meta name="color:nav" content="#ad0404"/>
  16. <meta name="color:navhover" content="#fff"/>
  17. <meta name="color:text" content="#fff"/>
  18. <meta name="color:link" content="#ad0404"/>
  19. <meta name="color:linkhover" content="#b8b8b8"/>
  20. <meta name="color:bold" content="#ad0404" />
  21. <meta name="color:italic" content="#ad0404" />
  22. <meta name="color:pre" content="#000" />
  23. <meta name="color:pretext" content="#fff" />
  24.  
  25. <meta name="text:link 1" content="link 1"/>
  26. <meta name="text:link 1 url" content="/"/>
  27. <meta name="text:link 2" content="link 2"/>
  28. <meta name="text:link 2 url" content="/"/>
  29. <meta name="text:link 3" content="link 3"/>
  30. <meta name="text:link 3 url" content="/"/>
  31. <meta name="text:link 4" content="link 4"/>
  32. <meta name="text:link 4 url" content="/"/>
  33. <meta name="text:link 5" content="link 5"/>
  34. <meta name="text:link 5 url" content="/"/>
  35.  
  36. <meta name="image:background" content=""/>
  37.  
  38. <meta name="if:greyscale" content="1"/>
  39. <meta name="if:tinycursor" content="1"/>
  40. <meta name="font:body font" content="Gibson">
  41. <meta name="text:text size" content="11px" />
  42.  
  43. <script type="text/javascript" src="https://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  44.  
  45. <style type="text/css">
  46.  
  47. ::-webkit-scrollbar-thumb {
  48. height:auto;}
  49.  
  50. ::-webkit-scrollbar {
  51. height:9px;
  52. width:4px;}
  53.  
  54. {block:iftinycursor}
  55. body, a, a:hover{
  56. cursor: url('https://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;}
  57. {/block:iftinycursor}
  58.  
  59. iframe#tumblr_controls {
  60. right:3px !important;
  61. position: fixed !important;
  62. -webkit-transition: opacity 0.7s
  63. linear;opacity: 0.2;
  64. -webkit-transition: all 0.8s ease-out;
  65. -moz-transition: all 0.8s ease-out;
  66. transition: all 0.8s ease-out;}
  67.  
  68. iframe#tumblr_controls:hover{
  69. -webkit-transition: opacity 0.7s linear;
  70. opacity: 1;
  71. -webkit-transition: all 0.4s ease-out;
  72. -moz-transition: all 0.4s ease-out;
  73. transition: all 0.4s ease-out;}
  74.  
  75. body {
  76. background-color:{color:background};
  77. background-image: url('{image:background}');
  78. background-position: top center;
  79. background-repeat: no-repeat;
  80. background-attachment: fixed;
  81. line-height:110%;
  82. color:{color:text};
  83. font-family:{font:body font};
  84. font-size: {text:text size};}
  85.  
  86. a {
  87. text-decoration:none;
  88. outline:none;
  89. -moz-outline-style:none;
  90. color:{color:link};
  91. -webkit-transition: all 0.7s ease;
  92. -moz-transition: all 0.7s ease;
  93. -o-transition: all 0.7s ease;}
  94.  
  95. a:hover {
  96. color:{color:linkhover};
  97. -webkit-transition: all 0.7s ease;
  98. -moz-transition: all 0.7s ease;
  99. -o-transition: all 0.7s ease;}
  100.  
  101. blockquote {
  102. padding:2px 7px;
  103. margin:3px 0 3px 8px;
  104. border-left:1px dashed {color:border};
  105. background-color:transparent;}
  106.  
  107. blockquote img {
  108. max-width:100%;
  109. height:auto;}
  110.  
  111. b, strong {
  112. color:{color:bold};}
  113.  
  114. i, em {
  115. color:{color:italic};}
  116.  
  117. small,sup,sub {
  118. font-size:{text:text size}}
  119.  
  120. big {
  121. font-size:12px;}
  122.  
  123. pre {
  124. color:{color:pretext};
  125. background-color:{color:pre};
  126. font-size:10px;
  127. padding:20px;
  128. white-space: pre-wrap; /* css-3 */
  129. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  130. white-space: -pre-wrap; /* Opera 4-6 */
  131. white-space: -o-pre-wrap; /* Opera 7 */
  132. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  133.  
  134. {block:IfGreyscale}
  135.  
  136. img {
  137. -webkit-filter:grayscale(100%);
  138. -webkit-transition: all 0.9s ease-in-out;
  139. -moz-transition: all 0.9s ease-in-out;
  140. -o-transition: all 0.9s ease-in-out;
  141. -ms-transition: all 0.9s ease-in-out;
  142. transition: all 0.9s ease-in-out;}
  143.  
  144. img:hover {
  145. -webkit-filter:none;}
  146.  
  147. .html_photoset {
  148. -webkit-filter: grayscale(100%);
  149. -webkit-transition: all 0.9s ease-in-out;
  150. -moz-transition: all 0.9s ease-in-out;
  151. -o-transition: all 0.9s ease-in-out;
  152. -ms-transition: all 0.9s ease-in-out;
  153. transition: all 0.9s ease-in-out;}
  154.  
  155. .html_photoset:hover {
  156. -webkit-filter: none;}
  157.  
  158. {/block:IfGreyscale}
  159.  
  160. img {
  161. max-width:100%;
  162. height:auto;}
  163.  
  164. h1 {
  165. font-size:16px;
  166. font-family:{font:body font};
  167. font-weight: 300;
  168. letter-spacing: 1.5px;
  169. line-height: 130%;
  170. text-align:right;
  171. color:{color:text};}
  172.  
  173. #container {
  174. border: 3px solid {color:border};
  175. width: 540px;
  176. height:540px;
  177. position: fixed;
  178. top: 100px;
  179. left: 50%;
  180. margin-left: -270px;
  181. overflow: auto;
  182. background-color:{color:postbg};
  183. -webkit-border-radius: 270px;
  184. -moz-border-radius: 270px;
  185. border-radius: 270px;}
  186.  
  187. .posts {
  188. margin-top:60px;
  189. width: 400px;
  190. padding: 20px;
  191. margin-bottom:60px;
  192. margin-left:50px;
  193. color: {color:text};
  194. text-align:justify;}
  195.  
  196. #side {
  197. position:relative;
  198. width:240px;
  199. top:250px;
  200. left: 50%;
  201. margin-left: 270px;
  202. background:transparent;}
  203.  
  204. #description {
  205. line-height:100%;
  206. margin-top:0px;
  207. padding:20px;
  208. width: 200px;
  209. color:{color:desctext};
  210. text-align: left;
  211. font-size: 11px;
  212. letter-spacing: 1px;}
  213.  
  214. #links {
  215. background:transparent;
  216. text-align:left;}
  217.  
  218. #links a {
  219. display:inline;
  220. font-size:11px;
  221. color:{color:nav};
  222. text-align:left;
  223. width:20px;
  224. font-weight:normal;
  225. text-transform:uppercase;
  226. letter-spacing:1px;}
  227.  
  228. #links a:hover {
  229. opacity:0.7;
  230. color:{color:navhover};}
  231.  
  232. #asker {
  233. z-index:9999999999 !important;
  234. margin-left:20px;
  235. margin-top:0px;
  236. margin-right:10px;}
  237.  
  238. #askurl {
  239. font-size:20px;
  240. letter-spacing:3px;
  241. margin-left:70px;
  242. margin-top:-25px;
  243. margin-right:5px;}
  244.  
  245. #question {
  246. font-size: {text:text size};
  247. margin-left:70px;
  248. margin-right:40px;
  249. padding:10px;
  250. text-align:justify;}
  251.  
  252. #quote {
  253. font-size:16px;
  254. font-family:{font:body font};
  255. text-align: center;
  256. font-weight: 300;
  257. letter-spacing: 1.5px;
  258. line-height: 130%;
  259. padding-bottom: 10px;}
  260.  
  261. #cover {
  262. position: relative;
  263. z-index: 1;
  264. height: 80px;
  265. float:left;
  266. margin:4px;
  267. box-shadow:0px 0px 5px {color:box shadow};}
  268.  
  269. #button {
  270. width:20px;
  271. height:30px;
  272. overflow: hidden;
  273. position: relative;
  274. z-index: 99;
  275. margin: 15px 24px 13px 16px;}
  276.  
  277. #buttons {
  278. background-color: #fff;
  279. position: absolute;
  280. z-index: 99;
  281. margin-top: 15px;
  282. margin-left: 15px;
  283. opacity: 0;
  284. -webkit-transition: opacity 0.5s linear;
  285. -webkit-transition: all 0.5s linear;
  286. -moz-transition: all 0.5s linear;
  287. -o-transition: all 0.5s linear;}
  288.  
  289. #post:hover #buttons {
  290. opacity:1;}
  291.  
  292. #musicinfo {
  293. margin-left: 110px;
  294. font-size:10px;
  295. min-height:70px;
  296. text-align:left;
  297. position: relative;}
  298.  
  299. .note {
  300. color:{color:text};
  301. text-transform:uppercase;
  302. width:398px;
  303. font-style:normal;
  304. letter-spacing:0px;
  305. font-size: 10px;
  306. text-align:left;
  307. line-height:100%;
  308. margin-left:10px;}
  309.  
  310. .note li {
  311. list-style-type:none;
  312. padding:10px 25px 10px 25px;
  313. text-align:left;
  314. -moz-transition-duration:0.5s;
  315. -webkit-transition-duration:0.5s;
  316. -o-transition-duration:0.5s;}
  317.  
  318. .note img.avatar {
  319. margin-right: 10px;
  320. width: 16px;
  321. height: 16px;}
  322.  
  323. .tags {
  324. text-align:center;
  325. border-top:1px solid {color:text};
  326. font-size:8px;
  327. text-transform:uppercase;
  328. padding-top:5px;
  329. margin-top:5px;
  330. -webkit-transition: all 0.8s ease;
  331. -moz-transition: all 0.8s ease;
  332. transition: all 0.8s ease;}
  333.  
  334. #permalink {
  335. text-align:center;
  336. font-size:8px;
  337. text-transform:uppercase;
  338. letter-spacing:1px;
  339. margin-top:10px;}
  340.  
  341. div#qTip {
  342. background-color:{color:postbg};
  343. border:1px dashed {color:text};
  344. padding: 6px;
  345. display: none;
  346. text-align: center;
  347. position: absolute;
  348. font-size:12px;
  349. line-height:10px;
  350. z-index: 9999999;
  351. color: {color:text};
  352. letter-spacing: 1px;}
  353.  
  354. {CustomCSS}</style></head><body>
  355. <div id="side">
  356.  
  357. <div id="description">{title}<p>
  358.  
  359. <span style="font-size: 15pt">
  360. {block:Pagination}
  361. {block:PreviousPage}
  362. <a href="{PreviousPage}" title="previous">☜</a>
  363. {/block:PreviousPage}
  364.  
  365. {block:NextPage}
  366. <a href="{NextPage}" title="next">☞</a>
  367. {/block:NextPage}
  368. {/block:Pagination}<p></span>
  369.  
  370. <p>{description}
  371.  
  372. <div id="links">
  373. <a href="/" title="home">I</a>
  374. <a href="/ask" title="questions">II</a>
  375. <a href="/submit" title="submit">III</a>
  376. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">IV</a>{/block:iflink1}
  377. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">V</a>{/block:iflink2}
  378. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">VI</a>{/block:iflink3}
  379. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">VII</a>{/block:iflink4}
  380. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">VIII</a>{/block:iflink5}
  381. <a href="https://octomoosey.tumblr.com/" title="theme">©</a></div></div>
  382.  
  383. </div>
  384. </div>
  385.  
  386. <div id="container">
  387.  
  388. {block:Posts}
  389. <div class="posts">
  390.  
  391. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  392.  
  393. {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  394.  
  395. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  396.  
  397. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  398.  
  399. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}{/block:Quote}
  400.  
  401. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  402. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  403. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  404. {/block:ExternalAudio}<br><br>
  405. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  406.  
  407. {block:Video}
  408. {Video-400}
  409. {block:Caption}{Caption}{/block:Caption}
  410. {/block:Video}
  411.  
  412. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  413.  
  414. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  415. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  416.  
  417. {block:Date}
  418. <div id="permalink">
  419. <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a> ★ <a href="{Permalink}">{12Hour}:{Minutes}</a> ★
  420. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  421.  
  422. <br>
  423.  
  424. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">★</a>{block:ContentSource} source: <a href="{ReblogRootURL}">★</a> reblog: <a href="{ReblogURL}">★</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  425.  
  426. </div>
  427. {block:HasTags}<div class="tags">{block:Tags} ★<a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  428. </div>
  429. {/block:Date}
  430.  
  431. {block:PostNotes}
  432. <div class="note">
  433. {PostNotes}
  434. </div>
  435. {/block:PostNotes}
  436.  
  437. {/block:Posts}
  438.  
  439. </div>
  440.  
  441. {block:ContentSource}
  442. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  443. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  444. {/block:SourceLogo}
  445. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  446. {/block:ContentSource}
  447. </div>
  448.  
  449. </div>
  450.  
  451. </body>
  452. </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!