Advertisement
Guest User

Untitled

a guest
Jan 20th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.67 KB | None | 0 0
  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>RYUSEI☆YELLOW</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=""/>
  13. <meta name="color:nav" content=""/>
  14. <meta name="color:navbg" content=""/>
  15. <meta name="color:navbghover" content="#333"/>
  16. <meta name="color:text" content="#1b1919"/>
  17. <meta name="color:title" content="#1b1919"/>
  18. <meta name="color:description" content="#1b1919"/>
  19. <meta name="color:description links" content="#555" />
  20. <meta name="color:link" content="#b8b8b8"/>
  21. <meta name="color:hover" content="#b8b8b8"/>
  22. <meta name="color:scrollbar" content="#999"/>
  23. <meta name="color:border" content="#000"/>
  24. <meta name="color:bold" content="#a50000" />
  25. <meta name="color:italic" content="#a50000" />
  26. <meta name="color:blockquote" content="#000000" />
  27. <meta name="color:pre" content="#000000" />
  28. <meta name="color:pretext" content="#000000" />
  29. <meta name="color:pagi" content="#000000" />
  30. <meta name="color:sidelinks" content="#000000" />
  31. <meta name="color:Andy" content="#000000" />
  32. <meta name="color:Frank" content="#000000" />
  33.  
  34. <meta name="image:background" content=""/>
  35.  
  36. <meta name="color:selection" content="" />
  37. <meta name="color:selectiontext" content="#4c5334" />
  38.  
  39. <meta name="if:greyscale" content="1"/>
  40. <meta name="font:body font" content="Gibson">
  41. <meta name="text:text size" content="11px" />
  42.  
  43. <meta name="text:post margin left" content="80"/>
  44. <meta name="text:post margin top" content="100"/>
  45. <meta name="text:post height" content="500"/>
  46. <meta name="text:post width" content="400"/>
  47. <meta name="text:scrollbar" content="590"/>
  48. <meta name="text:sidelinks top" content="200"/>
  49. <meta name="text:sidelinks left" content="90"/>
  50. <meta name="text:sidebar margin left" content="650"/>
  51. <meta name="text:sidebar margin top" content="90"/>
  52. <meta name="text:background position" content="top left"/>
  53.  
  54. <meta name="text:link 1" content="link 1"/>
  55. <meta name="text:link 1 url" content="/"/>
  56. <meta name="text:link 2" content="link 2"/>
  57. <meta name="text:link 2 url" content="/"/>
  58. <meta name="text:link 3" content="link 3"/>
  59. <meta name="text:link 3 url" content="/"/>
  60. <meta name="text:link 4" content="link 4"/>
  61. <meta name="text:link 4 url" content="/"/>
  62. <meta name="text:link 5" content="link 5"/>
  63. <meta name="text:link 5 url" content="/"/>
  64.  
  65. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70.  
  71.  
  72.  
  73. ::-webkit-scrollbar-track {
  74.  
  75. background-color: {color:postbg};}
  76.  
  77. ::-webkit-scrollbar {
  78. width: 5px;
  79. height:5px;
  80. }
  81.  
  82. ::-webkit-scrollbar-thumb {
  83. background-color: {color:scrollbar};}
  84.  
  85.  
  86.  
  87. body {
  88. background-color:{color:background};
  89. background-image: url('{image:background}');
  90. background-position: {text:background position};
  91. background-repeat: no-repeat;
  92. background-attachment: fixed;
  93. line-height:110%;
  94. color:{color:text};
  95. font-family:{font:body font};
  96. font-size: {text:text size};}
  97.  
  98. a {
  99. text-decoration:none;
  100. outline:none;
  101. -moz-outline-style:none;
  102. color:{color:link};
  103. -webkit-transition: all 0.7s ease;
  104. -moz-transition: all 0.7s ease;
  105. -o-transition: all 0.7s ease;
  106.  
  107. }
  108.  
  109. a:hover {
  110. color:{color:hover};
  111. -webkit-transition: all 0.7s ease;
  112. -moz-transition: all 0.7s ease;
  113. -o-transition: all 0.7s ease;
  114.  
  115. }
  116.  
  117. blockquote {
  118. padding:0px 8px;
  119. margin:3px 0 10px 8px;
  120. border-left:1px dashed {color:blockquote};
  121. background: transparent;
  122. }
  123.  
  124. blockquote img {
  125. max-width:100%;}
  126.  
  127. b, strong {
  128. color:{color:bold};
  129. font-weight:strong;
  130. }
  131.  
  132. i, em {
  133. color:{color:italic};
  134. }
  135.  
  136. small,sup,sub {
  137. font-size:{text:Text Size}}
  138.  
  139. big {
  140. font-size:12px;}
  141.  
  142. pre {
  143. color:{color:pretext};
  144. background-color:transparent;
  145. font-size:10px;
  146. padding:20px;
  147. white-space: pre-wrap; /* css-3 */
  148. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  149. white-space: -pre-wrap; /* Opera 4-6 */
  150. white-space: -o-pre-wrap; /* Opera 7 */
  151. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  152.  
  153. ::selection {
  154. background:{color:selection};
  155. color: {color:selectiontext};
  156. }
  157.  
  158. ::-moz-selection {
  159. background: {color:selection};
  160. color: {color:selectiontext};
  161. }
  162.  
  163. ::-webkit-selection {
  164. background: {color:selection};
  165. color: {color:selectiontext};
  166. }
  167.  
  168. {block:IfGreyscale}
  169.  
  170. img {
  171. -webkit-filter:grayscale(100%);
  172. -webkit-transition: all 0.9s ease-in-out;
  173. -moz-transition: all 0.9s ease-in-out;
  174. -o-transition: all 0.9s ease-in-out;
  175. -ms-transition: all 0.9s ease-in-out;
  176. transition: all 0.9s ease-in-out;}
  177.  
  178. img:hover {
  179. -webkit-filter:none;}
  180.  
  181. .html_photoset {
  182. -webkit-filter: grayscale(100%);
  183. -webkit-transition: all 0.9s ease-in-out;
  184. -moz-transition: all 0.9s ease-in-out;
  185. -o-transition: all 0.9s ease-in-out;
  186. -ms-transition: all 0.9s ease-in-out;
  187. transition: all 0.9s ease-in-out;}
  188.  
  189. .html_photoset:hover {
  190. -webkit-filter: none;}
  191.  
  192. {/block:IfGreyscale}
  193.  
  194. img {
  195. max-width:100%;}
  196.  
  197. h1 {
  198. font-size:16px;
  199. font-family:'Lato', sans-serif;
  200. font-weight: 300;
  201. letter-spacing: 1.5px;
  202. line-height: 130%;
  203. color:{color:text};}
  204.  
  205. #post {
  206. line-height:19.6000003814697px;
  207. width:{text:post width}px;
  208. padding-top:11px;
  209. padding-bottom:11px;
  210. padding-left:-17px;
  211. padding-right:11px;
  212. border: transparent 1px black;
  213. margin-top:20px;
  214. margin-bottom:1px;
  215. font-family:consolas;
  216. text-align: left;
  217. margin-left: 10px;
  218. }
  219.  
  220. #post img {
  221. max-width: 100%;}
  222.  
  223. #title {
  224. color:{color:posttitletext};
  225. font-weight:600;
  226. font-family:Bradley Hand ITC;
  227. background:{color:posttitlebg};
  228. padding:8px;
  229. font-size:22px;
  230. text-align: center;
  231. }
  232.  
  233. #container {
  234. border: 1px transparent {color:border};
  235. background:{color:postbg};
  236. width: {text:scrollbar}px;
  237. height:{text:post height}px;
  238. top: {text:post margin top}px;
  239. left:{text:post margin left}px;
  240. z-index:999;
  241. position:relative;
  242. overflow-y:scroll;
  243. overflow-x:hidden;}
  244.  
  245. #side {
  246. position:fixed;
  247. left:{text:sidebar margin left}px;
  248. top:{text:sidebar margin top}px;
  249. width:400px;
  250. height: 40px;
  251. background:transparent;}
  252.  
  253. #headtitle {
  254. text-align: center;
  255. text-transform:none;
  256. font-weight:600;
  257. font-size: 29px;
  258. font-family:Lucida Handwriting;
  259. position: absolute;
  260. margin-top:-9921px;
  261. margin-left:-184px;
  262. width:400px;
  263. height: 40px;
  264. color:transparent;
  265. letter-spacing:3px;}
  266.  
  267.  
  268. #subtitle {
  269. position:fixed;
  270. color:{color:description};
  271. text-transform:lowercase;
  272. font-style: italic;}
  273.  
  274. #description {
  275. line-height:100%;
  276. margin-top:40px;
  277. margin-left:-38px;
  278. padding:20px;
  279. width: 250px;
  280. color:{color:description};
  281. text-align: center;
  282. font-size: 11px;
  283. letter-spacing: 1px;}
  284.  
  285. #desc a {color:{color:description links};}
  286.  
  287. #pagination {
  288. line-height:100%;
  289. margin-top:260px;
  290. margin-left:-655px;
  291. padding:20px;
  292. width: 250px;
  293. color:{color:pagi};
  294. text-align: center;
  295. font-size: 20px;
  296. letter-spacing: 1px;}
  297.  
  298.  
  299.  
  300. .info {
  301. padding-top:3px;
  302. padding-bottom:3px;
  303. border-top:1px dashed {color:line};
  304.  
  305. font-size:14px;
  306. text-align:center;
  307. margin-top:-8px;
  308. line-height:15px;}
  309.  
  310. .tag {
  311. margin-top:3px;
  312. text-align:center;
  313. font-size:10px;
  314. font-style:normal;
  315. line-height:18px;}
  316.  
  317. .tag a {
  318. padding:5px;}
  319.  
  320. #asker {
  321. z-index:9999999999 !important;
  322. margin-left:20px;
  323. margin-top:-11px;
  324. margin-right:10px;}
  325.  
  326. #askurl {
  327. font-size:20px;
  328. letter-spacing:3px;
  329. margin-left:70px;
  330. margin-top:-25px;
  331. margin-right:5px;}
  332.  
  333. #question {
  334. font-size: {text:text size};
  335. border: dashed 1px black;
  336. padding-top:11px;
  337. padding-bottom:11px;
  338. margin-left:70px;
  339. margin-right:40px;
  340. margin-bottom:11px;
  341. padding:10px;
  342. text-align:justify;}
  343.  
  344. #quote {
  345. font-size:16px;
  346. font-family:'Lato', sans-serif;
  347. text-align: center;
  348. font-weight: 300;
  349. letter-spacing: 1.5px;
  350. line-height: 130%;
  351. padding-bottom: 10px;}
  352.  
  353. #cover {
  354. position: relative;
  355. z-index: 1;
  356. height: 80px;
  357. float:left;
  358. margin:4px;
  359. box-shadow:0px 0px 5px {color:box shadow};}
  360.  
  361. #button {
  362. width:20px;
  363. height:30px;
  364. overflow: hidden;
  365. position: relative;
  366. z-index: 99;
  367. margin: 15px 24px 13px 16px;}
  368.  
  369. #buttons {
  370. background-color: #fff;
  371. position: absolute;
  372. z-index: 99;
  373. margin-top: 15px;
  374. margin-left: 15px;
  375. opacity: 0;
  376. -webkit-transition: opacity 0.5s linear;
  377. -webkit-transition: all 0.5s linear;
  378. -moz-transition: all 0.5s linear;
  379. -o-transition: all 0.5s linear;}
  380.  
  381. #post:hover #buttons {
  382. opacity:1;}
  383.  
  384. #musicinfo {
  385. margin-left: 110px;
  386. font-size:10px;
  387. min-height:70px;
  388. text-align:left;
  389. position: relative;}
  390.  
  391. .note {
  392. text-transform:none;
  393. width:430px;
  394. font-style:normal;
  395. letter-spacing:0px;
  396. font-size: 10px;
  397. text-align:left;
  398. line-height:100%;
  399. margin-left:3px;}
  400.  
  401. .note li {
  402. list-style-type:none;
  403. border-bottom:1px solid {color:line};
  404. padding:10px 25px 10px 25px;
  405. text-align:left;
  406. -moz-transition-duration:0.5s;
  407. -webkit-transition-duration:0.5s;
  408. -o-transition-duration:0.5s;}
  409.  
  410. .note img.avatar {
  411. margin-right: 10px;
  412. width: 16px;
  413. height: 16px;}
  414.  
  415. #links {
  416. text-align:center;}
  417.  
  418. #links a {
  419. display:inline-block;
  420. font-size:12px;
  421. color:{color:nav};
  422. line-height:21px;
  423. text-align:center;
  424. width:22px;
  425. font-weight:normal;
  426. text-transform:uppercase;
  427. letter-spacing:1px;}
  428.  
  429. #links a:hover {
  430. opacity:0.7;
  431. color:{color:hover};}
  432.  
  433.  
  434.  
  435. #slinks {
  436. position:fixed;
  437. text-align:center;
  438. margin-top:{text:sidelinks top}px;
  439. }
  440.  
  441. #slinks a {
  442. font-size:32px;
  443. font-family:typewriter;
  444. display:block;
  445. line-height:31px;
  446. margin-left:{text:sidelinks left}px;
  447. margin-right:3px;
  448. color:{color:sidelinks};
  449. text-align:center;
  450. font-weight:normal;
  451. width:2px;
  452. text-transform:uppercase;
  453. letter-spacing:2px;}
  454.  
  455.  
  456. #slinks a:hover {
  457. opacity:0.5;
  458. color:{color:navhover};}
  459.  
  460.  
  461.  
  462. div#qTip {
  463. background-color:{color:Andy};
  464. border:1px dashed {color:Frank};
  465. padding: 6px;
  466. display: none;
  467. text-align: center;
  468. position: absolute;
  469. font-size:12px;
  470. line-height:10px;
  471. z-index: 9999999;
  472. color: {color:Frank};
  473. letter-spacing: 1px;}
  474.  
  475. </style></head><body>
  476.  
  477.  
  478.  
  479. <div id="side">
  480.  
  481. <div id="headtitle">{title}</div>
  482.  
  483. <div id="description"></div>
  484.  
  485. <div id="pagination">{block:Pagination}
  486. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>
  487. {/block:NextPage}
  488. {/block:Pagination}</div></div>
  489.  
  490. <div id="slinks">
  491. <a href="/" title="home">✮</a>
  492. <a href="/ask" title="questions">✮</a>
  493. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">✮</a>{/block:iflink1}
  494. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2}">✮</a>{/block:iflink2}
  495. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3}">✮</a>{/block:iflink3}
  496. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4}">✮</a>{/block:iflink4}
  497. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5}">✮</a>{/block:iflink5}
  498. <a href="http://octomoosey.tumblr.com/" title="theme">✮</a></div>
  499.  
  500. </div>
  501. </div>
  502.  
  503.  
  504.  
  505.  
  506. </div>
  507.  
  508. </div></div>
  509.  
  510. <div id="container">
  511.  
  512. {block:Posts}
  513.  
  514. <div id="post">
  515.  
  516. {block:Text}<h1><center><div id="title">{block:Title}{Title}{/block:Title}</div></center></h1>{Body}{/block:Text}
  517.  
  518. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  519.  
  520. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  521.  
  522. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  523.  
  524. {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}
  525.  
  526. {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>
  527. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  528. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  529. {/block:ExternalAudio}<br><br>
  530. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  531.  
  532. {block:Video}
  533. {Video-400}
  534. {block:Caption}{Caption}{/block:Caption}
  535. {/block:Video}
  536.  
  537. {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}
  538.  
  539. {block:Answer}<div id="ask"><div id="asker"><img src="{AskerPortraitURL-30}"></div><div id="askurl">{Asker}:</div>
  540. <div id="question">{Question}</div></div>{Answer}{/block:Answer}
  541.  
  542. <div class="info">
  543. {block:date}<a href="{Permalink}"> posted;
  544. {block:Date}{TimeAgo}</a>{/block:Date}
  545. {block:NoteCount}
  546. with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}"> - reblog</a><br>
  547.  
  548. {block:RebloggedFrom}
  549. via; <a href="{ReblogParentURL}">{ReblogParentName}</a>
  550. source; <a href="{ReblogRootURL}">{ReblogRootName}</a>
  551. {/block:RebloggedFrom}
  552. </div>
  553.  
  554. <div class="tag">{block:HasTags}{block:Tags}| <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  555. </div>
  556.  
  557. {block:PostNotes}
  558. <div class="note">
  559. {PostNotes}
  560. </div>
  561. {/block:PostNotes}
  562.  
  563. {/block:Posts}
  564.  
  565. </div>
  566.  
  567. {block:ContentSource}
  568. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  569. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  570. {/block:SourceLogo}
  571. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  572. {/block:ContentSource}
  573. </div>
  574.  
  575.  
  576. </div>
  577.  
  578. </div>
  579.  
  580.  
  581.  
  582. </div>
  583.  
  584. </div>
  585.  
  586. </body>
  587. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement