API tools faq
paste
Advertisement
apotoxins

#02 Ver. 2

apotoxins
Aug 9th, 2014
2,480
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.22 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!----
  6.  
  7.  
  8.  
  9.  
  10. THEME #02 VER FOR 1280 x 800 : O M B R É
  11. BY APTXTHEMES
  12.  
  13.  
  14.  
  15.  
  16. ---->
  17.  
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  22. <meta name="description" content="" />
  23.  
  24. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  25.  
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Icon" content="" />
  28.  
  29. <meta name="color:Main Font" content="#000000" />
  30. <meta name="color:Background" content="#FFFFFF" />
  31. <meta name="color:Gradient Top" content="#ecf8f8">
  32. <meta name="color:Gradient Bottom" content="#b0d9dc">
  33. <meta name="color:Container" content="#f2f6f6" />
  34. <meta name="color:Sidebar" content="#33363f" />
  35. <meta name="color:Title" content="#FFFFFF" />
  36. <meta name="color:Avatar Border" content="#f2f6f6" />
  37. <meta name="color:Sidebar Links" content="#3d414a" />
  38. <meta name="color:Sidebar Font" content="#FFFFFF" />
  39. <meta name="color:Sidebar Desc Font" content="#e5f2f2">
  40. <meta name="color:Sidebar Links Hover" content="#cfe2e5" />
  41. <meta name="color:Permalink Background" content="#d3e9ea" />
  42. <meta name="color:Title Border" content="#b1cad0" />
  43. <meta name="color:Link" content="#5f8c9a" />
  44. <meta name="color:Link Hover" content="#e5f2f2" />
  45. <meta name="color:Bold" content="#5f919a" />
  46. <meta name="color:Italics" content="#5f919a" />
  47. <meta name="color:Underline" content="#5f919a" />
  48.  
  49. <meta name="if:Gradient Background" content="1"/>
  50.  
  51. <meta name="text:Title" content="a heart is a heavy burden">
  52. <meta name="text:Background Position" content="no-repeat">
  53. <meta name="text:Link 01" content="Link 01" />
  54. <meta name="text:Link 01 URL" content="Link 01 URL" />
  55. <meta name="text:Link 02" content="Link 02" />
  56. <meta name="text:Link 02 URL" content="Link 02 URL" />
  57. <meta name="text:Link 03" content="Link 03" />
  58. <meta name="text:Link 03 URL" content="Link 03 URL" />
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Orienta' rel='stylesheet' type='text/css'>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. /* M A I N */
  69.  
  70. iframe#tumblr_controls{
  71. position:fixed !important;
  72. }
  73.  
  74.  
  75. body {
  76. font-family: 'Roboto Condensed', sans-serif;
  77. font-size: 10px;
  78. color: {color:Main Font};
  79. background-color: {color:Background};
  80. letter-spacing: 0.5px;
  81. background:url({image:Background}) no-repeat;
  82. background-attachment: fixed;
  83. background-position: {text:Background Position};
  84. background-size: auto 100%;
  85. {block:IfGradientBackground}
  86. background-image: -webkit-gradient(
  87. linear,
  88. left top,
  89. left bottom,
  90. color-stop(0, {color:Gradient Top};),
  91. color-stop(1, {color:Gradient Bottom})
  92. );
  93. background-image: -o-linear-gradient(bottom, {color:Gradient Top} 0%, {color:Gradient Bottom} 100%);
  94. background-image: -moz-linear-gradient(bottom, {color:Gradient Top} 0%, {color:Gradient Bottom} 100%);
  95. background-image: -webkit-linear-gradient(bottom, {color:Gradient Top} 0%, {color:Gradient Bottom} 100%);
  96. background-image: -ms-linear-gradient(bottom, {color:Gradient Top} 0%, {color:Gradient Bottom} 100%);
  97. background-image: linear-gradient(to bottom, {color:Gradient Top} 0%, {color:Gradient Bottom} 100%);
  98. {/block:IfGradientBackground}
  99. }
  100.  
  101. a {
  102. text-decoration: none;
  103. color: {color:Link};
  104. background-color: ;
  105. }
  106.  
  107. a:hover {
  108. color: {color:Link Hover};
  109. -webkit-transition: all 0.6s ease;
  110. -moz-transition: all 0.6s;
  111. }
  112.  
  113.  
  114. b {
  115. color: {color:Bold};
  116. }
  117.  
  118.  
  119. i {
  120. color: {color:Italics};
  121. }
  122.  
  123.  
  124. u {
  125. color: {color:Underline};
  126. }
  127.  
  128.  
  129. h1 {
  130. font-family: 'Press Start 2P', cursive;
  131. font-size: 12px;
  132. letter-spacing: -1px;
  133. color: {color:Link};
  134. text-shadow: 1px 1px {color:Gradient Top};
  135. text-transform: uppercase;
  136. text-align: center;
  137. padding-bottom: 8px;
  138. }
  139.  
  140.  
  141. h2 {
  142. font-family: 'Press Start 2P', cursive;
  143. font-size: 12px;
  144. letter-spacing: -1px;
  145. color: {color:Link};
  146. text-shadow: 1px 1px {color:Gradient Top};
  147. text-transform: uppercase;
  148. text-align: center;
  149. padding-bottom: 8px;
  150. line-height: 110%;
  151. }
  152.  
  153. blockquote {
  154. padding-left: 10px;
  155. border-left: 5px solid {color:Permalink Background};
  156. }
  157.  
  158. ul, ol, {
  159. list-style: none;
  160. }
  161.  
  162. /* S I D E B A R */
  163.  
  164. #sidebar {
  165. width: 150px;
  166. margin-left: 680px;
  167. position: fixed;
  168. height: 100%;
  169. margin-top: -60px;
  170. background-color: {color:Sidebar};
  171. }
  172.  
  173. #avatar {
  174. width: 100px;
  175. height: 100px;
  176. background: url({image:Icon});
  177. border-radius: 100%;
  178. margin: 0px auto;
  179. margin-top: 275px;
  180. border: 5px solid {color:Avatar Border};
  181. }
  182.  
  183. #slinks {
  184. margin-top: 60px;
  185. width: 100px;
  186. height: 300px;
  187. margin-left: 25px;
  188. position: absolute;
  189. }
  190.  
  191. #slinks a {
  192. text-align: center;
  193. font-family: 'Roboto Condensed', sans-serif;
  194. font-weight: 300;
  195. letter-spacing: 1px;
  196. padding:10px 0px 10px 0px;
  197. width: 100px;
  198. height: 8px;
  199. float: left;
  200. margin-top: 5px;
  201. font-size: 9px;
  202. text-transform: uppercase;
  203. text-decoration: none;
  204. color: {color:Sidebar Font};
  205. background-color:{color:Sidebar Links};
  206. }
  207.  
  208. #slinks a:hover {
  209. text-decoration:none;
  210. background-color:{color:Sidebar Links Hover};
  211. color:{color:Sidebar Links};
  212. -webkit-transition: opacity .3s linear;
  213. -webkit-transition: all .3s ease-in-out;
  214. -moz-transition: all .3s ease-in-out;
  215. -o-transition: all .3s ease-in-out;
  216. }
  217.  
  218. #desc {
  219. width: 85px;
  220. color: {color:Sidebar Desc Font};
  221. text-align: justify;
  222. padding: 10px;
  223. font-weight: 300;
  224. margin-top: 20px;
  225. font-size: 9px;
  226. letter-spacing: 1px;
  227. height: 200px;
  228. overflow-y: auto;
  229. margin-left: 25px;
  230. background-color: {color:Sidebar Links};
  231. }
  232.  
  233. #title {
  234. border-left: 15px solid {color:Title Border};
  235. font-family: 'Press Start 2P', cursive;
  236. font-size: 20px;
  237. color: {color:Title};
  238. text-shadow: 1px 1px {color:Gradient Bottom};
  239. padding-left: 15px;
  240. text-align: left;
  241. margin-left: 850px;
  242. margin-top: 230px;
  243. width: 200px;
  244. text-transform: uppercase;
  245. position: fixed;
  246. z-index: -1;
  247. }
  248.  
  249. /* P O S T S */
  250.  
  251.  
  252. #container{
  253. z-index: -1;
  254. width: 450px;
  255. padding:20px;
  256. height: 100%;
  257. opacity: 0.7;
  258. background-color: {color:Container};
  259. margin-top: -100px;
  260. margin-left: 150px;
  261. position: fixed;
  262. }
  263.  
  264.  
  265. #entries {
  266. z-index: 1;
  267. margin-left: 165px;
  268. padding-top: -200px;
  269. padding-left: 10px;
  270. padding-right: 10px;
  271. padding-bottom: 40px;
  272. top: 0px;
  273. height: 100%;
  274. {block:IndexPage}
  275. float:center;
  276. {/block:IndexPage}
  277.  
  278. }
  279.  
  280.  
  281. .posts {
  282. z-index: 1;
  283. line-height:100%;
  284. background:#fff;
  285. padding:20px;
  286. margin-top:60px;
  287. margin-bottom:0px;
  288. width: 400px;
  289. {block:PermalinkPage}
  290. width: 400px;
  291. {/block:PermalinkPage}
  292. }
  293.  
  294.  
  295. .posts img {
  296. max-width: 400px;
  297. {block:PermalinkPage}
  298. max-width: 400px;
  299. {/block:PermalinkPage}
  300. }
  301.  
  302.  
  303. #permalink {
  304. {block:IndexPage}
  305. width: 430px;
  306. height: 8px;
  307. padding: 4px 5px 6px 5px;
  308. background-color: {color:Permalink Background};
  309. margin-left: -20px;
  310. position: absolute;
  311. margin-top: 20px;
  312. {/block:IndexPage}
  313. {block:PermalinkPage}
  314. display:hidden;
  315. {/block:PermalinkPage}
  316. }
  317.  
  318. #permalink a {
  319. font-size: 8px;
  320. text-transform: uppercase;
  321. font-family: 'Roboto Condensed', sans-serif;
  322. letter-spacing: 1px;
  323. }
  324.  
  325. #permalink a:hover{
  326. background-color: {color:Permalink Background};
  327. color: {color:Permalink Background};
  328. }
  329.  
  330. #reblawg {
  331. padding: 1px 2px 1px 3px;
  332. background-color: #fff;
  333. font-size: 8px;
  334. margin-top: -1px;
  335. text-transform: uppercase;
  336. font-family: 'Roboto Condensed', sans-serif;
  337. letter-spacing: 1px;
  338. float: right;
  339. }
  340.  
  341. #reblawg a:hover{
  342. background-color: #fff;
  343. color: {color:Permalink Background};
  344. }
  345.  
  346. #tags {
  347. text-align: center;
  348. position: inline;
  349. margin: 0px auto;
  350. font-size: 8px;
  351. letter-spacing: 1px;
  352. color: {color:Link};
  353. padding: 2px;
  354. text-transform: uppercase;
  355. }
  356.  
  357. #tags a {
  358. text-decoration: none;
  359. }
  360.  
  361. .caption {
  362. margin-bottom: -10px;
  363. width: 400px;
  364. font-size: 10px !important;
  365. }
  366.  
  367. .permacap {
  368. margin-left: 5px;
  369. margin-right: 5px;
  370. }
  371.  
  372. .permacap a {
  373. font-size: 9px;
  374. text-transform: uppercase;
  375. font-family: 'Roboto Condensed', sans-serif;
  376. letter-spacing: 1px;
  377. }
  378.  
  379. .permaperma {
  380. width: 390px;
  381. height: 8px;
  382. padding: 4px 5px 6px 5px;
  383. margin-top: -10px;
  384. text-align: center;
  385. margin-bottom: -10px;
  386. background-color: {color:Permalink Background};
  387. }
  388.  
  389. .permaperma a {
  390. font-size: 8px;
  391. text-transform: uppercase;
  392. font-family: 'Roboto Condensed', sans-serif;
  393. letter-spacing: 1px;
  394. }
  395.  
  396. .permaperma a:hover {
  397. background-color: {color:Permalink Background};
  398. color: {color:Permalink Background};
  399. }
  400.  
  401. /* Q & A */
  402.  
  403.  
  404. .question {
  405. width: 380px;
  406. padding: 10px;
  407. background-color: {color:Title Border};
  408. }
  409.  
  410. .q {
  411. font-size: 20px;
  412. color: {color:Avatar Border};
  413. text-align: left;
  414. padding-top: 5px;
  415. }
  416.  
  417. .qq {
  418. margin-left: 20px;
  419. margin-top: 12px;
  420. margin-right: 20px;
  421. text-align: left;
  422. padding-bottom: 15px;
  423. }
  424.  
  425. .a {
  426. font-size: 20px;
  427. color: {color:Title Border};
  428. text-align: left;
  429. padding-top: 15px;
  430. margin-left: 10px;
  431. }
  432.  
  433. .aa {
  434. margin-left: 20px;
  435. margin-top: 12px;
  436. margin-right: 20px;
  437. text-align: left;
  438. }
  439.  
  440. /* A U D I O */
  441.  
  442. #audio {
  443. height: 100px;
  444. }
  445.  
  446. .playy {
  447. width: 100px;
  448. height: 100px;
  449. color: black;
  450. opacity: 0.7;
  451. }
  452.  
  453. .player {
  454. width:28px;
  455. height:30px;
  456. overflow:hidden;
  457. position:absolute;
  458. margin-top:40px;
  459. margin-bottom:45px;
  460. margin-left: 45px;
  461. opacity: 0.7;
  462. filter:alpha(opacity=70);
  463. -moz-opacity: 0.7;
  464. -khtml-opacity: 0.7;
  465. }
  466.  
  467. .albumart {
  468. float: left;
  469. margin:0px 7px;
  470. }
  471.  
  472. #audioinfo {
  473. padding: 4px 5px 6px 5px;
  474. background-color: {color:Permalink Background};
  475. width: 291px;
  476. margin-left: 99px;
  477. text-align: center;
  478. font-size: 8px;
  479. color: {color:Link};
  480. text-transform: uppercase;
  481. font-family: 'Roboto Condensed', sans-serif;
  482. letter-spacing: 1px;
  483. }
  484.  
  485. /* C H A T */
  486.  
  487. .chat li {
  488. list-style-type: none;
  489. padding: 5px;
  490. margin-left: -40px;
  491. letter-spacing: ;
  492. border-bottom: 1px solid {color:Permalink Background};
  493. text-transform: ;
  494. }
  495.  
  496. .chat li.odd {
  497. background-color: {color:Avatar Border};
  498. color: ;
  499. padding-left: 5px;
  500. padding-right: 5px;
  501. }
  502.  
  503. .chat li.even {
  504. color: ;
  505. padding-left: 5px;
  506. padding-right: 5px;
  507. }
  508.  
  509.  
  510. /* N O T E S */
  511.  
  512. ol.notes{
  513. padding: 0px;
  514. margin-left: 10px;
  515. list-style-type: none;
  516. font-family:'Roboto Condensed', sans-serif;
  517. letter-spacing: 1px;
  518. font-size: 10px;
  519. }
  520.  
  521. ol.notes li.note {
  522. border-top: 1px solid {color:Permalink Background};
  523. padding: 5px;
  524. }
  525.  
  526. ol.notes li.note img.avatar {
  527. vertical-align: -4px;
  528. margin-right: 10px;
  529. width: 16px;
  530. height: 16px;
  531. }
  532.  
  533. ol.notes li.note span.action {
  534. font-weight: normal;
  535. }
  536.  
  537. ol.notes li.note .answer_content {
  538. font-weight: normal;
  539. }
  540.  
  541. ol.notes li.note blockquote {
  542. border-color: {color:Title Border};
  543. padding: 4px 10px;
  544. margin: 10px 0px 0px 25px;
  545. }
  546.  
  547. ol.notes li.note blockquote a {
  548. text-decoration: none;
  549. }
  550.  
  551.  
  552. </style>
  553.  
  554.  
  555.  
  556. </head>
  557.  
  558. <body>
  559.  
  560. <div id="title">
  561. {text:Title}
  562. </div>
  563.  
  564. <div id="sidebar">
  565. <div id="slinks">
  566. <a href="/">INDEX</a>
  567. <a href="/ask">MESSAGE</a>
  568. <a href="{text:Link 01 URL}">{text:Link 01}</a>
  569. <a href="{text:Link 02 URL}">{text:Link 02}</a>
  570. <a href="{text:Link 03 URL}">{text:Link 03}</a>
  571. <!-- PLEASE DON'T TOUCH/EDIT THE CREDIT LINK!! -->
  572. <a href="http://apotoxins.tumblr.com/">THEME ©</a>
  573. </div>
  574.  
  575. <div id="avatar"></div>
  576.  
  577. <div id="desc">{Description}</div>
  578.  
  579. </div>
  580.  
  581.  
  582. <div id="container"></div>
  583.  
  584. <div id="entries">
  585. <div class = "autopagerize_page_element" >
  586. {block:Posts}
  587. <div class="posts">
  588.  
  589. {block:Text}
  590. {block:Title}<h1><a href="{permalink}">{Title}</a></h1>{/block:Title}
  591. {Body}
  592. {/block:Text}
  593.  
  594. {block:Photo}
  595. {block:IndexPage}
  596. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"></a>
  597. {/block:IndexPage}
  598. {block:PermalinkPage}
  599. <img src="{PhotoURL-400}">
  600. <br><br>
  601. {/block:PermalinkPage}
  602. {/block:Photo}
  603.  
  604. {block:Photoset}
  605. {block:IndexPage}
  606. {Photoset-400}
  607. {/block:IndexPage}
  608. {block:PermalinkPage}
  609. {Photoset-400}
  610. <br>
  611. {/block:PermalinkPage}
  612. {/block:Photoset}
  613.  
  614. {block:Quote}
  615. <h2>"{Quote}"</h2>
  616. {block:Source}
  617. <span style="float: right; font-style: italic;">― {Source}</span>
  618. {/block:Source}
  619. {block:PermalinkPage}
  620. <br><br>
  621. {/block:PermalinkPage}
  622. {/block:Quote}
  623.  
  624. {block:Link}
  625. <h1><a href="{URL}">{Name}</a></h1>
  626. {block:Description}{Description}{/block:Description}
  627. {block:Link}
  628.  
  629.  
  630. {block:Chat}
  631. {block:Title}
  632. <h1><a href="{Permalink}">{Title}</a></h1>
  633. {/block:Title}
  634. <ul class="chat">
  635. {block:Lines}
  636. <li class="{Alt} user_{UserNumber}">
  637. {block:Label}
  638. <span class="label">{Label}
  639. {/block:Label}
  640. {Line}
  641. </li>
  642. {/block:Lines}
  643. </ul>
  644. {/block:Chat}
  645.  
  646.  
  647. {block:Video}
  648. {block:IndexPage}
  649. {Video-400}
  650. {/block:IndexPage}
  651. {block:PermalinkPage}
  652. {Video-400}
  653. <br>
  654. {/block:PermalinkPage}
  655. {/block:Video}
  656.  
  657. {block:Answer}
  658. <div class="question"><div class="q">Q:</div><div class="qq">{Question}<p><span style="font-size: 10px; float:right; margin-right: -20px; text-transform: uppercase;">– {Asker}</span></div></div>
  659.  
  660. <div class="a">A:</div><div class="aa">{Answer}<p></div>
  661.  
  662. {/block:Answer}
  663.  
  664. {block:Audio}
  665. <div id="audio">
  666. <div class= "player">{AudioPlayerBlack}</div>
  667. {block:AlbumArt}
  668. <div class="albumart"><img src="{AlbumArtURL}" width="100"></div>
  669. {/block:AlbumArt}
  670. <br><br>
  671. {block:TrackName}<h1>{TrackName}</h1>{/block:TrackName}
  672. <div id="audioinfo">
  673. {block:Artist}{Artist}{/block:Artist}&nbsp;&nbsp;<span style="color: {color:Title Border};">x</span>&nbsp;&nbsp;{block:Album}{Album}{/block:Album}&nbsp;&nbsp;<span style="color: {color:Title Border};">x</span>&nbsp;&nbsp;{block:PlayCount}{FormattedPlayCount} {/block:PlayCount}
  674. </div></div>
  675. {/block:Audio}
  676.  
  677.  
  678. {block:Date}
  679. <div id="permalink">
  680. {block:IndexPage}
  681. <span style="padding-left: 5px;"><a href="{Permalink}">{TimeAgo}</a></span>&nbsp;<span style="color: {color:Title Border};">x&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>
  682. <div id="reblawg"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  683. {/block:IndexPage}
  684. </div>
  685.  
  686. {block:PermalinkPage}
  687.  
  688. {block:Caption}<div class="permacap">{Caption}</div><br>{/block:Caption}
  689. {block:HasTags}
  690. <center>{block:HasTags}{block:Tags}<span style="text-transform: uppercase; letter-spacing: 1px; font-size: 8px; width: 380px; "><a href="{TagURL}">#{Tag}</a></span>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>
  691. <br><br>
  692. <div class="permaperma"><a href="{Permalink}">{TimeAgo}</a>&nbsp;<span style="color: {color:Title Border};">x&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom}&nbsp;<span style="color: {color:Title Border};">x&nbsp;&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  693. {block:ContentSource}&nbsp;<span style="color: {color:Title Border};">x&nbsp;&nbsp;<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  694. {/block:PermalinkPage}
  695. {/block:Date}
  696.  
  697.  
  698. {block:PostNotes}
  699. {PostNotes}
  700. {/block:PostNotes}
  701.  
  702. {block:ContentSource}
  703. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  704. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  705. {/block:SourceLogo}
  706. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  707. {/block:ContentSource}
  708.  
  709. </div>
  710. {/block:Posts}
  711. </div></div>
  712. </body>
  713. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!