Advertisement
Guest User

AAAAAA

a guest
Dec 14th, 2017
81
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.77 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. <!---------------------------------------------------------------------
  4.  
  5. │ Theme 8: EBB & FLOW © Meteora Themes │
  6.  
  7. + If you have any problems, don't hesitate to contact me! I will
  8. do my best to help with the problem.
  9. + Heavy/Light CSS and HTML Editing is allowed and encouraged, just
  10. make sure my credits remain intact.
  11. + Don't Claim any part of my code as your own, and definitely don't
  12. redistribute the code in whole or in part.
  13.  
  14. ---------------------------------------------------------------------->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <head><html>
  25.  
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  27. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  28. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><h1 style="background-color:{color:PostBackground};padding:15px;padding-left:5px;padding-right:5px;padding-bottom:10px;">↑</h1></a>
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="image:Top" content=""/>
  32. <meta name="image:Desc" content=""/>
  33.  
  34. <meta name="color:Background" content="000000" />
  35. <meta name="color:PostBackground" content="#1a1a1a" />
  36. <meta name="color:Details" content="#393939"/>
  37. <meta name="color:Blockquote" content="#363636"/>
  38. <meta name="color:Text" content="#8f8f8f" />
  39. <meta name="color:Bold" content="#b26acc" />
  40. <meta name="color:Bold Shadow" content="3b2a41" />
  41. <meta name="color:Italic" content="#a295d7" />
  42. <meta name="color:Italic Shadow" content="#424376" />
  43. <meta name="color:Post Title" content="#b383c6" />
  44. <meta name="color:Link" content="#b17fbe" />
  45. <meta name="color:Link Hover" content="#fff"/>
  46. <meta name="color:LinkUnderline" content="#626262"/>
  47. <meta name="color:Question BG" content="#151515"/>
  48. <meta name="color:Info" content="#737373"/>
  49. <meta name="color:Info Link" content="#707070"/>
  50. <meta name="color:Info line" content="#48008f"/>
  51. <meta name="color:Selection Background" content="#010101"/>
  52. <meta name="color:Selection Text" content="#fff"/>
  53. <meta name="color:Border" content="#6a2c6b"/>
  54.  
  55. <meta name="if:400Posts" content="1"/>
  56. <meta name="if:500Posts" content="0"/>
  57.  
  58. <meta name="if:Fading Images" content="1"/>
  59. <meta name="if:Monochrome Posts" content="0"/>
  60. <meta name="if:Hover Tags" content="0"/>
  61. <meta name="if:SideInfo" content="1"/>
  62. <meta name="if:TopHover" content="1"/>
  63.  
  64. <meta name="text:Title" content="GO TO WAR.">
  65.  
  66. <meta name="text:TextSize" content="11"/>
  67. <meta name="text:BoldSize" content="15"/>
  68. <meta name="text:LinkSize" content="9"/>
  69. <meta name="text:ItalicSize" content="21"/>
  70. <meta name="text:PostTitleSize" content="28"/>
  71.  
  72. <meta name="if:Link1" content="0"/>
  73. <meta name="if:Link2" content="0"/>
  74. <meta name="if:Link3" content="1"/>
  75. <meta name="if:Link4" content="1"/>
  76.  
  77. <meta name="text:LinkTitle1" content="dossier & backstory."/>
  78. <meta name="text:LinkURL1" content="/"/>
  79. <meta name="text:LinkTitle2" content="code of conduct."/>
  80. <meta name="text:LinkURL2" content="/"/>
  81. <meta name="text:LinkTitle3" content=""/>
  82. <meta name="text:LinkURL3" content="/"/>
  83. <meta name="text:LinkTitle4" content=""/>
  84. <meta name="text:LinkURL4" content="/"/>
  85.  
  86. <script type="text/javascript"
  87. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  88. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  89. <script>
  90. (function($){
  91. $(document).ready(function(){
  92. $("[title]").style_my_tooltips();
  93. });
  94. })(jQuery);
  95. </script>
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  98.  
  99. <link href='https://fonts.googleapis.com/css?family=Raleway:400,500,800' rel='stylesheet' type='text/css'>
  100.  
  101. <style type="text/css">
  102.  
  103. @font-face {
  104. font-family: 'silkscreen';
  105. src: url('http://static.tumblr.com/hmlq09x/Wrjn7tie6/slkscr.ttf') format('truetype');
  106. font-weight: normal;
  107. font-style: normal;
  108. }
  109.  
  110. ::-moz-selection, mark {background:{color:Selection Background};color:{color:Selection Text};}
  111. ::selection {color:{color:Selection Text};background:{color:Selection Background}!important;}
  112.  
  113. ::-webkit-scrollbar-thumb {
  114. background-color:#transparent;
  115. height: 50px;
  116. border-bottom:none;
  117. }
  118. ::-webkit-scrollbar {
  119. height: 0px;
  120. width:5px;
  121. background-color:#transparent;
  122. }
  123.  
  124. #s-m-t-tooltip {
  125. display: block;
  126. background:{color:background};
  127. border:2px solid {color:border};
  128. font-size: 8px;
  129. font-family:arial;
  130. letter-spacing: 1px;
  131. text-transform: uppercase;
  132. color:{color:Text};
  133. text-align: center;
  134. margin-left: 18px;
  135. padding: 2px;
  136. padding-left:5px;
  137. padding-right:5px;
  138. margin-right:10px;
  139. max-width: 200px;
  140. box-shadow: 1px 1px 1px rgba(60, 60, 60, 0.3);
  141. z-index: 9999999999999999999;
  142. }
  143.  
  144. body {
  145. background-color:{color:Background};
  146. background-image: url('{image:Background}');
  147. background-attachment:fixed;
  148. background-repeat:repeat;
  149. color:{color:Text};
  150. font-family: arial;
  151. line-height:18px;
  152. font-size: {text:TextSize}px;
  153. margin: 0px;
  154. padding: 0px;
  155. }
  156.  
  157. small, sup, sub {
  158. font-size:{text:TextSize}px;
  159. }
  160.  
  161. pre {
  162. font-family:arial;
  163. font-size:{text:TextSize}px;
  164. color:{color:Text};
  165. background-color:{color:Info BG};
  166. padding:10px;
  167. padding-left:15px;
  168. padding-right:15px;
  169. background-color:{color:question bg};
  170. word-wrap: break-word;
  171. }
  172.  
  173. a {
  174. text-decoration:none;
  175. color: {color:Link};
  176. font-size:{text:LinkSize}px;
  177. font-family:'silkscreen';
  178. text-transform:uppercase;
  179. border-bottom:1px dotted {color:LinkUnderline};
  180. -moz-transition-duration: 0.6s;
  181. -webkit-transition-duration: 0.6s;
  182. -o-transition-duration: 0.6s;
  183. }
  184.  
  185. a:hover {
  186. text-decoration:none;
  187. color: {color:Link Hover};
  188. -moz-transition-duration: 0.6s;
  189. -webkit-transition-duration: 0.6s;
  190. -o-transition-duration: 0.6s;
  191. }
  192.  
  193. b, strong, .strong {
  194. color:{color:Bold};
  195. font-weight:normal;
  196. font-size:{text:BoldSize}px;
  197. font-family:'Raleway';
  198. text-shadow:1px 1px 7px {color:Bold Shadow};
  199. }
  200.  
  201. blockquote {
  202. margin-left:15px;
  203. border-left:2px solid {color:Blockquote};
  204. padding-left:10px;
  205. }
  206.  
  207. #tumblr_controls{
  208. position:fixed!important;
  209. right: 0px;
  210. top:0px;
  211. }
  212.  
  213. i, em, .em {
  214. color:{color:Italic};
  215. font-family: 'Allura', cursive;
  216. font-size:{text:ItalicSize}px;
  217. font-weight:bold;
  218. padding-left:2px;
  219. text-transform:lowercase;
  220. padding-right:5px;
  221. text-shadow:1px 1px 7px {color:Italic Shadow};
  222. }
  223.  
  224. .content img {
  225. {block:iffadingimages}opacity: 0.8;{/block:iffadingimages}
  226. {block:IfMonochromePosts}
  227. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  228. filter: gray;
  229. -webkit-filter: grayscale(100%);
  230. {/block:IfMonochromePosts}
  231. {block:if400Posts}
  232. max-width: 400px;
  233. {/block:if400Posts}
  234. {block:if500Posts}
  235. max-width:500px;
  236. {/block:if500Posts}
  237. transition-duration: 0.6s;
  238. -moz-transition-duration: 0.6s;
  239. -webkit-transition-duration: 0.6s;
  240. -o-transition-duration: 0.6s;
  241. }
  242.  
  243. .content img:hover {
  244. {block:IfMonochromePosts}
  245. filter: none;
  246. -webkit-filter: grayscale(0%);
  247. {/block:IfMonochromePosts}
  248. {block:iffadingimages}opacity:1;{/block:iffadingimages}
  249. }
  250.  
  251. .photoset {
  252. {block:iffadingimages}opacity: 0.8;{/block:iffadingimages}
  253. {block:IfMonochromePosts}
  254. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  255. filter: gray;
  256. -webkit-filter: grayscale(100%);
  257. {/block:IfMonochromePosts}
  258. transition-duration: 0.6s;
  259. -moz-transition-duration: 0.6s;
  260. -webkit-transition-duration: 0.6s;
  261. -o-transition-duration: 0.6s;
  262. }
  263.  
  264. .photoset:hover {
  265. {block:IfMonochromePosts}
  266. filter: none;
  267. -webkit-filter: grayscale(0%);
  268. {/block:IfMonochromePosts}
  269. {block:iffadingimages}opacity:1;{/block:iffadingimages}
  270. }
  271.  
  272. #stuffcontainer {
  273. float:left;
  274. margin-left:500px;
  275. margin-top:10px;
  276. text-align:justify;
  277. color:{color:text};
  278. margin-bottom: 35px;
  279. }
  280.  
  281. .content {
  282. {block:if400Posts}
  283. width: 400px;
  284. {/block:if400Posts}
  285. {block:if500Posts}
  286. width:500px;
  287. {/block:if500Posts}
  288. margin-left:15px;
  289. height: auto;
  290. padding:15px;
  291. margin-top:10px;
  292. }
  293.  
  294. #question {
  295. background-color:{color:Question BG};
  296. opacity:.8px;
  297. padding:10px;
  298. padding-bottom:12px;
  299. text-align:center;
  300. {block:if400Posts}
  301. width: 380px;
  302. {/block:if400Posts}
  303. {block:if500Posts}
  304. width:480px;
  305. {/block:if500Posts}
  306. overflow:auto;
  307. }
  308.  
  309. .audio {
  310. padding: 0;
  311. }
  312.  
  313. .audio_container {
  314. overflow: hidden;
  315. position: relative;
  316. width: 100px;
  317. }
  318.  
  319. .soundcloud_audio_player {
  320. width: 100%;
  321. }
  322.  
  323. .tumblr_audio_player {
  324. width: 100%;
  325. }
  326.  
  327. .qquote {
  328. font-family:georgia;
  329. font-size:80px;
  330. color:{color:Border};
  331. margin-top:0px;
  332. }
  333.  
  334. .quote {
  335. margin-top:-22px;
  336. text-align:center;
  337. font-family:'Raleway';
  338. font-size:{text:PostTitleSize}px;
  339. line-height:{text:PostTitleSize}px;
  340. }
  341.  
  342. .source {
  343. letter-spacing:1px;
  344. font-family:arial;
  345. font-size:{text:LinkSize}px;
  346. text-transform:uppercase;
  347. text-align:center;
  348. margin-bottom:5px;
  349. }
  350.  
  351. h1 {
  352. font-weight:400;
  353. font-family:'Raleway';
  354. font-size:{text:PostTitleSize}px;
  355. text-align:center;
  356. margin-bottom:2px;
  357. margin-top:3px;
  358. color:{color:Post Title};
  359. }
  360.  
  361. h1 a:hover {
  362. text-decoration:none;
  363. }
  364.  
  365. .ttitle {
  366. font-family:'Raleway';
  367. font-size:{text:PostTitleSize}px;
  368. text-align:center;
  369. color:{color:Post Title};
  370. text-shadow:1px 1px 7px {color:Post Title Shadow};
  371. }
  372.  
  373. .info {
  374. display:inline-block;
  375. {block:if400Posts}
  376. width: 430px;
  377. {/block:if400Posts}
  378. {block:if500Posts}
  379. width:530px;
  380. {/block:if500Posts}
  381. height:15px;
  382. margin-left:-15px;
  383. float:center;
  384. padding-top:7px;
  385. opacity:0.8;
  386. text-align:center;
  387. font-size:8px;
  388. line-height:8px;
  389. font-family:'silkscreen';
  390. text-transform:uppercase;
  391. background-color:{color:Background};
  392. border-top:3px solid {color:Info line};
  393. border-bottom:3px solid {color:Info line};
  394. color:{color:info};
  395. transition-duration: 0.6s;
  396. -moz-transition-duration: 0.6s;
  397. -webkit-transition-duration: 0.6s;
  398. -o-transition-duration: 0.6s;
  399. }
  400.  
  401. .info a {
  402. color:{color:info link};
  403. font-size:8px;
  404. border-bottom:none;
  405. -moz-transition-duration: 0.6s;
  406. -webkit-transition-duration: 0.6s;
  407. -o-transition-duration: 0.6s;
  408. }
  409.  
  410. .info a:hover {
  411. text-decoration:none;
  412. font-size:8px;
  413. color: {color:Link Hover};
  414. opacity:1.0;
  415. }
  416.  
  417. {block:IndexPage}{block:ifHoverTags}
  418. .content:hover .tags {
  419. margin-top:-6px;
  420. opacity:.7;
  421. }
  422. {/block:ifHoverTags}{/block:IndexPage}
  423.  
  424. .tags {
  425. display:inline-block;
  426. float:center;
  427. {/block:ifnotHoverTags}
  428. margin-top:-6px;
  429. {/block:ifnotHoverTags}
  430. {block:IndexPage}
  431. {block:ifHoverTags}
  432. margin-top:-30px;
  433. opacity:0;
  434. {/block:ifHoverTags}
  435. {/block:IndexPage}
  436. text-align:center;
  437. letter-spacing:1px;
  438. background-color: #transparent;
  439. color:{color:info};
  440. width: 400px;
  441. line-height:10px;
  442. -webkit-transition: 0.6s ease-out;
  443. -moz-transition: 0.6s ease-out;
  444. transition: 0.6s ease-out;
  445. }
  446.  
  447. .tags a {
  448. color:{color:info link};
  449. font-size:8px;
  450. opacity:.8;
  451. border-bottom:none;
  452. text-transform:uppercase;
  453. -moz-transition-duration: 0.3s;
  454. -webkit-transition-duration: 0.3s;
  455. -o-transition-duration: 0.3s;
  456. }
  457.  
  458. .tags a:hover {
  459. opacity:1.0;
  460. font-size:10px;
  461. }
  462.  
  463. ul.chat {
  464. margin:0px;
  465. padding:0px;
  466. }
  467.  
  468. .chat li {
  469. list-style-type:none;
  470. margin-left:0px;
  471. padding:2px;
  472. padding-bottom:10px;
  473. }
  474.  
  475. .chat li:before {
  476. border:none;
  477. }
  478.  
  479. .odd .label {
  480. color:{color:link};
  481. }
  482.  
  483. .even .label {
  484. color:{color:link};
  485. }
  486.  
  487. #credit {
  488. position:fixed;
  489. bottom:10px;
  490. right:10px;
  491. padding:4px;
  492. padding-left:6px;
  493. z-index:99999999999;
  494. letter-spacing:1px;
  495. }
  496.  
  497. #credit b {
  498. font-weight:600;
  499. font-size:11px;
  500. }
  501.  
  502. {block:IndexPage}
  503. .content:hover #iiinfo {
  504. opacity:1;
  505. -moz-transition-duration: 0.3s;
  506. -webkit-transition-duration: 0.3s;
  507. -o-transition-duration: 0.3s;
  508. }{/block:IndexPage}
  509.  
  510. #iiinfo {
  511. position: absolute;
  512. {block:if400Posts}
  513. margin: 10px 450px;
  514. {/block:if400Posts}
  515. {block:if500Posts}
  516. margin: 10px 550px;
  517. {/block:if500Posts}
  518. width:100px;
  519. height:100px;
  520. text-align:center;
  521. {block:IndexPage}
  522. opacity:0;
  523. {/block:IndexPage}
  524. -moz-transition-duration: 0.3s;
  525. -webkit-transition-duration: 0.3s;
  526. -o-transition-duration: 0.3s;
  527. }
  528.  
  529. #iiinfo a {
  530. border-bottom:none;
  531. color:{color:Link};
  532. }
  533.  
  534. .srcs {
  535. position:absolute;
  536. z-index:99;
  537. width:100px;
  538. border-top:1px solid {color:Details};
  539. border-bottom:1px solid {color:Details};
  540. padding-top:2px;
  541. padding-bottom:2px;
  542. margin-top:5px;
  543. }
  544.  
  545. .srcs a {
  546. color:{color:Link};
  547. background-color:{color:Link};
  548. display: inline-block;
  549. margin-right:6px;
  550. margin-left:6px;
  551. border-radius:100px;
  552. width: 1px;
  553. height: 1px;
  554. padding:3px;
  555. opacity:.8;
  556. text-decoration:none;
  557. font-style:italic;
  558. outline:none;
  559. -moz-outline-style:none;
  560. -moz-transition-duration: 0.3s;
  561. -webkit-transition-duration: 0.3s;
  562. -o-transition-duration: 0.3s;
  563. }
  564.  
  565. .srscs a:hover {
  566. color:{color:LinkHover};
  567. background-color:{color:LinkHover};
  568. -moz-transition-duration: 0.3s;
  569. -webkit-transition-duration: 0.3s;
  570. -o-transition-duration: 0.3s;
  571. }
  572.  
  573. #tagss {
  574. position:absolute;
  575. z-index:99;
  576. width:75px;
  577. padding-top:2px;
  578. padding-bottom:2px;
  579. margin-top:20px;
  580. text-align:left;
  581. width:150px;
  582. color:{color:Details};
  583. line-height:13px;
  584. font-size:13px;
  585. }
  586.  
  587. #pagi {
  588. position:fixed;
  589. margin-top:108px;
  590. margin-left:330px;
  591. font-style:italic;
  592. }
  593.  
  594. #pagi a {
  595. font-style:italic;
  596. }
  597.  
  598. #title {
  599. {block:if400Posts}width:500px;{/block:if400Posts}
  600. {block:if500Posts}width:600px;{/block:if500Posts}
  601. height:100px;
  602. position:absolute;
  603. text-align:center;
  604. font-family:'Raleway';
  605. font-size:80px;
  606. font-weight:600;
  607. margin-top:-30px;
  608. color:{color:Background};
  609. }
  610.  
  611. #top {
  612. {block:if400Posts}width:500px;{/block:if400Posts}
  613. {block:if500Posts}width:600px;{/block:if500Posts}
  614. {block:ifTopHover}
  615. height:130px;
  616. {/block:ifTopHover}
  617. {block:ifnotTopHover}
  618. height:300px;
  619. {/block:ifnotTopHover}
  620. overflow:hidden;
  621. margin-top:30px;
  622. -moz-transition-duration: 0.8s;
  623. -webkit-transition-duration: 0.8s;
  624. -o-transition-duration: 0.8s;
  625. }
  626.  
  627. {block:ifTopHover}
  628. #top:hover {
  629. height:300px;
  630. }
  631. {/block:ifTopHover}
  632.  
  633. .desc {
  634. position:absolute;
  635. background-color:{color:Background};
  636. {block:if400Posts}width:295px;{/block:if400Posts}
  637. {block:if500Posts}width:395px;{/block:if500Posts}
  638. padding:10px;
  639. padding-top:7px;
  640. height:103px;
  641. text-align:center;
  642. margin-left:160px;
  643. margin-top:20px;
  644. overflow:scroll;
  645. }
  646.  
  647. .desc {
  648. position:absolute;
  649. background-color:{color:Background};
  650. {block:if400Posts}width:295px;{/block:if400Posts}
  651. {block:if500Posts}width:395px;{/block:if500Posts}
  652. padding:10px;
  653. padding-top:7px;
  654. height:103px;
  655. text-align:center;
  656. margin-left:160px;
  657. margin-top:30px;
  658. overflow:scroll;
  659. }
  660.  
  661. .nav {
  662. position:absolute;
  663. width:120px;
  664. margin-left:20px;
  665. margin-top:20px;
  666. }
  667.  
  668. .nav2 {
  669. position:absolute;
  670. width:120px;
  671. margin-left:160px;
  672. margin-top:151px;
  673. }
  674.  
  675. .nav2 a {
  676. font-family:arial;
  677. text-transform:uppercase;
  678. font-size:8px;
  679. display:inline-block;
  680. {block:if400Posts}width:315px;{/block:if400Posts}
  681. {block:if500Posts}width:415px;{/block:if500Posts}
  682. padding-top:2px;
  683. padding-bottom:1px;
  684. background-color:{color:Background};
  685. text-align:center;
  686. margin-bottom:1px;
  687. margin-top:1px;
  688. letter-spacing:1px;
  689. border-bottom:none;
  690. }
  691.  
  692. .nav2 a:hover {
  693. background-color:{color:Background};
  694. opacity:.8;
  695. -moz-transition-duration: 0.8s;
  696. -webkit-transition-duration: 0.8s;
  697. -o-transition-duration: 0.8s;
  698. }
  699.  
  700. .nav a {
  701. font-family:arial;
  702. text-transform:uppercase;
  703. font-size:8px;
  704. display:inline-block;
  705. width:120px;
  706. padding-top:2px;
  707. padding-bottom:1px;
  708. background-color:{color:Background};
  709. text-align:center;
  710. margin-bottom:1px;
  711. margin-top:1px;
  712. letter-spacing:1px;
  713. border-bottom:none;
  714. }
  715.  
  716. .nav a:hover {
  717. border-bottom:none;
  718. background-color:{color:Background};
  719. opacity:.8;
  720. -moz-transition-duration: 0.8s;
  721. -webkit-transition-duration: 0.8s;
  722. -o-transition-duration: 0.8s;
  723. }
  724.  
  725. {block:ifTopHover}
  726. .topper {
  727. margin-top:-200px;
  728. opacity:0;
  729. -moz-transition-duration: 0.8s;
  730. -webkit-transition-duration: 0.8s;
  731. -o-transition-duration: 0.8s;
  732. }
  733.  
  734. #top:hover .topper {
  735. margin-top:0px;
  736. opacity:1;
  737. }
  738. {/block:ifTopHover}
  739.  
  740. #scrollToTop:link,
  741. #scrollToTop:visited {
  742. display: none;
  743. position: fixed;
  744. bottom: 5px;
  745. margin-left: 200px;
  746. border-bottom:none;
  747. }
  748.  
  749. .pagi {
  750. text-align:center;
  751. margin-top:20px;
  752. }
  753.  
  754. .pagi a {
  755. font-size:15px;
  756. text-transform:uppercase;
  757. font-family:Raleway;
  758. font-weight:600;
  759. border-bottom:none;
  760. }
  761.  
  762. {CustomCSS}</style></head>
  763. <div id="literally" style="margin-left:-230px;">
  764.  
  765. <div style="width:600px;background-color:#000;height:20px;width:700px;margin-left:400px;height:40px;position:absolute;background-color:{color:Background};z-index:9999999;"></div>
  766.  
  767.  
  768. <!-- Song Player http://playlist.me --><script type="text/javascript" src="http://playlist.me/w/script.js" data-config="{'skin':'http://static.tumblr.com/su8juwr/iiimqtzmy/simplespreta.css','volume':50,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'closer than sisters.','url':'https://www.youtube.com/watch?v=a4omnq4YETA'},{'title':'an empire in ruins.','url':'https://www.youtube.com/watch?v=hoBuWfGntm4'},{'title':'dracula theme.','url':'https://www.youtube.com/watch?v=RZdDtOOClRU'},{'title':'jhin.','url':'https://www.youtube.com/watch?v=ONFXU8V183k'},{'title':'cosmic ascension.','url':'https://www.youtube.com/watch?v=5ZoNJzcX8f0'},{'title':'imperatrix mundi.','url':'https://www.youtube.com/watch?v=uDjZceUNr3E'},{'title':'no time for caution.','url':'https://www.youtube.com/watch?v=m3zvVGJrTP8'},{'title':'light of the seven.','url':'https://www.youtube.com/watch?v=pS-gbqbVd8c'}]}" ></script><noscript><a href="http://playlist.me/songs/">player playlist</a></noscript><!-- playlist.me script end -->
  769.  
  770.  
  771. <div id="stuffcontainer">
  772.  
  773. <div id="top">
  774.  
  775. <div class="topper">
  776. <img src="{image:Desc}" style="margin-top:10px;position:absolute;width:100px;height:100px;border:10px solid {color:Background};margin-left:20px;margin-top:113px;">
  777. <div class="desc">
  778.  
  779. <center>
  780. <i>I</i> have done <b>terrible</b> things by being alive.<br>
  781. I have built a wonder of <b>terror</b> with my <i>life</i>.
  782.  
  783. <p>
  784.  
  785. <small><b>(</b> independent <i>galra oc</i> roleplay blog<br>
  786. follows and likes from <a href=http://theflyingfoxy.tumblr.com/>theflyingfoxy</a> <b>)</b>
  787. <br>
  788. <sup>icon & theme art © galrannoodle</sup>
  789. </center>
  790.  
  791.  
  792. </div>
  793. <div class="nav">
  794. <a href="/">home</a>
  795. <a href="/ask">mssg</a>
  796. <a href="/submit">submit</a>
  797. <a href="/archive">memories</a>
  798. </div>
  799.  
  800. <div class="nav2">
  801. {block:ifLink1}<a href="{text:LinkURL1}">{text:LinkTitle1}</a>{/block:ifLink1}
  802. {block:ifLink2}<a href="{text:LinkURL2}">{text:LinkTitle2}</a>{/block:ifLink2}
  803. {block:ifLink3}<a href="{text:LinkURL3}">{text:LinkTitle3}</a>{/block:ifLink3}
  804. {block:ifLink4}<a href="{text:LinkURL4}">{text:LinkTitle4}</a>{/block:ifLink4}
  805. </div>
  806. </div>
  807.  
  808. <img src="{image:Top}" style="{block:if400Posts}width:500px;{/block:if400Posts}{block:if500Posts}width:600px;{/block:if500Posts}">
  809. </div>
  810.  
  811. <div id="title">{text:Title}</div>
  812.  
  813.  
  814.  
  815. {block:Posts}
  816. <div class="content">
  817.  
  818. {block:ifSideInfo}{block:Date}
  819. <div id="iiinfo">
  820. <a href="{Permalink}"><span style="font-family:'Raleway';font-weight:900;text-transform:uppercase;font-size:20px">{ShortMonth}</span> <span style="font-family:'Raleway';font-weight:500;font-size:22px;">{DayOfMonthWithZero}</a></span>
  821. <br><div style="margin-top:-6px;font-family:'silkscreen';letter-spacing:-1px;font-size:10px;"><a href="{Permalink}" style="font-size:10px;">♥ &nbsp;{NoteCount}</a></div>
  822. <div class="srcs">
  823. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentTitle}"></a>{/block:RebloggedFrom}
  824. {block:ContentSource}<a href="{SourceURL}" title="org: {SourceTitle}"></a>{/block:ContentSource}
  825. <a href="{ReblogURL}" title="reblog?"></a>
  826. </div></center>
  827. <div id="tagss">
  828. {block:HasTags}<br>{block:Tags}— <a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  829. </div>
  830. {/block:Date}{/block:ifSideInfo}
  831.  
  832. <div style="background-color:{color:PostBackground};padding:15px;
  833. {block:if400Posts}
  834. width: 400px;
  835. {/block:if400Posts}
  836. {block:if500Posts}
  837. width:500px;
  838. {/block:if500Posts}">
  839.  
  840. {block:Text}
  841. {block:Title}
  842. <a href="{Permalink}"> <h1>{Title}</h1></a>
  843. {/block:Title}
  844. {Body}
  845. {/block:Text}
  846.  
  847. {block:Photo}<center>
  848. {block:if400Posts}
  849. {block:ifSideInfo}
  850. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  851. {/block:ifSideInfo}
  852. {block:ifnotSideInfo}
  853. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" style="padding-bottom:5px;"/></center>
  854. {/block:ifnotSideInfo}
  855. {/block:if400Posts}
  856. {block:if500Posts}
  857. {block:ifSideInfo}
  858. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  859. {/block:ifSideInfo}
  860. {block:ifnotSideInfo}
  861. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding-bottom:5px;"/></center>
  862. {/block:ifnotSideInfo}
  863. {/block:if500Posts}
  864. {block:Caption}{Caption}{/block:Caption}
  865. {/block:Photo}
  866.  
  867. {block:Photoset}
  868. {block:if400Posts}
  869. <div class="photoset" style="padding-bottom:5px;">{Photoset-400}</div>
  870. {/block:if400Posts}
  871. {block:if500Posts}
  872. <div class="photoset" style="padding-bottom:5px;">{Photoset-500}</div>
  873. {/block:if500Posts}
  874. {block:Caption}{Caption}{/block:Caption}
  875. {/block:Photoset}
  876.  
  877. {block:Chat}<ul class="chat">
  878. {block:Title}
  879. <h1>{Title}</h1>
  880. {/block:Title}
  881. {block:Lines}<li class="{Alt} user_{UserNumber}">
  882. {block:Label}<span class="label">{Label}</span>{/block:Label}
  883. {Line}</li>{/block:Lines}
  884. </ul>{/block:Chat}
  885.  
  886. {block:Quote}
  887. <div style="margin-top:25px;"></div>
  888. <div class="qquote">❝</div>
  889. <div class="quote">{Quote}</div><p>
  890. {block:Source}<div class="source">— {Source} —</div>{/block:Source}
  891. {/block:Quote}
  892.  
  893. {block:Link}
  894. <a href="{URL}" target="{Target}"><h1>{Name} →</h1></a>
  895. {block:Description} {Description} {/block:Description}
  896. {/block:Link}
  897.  
  898. {block:Audio}
  899. <div class="audioContainer">
  900. {block:AudioEmbed}
  901. {AudioEmbed color="white"}
  902. {/block:AudioEmbed}
  903. </div>
  904. {block:Caption}{Caption}{/block:Caption}
  905. {/block:Audio}
  906.  
  907.  
  908. {block:Video}
  909. {block:if400Posts}
  910. {VideoEmbed-400}
  911. {/block:if400Posts}
  912. {block:if500Posts}
  913. {VideoEmbed-500}
  914. {/block:if500Posts}
  915. {block:Caption}{Caption}{/block:Caption}
  916. {/block:Video}
  917.  
  918. {block:Answer}
  919. <div id="question">
  920. <div style="margin-top:3px;">{Question}</div></div><p>
  921. <div style="color:{color:Question BG};font-size:30px;margin-top:-16px;margin-left:20px;">◥</div>
  922. <div style="font-family:'silkscreen';text-transform:uppercase;font-size:8px;margin-top:-13px;margin-left:52px;letter-spacing:1px;">{Asker}</div>
  923. {Answer}
  924. {/block:Answer}
  925.  
  926. {block:ifnotSideInfo}{block:Date}
  927. <div class="info">
  928. <a href="{Permalink}" title="Posted {TimeAgo}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>&nbsp;{text:info symbol} <a href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom} &nbsp; <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a> {/block:RebloggedFrom} {block:ContentSource}| <a href="{SourceURL}" title="{SourceTitle}">ORG</a>{/block:ContentSource}
  929. </div>
  930.  
  931. <div class="tags">
  932. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">—{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  933.  
  934. {/block:Date}{/block:ifnotSideInfo}</div>
  935.  
  936. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  937. {/block:Posts}
  938. {block:Pagination}
  939. <div class="pagi">
  940. {block:PreviousPage}<a href="{PreviousPage}">previous page</a>
  941. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  942. {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  943. </div>
  944. {/block:Pagination}
  945. <div style="margin-bottom:200px;"></div></div>
  946. <a href="http://meteorathemes.tumblr.com" title="Meteora Themes"><div id="credit"><b>MT</b></div></a>
  947. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement