Advertisement
Patttir

jama

Oct 16th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------Base by rnimas. Feel free to use. --->
  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:Background2" content="#ffffff" />
  14. <meta name="color:Text" content="#660053"/>
  15. <meta name="color:Posts" content="#ffc5d8"/>
  16. <meta name="color:Link" content="#5400c2"/>
  17. <meta name="color:Borders" content="#ade9ff"/>
  18.  
  19. <meta name="text:Link 1 title" content="index"/>
  20. <meta name="text:Link 1 url" content="/"/>
  21. <meta name="text:Link 2 title" content="link 2"/>
  22. <meta name="text:Link 2 url" content="/ask"/>
  23. <meta name="text:Link 3 title" content="link 2"/>
  24. <meta name="text:Link 3 url" content="/ask"/>
  25. <meta name="text:Icon size" content="100" />
  26. <meta name="text:see" content="0.3"/>
  27. <meta name="if:Full screen" content="1" />
  28. <meta name="if:gradient" content="1" />
  29.  
  30. <script>
  31. if(window.location.pathname=="/")location.replace("/tagged/art");
  32. </script>
  33. <style type="text/css">
  34.  
  35.  
  36.  
  37. /* basic styles */
  38. body {
  39.  
  40. color: {color:Text};
  41. background-color: {color:Background};
  42. background-image: url({image:Background});
  43. {block:iffullscreen}
  44. background-size:100%;
  45. background-size: cover;
  46. {/block:iffullscreen}
  47. font: 14px consolas;
  48. line-height: 16px;
  49. background-attachment:fixed;
  50. {block:ifgradient}
  51. background-image: linear-gradient(to bottom, {color:background} 0%, {color:background2} 100%);
  52. {/block:ifgradient}
  53. }
  54. a {
  55. text-decoration: none;
  56. color:{color:Link};
  57. -moz-transition-duration:0.3s;
  58. -webkit-transition-duration:0.3s;
  59. -o-transition-duration:0.3s;
  60. }
  61. a:hover {
  62. color:{color:link};
  63. -moz-transition-duration:0.3s;
  64. -webkit-transition-duration:0.3s;
  65. -o-transition-duration:0.3s;
  66. }
  67. h1 {
  68. font-size: 16px;
  69. color: {color:Text};
  70. }
  71.  
  72.  
  73. blockquote {
  74. border-left: 1px solid {color:text};
  75. margin-left: 2px;
  76. padding-left: 10px;
  77. }
  78.  
  79. .entry img {max-width:100%; border-radius: 0px;}
  80. .photoset iframe {border-radius: 0px;}
  81.  
  82.  
  83. #content {
  84. position:relative;
  85. width: 430px;
  86. margin-left: 40%;
  87. margin-right: 60%;
  88. margin-top: 50px;
  89. padding:10px;
  90. }
  91.  
  92. .entry {
  93. margin-bottom: 30px;
  94. background:rgba({RGBcolor:posts},{text:see});
  95. padding: 15px;
  96. border-radius:0px;
  97. border:1px solid rgba({RGBcolor:borders},1);
  98. }
  99.  
  100.  
  101. #side {
  102. top: 10px;
  103. position: fixed;
  104. width: 170px;
  105. padding: 10px;
  106. margin-left:10%;
  107. margin-top:380px;
  108. border-radius:0px;
  109. background:rgba({RGBcolor:posts},{text:see});
  110. border:1px solid rgba({RGBcolor:borders},1);
  111. }
  112.  
  113.  
  114. #sideimg img {
  115. width:{text:icon size}px;
  116. {block:ifroundicon}
  117. border-radius:80px;
  118. {/block:ifroundicon}
  119. padding:10px;
  120. margin-left:-45px;
  121. margin-top:-390px;
  122. -moz-transition-duration:6s;
  123. -webkit-transition-duration:6s;
  124. -o-transition-duration:6s;
  125. }
  126. #sideimg img:hover{
  127. opacity:0;
  128. -moz-transition-duration:8s;
  129. -webkit-transition-duration:8s;
  130. -o-transition-duration:8s;
  131. }
  132.  
  133. #notes {
  134. margin-top:10px;
  135. }
  136.  
  137. .head {
  138. font-size: 16px;
  139. margin-bottom: 10px;
  140. margin-left: 10px;
  141. color: {color:Title};
  142. letter-spacing: .5px;
  143. }
  144.  
  145. img.avatar {display:none; }
  146. ol.notes {
  147. margin-top: 20px;
  148. }
  149.  
  150. #pagination {
  151. padding: 0;
  152. margin: 0;
  153. }
  154.  
  155.  
  156. </style>
  157.  
  158.  
  159. </head>
  160.  
  161. <body>
  162. <div id="side">
  163. <center>
  164. <div id="sideimg"><img src="{image:Sidebar}"></div>
  165. <center>
  166. {description}<p>
  167. </center>
  168. <a href=/ask>✉️</a>
  169. <a href=/>🏠</a>
  170. <center>
  171. <br>
  172. <a href={text:link 1 url}>{text:link 1 title}</a>
  173. <br>
  174. <a href={text:link 2 url}>{text:link 2 title}</a>
  175. <br>
  176. <br>
  177. <div id="pagination">
  178. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}back{block:PreviousPage}</a>{/block:PreviousPage}
  179. {block:JumpPagination length="5"}
  180. {block:CurrentPage}{PageNumber}{/block:CurrentPage}
  181. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  182. {/block:JumpPagination}
  183. {block:NextPage}<a href="{NextPage}">{/block:NextPage}foward{block:NextPage}</a>{/block:NextPage}</div>
  184.  
  185. </center>
  186. </div></div>
  187.  
  188.  
  189.  
  190. <div id="content">
  191. {block:Posts}
  192.  
  193. <div class="entry">
  194.  
  195.  
  196. {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}
  197.  
  198. <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>
  199.  
  200. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  201.  
  202. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  203.  
  204. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  205.  
  206. {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}
  207.  
  208. {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}
  209.  
  210. {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}
  211.  
  212. {block:Answer}<b>{Asker}</b> asked: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  213.  
  214. <div id="notes">
  215. <center>{block:HasTags}#:{block:Tags} <a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}
  216.  
  217. {block:PermalinkPage}
  218. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a><br>{/block:ContentSource}{/block:RebloggedFrom}
  219. {/block:PermalinkPage}
  220. <br>
  221. <br>
  222. {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}
  223. </div>
  224.  
  225.  
  226.  
  227. {block:PermalinkPage}
  228. <center><p>{NoteCountwithLabel}</center>
  229. {block:PostNotes}{PostNotes}{/block:PostNotes}
  230. {/block:PermalinkPage}
  231. </div>
  232. {/block:Posts}
  233.  
  234.  
  235. </div><!---content div--->
  236.  
  237. </body>
  238.  
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement