API tools faq
paste
Advertisement
Patttir

grar

Patttir
Jan 11th, 2018
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!------Don't touch. --->
  5.  
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{FavIcon}" />
  9.  
  10. <meta name="image:Background" content=""/>
  11. <meta name="image:Sidebar" content=""/>
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:Text" content="#660053"/>
  14. <meta name="color:Posts" content="#ffc5d8"/>
  15. <meta name="color:Link" content="#5400c2"/>
  16. <meta name="color:Borders" content="#ade9ff"/>
  17.  
  18. <meta name="text:Link 1 title" content="index"/>
  19. <meta name="text:Link 1 url" content="/"/>
  20. <meta name="text:Link 2 title" content="link 2"/>
  21. <meta name="text:Link 2 url" content="/ask"/>
  22. <meta name="text:Link 3 title" content="link 2"/>
  23. <meta name="text:Link 3 url" content="/ask"/>
  24. <meta name="text:Icon size" content="100" />
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. /* basic styles */
  30. body {
  31. color: {color:Text};
  32. background-color: {color:Background};
  33. background-image: url({image:Background});
  34. font: 14px consolas;
  35. line-height: 16px;
  36. background-attachment:fixed;
  37. }
  38. a {
  39. text-decoration: none;
  40. color:{color:Link};
  41. -moz-transition-duration:0.3s;
  42. -webkit-transition-duration:0.3s;
  43. -o-transition-duration:0.3s;
  44. }
  45. a:hover {
  46. color:{color:link};
  47. -moz-transition-duration:0.3s;
  48. -webkit-transition-duration:0.3s;
  49. -o-transition-duration:0.3s;
  50. }
  51. h1 {
  52. font-size: 16px;
  53. color: {color:Text};
  54. }
  55.  
  56.  
  57. blockquote {
  58. border-left: 1px solid {color:text};
  59. margin-left: 2px;
  60. padding-left: 10px;
  61. }
  62.  
  63. .entry img {max-width:100%; border-radius: 0px;}
  64. .photoset iframe {border-radius: 5px;}
  65.  
  66. #content {
  67. position:relative;
  68. width: 430px;
  69. margin-left: 40%;
  70. margin-right: 60%;
  71. margin-top: 50px;
  72. padding:10px;
  73. }
  74.  
  75. .entry {
  76. margin-bottom: 30px;
  77. background:{color:posts};
  78. padding: 15px;
  79. border-radius:10px;
  80. border:6px ridge {color:borders};
  81. background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
  82. background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
  83. background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  84.  
  85. }
  86.  
  87.  
  88. #side {
  89. top: 10px;
  90. position: fixed;
  91. width: 170px;
  92. padding: 10px;
  93. margin-left:10%;
  94. margin-top:100px;
  95. background-color:{color:posts};
  96. border-radius:10px;
  97. border:6px ridge {color:borders};
  98. background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51% , #fbdf93 100%); /* FF3.6-15 */
  99. background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
  100. background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51% ,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  101.  
  102. }
  103. .button{
  104. border-radius:5px;
  105. border:4px outset {color:borders};
  106. padding:5px;
  107. margin:2px;
  108. display:inline-block;
  109. background: #f85032;
  110. }
  111. .button2{
  112. border-radius:5px;
  113. padding:5px;
  114. margin:2px;
  115. display:inline-block;
  116. }
  117. #button{
  118. display:block;
  119. }
  120.  
  121.  
  122. #side img {
  123. width:{text:icon size}px;
  124. {block:ifroundicon}
  125. border-radius:80px;
  126. {/block:ifroundicon}
  127. padding:10px;
  128. }
  129.  
  130. #notes {
  131. margin-top:10px;
  132. }
  133.  
  134. .head {
  135. font-size: 16px;
  136. margin-bottom: 10px;
  137. margin-left: 10px;
  138. color: {color:Title};
  139. letter-spacing: .5px;
  140. }
  141.  
  142. img.avatar {display:none; }
  143. ol.notes {
  144. margin-top: 20px;
  145. }
  146.  
  147. #pagination {
  148. padding: 0;
  149. margin: 0;
  150. }
  151. </style>
  152. <script>
  153. function myFunction() {
  154. var x = document.getElementById("button");
  155. if (x.style.display === "none") {
  156. x.style.display = "block";
  157. } else {
  158. x.style.display = "none";
  159. }
  160. }
  161. </script>
  162.  
  163.  
  164.  
  165. </head>
  166.  
  167. <body>
  168. <div id="side">
  169. <center>
  170. <div id="sideimg"><img src="{image:Sidebar}"></div>
  171. <center>
  172. <center>
  173. {description}<p>
  174. </center>
  175. <center>
  176. <br>
  177.  
  178. <button class="button" onclick="myFunction()">Click</button>
  179. <br>
  180. <div id="button">
  181. <a class="button2" href={text:link 1 url}>{text:link 1 title}</a>
  182.  
  183. <a class="button2" href={text:link 2 url}>{text:link 2 title}</a>
  184.  
  185. <a class="button2" href={text:link 3 url}>{text:link 3 title}</a>
  186. </div>
  187. <br>
  188. <div id="pagination">
  189. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}back{block:PreviousPage}</a>{/block:PreviousPage}
  190. {block:JumpPagination length="5"}
  191. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  192. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  193. {/block:JumpPagination}
  194. {block:NextPage}<a href="{NextPage}">{/block:NextPage}foward{block:NextPage}</a>{/block:NextPage}</div>
  195.  
  196. </center>
  197. </div></div>
  198.  
  199.  
  200.  
  201. <div id="content">
  202. {block:Posts}
  203.  
  204. <div class="entry">
  205.  
  206.  
  207. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  208.  
  209. <div class="photoset">{block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}</div>
  210.  
  211. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  212.  
  213. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  214.  
  215. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  216.  
  217. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  218.  
  219. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  220.  
  221. {block:Video}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  222.  
  223. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  224.  
  225. <div id="notes">
  226. <center>{block:HasTags}#:{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}
  227.  
  228. {block:PermalinkPage}
  229. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a><br>{/block:ContentSource}{/block:RebloggedFrom}
  230. {/block:PermalinkPage}
  231. <br>
  232. <br>
  233. {block:IndexPage}<a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year},</a> <a href="{Permalink}">{DayofWeek}</a><br>{block:NoteCount} <a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount} <a href="{ReblogURL}">reblog?</a>{/block:IndexPage}
  234. </div>
  235.  
  236.  
  237.  
  238. {block:PermalinkPage}
  239. <center><p>{NoteCountwithLabel}</center>
  240. {block:PostNotes}{PostNotes}{/block:PostNotes}
  241. {/block:PermalinkPage}
  242. </div>
  243. {/block:Posts}
  244.  
  245. </div><!---content div--->
  246.  
  247. </body>
  248.  
  249. </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!