SHARE
TWEET

Sheer Heart Attack Theme

ResThemes Jan 21st, 2019 116 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2.  
  3. <!---
  4. Sheer Heart Attack Theme by Re
  5. -Light/Heavy editing is allowed
  6. -Please do not edit/remove credit or steal code parts
  7. --->
  8.  
  9. <html>
  10.  
  11. <meta name="image:FavIcon" content="">
  12. <meta name="image:Background Image" content="">
  13.  
  14. <meta name="color:Text" content="#222222">
  15. <meta name="color:Top Text" content="#fff">
  16. <meta name="color:Background Color" content="#330f07">
  17. <meta name="color:Text Glow" content="#f52323">
  18.    
  19.  
  20. <meta name="text:Font" content="verdana">
  21. <meta name="text:Font Size" content="11px">
  22.  
  23. <meta name="text:Link1" content="link1">
  24. <meta name="text:URL1" content="/link1">
  25. <meta name="text:Link2" content="link2">
  26. <meta name="text:URL2" content="/link2">
  27. <meta name="text:Link3" content="link3">
  28. <meta name="text:URL3" content="/link3">
  29.  
  30. <head>
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{FavIcon}">
  33.  
  34. <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
  35.  
  36.  
  37. <style>
  38.  
  39.  
  40. body {
  41.     background: #fff url({image:Background Image}) fixed right;
  42.     background-color: {color:Background Color};
  43.     font-family: {text:Font};
  44.     font-size: {text:Font Size};
  45.     color: {color:Text};
  46. }
  47.  
  48. a {
  49.     color: {color:Text Glow};
  50.     text-decoration: none;
  51. }
  52.  
  53. a:hover {
  54.     color: white;
  55.     text-decoration: none;
  56.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  57. }
  58.  
  59.  
  60. blockquote {
  61.     margin: 10px;
  62.     padding: 0 10px;
  63.     border-left: 3px solid #f6f6f6;
  64. }
  65.  
  66. .title {
  67.     color: {color:Text};
  68.     font-family: {text:Font};
  69.     font-size: 20px;
  70.     text-decoration: bold;
  71. }
  72.  
  73. .blogtitle {
  74.     color: white;
  75.     font-family: {text:Font};
  76.     font-size: 26px;
  77.     text-decoration: bold;
  78.     text-transform: uppercase;
  79.     text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px {color:Text Glow}, 0 0 30px {color:Text Glow}, 0 0 40px {color:Text Glow}, 0 0 55px {color:Text Glow}, 0 0 75px {color:Text Glow};
  80. }
  81.  
  82.  
  83. .entries {
  84.     position: relative;
  85.     z-index: 3;
  86.     padding: 5px 10px;
  87.     text-align: left;
  88.     background-color: white;
  89.     border-bottom: 1px solid #fff;
  90. }
  91.  
  92. .entries a {
  93.     color: {color:Text};
  94.     text-decoration: none;
  95. }
  96.  
  97. .entries a:hover {
  98.     color: white;
  99.     text-decoration: none;
  100.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  101. }
  102.  
  103. .post {
  104.     width: 500px;
  105.     margin: 0 0 60px 0;
  106.     background: white;
  107.     display: block;
  108.     padding: 15px;
  109.     border-radius: 10px;
  110.     }
  111.  
  112. .post img {
  113.     max-width: 100%;
  114.     height: auto;
  115. }
  116.  
  117. .avatar {
  118.     margin: 5px;
  119.     border-radius: 100%;
  120. }
  121.  
  122. .tags {
  123.     font-family: {text:Font};
  124.     font-size: {text:Font Size};
  125. }
  126.  
  127. .tags a {
  128.     color: {color:Text};
  129.     text-decoration: none;
  130. }
  131.  
  132. .tags a:hover {
  133.     color: white;
  134.     text-decoration: none;
  135.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  136. }
  137.  
  138. .like-reblog {
  139.     list-style: none;
  140. }
  141.  
  142. .like-reblog li {
  143.     float: right;
  144.     padding: 8px;
  145.     margin-top: -34px;
  146. }
  147.  
  148. .asktable {
  149.     background-color: #f6f6f6;
  150.     border: 2px solid white;
  151. }
  152.  
  153. .askericon {
  154.     border-radius: 100%;
  155.     width: 48px;
  156.     height: 48px;
  157. }
  158.  
  159. .iconcell {
  160.     background-color: #f6f6f6;
  161.     border-radius: 100%;
  162.     width: 50px;
  163.     height: 50px;
  164. }
  165.  
  166. .urlcell {
  167.     width: 400px;
  168.     margin-left: 3px;
  169.     padding: 2px;
  170.     background-color: #f6f6f6;
  171. }
  172.  
  173. .questioncell {
  174.     width: 325px;
  175.     margin-left: 5px;
  176.     padding: 2px;
  177.     background-color: #f6f6f6;
  178.     color: {color:body};
  179.     font-family: {text:Font};
  180.     font-size: {text:Font Size};
  181.    
  182. }
  183.  
  184. .askerurl {
  185.     color: {color:body};
  186.     font-family: {text:Font};
  187.     font-size: {text:Font Size};
  188.     text-transform: capitalize;
  189. }
  190.  
  191. .ans-qn {
  192.     color: {color:body};
  193.     font-family: {text:Font};
  194.     font-size: {text:Font Size};
  195. }
  196.  
  197. .pagenav {
  198.     margin: 0px 0 10px 0;
  199.     font-size: {text:Font Size};
  200.     font-family: {text:Font};
  201.     color: {color:Top Text};
  202. }
  203.  
  204. .pagenav a {
  205.     color: {color:Top Text};
  206. }
  207.  
  208. .pagenav a:hover {
  209.     color: white;
  210.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  211. }
  212.  
  213. .topbar {
  214.     display: block;
  215.     width: 500px;
  216.     padding: 5px 5px 10px 5px;
  217.     margin: 60px 0 60px 0;
  218.     background: transparent;
  219.     text-align: center;
  220.     color: {color:Top Text};
  221.     z-index:999;
  222. }
  223.  
  224. .topbar a {
  225.     text-decoration: underline;
  226.     color: {color:Top Text};
  227. }
  228.  
  229. .topbar a:hover {
  230.     text-decoration: none;
  231.     color: white;
  232.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  233. }
  234.  
  235. #topbarlinks a {
  236.     text-decoration: none;
  237.     color: {color:Top Text};
  238. }
  239.  
  240. #topbarlinks a:hover {
  241.     text-decoration: none;
  242.     color: white;
  243.     text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px {color:Text Glow}, 0 0 15px {color:Text Glow}, 0 0 20px {color:Text Glow}, 0 0 27px {color:Text Glow}, 0 0 37px {color:Text Glow};
  244. }
  245.  
  246. #content {
  247.     position: relative;
  248.     width: 500px;
  249.     margin-top: 30px;
  250.     margin-left: 30%;
  251. }
  252.  
  253.  
  254. #note ol.notes {
  255.     list-style-type: none;
  256.     padding: 0;
  257.     margin: 0;
  258. }
  259.  
  260. li.note {
  261.     border-bottom: 1px dashed {color:Post Borders};
  262.     padding: 10px;
  263. }
  264.  
  265. #note ol.notes li:last-child {
  266.     border-bottom: none;
  267. }
  268.  
  269. #note ol.notes img.avatar {
  270.     margin-right: 7px;
  271.     margin-top: calc(1em - 15px);
  272.     width: 20px;
  273.     height: 20px;
  274.     float:left;
  275.     border-radius: 50%;
  276. }
  277.  
  278. #topbtn {
  279.     display: none;
  280.     position: fixed;
  281.     bottom: 55px;
  282.     right: 20px;
  283.     z-index: 99;
  284.     outline: none;
  285.     background-color: {color:Background Color};
  286.     color: {color:Top Text};
  287.     cursor: pointer;
  288.     padding: 0px;
  289.     border-radius: none;
  290.     font-family: {text:Font};
  291.     font-size: 20px;
  292.     border: none;
  293.     border-radius: 100px;
  294. }
  295.  
  296. /*credits - don't edit this*/
  297. #credit {
  298.     display: block;
  299.     position: fixed;
  300.     bottom: 20px;
  301.     right: 20px;
  302.     z-index: 99;
  303.     outline: none;
  304.     background-color: {color:Background Color};
  305.     padding: 5px 10px;
  306.     border-radius: none;
  307.     font-family: Arial;
  308.     font-size: 15px;
  309.     border: 2px solid {color:Top Text};
  310. }
  311.  
  312. #credit a {
  313.     color: {color:Top Text};
  314. }
  315.  
  316. #credit a:hover {
  317.     color: {color:Top Text};
  318. }
  319. /*end of credits*/
  320.  
  321. </style>
  322. </head>
  323.  
  324. <body>
  325.  
  326.  
  327. <div id="content">
  328.  
  329. <div>
  330. <div class="topbar">
  331.  
  332. <table cellpadding="10px">
  333. <tr><td>
  334. <a href="/"><img class="avatar" src="{PortraitURL-96}"></a>
  335. <td align=left width=300px>
  336. <span class="blogtitle">{Title}</span>
  337. {block:Description}
  338. <span><p><i>{Description}</i></span>
  339. {/block:Description}
  340. <p id="topbarlinks">
  341. <a href="/ask">inquire</a> -
  342. <a href="/archive">past</a> -
  343. <a href="{text:URL1}">{text:Link1}</a> -
  344. <a href="{text:URL2}">{text:Link2}</a> -
  345. <a href="{text:URL3}">{text:Link3}</a>
  346. </p>
  347. </tr></table>
  348. <br>
  349.  
  350. </div>
  351.  
  352.  
  353. </div>
  354.  
  355. {block:Posts}
  356.  
  357. {block:Text}
  358. <div class="post">
  359. {block:Date}<div class="entries">
  360. <div id="info">
  361. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  362. <ul class="like-reblog">
  363. <li>{LikeButton color="grey"}</li>
  364. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  365. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  366. </ul>
  367. </div>
  368. </div>{/block:Date}
  369. {block:Title}
  370. <div class="title">{Title}</div>
  371. {/block:Title}
  372. {Body}
  373. {block:HasTags}
  374. <hr size="1px" color=#fff>
  375. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  376. {/block:HasTags}
  377. </div>
  378. {block:PostNotes}<footer class="post" id="note">
  379. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  380. {/block:Text}
  381.  
  382. {block:Photo}
  383. <div class="post">
  384. <div class="entries">
  385. <div id="info">
  386. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  387. <ul class="like-reblog">
  388. <li>{LikeButton color="grey"}</li>
  389. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  390. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  391. </ul>
  392. </div>
  393. </div>
  394. <center><img src="{PhotoURL-500}"></center>
  395. {block:Caption}{Caption}{/block:Caption}
  396. {block:HasTags}
  397. <hr size="1px" color="#fff">
  398. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  399. {/block:HasTags}
  400. </div>
  401. {block:PostNotes}<footer class="post" id="note">
  402. <div class="note-border">{PostNotes}</div>
  403. </footer>{/block:PostNotes}
  404. {/block:Photo}
  405.  
  406. {block:Photoset}
  407. <div class="post">
  408. <div class="entries">
  409. <div id="info">
  410. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  411. <ul class="like-reblog">
  412. <li>{LikeButton color="grey"}</li>
  413. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  414. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  415. </ul>
  416. </div>
  417. </div>
  418. <center><img src="{PhotoURL-500}">{Photoset-500}</a></center>
  419. {block:Caption}{Caption}{/block:Caption}
  420. {block:HasTags}
  421. <hr size=1px color=#fff>
  422. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  423. {/block:HasTags}
  424. </div>
  425. {block:PostNotes}<footer class="post" id="note">
  426. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  427. {/block:Photoset}
  428.  
  429. {block:Quote}
  430. <div class="post">
  431. <div class="entries">
  432. <div id="info">
  433. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  434. <ul class="like-reblog">
  435. <li>{LikeButton color="grey"}</li>
  436. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  437. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  438. </ul>
  439. </div>
  440. </div>
  441. {Quote}
  442. {block:Source}<br> &mdash;<i>{Source}</i>{/block:Source}
  443. {block:HasTags}
  444. <hr size=1px color=#fff>
  445. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  446. {/block:HasTags}
  447. </div>
  448. {block:PostNotes}<footer class="post" id="note">
  449. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  450. {/block:Quote}
  451.  
  452. {block:Link}
  453. <div class="post">
  454. <div class="entries">
  455. <div id="info">
  456. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  457. <ul class="like-reblog">
  458. <li>{LikeButton color="grey"}</li>
  459. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  460. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  461. </ul>
  462. </div>
  463. </div>
  464. <a href="{URL}" {Target}>{Name}</a>
  465. {block:Description}{Description}{/block:Description}
  466. {block:HasTags}
  467. <hr size=1px color=#fff>
  468. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  469. {/block:HasTags}
  470. </div>
  471. {block:PostNotes}<footer class="post" id="note">
  472. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  473. {/block:Link}
  474.        
  475. {block:Chat}
  476. <div class="post">
  477. <div class="entries">
  478. <div id="info">
  479. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  480. <ul class="like-reblog">
  481. <li>{LikeButton color="grey"}</li>
  482. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  483. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  484. </ul>
  485. </div>
  486. </div>
  487. {block:Title}
  488. <div class="title">{Title}</div>
  489. {/block:Title}
  490. <table>
  491. {block:Lines}
  492. <tr>
  493. <th><b>{block:Label}{Label}{/block:Label}</b></th>
  494. <td>{Line}</td>
  495. </tr>
  496. {/block:Lines}
  497. </table>
  498. {block:HasTags}
  499. <hr size=1px color=#fff>
  500. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  501. {/block:HasTags}
  502. </div>
  503. {block:PostNotes}<footer class="post" id="note">
  504. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  505. {/block:Chat}
  506.  
  507. {block:Audio}
  508. <div class="post">
  509. <div class="entries">
  510. <div id="info">
  511. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  512. <ul class="like-reblog">
  513. <li>{LikeButton color="grey"}</li>
  514. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  515. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  516. </ul>
  517. </div>
  518. </div>
  519. {AudioPlayer}
  520. {block:Caption}{Caption}{/block:Caption}
  521. {block:HasTags}
  522. <hr size=1px color=#fff>
  523. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  524. {/block:HasTags}
  525. </div>
  526. {block:PostNotes}<footer class="post" id="note">
  527. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  528. {/block:Audio}
  529.  
  530. {block:Video}
  531. <div class="post">
  532. <div class="entries">
  533. <div id="info">
  534. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  535. <ul class="like-reblog">
  536. <li>{LikeButton color="grey"}</li>
  537. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  538. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  539. </ul>
  540. </div>
  541. </div>
  542. {Video-500}
  543. {block:Caption}{Caption}{/block:Caption}
  544. {block:HasTags}
  545. <hr size=1px color=#fff>
  546. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  547. {/block:HasTags}
  548. </div>
  549. {block:PostNotes}<footer class="post" id="note">
  550. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  551. {/block:Video}
  552.  
  553. {block:Answer}
  554. <div class="post">
  555. <div class="entries">
  556. <div id="info">
  557. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  558. <ul class="like-reblog">
  559. <li>{LikeButton color="grey"}</li>
  560. <li><a href="{ReblogURL}">{ReblogButton color="grey"}</a></li>
  561. <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}</li>
  562. </ul>
  563. </div></div>
  564. <div class="postbody">
  565. <br>
  566. <table class="asktable" width=300px>
  567. <tr>
  568. <td><div class="urlcell"><div class="askerurl"><b>{Asker} asked:</b>
  569. </div></td>
  570. <td><div class="iconcell"><img class="askericon" src="{AskerPortraitURL-48}"></div></td>
  571. </tr>
  572. <tr><td><div class="questioncell" colspan=2>{Question}</div><br></div></td>
  573. </tr>
  574. </table>
  575. <div>{Answer}</div>
  576. {block:HasTags}
  577. <hr size=1px color=#fff>
  578. <span class="tags">{block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}</span>
  579. {/block:HasTags}
  580. </div>
  581. </div>
  582. {block:PostNotes}<footer class="post" id="note">
  583. <div class="note-border">{PostNotes}</div></footer>{/block:PostNotes}
  584. {/block:Answer}
  585.  
  586. {/block:Posts}
  587.  
  588. {block:Pagination}
  589. <div class="pagenav" align="center">
  590. {block:PreviousPage}<a href="{PreviousPage}"><i class="far fa-arrow-alt-circle-left"></i></a>{/block:PreviousPage}
  591. <i class="fas fa-chess-queen"></i>
  592. {block:NextPage}<a href="{NextPage}"><i class="far fa-arrow-alt-circle-right"></i></a>{/block:NextPage}
  593. <br></div>
  594. {/block:Pagination}
  595.  
  596. <button onclick="topFunction()" id="topbtn" title="Go to top"><i class="far fa-arrow-alt-circle-up"></i></button>
  597.  
  598. <!-- don't touch this -->
  599. <div id="credit"><a href="https://resthemes.tumblr.com" title="Theme by Re"><i class="fas fa-chess-queen"></i>
  600. </a></div>
  601. <!-- -->
  602.  
  603. {block:NoSearchResults}
  604. <div class="post">
  605. <div class="title">Sorry, no results found :(</div>
  606. <p>{lang:No search results for SearchQuery 2}</p>
  607. </div>
  608. </div>
  609. {/block:NoSearchResults}
  610.  
  611.  
  612. </div>
  613.    
  614. </body>
  615.  
  616. <script>
  617.  
  618. window.onscroll = function() {scrollFunction()};
  619.  
  620. function  scrollFunction() {
  621.     if (document.body.scrollTop > 20 ||  document.documentElement.scrollTop > 20) {
  622.          document.getElementById("topbtn").style.display = "block";
  623.      } else {
  624.         document.getElementById("topbtn").style.display  = "none";
  625.     }
  626. }
  627.  
  628. function topFunction() {
  629.      document.body.scrollTop = 0; // For Safari
  630.      document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  631. }
  632.  
  633. </script>
  634.  
  635. </html>
RAW Paste Data
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
 
Top