API tools faq
paste
Advertisement
octomoosey

ink in the blood

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