API tools faq
paste
Advertisement
ResThemes

Sheer Heart Attack Theme

ResThemes
Jan 21st, 2019
276
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.10 KB | None | 0 0
raw download clone embed print report
  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>
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!