API tools faq
paste
meteora

Theme | Ebb & Flow

meteora
Oct 11th, 2017
2,666
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.95 KB | None | 0 0
raw download clone embed print report
  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="d1e3eb" />
  35. <meta name="color:PostBackground" content="#fff" />
  36. <meta name="color:Details" content="#fff"/>
  37. <meta name="color:Blockquote" content="#c5d3d3"/>
  38. <meta name="color:Text" content="#606269" />
  39. <meta name="color:Bold" content="#62797a" />
  40. <meta name="color:Bold Shadow" content="62797a" />
  41. <meta name="color:Italic" content="#7b9293" />
  42. <meta name="color:Italic Shadow" content="#7b9293" />
  43. <meta name="color:Post Title" content="#7b9293" />
  44. <meta name="color:Link" content="#7b9293" />
  45. <meta name="color:Link Hover" content="#aaa"/>
  46. <meta name="color:LinkUnderline" content="#aaa"/>
  47. <meta name="color:Question BG" content="#c5d3d3"/>
  48. <meta name="color:Info" content="#606269"/>
  49. <meta name="color:Info Link" content="#606269"/>
  50. <meta name="color:Info line" content="#c5d3d3"/>
  51. <meta name="color:Selection Background" content="#c5d3d3"/>
  52. <meta name="color:Selection Text" content="#fff"/>
  53. <meta name="color:Border" content="#c5d3d3"/>
  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="title">
  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="1"/>
  73. <meta name="if:Link2" content="1"/>
  74. <meta name="if:Link3" content="1"/>
  75. <meta name="if:Link4" content="1"/>
  76.  
  77. <meta name="text:LinkTitle1" content=""/>
  78. <meta name="text:LinkURL1" content="/"/>
  79. <meta name="text:LinkTitle2" content=""/>
  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. .nav {
  648. position:absolute;
  649. width:120px;
  650. margin-left:20px;
  651. margin-top:20px;
  652. }
  653.  
  654. .nav2 {
  655. position:absolute;
  656. width:120px;
  657. margin-left:160px;
  658. margin-top:141px;
  659. }
  660.  
  661. .nav2 a {
  662. font-family:arial;
  663. text-transform:uppercase;
  664. font-size:8px;
  665. display:inline-block;
  666. {block:if400Posts}width:315px;{/block:if400Posts}
  667. {block:if500Posts}width:415px;{/block:if500Posts}
  668. padding-top:2px;
  669. padding-bottom:1px;
  670. background-color:{color:Background};
  671. text-align:center;
  672. margin-bottom:1px;
  673. margin-top:1px;
  674. letter-spacing:1px;
  675. border-bottom:none;
  676. }
  677.  
  678. .nav2 a:hover {
  679. background-color:{color:Background};
  680. opacity:.8;
  681. -moz-transition-duration: 0.8s;
  682. -webkit-transition-duration: 0.8s;
  683. -o-transition-duration: 0.8s;
  684. }
  685.  
  686. .nav a {
  687. font-family:arial;
  688. text-transform:uppercase;
  689. font-size:8px;
  690. display:inline-block;
  691. width:120px;
  692. padding-top:2px;
  693. padding-bottom:1px;
  694. background-color:{color:Background};
  695. text-align:center;
  696. margin-bottom:1px;
  697. margin-top:1px;
  698. letter-spacing:1px;
  699. border-bottom:none;
  700. }
  701.  
  702. .nav a:hover {
  703. border-bottom:none;
  704. background-color:{color:Background};
  705. opacity:.8;
  706. -moz-transition-duration: 0.8s;
  707. -webkit-transition-duration: 0.8s;
  708. -o-transition-duration: 0.8s;
  709. }
  710.  
  711. {block:ifTopHover}
  712. .topper {
  713. margin-top:-100px;
  714. opacity:0;
  715. -moz-transition-duration: 0.8s;
  716. -webkit-transition-duration: 0.8s;
  717. -o-transition-duration: 0.8s;
  718. }
  719.  
  720. #top:hover .topper {
  721. margin-top:0px;
  722. opacity:1;
  723. }
  724. {/block:ifTopHover}
  725.  
  726. #scrollToTop:link,
  727. #scrollToTop:visited {
  728. display: none;
  729. position: fixed;
  730. bottom: 5px;
  731. margin-left: 200px;
  732. border-bottom:none;
  733. }
  734.  
  735. .pagi {
  736. text-align:center;
  737. margin-top:20px;
  738. }
  739.  
  740. .pagi a {
  741. font-size:15px;
  742. text-transform:uppercase;
  743. font-family:Raleway;
  744. font-weight:600;
  745. border-bottom:none;
  746. }
  747.  
  748. {CustomCSS}</style></head>
  749. <div id="literally" style="margin-left:-230px;">
  750.  
  751. <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>
  752.  
  753. <div id="stuffcontainer">
  754.  
  755. <div id="top">
  756.  
  757. <div class="topper">
  758. <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;">
  759. <div class="desc">{Description}</div>
  760. <div class="nav">
  761. <a href="/">home</a>
  762. <a href="/ask">mssg</a>
  763. <a href="/submit">submit</a>
  764. <a href="/archive">memories</a>
  765. </div>
  766.  
  767. <div class="nav2">
  768. {block:ifLink1}<a href="{text:LinkURL1}">{text:LinkTitle1}</a>{/block:ifLink1}
  769. {block:ifLink2}<a href="{text:LinkURL2}">{text:LinkTitle2}</a>{/block:ifLink2}
  770. {block:ifLink3}<a href="{text:LinkURL3}">{text:LinkTitle3}</a>{/block:ifLink3}
  771. {block:ifLink4}<a href="{text:LinkURL4}">{text:LinkTitle4}</a>{/block:ifLink4}
  772. </div>
  773. </div>
  774.  
  775. <img src="{image:Top}" style="{block:if400Posts}width:500px;{/block:if400Posts}{block:if500Posts}width:600px;{/block:if500Posts}">
  776. </div>
  777.  
  778. <div id="title">{text:Title}</div>
  779.  
  780.  
  781.  
  782. {block:Posts}
  783. <div class="content">
  784.  
  785. {block:ifSideInfo}{block:Date}
  786. <div id="iiinfo">
  787. <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>
  788. <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>
  789. <div class="srcs">
  790. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentTitle}"></a>{/block:RebloggedFrom}
  791. {block:ContentSource}<a href="{SourceURL}" title="org: {SourceTitle}"></a>{/block:ContentSource}
  792. <a href="{ReblogURL}" title="reblog?"></a>
  793. </div></center>
  794. <div id="tagss">
  795. {block:HasTags}<br>{block:Tags}— <a href="{TagURL}">{Tag}</a><br>{/block:Tags}{/block:HasTags}</div>
  796. </div>
  797. {/block:Date}{/block:ifSideInfo}
  798.  
  799. <div style="background-color:{color:PostBackground};padding:15px;
  800. {block:if400Posts}
  801. width: 400px;
  802. {/block:if400Posts}
  803. {block:if500Posts}
  804. width:500px;
  805. {/block:if500Posts}">
  806.  
  807. {block:Text}
  808. {block:Title}
  809. <a href="{Permalink}"> <h1>{Title}</h1></a>
  810. {/block:Title}
  811. {Body}
  812. {/block:Text}
  813.  
  814. {block:Photo}<center>
  815. {block:if400Posts}
  816. {block:ifSideInfo}
  817. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>
  818. {/block:ifSideInfo}
  819. {block:ifnotSideInfo}
  820. <img class="photo" src="{PhotoURL-400}" alt="{PhotoAlt}" style="padding-bottom:5px;"/></center>
  821. {/block:ifnotSideInfo}
  822. {/block:if400Posts}
  823. {block:if500Posts}
  824. {block:ifSideInfo}
  825. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  826. {/block:ifSideInfo}
  827. {block:ifnotSideInfo}
  828. <img class="photo" src="{PhotoURL-500}" alt="{PhotoAlt}" style="padding-bottom:5px;"/></center>
  829. {/block:ifnotSideInfo}
  830. {/block:if500Posts}
  831. {block:Caption}{Caption}{/block:Caption}
  832. {/block:Photo}
  833.  
  834. {block:Photoset}
  835. {block:if400Posts}
  836. <div class="photoset" style="padding-bottom:5px;">{Photoset-400}</div>
  837. {/block:if400Posts}
  838. {block:if500Posts}
  839. <div class="photoset" style="padding-bottom:5px;">{Photoset-500}</div>
  840. {/block:if500Posts}
  841. {block:Caption}{Caption}{/block:Caption}
  842. {/block:Photoset}
  843.  
  844. {block:Chat}<ul class="chat">
  845. {block:Title}
  846. <h1>{Title}</h1>
  847. {/block:Title}
  848. {block:Lines}<li class="{Alt} user_{UserNumber}">
  849. {block:Label}<span class="label">{Label}</span>{/block:Label}
  850. {Line}</li>{/block:Lines}
  851. </ul>{/block:Chat}
  852.  
  853. {block:Quote}
  854. <div style="margin-top:25px;"></div>
  855. <div class="qquote">❝</div>
  856. <div class="quote">{Quote}</div><p>
  857. {block:Source}<div class="source">— {Source} —</div>{/block:Source}
  858. {/block:Quote}
  859.  
  860. {block:Link}
  861. <a href="{URL}" target="{Target}"><h1>{Name} →</h1></a>
  862. {block:Description} {Description} {/block:Description}
  863. {/block:Link}
  864.  
  865. {block:Audio}
  866. <div class="audioContainer">
  867. {block:AudioEmbed}
  868. {AudioEmbed color="white"}
  869. {/block:AudioEmbed}
  870. </div>
  871. {block:Caption}{Caption}{/block:Caption}
  872. {/block:Audio}
  873.  
  874.  
  875. {block:Video}
  876. {block:if400Posts}
  877. {VideoEmbed-400}
  878. {/block:if400Posts}
  879. {block:if500Posts}
  880. {VideoEmbed-500}
  881. {/block:if500Posts}
  882. {block:Caption}{Caption}{/block:Caption}
  883. {/block:Video}
  884.  
  885. {block:Answer}
  886. <div id="question">
  887. <div style="margin-top:3px;">{Question}</div></div><p>
  888. <div style="color:{color:Question BG};font-size:30px;margin-top:-16px;margin-left:20px;">◥</div>
  889. <div style="font-family:'silkscreen';text-transform:uppercase;font-size:8px;margin-top:-13px;margin-left:52px;letter-spacing:1px;">{Asker}</div>
  890. {Answer}
  891. {/block:Answer}
  892.  
  893. {block:ifnotSideInfo}{block:Date}
  894. <div class="info">
  895. <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}
  896. </div>
  897.  
  898. <div class="tags">
  899. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">—{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  900.  
  901. {/block:Date}{/block:ifnotSideInfo}</div>
  902.  
  903. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  904. {/block:Posts}
  905. {block:Pagination}
  906. <div class="pagi">
  907. {block:PreviousPage}<a href="{PreviousPage}">previous page</a>
  908. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  909. {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  910. </div>
  911. {/block:Pagination}
  912. <div style="margin-bottom:200px;"></div></div>
  913. <a href="http://meteorathemes.tumblr.com" title="Meteora Themes"><div id="credit"><b>MT</b></div></a>
  914. </div></div>
Advertisement
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!