Advertisement
extasisthemes

Drowning

Oct 9th, 2016
4,438
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.81 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----- Drowning by extasisthemes ----->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Asker" content="#000000"/>
  14. <meta name="color:Audio Background" content="#ffffff"/>
  15. <meta name="color:Background" content="#f8f8f8"/>
  16. <meta name="color:Blockquote" content="#eeeeee"/>
  17. <meta name="color:Blog Title" content="#000000"/>
  18. <meta name="color:Border" content="#ddddee"/>
  19. <meta name="color:Border Background" content="#ffffff"/>
  20. <meta name="color:Caption Background" content="#fafafa"/>
  21. <meta name="color:Caption Border" content="#eeeeee"/>
  22. <meta name="color:Credit" content="#000000"/>
  23. <meta name="color:Credit Background" content="#ffffff"/>
  24. <meta name="color:Hover" content="#cfcfcf"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Border" content="#eeeeee"/>
  27. <meta name="color:List" content="#eeeeee"/>
  28. <meta name="color:Post Title" content="#000000"/>
  29. <meta name="color:Scrollbar" content="#000000"/>
  30. <meta name="color:Text" content="#000000"/>
  31. <meta name="color:Tooltip Background" content="#ffffff"/>
  32.  
  33. <meta name="text:Link 1" content="/"/>
  34. <meta name="text:Link 1 Title" content="Link One"/>
  35. <meta name="text:Link 2" content="/"/>
  36. <meta name="text:Link 2 Title" content="Link Two"/>
  37. <meta name="text:Link 3" content="/"/>
  38. <meta name="text:Link 3 Title" content="Link Three"/>
  39.  
  40. <meta name="text:Title" content="Drowning"/>
  41.  
  42. <meta name="image:Image" content="http://i.imgur.com/YtsQup9.jpg"/>
  43.  
  44. <meta name="if:Image" content="1"/>
  45.  
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic);
  64. @import 'https://fonts.googleapis.com/css?family=Space+Mono:400,700';
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background:{color:Scrollbar};
  68. height:50px;
  69. }
  70.  
  71. ::-webkit-scrollbar {
  72. height:10px;
  73. width:3px;
  74. }
  75.  
  76. #s-m-t-tooltip {
  77. background:{color:Tooltip Background};
  78. border:1px solid {color:Border};
  79. color:{color:Text};
  80. font-family:'Open Sans', sans-serif;
  81. font-size:10px;
  82. font-style:normal;
  83. font-weight:normal;
  84. letter-spacing:0px;
  85. margin-top:20px;
  86. padding:10px;
  87. text-align:center;
  88. text-decoration:none;
  89. text-transform:uppercase;
  90. z-index:999999999999999999999999999999999999;
  91. }
  92.  
  93. body {
  94. background:{color:Background};
  95. color:{color:Text};
  96. cursor:url(http://i.imgur.com/lhPqll6.png), progress;
  97. font-family:'Open Sans', sans-serif;
  98. font-size:11px;
  99. font-style:normal;
  100. font-weight:normal;
  101. letter-spacing:0px;
  102. margin:0px;
  103. text-align:justify;
  104. text-decoration:none;
  105. text-transform:none;
  106. word-break:break-word;
  107. }
  108.  
  109. a {
  110. border-bottom:1px solid {color:Link Border};
  111. color:{color:Link};
  112. text-decoration:none;
  113. -webkit-transition: all 0.5s ease;
  114. -moz-transition: all 0.5s ease;
  115. -o-transition: all 0.5s ease;
  116. }
  117.  
  118. a:hover {
  119. color:{color:Hover};
  120. }
  121.  
  122. h1 {
  123. color:{color:Post Title};
  124. font-family:'Open Sans', sans-serif;
  125. font-size:12px;
  126. font-style:normal;
  127. font-weight:bold;
  128. letter-spacing:0px;
  129. line-height:150%;
  130. text-align:left;
  131. text-decoration:none;
  132. text-transform:none;
  133. }
  134.  
  135. blockquote {
  136. border-left:1px solid {color:Blockquote};
  137. margin:5px;
  138. padding-left:5px;
  139. }
  140.  
  141. blockquote img {
  142. height:auto;
  143. max-width:200px;
  144. }
  145.  
  146. blockquote blockquote {
  147. border-left:1px solid {color:Blockquote};
  148. padding-left:5px;
  149. }
  150.  
  151. ul {
  152. padding:10px;
  153. }
  154.  
  155. li {
  156. list-style:none;
  157. padding:2px 0px 1px 0px;
  158. }
  159.  
  160. li:before {
  161. color:{color:List};
  162. content:'–––––';
  163. letter-spacing:-3px;
  164. padding-right:10px;
  165. }
  166.  
  167. img {
  168. height:auto;
  169. max-width:100%;
  170. }
  171.  
  172. #border-container {
  173. margin-left:auto;
  174. margin-right:auto;
  175. width:800px;
  176. }
  177.  
  178. .border {
  179. background:{color:Border Background};
  180. border-left:1px solid {color:Border};
  181. border-right:1px solid {color:Border};
  182. height:100%;
  183. margin-top:-50px;
  184. position:fixed;
  185. width:800px;
  186. }
  187.  
  188. #container {
  189. margin-bottom:50px;
  190. margin-left:auto;
  191. margin-right:auto;
  192. margin-top:50px;
  193. width:700px;
  194. }
  195.  
  196. #sidebar {
  197. position:fixed;
  198. width:200px;
  199. }
  200.  
  201. .image {
  202. height:150px;
  203. width:200px;
  204. }
  205.  
  206. .image img {
  207. height:150px;
  208. width:200px;
  209. }
  210.  
  211. .title {
  212. color:{color:Blog Title};
  213. font-family:'Space Mono', monospace;
  214. font-size:11px;
  215. font-style:normal;
  216. font-weight:900;
  217. letter-spacing:0px;
  218. margin-top:0px;
  219. {block:ifImage}
  220. margin-top:20px;
  221. {/block:ifImage}
  222. text-decoration:none;
  223. text-align:center;
  224. text-transform:uppercase;
  225. }
  226.  
  227. .box {
  228. border-top:1px solid {color:Border};
  229. margin-top:20px;
  230. padding-top:20px;
  231. }
  232.  
  233. .box-title {
  234. border-bottom:1px solid {color:Border};
  235. color:{color:Text};
  236. font-family:'Space Mono', monospace;
  237. font-size:10px;
  238. font-style:normal;
  239. font-weight:normal;
  240. letter-spacing:0px;
  241. position:absolute;
  242. text-decoration:none;
  243. text-align:justify;
  244. text-transform:uppercase;
  245. width:30px;
  246. }
  247.  
  248. .box-content {
  249. margin-left:50px;
  250. width:150px;
  251. }
  252.  
  253. .description {
  254. color:{color:Text};
  255. font-family:'Open Sans', sans-serif;
  256. font-size:11px;
  257. font-style:normal;
  258. font-weight:normal;
  259. letter-spacing:0px;
  260. text-decoration:none;
  261. text-align:justify;
  262. text-transform:none;
  263. }
  264.  
  265. .links {
  266. color:{color:Link};
  267. font-family:'Open Sans', sans-serif;
  268. font-size:11px;
  269. font-style:normal;
  270. font-weight:normal;
  271. letter-spacing:0px;
  272. text-decoration:none;
  273. text-align:left;
  274. text-transform:none;
  275. }
  276.  
  277. .links a {
  278. border-bottom:none;
  279. display:block;
  280. color:{color:Link};
  281. margin-bottom:5px;
  282. margin-left:5px;
  283. margin-right:5px;
  284. }
  285.  
  286. .links a:hover {
  287. color:{color:Hover};
  288. }
  289.  
  290. .search {
  291. border:1px solid {color:Border};
  292. margin-top:20px;
  293. }
  294.  
  295. .sfm input {
  296. border:none;
  297. color:{color:Text};
  298. font-family:'Space Mono', monospace;
  299. font-size:10px;
  300. font-style:normal;
  301. font-weight:normal;
  302. letter-spacing:0px;
  303. margin-bottom:5px;
  304. margin-left:5px;
  305. margin-top:5px;
  306. text-decoration:none;
  307. text-align:justify;
  308. text-transform:uppercase;
  309. width:188px;
  310. }
  311.  
  312. #posts {
  313. margin-left:300px;
  314. margin-top:50px;
  315. position:relative;
  316. }
  317.  
  318. .entries {
  319. width:400px;
  320. }
  321.  
  322. .caption {
  323. margin-top:5px;
  324. background:{color:Caption Background};
  325. border:1px solid {color:Border};
  326. padding:10px;
  327. }
  328.  
  329. #quote {
  330. color:{color:Text};
  331. font-family:'Open Sans', sans-serif;
  332. font-size:15px;
  333. font-style:normal;
  334. font-weight:normal;
  335. letter-spacing:0px;
  336. padding:10px;
  337. text-align:justify;
  338. text-decoration:none;
  339. text-transform:none;
  340. }
  341.  
  342. #chat {
  343. color:{color:Text};
  344. font-family:'Open Sans', sans-serif;
  345. font-size:10px;
  346. font-style:normal;
  347. font-weight:normal;
  348. letter-spacing:0px;
  349. text-align:justify;
  350. text-decoration:none;
  351. text-transform:uppercase;
  352. }
  353.  
  354. #website {
  355. color:{color:Text};
  356. font-family:'Open Sans', sans-serif;
  357. font-size:12px;
  358. font-style:normal;
  359. font-weight:normal;
  360. letter-spacing:0px;
  361. text-align:justify;
  362. text-decoration:none;
  363. text-transform:none;
  364. }
  365.  
  366. .question {
  367. border:1px solid {color:Border};
  368. color:{color:Text};
  369. font-family:'Open Sans', sans-serif;
  370. font-size:11px;
  371. font-style:normal;
  372. font-weight:normal;
  373. letter-spacing:0px;
  374. margin-bottom:10px;
  375. padding:20px;
  376. text-align:justify;
  377. text-decoration:none;
  378. text-transform:none;
  379. }
  380.  
  381. .asker {
  382. color:{color:Asker};
  383. font-family:'Open Sans', sans-serif;
  384. font-size:11px;
  385. font-style:normal;
  386. font-weight:bold;
  387. letter-spacing:0px;
  388. text-align:justify;
  389. text-decoration:none;
  390. text-transform:uppercase;
  391. }
  392.  
  393. .asker a {
  394. border-bottom:1px solid {color:Border};
  395. color:{color:Asker};
  396. }
  397.  
  398. .asker a:hover {
  399. color:{color:Hover};
  400. }
  401.  
  402. .playbutton {
  403. height:28px;
  404. overflow:hidden;
  405. padding:5px;
  406. position:relative;
  407. width:25px;
  408. }
  409.  
  410. .playbox {
  411. background:{color:Audio Background};
  412. margin-left:17px;
  413. margin-top:17px;
  414. opacity:0.7;
  415. position:absolute;
  416. }
  417.  
  418. .audiodesc {
  419. color:{color:Text};
  420. font-family:'Open Sans', sans-serif;
  421. font-size:10px;
  422. font-style:normal;
  423. font-weight:normal;
  424. letter-spacing:0px;
  425. margin-left:5px;
  426. margin-top:0px;
  427. padding:17px;
  428. position:relative;
  429. text-align:left;
  430. text-decoration:none;
  431. text-transform:uppercase;
  432. }
  433.  
  434. #info {
  435. color:{color:Text};
  436. font-family:'Space Mono', monospace;
  437. font-size:10px;
  438. font-style:normal;
  439. font-weight:normal;
  440. letter-spacing:0px;
  441. margin-bottom:50px;
  442. margin-top:20px;
  443. text-align:left;
  444. text-decoration:none;
  445. text-transform:uppercase;
  446. }
  447.  
  448. #info a {
  449. color:{color:Link};
  450. }
  451.  
  452. #info a:hover {
  453. color:{color:Hover};
  454. }
  455.  
  456. #tags {
  457. color:{color:Text};
  458. font-family:'Space Mono', monospace;
  459. font-size:10px;
  460. font-style:normal;
  461. font-weight:normal;
  462. letter-spacing:0px;
  463. text-align:left;
  464. text-decoration:none;
  465. text-transform:uppercase;
  466. }
  467.  
  468. #tags a {
  469. color:{color:Link};
  470. }
  471.  
  472. #tags a:hover {
  473. color:{color:Hover};
  474. }
  475.  
  476. #notes {
  477. color:{color:Text};
  478. font-family:'Space Mono', monospace;
  479. font-size:10px;
  480. font-style:normal;
  481. font-weight:normal;
  482. letter-spacing:0px;
  483. text-align:left;
  484. text-decoration:none;
  485. text-transform:uppercase;
  486. width:400px;
  487. }
  488.  
  489. #notes a {
  490. color:{color:Link};
  491. }
  492.  
  493. #notes a:hover {
  494. color:{color:Hover};
  495. }
  496.  
  497. #notes img {
  498. display:none;
  499. }
  500.  
  501. .pagination {
  502. color:{color:Text};
  503. font-family:'Space Mono', monospace;
  504. font-size:10px;
  505. font-style:normal;
  506. font-weight:normal;
  507. letter-spacing:0px;
  508. margin-bottom:50px;
  509. text-align:center;
  510. text-decoration:none;
  511. text-transform:uppercase;
  512. width:400px;
  513. }
  514.  
  515. .pagination a {
  516. color:{color:Link};
  517. }
  518.  
  519. .pagination a:hover {
  520. color:{color:Hover};
  521. }
  522.  
  523. #credit {
  524. background:{color:Credit Background};
  525. border:1px solid {color:Border};
  526. bottom:15px;
  527. color:{color:Credit};
  528. float:right;
  529. font-family:'Open Sans', sans-serif;
  530. font-size:10px;
  531. font-style:normal;
  532. font-weight:normal;
  533. letter-spacing:0px;
  534. padding:5px;
  535. position:fixed;
  536. right:15px;
  537. text-align:justify;
  538. text-decoration:none;
  539. text-transform:uppercase;
  540. }
  541.  
  542. #credit a {
  543. border-bottom:none;
  544. color:{color:Credit};
  545. }
  546.  
  547. #credit a:hover {
  548. color:{color:Hover};
  549. }
  550.  
  551. {CustomCSS}</style></head><body>
  552.  
  553. <div id="border-container">
  554. <div class="border"></div>
  555. </div>
  556.  
  557. <div id="container">
  558.  
  559. <div id="sidebar">
  560.  
  561. {block:ifImage}
  562. <div class="image"><img src="{image:Image}"/></div>
  563. {/block:ifImage}
  564.  
  565. <div class="title">{text:Title}</div>
  566.  
  567. <div class="box">
  568.  
  569. <div class="box-title">About</div>
  570.  
  571. <div class="box-content">
  572.  
  573. <div class="description">{Description}</div>
  574.  
  575. </div>
  576.  
  577. </div>
  578.  
  579. <div class="box">
  580.  
  581. <div class="box-title">Links</div>
  582.  
  583. <div class="box-content">
  584.  
  585. <div class="links">
  586. <a href="/">Home</a>
  587. <a href="/ask">Ask</a>
  588. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  589. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  590. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  591. <a href="/archive">Archive</a>
  592. </div>
  593.  
  594. </div>
  595.  
  596. </div>
  597.  
  598. <div class="search">
  599.  
  600. <form action="/search" method="get" class="sfm" name="theform">
  601. <input type="text" name="q" value="Search"/>
  602. </form>
  603.  
  604. </div>
  605.  
  606. </div>
  607.  
  608. <div id="posts">
  609. {block:Posts}
  610. <div class="entries">
  611.  
  612. {block:Photo}<img src="{PhotoURL-400}">
  613. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  614. {/block:Photo}
  615.  
  616. {block:Photoset}{Photoset}
  617. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  618. {/block:Photoset}
  619.  
  620. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  621.  
  622. {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  623.  
  624. {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  625.  
  626. <div id="chat">
  627. {block:Chat}
  628. {block:Title}
  629. <h1>{Title}</h1>
  630. {/block:Title}
  631. {block:Lines}
  632. {block:Label}<b>{Label}</b>{/block:Label}
  633. {Line}<br>
  634. {/block:Lines}{/block:Chat}
  635. </div>
  636.  
  637. {block:Audio}
  638. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  639. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  640. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  641. {/block:Audio}
  642.  
  643. {block:Video}
  644. {Video-400}
  645. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  646. {/block:Video}
  647.  
  648. {block:Answer}
  649. <div class="question">
  650. <span class="asker"><a href="{AskerURL}">{Asker}</a></span> {Question}</div>
  651. {Answer}
  652. {/block:Answer}
  653. </div>
  654.  
  655. {block:Date}<div id="info">posted with <a href="{Permalink}">{NoteCount}</a> notes on {Month} {DayOfMonth}, {Year} {/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(orig <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  656.  
  657. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  658. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
  659.  
  660. {/block:Posts}
  661.  
  662. {block:IndexPage}
  663. <div class="pagination">
  664. {block:PreviousPage}
  665. <a href="{PreviousPage}">previous</a>
  666. {/block:PreviousPage}
  667. {CurrentPage} out of {TotalPages}
  668. {block:NextPage}
  669. <a href="{NextPage}">next</a>
  670. {/block:NextPage}
  671. </div>
  672. {/block:IndexPage}
  673.  
  674. </div>
  675.  
  676. <div id="credit">
  677. <a href="http://extasisthemes.tumblr.com/">ET</a>
  678. </div>
  679.  
  680. </body>
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement