API tools faq
paste
ameliasdreams

theme 10 - o death

ameliasdreams
Feb 9th, 2014
1,541
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---
  6.  
  7. O DEATH (theme #10) BY MELODYPCND(.tumblr.com)
  8.  
  9. - DO NOT REMOVE THE CREDIT
  10. - DO NOT TOUCH THE CREDIT IN ANY WAY
  11. - DO NOT MOVE THE CREDIT TO A SECONDARY PAGE
  12. - DO NOT STEAL THIS CODE AND REDISTRIBUTE AS YOUR OWN
  13. - DO NOT USE THIS AS A BASE CODE
  14. - AND LASTLY, DO NOT TAKE PARTS OF THE CODE, AS THAT IS ALSO STEALING
  15.  
  16. but please DO like or reblog the post! :) enjoy the theme! <3
  17.  
  18. --->
  19.  
  20. <head>
  21.  
  22. <!---TITLE--->
  23. <title>{Title}</title>
  24.  
  25. <!---FAVICON--->
  26. <link rel="shortcut icon" href="{Favicon}">
  27.  
  28. <!---RSS FEED--->
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <!---DESCRIPTION--->
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}"/>
  34. {/block:Description}
  35.  
  36. <!---COLORS--->
  37. <meta name="color:Font" content="#b6b5b5" />
  38. <meta name="color:ScrollbarBG" content="#b8b8b8" />
  39.  
  40. <!---LINKS AND TEXT--->
  41. <meta name="text:Link 1 URL" content="" />
  42. <meta name="text:Link 1 Title" content="" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 2 Title" content="" />
  45. <meta name="text:Link 3 URL" content="" />
  46. <meta name="text:Link 3 Title" content="" />
  47.  
  48. <!---IMAGES--->
  49. <meta name="image:Sidebar Image" content="" />
  50. <meta name="image:Updates Image" content=""/>
  51.  
  52. <!---FONTS--->
  53. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  54. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  55.  
  56. <!---SCRIPTS--->
  57.  
  58. <script type="text/javascript">
  59. function unhide(divID) {
  60. var item = document.getElementById(divID);
  61. if (item) {
  62. item.className=(item.className=='hidden')?'unhidden':'hidden';
  63. }
  64. }
  65. </script>
  66.  
  67. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  68.  
  69. <style>
  70. div#qTip {
  71. padding:4px;
  72. display:none;
  73. text-align:center;
  74. position:absolute;
  75. font-size:8.5px;
  76. margin-left:10px;
  77. margin-top:-2px;
  78. line-height:9px;
  79. font-family:times;
  80. font-style:none;
  81. z-index:10000;
  82. background-color:#fff;
  83. text-transform:lowercase;
  84. letter-spacing:3px;
  85. color:{color:font};
  86. }
  87. </style>
  88.  
  89. <style>
  90. body, a, a:hover {
  91. cursor:url(http://static.tumblr.com/oxr8htj/yyBn0fro1/thing.png), auto;
  92. }
  93. </style>
  94.  
  95. <style type="text/css">
  96.  
  97. /*---WEBKIT SCROLLBAR---*/
  98. ::-webkit-scrollbar {width:5px; height:auto; background:#fff;}
  99. ::-webkit-scrollbar-corner {background:#000;}
  100. ::-webkit-scrollbar-thumb:vertical {background:#000;}
  101. ::-webkit-scrollbar-thumb:horizontal {background:#000;}
  102.  
  103.  
  104. /*---BODY---*/
  105.  
  106.  
  107.  
  108. /* --- SIDEBAR ---*/
  109. #sidebar {
  110. width:175px;
  111. position:fixed;
  112. margin-left:160px;
  113. margin-top:175px
  114. }
  115.  
  116. #sidebarimage img {
  117. width:175px;
  118. margin-top:0px;
  119. opacity:0.85;
  120. -moz-transition-duration:1s;
  121. -webkit-transition-duration:1s;
  122. -o-transition-duration:1s;
  123. }
  124.  
  125. #sidebarimage img:hover {
  126. opacity:1;
  127. -webkit-filter: grayscale(75%);
  128. }
  129.  
  130. #title {
  131. margin-left:5px;
  132. margin-right:5px;
  133. margin-bottom:6px;
  134. font-size:10px;
  135. font-family:times;
  136. font-weight:bold;
  137. letter-spacing:3px;
  138. text-align:center;
  139. text-transform:uppercase;
  140. color:{color:Font};
  141. -webkit-transition-duration:1s;
  142. -moz-transition-duration:1s;
  143. -o-transition-duration:1s;
  144. }
  145.  
  146. #links {
  147. position: fixed;
  148. width: 175px;
  149. text-align:center;
  150. opacity:0;
  151. margin-top:-17px;
  152. -webkit-transition-duration:1s;
  153. -moz-transition-duration:1s;
  154. -o-transition-duration:1s;
  155. }
  156.  
  157. #links a {
  158. margin-left:5px;
  159. margin-right:5px;
  160. margin-bottom:6px;
  161. font-size:8.5px;
  162. font-style:italic;
  163. font-family:times;
  164. text-align:center;
  165. color:{color:Font};
  166. -webkit-transition-duration:1s;
  167. -moz-transition-duration:1s;
  168. -o-transition-duration:1s;
  169. }
  170.  
  171. #links a:hover {
  172. text-decoration:underline;
  173. }
  174.  
  175. #sidebar:hover #links {
  176. opacity:1;
  177. -webkit-transition-duration:1s;
  178. -moz-transition-duration:1s;
  179. -o-transition-duration:1s;
  180. }
  181.  
  182. #sidebar:hover #title {
  183. opacity:0;
  184. -webkit-transition-duration:1s;
  185. -moz-transition-duration:1s;
  186. -o-transition-duration:1s;
  187. }
  188.  
  189. #description {
  190. margin-top:5px;
  191. width: 164px;
  192. line-height: 100%;
  193. text-transform:none;
  194. text-align:center;
  195. font-family:cambria;
  196. text-transform:none;
  197. letter-spacing:1px;
  198. font-size:8px;
  199. line-height:150%;
  200. font-style:italic;
  201. padding:5px;
  202. color:{color:font};
  203. border-top:1px solid #999;
  204. }
  205.  
  206. #pagination {
  207. text-align:center;
  208. margin-top:5px;
  209. font-size:14px;
  210. font-family:times;
  211. line-height:15px;
  212. width:175px;
  213. color:{color:font};
  214. letter-spacing:1px;
  215. }
  216.  
  217.  
  218.  
  219.  
  220. body {
  221. font-style:none;
  222. background:#fff;
  223. margin:50px;
  224. color:{color:Font};
  225. font-family:times;
  226. font-size:9px;
  227. line-height:100%;
  228. color:{color:Font};
  229. }
  230.  
  231. blockquote {
  232. border-left:2px solid #b8b8b8;
  233. padding-left:10px;
  234. margin-left:20px;
  235. }
  236.  
  237. a {
  238. color:{color:Font};
  239. text-decoration:none;
  240. text-transform:none;
  241. -webkit-transition:all 0.5s ease-in-out;
  242. -moz-transition:all 0.5s ease-in-out;
  243. -o-transition:all 0.5s ease-in-out;
  244. -ms-transition:all 0.5s ease-in-out;
  245. -transition:all 0.5s ease-in-out;
  246. }
  247.  
  248. img {
  249. max-height:100%;
  250. max-width:100%;
  251. }
  252.  
  253. h1 , h2 {
  254. font-family:times;
  255. text-transform:none;
  256. font-size:12px;
  257. line-height:30px;
  258. letter-spacing:0px;
  259. text-align:justify;
  260. font-style:none;
  261. border-bottom:1px solid {color:font};
  262. }
  263.  
  264. /*---ENTRIES/POSTS---*/
  265. #entry {
  266. width:400px;
  267. margin-top:50px;
  268. }
  269.  
  270. #posts {
  271. width:400px;
  272. padding-bottom:100px;
  273. font-style:none;
  274. padding:15px;
  275. margin-left:525px;
  276. margin-bottom:50px;
  277. -webkit-filter: brightness(100%);
  278. -webkit-transition-duration:0.5s;
  279. -moz-transition-duration:0.5s;
  280. -o-transition-duration:0.5s;
  281. }
  282. #posts:hover {
  283. -webkit-filter: brightness(105%);
  284. -webkit-transition-duration:0.5s;
  285. -moz-transition-duration:0.5s;
  286. -o-transition-duration:0.5s;
  287. }
  288. .cap {
  289. background-color:#fff;
  290. padding:10px;
  291. margin-top:5px;
  292. letter-spacing:1px;
  293. }
  294.  
  295. #quote {
  296. font-size:15px;
  297. font-style:italic;
  298. line-height:100%;
  299. letter-spacing:1px;
  300. text-align:justify;
  301. }
  302.  
  303. .source {
  304. text-align:right;
  305. font-size:9px;
  306. letter-spacing:2px;
  307. }
  308.  
  309. .newplayerbutton {
  310. position: relative;
  311. width: 28px;
  312. height: 27px;
  313. overflow: hidden;
  314. }
  315.  
  316. .playerbuttonhug {
  317. position: absolute;
  318. top: -11px;
  319. left: -12px;
  320. }
  321.  
  322.  
  323. .tumblr_audio_player {
  324. border: none;
  325. padding: 0px;
  326. margin: 0px;
  327. height: 50px;
  328. width: 500px;
  329. }
  330.  
  331. .playerbuttonbg {
  332. position: absolute;
  333. left: 20px;
  334. top: 20px;
  335. width: 28px;
  336. height: 28px;
  337. background-color: #fff;
  338. padding: 10px;
  339. -webkit-border-radius: 40px;
  340. -moz-border-radius: 40px;
  341. border-radius: 40px;
  342. opacity: .4;
  343. filter: alpha(opacity=40);
  344. -moz-opacity: 0.4;
  345. -khtml-opacity: 0.4;
  346. transition: opacity .7s ease-in-out;
  347. -moz-transition: opacity .7s ease-in-out;
  348. -webkit-transition: opacity .7s ease-in-out;
  349. }
  350.  
  351. .playerbuttonbg:hover {
  352. opacity: 1;
  353. filter: alpha(opacity=100);
  354. -moz-opacity: 1;
  355. -khtml-opacity: 1;
  356. }
  357.  
  358. .audioimgwrapper {
  359. position: absolute;
  360. left: 0px;
  361. top: 0px;
  362. -webkit-border-radius: 50px;
  363. -moz-border-radius: 50px;
  364. border-radius: 50px;
  365. overflow: hidden;
  366. width: 88px;
  367. height: 88px;
  368. }
  369.  
  370. .audioimgwrapper img {
  371. width: 100%;
  372. height: auto;
  373. -webkit-border-radius: 50px;
  374. -moz-border-radius: 50px;
  375. border-radius: 50px;
  376. }
  377.  
  378. .trackdetails {
  379. width: auto;
  380. display:inline-block;
  381. margin-left: 100px;
  382. min-height: 85px;
  383. }
  384.  
  385. .audiowrapper {
  386. position: relative;
  387. display:inline-block;
  388. }
  389.  
  390. /*---ASKS/INFO---*/
  391.  
  392. #answers {
  393. background-color:#ffffff;
  394. color:{color:Font};
  395. padding:2px;
  396. font-family:times;
  397. font-size:9px;
  398. font-style:normal;
  399. letter-spacing:1px;
  400. line-height:105%;
  401. text-align:justify;
  402. }
  403.  
  404. /*---INFO---*/
  405. #info {
  406. font-family:times;
  407. text-align:right;
  408. margin-top:10px;
  409. padding-top:10px;
  410. padding:0px;
  411. padding-bottom:1px;
  412. text-transform:lowercase;
  413. font-style:none;
  414. font-size:8px;
  415. letter-spacing:2px;
  416. line-height:100%;
  417. color:{color:Font};
  418. opacity:0;
  419. -webkit-transition:all 0.5s ease-in-out;
  420. -moz-transition:all 0.5s ease-in-out;
  421. -o-transition:all 0.5s ease-in-out;
  422. -ms-transition:all 0.5s ease-in-out;
  423. -transition:all 0.5s ease-in-out;
  424. }
  425.  
  426. #posts:hover #info {
  427. opacity:1;
  428. -webkit-transition:all 0.5s ease-in-out;
  429. -moz-transition:all 0.5s ease-in-out;
  430. -o-transition:all 0.5s ease-in-out;
  431. -ms-transition:all 0.5s ease-in-out;
  432. -transition:all 0.5s ease-in-out;
  433. }
  434.  
  435. /*---VIA---*/
  436. #rebloggedfrom {
  437. font-family:times;
  438. text-align:center;
  439. margin-top:-5px;
  440. padding-bottom:0px;
  441. text-transform:lowercase;
  442. font-style:none;
  443. font-size:8px;
  444. }
  445.  
  446. /*---TAGS---*/
  447. #tags {
  448. font-family:times;
  449. text-align:right;
  450. letter-spacing:2px;
  451. margin-top:5px;
  452. text-transform:lowercase;
  453. font-style:none;
  454. font-size:8px;
  455. }
  456.  
  457. #tags a {
  458. color:{color:font};
  459. background-color:#eee;
  460. padding:3px;
  461. font-size:7px;
  462. -webkit-transition:all 0.5s ease-in-out;
  463. -moz-transition:all 0.5s ease-in-out;
  464. -o-transition:all 0.5s ease-in-out;
  465. -ms-transition:all 0.5s ease-in-out;
  466. -transition:all 0.5s ease-in-out;
  467. }
  468.  
  469. #tags a:hover {
  470. font-size:7.5px;
  471. -webkit-transition:all 0.5s ease-in-out;
  472. -moz-transition:all 0.5s ease-in-out;
  473. -o-transition:all 0.5s ease-in-out;
  474. -ms-transition:all 0.5s ease-in-out;
  475. -transition:all 0.5s ease-in-out;
  476. }
  477.  
  478. #poop {
  479. padding:5px;
  480. }
  481.  
  482. #poop a {
  483. position:fixed;
  484. bottom:0px;
  485. right:0px;
  486. font-size:9px;
  487. font-family:calibri;
  488. font-weight:bold;
  489. letter-spacing:2px;
  490. text-transform:lowercase;
  491. color:{color:text};
  492. }
  493.  
  494. /*---END CSS---*/
  495.  
  496. {CustomCSS}</style></head><body>
  497.  
  498. <!---SIDEBAR--->
  499. <div id="sidebar">
  500. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div><br>
  501.  
  502. <center>
  503. <div id="title">{Title}</div>
  504. <div id="links">
  505. <a href="/">home</a>
  506. <a href="/ask">ask</a>
  507. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  508. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  509. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  510. </div></center>
  511.  
  512. <div id="description">{Description}</div>
  513.  
  514. <center>
  515. {block:Pagination}
  516. <div id="pagination">
  517. {block:PreviousPage}
  518. <a href="{PreviousPage}">↢ </a>
  519. {/block:PreviousPage}
  520. &nbsp;
  521. {block:NextPage}
  522. <a href="{NextPage}"> ↣</a>
  523. {/block:NextPage}
  524. </div>
  525. {/block:Pagination}
  526. </center>
  527.  
  528. </center>
  529. </div>
  530. <!---END SIDEBAR--->
  531.  
  532. <!---POSTS--->
  533. <div id="entry">
  534. {block:Posts}
  535. <div id="posts">
  536.  
  537. <!---TEXT POSTS--->
  538. {block:Text}
  539. <h1>
  540. {block:Title}
  541. {Title}
  542. {/block:Title}
  543. </h1>
  544. <div class="cap">{Body}</div>
  545. {/block:Text}
  546.  
  547. {block:blockquote}
  548. {/block:blockquote}
  549.  
  550. <!---PHOTO POSTS--->
  551. {block:Photo}
  552. <center>
  553. {LinkOpenTag}
  554. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  555. {LinkCloseTag}
  556. </center>
  557. {block:Caption}
  558. <div class="cap">{Caption}</div>
  559. {/block:Caption}
  560. {/block:Photo}
  561.  
  562. <!---PHOTOSET POSTS--->
  563. {block:Photoset}
  564. <center>
  565. {Photoset-400}
  566. </center>
  567. {block:Caption}
  568. <div class="cap">{Caption}</div>
  569. {/block:Caption}
  570. {/block:Photoset}
  571.  
  572. <!---QUOTE POSTS--->
  573. {block:Quote}
  574. <div id="quote">❝{Quote}❞</div><p>
  575. <center>
  576. {block:Source}
  577. <div class="source">—{Source}</div>
  578. {/block:Source}
  579. </center>
  580. {/block:Quote}
  581.  
  582. <!---LINK POSTS--->
  583. {block:Link}
  584. <h1>
  585. <a href="{URL}"{Target}>{Name}</a>
  586. </h1>
  587. {block:Description}
  588. {Description}
  589. {/block:Description}
  590. {/block:Link}
  591. <!---CHAT POSTS--->
  592. {block:Chat}
  593. {block:Title}
  594. <h1>
  595. {Title}
  596. </h1>
  597. {/block:Title}
  598. {block:Lines}
  599. {block:Label}
  600. <b>{Label}</b>
  601. {/block:Label}
  602. {Line}<br>
  603. {/block:Lines}
  604. {/block:Chat}
  605. <!---AUDIO POSTS--->
  606. {block:AudioPlayer}
  607. <div class="audiowrapper">
  608. {block:AlbumArt}
  609. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  610. {/block:AlbumArt}
  611.  
  612. <div class="playerbuttonbg">
  613. <div class="newplayerbutton">
  614. <div class="playerbuttonhug">
  615.  
  616. {AudioPlayerWhite}
  617.  
  618. </div>
  619. </div>
  620. </div>
  621.  
  622. <div class="trackdetails">
  623.  
  624. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  625. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  626. {block:Album}Album: {Album}{/block:Album}<br/>
  627. {PlayCountWithLabel}
  628.  
  629. </div>
  630. </div>
  631. {block:Caption}
  632. <div class="cap">{Caption}</div>
  633. {/block:Caption}
  634. {/block:AudioPlayer}
  635. <!---VIDEO POSTS--->
  636. {block:Video}
  637. {Video-400}
  638. {block:Caption}
  639. <div class="cap">{Caption}</div>
  640. {/block:Caption}
  641. {/block:Video}
  642. <!---ASK POSTS--->
  643. {block:Answer}
  644. <div style="padding:20px; text-align:center; border-bottom:1px solid {color:font};" class="cap">
  645. <a href="{askerURL}"><b>{Asker}</b> —&nbsp;{Question}</div>
  646. <div id="answers">{Answer}</div>
  647. {/block:answer}
  648. <!---END POSTS--->
  649.  
  650. <!---POST INFO--->
  651. <div id="info">
  652. <!---DATE--->
  653. {block:Date}
  654. <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}</a>
  655. {/block:Date}
  656. <!---NOTE COUNT--->
  657. {block:NoteCount}
  658. <a href="{Permalink}"> / {NoteCountWithLabel}</a>
  659. {/block:NoteCount}
  660. <!---VIA--->
  661. {block:RebloggedFrom}
  662. <a href="{ReblogParentURL}"> / via</a>
  663. {/block:RebloggedFrom}
  664.  
  665. <!---SOURCE--->
  666. {block:ContentSource}
  667. <a href="{SourceURL}"> / src</a>
  668. {/block:ContentSource}
  669.  
  670. <!---END POST INFO--->
  671.  
  672. <!---TAGS--->
  673. <div id="tags">
  674. {block:HasTags}
  675. {block:Tags}
  676. <a href="{TagURL}">{Tag}</a>
  677. {/block:Tags}
  678. {/block:HasTags}
  679. </div>
  680.  
  681. <!---POST NOTES--->
  682. {block:PostNotes}
  683. {PostNotes}
  684. {/block:PostNotes}
  685. </div></div>
  686. {/block:Posts}
  687.  
  688. <!---CREDIT--->
  689. <div id="poop">
  690. <a href="http://melodypcnd.tumblr.com/">mk</a>
  691. </div>
  692. </center>
  693. </div>
  694.  
  695.  
  696. </body>
  697.  
  698. </html>
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!