API tools faq
paste
Isandria

6thtaichou theme

Isandria
Jul 7th, 2016
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.28 KB | None | 0 0
raw download clone embed print report
  1. [remove pluses]
  2.  
  3. +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. +
  5. +<!-- octomoosey @ tumblr -->
  6. +
  7. +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. +<head><title>{Title}</title>
  9. +<link rel="shortcut icon" href="{Favicon}">
  10. +<link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. +{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. +
  13. +<meta name="color:background" content="#fff"/>
  14. +<meta name="color:container" content="#fff"/>
  15. +<meta name="color:text" content="#1b1919"/>
  16. +<meta name="color:title" content="#fff"/>
  17. +<meta name="color:titlebg" content="#000"/>
  18. +<meta name="color:description" content="#1b1919"/>
  19. +<meta name="color:link" content="#a50000"/>
  20. +<meta name="color:hover" content="#b8b8b8"/>
  21. +<meta name="color:scrollbar" content="#999"/>
  22. +<meta name="color:border" content="#000"/>
  23. +<meta name="color:bold" content="#a50000" />
  24. +<meta name="color:italic" content="#a50000" />
  25. +
  26. +<meta name="image:background" content=""/>
  27. +<meta name="image:sidebarbg" content=""/>
  28. +<meta name="image:sidebar" content=""/>
  29. +
  30. +<meta name="text:link 1" content="link 1"/>
  31. +<meta name="text:link 1 url" content="/"/>
  32. +<meta name="text:link 2" content="link 2"/>
  33. +<meta name="text:link 2 url" content="/"/>
  34. +<meta name="text:link 3" content="link 3"/>
  35. +<meta name="text:link 3 url" content="/"/>
  36. +<meta name="text:link 4" content="link 4"/>
  37. +<meta name="text:link 4 url" content="/"/>
  38. +<meta name="text:link 5" content="link 5"/>
  39. +<meta name="text:link 5 url" content="/"/>
  40. +<meta name="text:link 6" content="link 6"/>
  41. +<meta name="text:link 6 url" content="/"/>
  42. +<meta name="text:link 7" content="link 7"/>
  43. +<meta name="text:link 7 url" content="/"/>
  44. +
  45. +<meta name="if:greyscale" content="1"/>
  46. +<meta name="font:body font" content="Gibson">
  47. +<meta name="text:text size" content="11px" />
  48. +
  49. +<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  50. +<link href='https://fonts.googleapis.com/css?family=Qwigley' rel='stylesheet' type='text/css'>
  51. +
  52. +<script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  53. +
  54. +</head>
  55. +<style type="text/css">
  56. +
  57. +::-webkit-scrollbar {width: 2px; height: 2px; background: transparent; }
  58. +::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  59. +
  60. +/* Base, Background*/
  61. +html {
  62. +min-height:100%;
  63. +}
  64. +body {
  65. +-webkit-font-smoothing: antialiased;
  66. +font: 1em 'Helvetica Neue', Helvetica;
  67. +line-height:180%;
  68. +color: rgba(255,255,255,0.8);
  69. +margin:0 0 15px 0;
  70. +
  71. +background: rgb(5,23,51); /* Old browsers */
  72. +background: -moz-linear-gradient(top, rgba(5,23,51,1) 0%, rgba(30,93,112,1) 26%, rgba(45,142,139,1) 67%, rgba(168,224,193,1) 87%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  73. +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,23,51,1)), color-stop(26%,rgba(30,93,112,1)), color-stop(67%,rgba(45,142,139,1)), color-stop(87%,rgba(168,224,193,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  74. +background: -webkit-linear-gradient(top, rgba(5,23,51,1) 0%,rgba(30,93,112,1) 26%,rgba(45,142,139,1) 67%,rgba(168,224,193,1) 87%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  75. +background: -o-linear-gradient(top, rgba(5,23,51,1) 0%,rgba(30,93,112,1) 26%,rgba(45,142,139,1) 67%,rgba(168,224,193,1) 87%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  76. +background: -ms-linear-gradient(top, rgba(5,23,51,1) 0%,rgba(30,93,112,1) 26%,rgba(45,142,139,1) 67%,rgba(168,224,193,1) 87%,rgba(255,255,255,1) 100%); /* IE10+ */
  77. +background: linear-gradient(to bottom, rgba(5,23,51,1) 0%,rgba(30,93,112,1) 26%,rgba(45,142,139,1) 67%,rgba(168,224,193,1) 87%,rgba(255,255,255,1) 100%); /* W3C */
  78. +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051733', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  79. +
  80. +background-size:100%;
  81. +height:100%;
  82. +text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  83. +padding-bottom:220px;
  84. +background-attachment:fixed;
  85. +}
  86. +
  87. +/* Space texture */
  88. +#container2{
  89. +background: url('http://i.imgur.com/3WZmyI7.png') repeat;
  90. +}
  91. +html, body, #container2 { width: 100%; height: 100%;
  92. +}
  93. +
  94. +
  95. +a {
  96. +text-decoration:none;
  97. +color:;
  98. +}
  99. +
  100. +body {
  101. + background-position: right bottom;
  102. + background-repeat: repeat;
  103. + background-attachment: fixed;
  104. + line-height:130%;
  105. + color:{color:text};
  106. + font-family:{font:body font};
  107. + font-size: {text:text size};}
  108. +
  109. +a {
  110. + text-decoration:none;
  111. + outline:none;
  112. + -moz-outline-style:none;
  113. + color:{color:link};
  114. + -webkit-transition: all 0.7s ease-in-out;
  115. + -moz-transition: all 0.7s ease-in-out;
  116. + -o-transition: all 0.7s ease-in-out;
  117. + -ms-transition: all 0.7s ease-in-out;
  118. + transition: all 0.7s ease-in-out;}
  119. +
  120. +a:hover {
  121. + color:{color:hover};
  122. + -webkit-transition: all 0.7s ease-in-out;
  123. + -moz-transition: all 0.7s ease-in-out;
  124. + -o-transition: all 0.7s ease-in-out;
  125. + -ms-transition: all 0.7s ease-in-out;
  126. + transition: all 0.7s ease-in-out;}
  127. +
  128. +blockquote {
  129. + padding:2px 7px;
  130. + margin:3px 0 3px 8px;
  131. + border-left:2px solid {color:border};}
  132. +
  133. +blockquote img {
  134. + max-width:100%;}
  135. +
  136. +b, strong {
  137. + color:{color:bold};}
  138. +
  139. +i, em {
  140. + color: {color:italic};
  141. + font-family: Qwigley;
  142. + font-size: 200%;
  143. + font-style: normal;
  144. +}
  145. +
  146. +small,sup,sub {
  147. + font-size:{text:Text Size}}
  148. +
  149. +big {
  150. + font-size:13px;}
  151. +
  152. +pre {
  153. + font-size:10px;
  154. + padding:20px;
  155. + white-space: pre-wrap; /* css-3 */
  156. + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  157. + white-space: -pre-wrap; /* Opera 4-6 */
  158. + white-space: -o-pre-wrap; /* Opera 7 */
  159. + word-wrap: break-word; /* Internet Explorer 5.5+ */}
  160. +
  161. +{block:IfGreyscale}
  162. +
  163. +img {
  164. + -webkit-filter:grayscale(100%);
  165. + -webkit-transition: all 0.9s ease-in-out;
  166. + -moz-transition: all 0.9s ease-in-out;
  167. + -o-transition: all 0.9s ease-in-out;
  168. + -ms-transition: all 0.9s ease-in-out;
  169. + transition: all 0.9s ease-in-out;}
  170. +
  171. +img:hover {
  172. + -webkit-filter:none;}
  173. +
  174. +.html_photoset {
  175. + -webkit-filter: grayscale(100%);
  176. + -webkit-transition: all 0.9s ease-in-out;
  177. + -moz-transition: all 0.9s ease-in-out;
  178. + -o-transition: all 0.9s ease-in-out;
  179. + -ms-transition: all 0.9s ease-in-out;
  180. + transition: all 0.9s ease-in-out;}
  181. +
  182. +.html_photoset:hover {
  183. + -webkit-filter: none;}
  184. +
  185. +{/block:IfGreyscale}
  186. +
  187. +img {
  188. + max-width:100%;}
  189. +
  190. +h1 {
  191. + font-size:20px;
  192. + text-align: right;
  193. + font-family:'Lato', sans-serif;
  194. + font-weight: 300;
  195. + letter-spacing: 1.5px;
  196. + line-height: 130%;
  197. + color:{color:text};}
  198. +
  199. +#container {
  200. + border: 1px solid {color:border};
  201. + width: 902px;
  202. + height:540px;
  203. + position: fixed;
  204. + top: 50%;
  205. + left: 50%;
  206. + margin-left: -451px;
  207. + margin-top: -270px;
  208. + overflow: auto;
  209. + background-color:{color:container};}
  210. +
  211. +#post {
  212. + width:400px;
  213. + padding-bottom:5px;
  214. + margin-top:20px;
  215. + text-align: left;
  216. + margin-left: 440px;}
  217. +
  218. +#post img {
  219. + max-width: 100%;}
  220. +
  221. +#side {
  222. + background-image: url('{image:sidebarbg}');
  223. + position:fixed;
  224. + margin-top:0px;
  225. + margin-left:20px;
  226. + width:350px;
  227. + height:540px;}
  228. +
  229. +#title {
  230. + text-align:right;
  231. + padding-right:10px;
  232. + margin-top:20px;
  233. + font-size:24px;
  234. + color:{color:title};
  235. + background-color:{color:titlebg};
  236. + font-family:'Lato', sans-serif;
  237. + letter-spacing:5px;
  238. + padding-top:10px;
  239. + padding-bottom:10px;}
  240. +
  241. +#links a {
  242. + display:inline-block;
  243. + font-size:8px;
  244. + color:{color:titlebg};
  245. + background-color:{color:title};
  246. + border:4px solid {color:titlebg};
  247. + line-height:21px;
  248. + text-align:center;
  249. + margin-top:4px;
  250. + width:22px;
  251. + font-weight:normal;
  252. + text-transform:uppercase;
  253. + letter-spacing:1px;}
  254. +
  255. +#links a:hover {
  256. + opacity:0.7;
  257. + color:{color:title};
  258. + background:{color:titlebg};}
  259.  
  260. +#pagination {
  261. + position:absolute;
  262. + width:340px;
  263. + text-align:right;
  264. + padding-right:10px;
  265. + bottom:20px;
  266. + font-size:14px;
  267. + color:{color:title};
  268. + background-color:{color:titlebg};
  269. + font-family:'Lato', sans-serif;
  270. + letter-spacing:5px;
  271. + padding-top:10px;
  272. + padding-bottom:10px;}
  273. +
  274. +#sidebarimage img {
  275. + position:absolute;
  276. + bottom:70px;
  277. + max-width:100%;}
  278. +
  279. +#description {
  280. + position:relative;
  281. + color:{color:description};
  282. + width:350px;
  283. + padding-right:20px;
  284. + padding-top:10px;
  285. + text-align: right;}
  286. +
  287. +.info {
  288. + padding-top:5px;
  289. + border-top:3px solid {color:line};
  290. + font-size:14px;
  291. + text-align:center;
  292. + margin-top:30px;
  293. + line-height:15px;}
  294. +
  295. +.tag {
  296. + margin-top:3px;
  297. + text-align:center;
  298. + font-size:10px;
  299. + font-style:normal;
  300. + line-height:18px;}
  301. +
  302. +.tag a {
  303. + padding:5px;}
  304. +
  305. +#quote {
  306. + font-family:'Lato', sans-serif;
  307. + line-height:130%;
  308. + text-align:center;
  309. + font-size:20px;}
  310. +
  311. +#ask {
  312. + font-size:8px;
  313. + padding:10px;}
  314. +
  315. +#asker {
  316. + float:left;
  317. + margin-right:19px;}
  318. +
  319. +#askurl {
  320. + font-size:20px;
  321. + font-family:"arial";
  322. + letter-spacing:3px;
  323. + margin-left:10px;
  324. + margin-top:4px;
  325. + margin-right:5px;}
  326. +
  327. +#question {
  328. + font-size: {text:text size};
  329. + margin-left:40px;
  330. + margin-right:40px;
  331. + padding:10px;
  332. + text-align:justify;}
  333. +
  334. +#cover {
  335. + position: relative;
  336. + z-index: 1;
  337. + height: 80px;
  338. + float:left;
  339. + margin:4px;
  340. + box-shadow:0px 0px 5px {color:box shadow};}
  341. +
  342. +#button {
  343. + width:20px;
  344. + height:30px;
  345. + overflow: hidden;
  346. + position: relative;
  347. + z-index: 99;
  348. + margin: 15px 24px 13px 16px;}
  349. +
  350. +#buttons {
  351. + background-color: #fff;
  352. + position: absolute;
  353. + z-index: 99;
  354. + margin-top: 15px;
  355. + margin-left: 15px;
  356. + opacity: 0;
  357. + -webkit-transition: all 0.7s ease-in-out;
  358. + -moz-transition: all 0.7s ease-in-out;
  359. + -o-transition: all 0.7s ease-in-out;
  360. + -ms-transition: all 0.7s ease-in-out;
  361. + transition: all 0.7s ease-in-out;}
  362. +
  363. +#post:hover #buttons {
  364. + opacity:1;}
  365. +
  366. +#musicinfo {
  367. + margin-left: 110px;
  368. + font-size:10px;
  369. + min-height:70px;
  370. + text-align:left;
  371. + position: relative;}
  372. +
  373. +.note {
  374. + text-transform:uppercase;
  375. + width:350px;
  376. + font-style:normal;
  377. + letter-spacing:0px;
  378. + font-size: 10px;
  379. + text-align:left;
  380. + line-height:100%;
  381. + margin-left:200px;}
  382. +
  383. +.note li {
  384. + list-style-type:none;
  385. + border-bottom:1px solid {color:line};
  386. + padding:10px 25px 10px 25px;
  387. + text-align:left;}
  388. +
  389. +.note img.avatar {
  390. + margin-right: 10px;
  391. + width: 16px;
  392. + height: 16px;}
  393. +
  394. +div#qTip {
  395. + padding: 6px;
  396. + display: none;
  397. + text-align: center;
  398. + position: absolute;
  399. + font-size:11px;
  400. + line-height:10px;
  401. + z-index: 1000;
  402. + background: {color:titlebg};
  403. + z-index: 9999999;
  404. + border:1px solid #ccc;
  405. + color: {color:title};
  406. + letter-spacing: 1px;}
  407. +
  408. +</style>
  409. +<body>
  410. +
  411. +<div id="container2">
  412. +<div id="container">
  413. +
  414. +<div id="side">
  415. +<div id="title">{title}</div>
  416. +
  417. +<div id="links">
  418. +<a href="/" title="home">I</a>
  419. +<a href="/ask" title="questions">II</a>
  420. +<a href="/submit" title="submit">III</a>
  421. +{block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">IV</a>{/block:iflink1}
  422. +{block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">V</a>{/block:iflink2}
  423. +{block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">VI</a>{/block:iflink3}
  424. +{block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">VII</a>{/block:iflink4}
  425. +{block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">VIII</a>{/block:iflink5}
  426. +{block:iflink6}<a href="{text:link 6 url}" title="{text:link 6}">IX</a>{/block:iflink6}
  427. +{block:iflink7}<a href="{text:link 7 url}" title="{text:link 7}">X</a>{/block:iflink7}
  428. +<a href="http://octomoosey.tumblr.com/" title="theme">©</a></div>
  429. +
  430. +<div id="description">{description}</div>
  431. +<div id="sidebarimage"><img src="{image:sidebar}"></div>
  432. +
  433. +<div id="pagination">{block:Pagination}
  434. +{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  435. +{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
  436. +{/block:Pagination}</div>
  437. +
  438. +</div>
  439. +
  440. +{block:posts}
  441. +
  442. +{block:ContentSource}
  443. +<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  444. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  445. +{/block:SourceLogo}
  446. +{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  447. +{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  448. +
  449. +<div id="post">
  450. +
  451. +{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  452. +
  453. +{block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  454. +
  455. +{block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  456. +
  457. +{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  458. +
  459. +{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}
  460. +
  461. +{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>
  462. +{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  463. +{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  464. +{/block:ExternalAudio}<br><br>
  465. +{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  466. +
  467. +{block:Video}
  468. +{Video-400}
  469. +{block:Caption}{Caption}{/block:Caption}
  470. +{/block:Video}
  471. +
  472. +{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}
  473. +
  474. +{block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  475. +<div id="question">{Question}</div></div>{Answer}{/block:Answer}
  476. +
  477. +<div class="info">
  478. +{block:date}<a href="{Permalink}"> posted;
  479. +{block:Date}{TimeAgo}</a>{/block:Date}
  480. +{block:NoteCount}
  481. +with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}"> - reblog</a><br>
  482. +
  483. +{block:RebloggedFrom}
  484. +via; <a href="{ReblogParentURL}">{ReblogParentName}</a>
  485. +source; <a href="{ReblogRootURL}">{ReblogRootName}</a>
  486. +{/block:RebloggedFrom}
  487. +</div>
  488. +
  489. +<div class="tag">{block:HasTags}{block:Tags}♦ <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  490. +</div>
  491. +
  492. +{block:PostNotes}
  493. +<div class="note">
  494. +{PostNotes}
  495. +</div>
  496. +{/block:PostNotes}
  497. +
  498. +{/block:Posts}
  499. +
  500. +</div>
  501. +
  502. +{block:ContentSource}
  503. +<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  504. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  505. +{/block:SourceLogo}
  506. +{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  507. +{/block:ContentSource}
  508. +</div>
  509. +
  510. +</div>
  511. + </div>
  512. +</div>
  513. +
  514. +</body>
  515. +</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!