Advertisement
Patttir

top bar mess

Dec 19th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.95 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!--
  4. Don't use this theme or you catch these hands
  5.  
  6. -->
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}">
  12. {/block:Description}
  13. <meta name="image:border" content=""/>
  14. <meta name="image:bg" content=""/>
  15. <meta name="image:Sidebar" content=""/>
  16. <meta name="color:Background" content="#a7abdd">
  17. <meta name="color:Text" content="#82868A">
  18. <meta name="color:Link" content="#a7abdd">
  19. <meta name="color:Link background" content="#a7abdd">
  20. <meta name="color:Posts" content="#a7abdd">
  21. <meta name="color:borders" content="#">
  22. <meta name="text:Post width" content="400px">
  23. <meta name="text:Font size" content="80%">
  24. <meta name="text:Link 1" content="Link 1">
  25. <meta name="text:URL 1" content="">
  26.  
  27. <meta name="text:Link 2" content="Link 2">
  28. <meta name="text:URL 2" content="">
  29.  
  30. <meta name="text:Link 3" content="Link 2">
  31. <meta name="text:URL 3" content="">
  32.  
  33. <meta name="text:Link 4" content="Link 2">
  34. <meta name="text:URL 4" content="">
  35.  
  36. <meta name="text:Link 5" content="Link 2">
  37. <meta name="text:URL 5" content="">
  38.  
  39.  
  40. <meta name="text:Icon size" content="100" />
  41. <meta name="if:Round icon" content="1"/>
  42. <meta name="if:Repeating bg" content="1"/>
  43.  
  44. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  45.  
  46. <style>
  47.  
  48. html {
  49. font-size: {text:Font size};
  50. }
  51.  
  52. body {
  53. font-family: 'Open Sans', sans-serif;
  54. font-size:14px;
  55. color: {color:Text};
  56. background-color: {color:Background};
  57. background:url({image:bg});
  58. {block:ifnotrepeatingbg}
  59. background-size: cover;
  60. {/block:ifnotrepeatingbg}
  61. background-attachment: fixed;
  62. background-color: {color:Background};
  63. }
  64.  
  65. /* Link styles */
  66.  
  67. a {
  68. color: {color:Link};
  69. text-decoration:none;
  70. transition: all 0.2s ease;
  71. }
  72.  
  73. a:hover {
  74.  
  75. }
  76.  
  77. /* Container and posts */
  78.  
  79.  
  80. .entry {
  81. margin-bottom: 3rem;
  82. }
  83.  
  84. /* Navigation styles */
  85.  
  86. header,
  87. .pagination {
  88. width: {text:Post width};
  89. margin: 0 auto;
  90. }
  91.  
  92.  
  93. /* Elements */
  94.  
  95. img,
  96. iframe {
  97. max-width: 100%;
  98. }
  99.  
  100. blockquote {
  101. padding-left: 1rem;
  102. border-left: 2px solid #eee;
  103. margin-left: .3rem;
  104. }
  105.  
  106. pre {
  107. overflow: auto;
  108. }
  109.  
  110. /* Audio styles */
  111.  
  112. .tumblr_audio_player {
  113. height: 100px;
  114. }
  115.  
  116. /* Post notes */
  117.  
  118. ol.notes {
  119. list-style: none;
  120. padding: 0;
  121. margin: 0;
  122. }
  123.  
  124. ol.notes li.note img.avatar {
  125. display: none;
  126. }
  127. #container {
  128. width: {text:Post width};
  129. margin: 0 auto;
  130. margin-top:100px;
  131. background:{color:background};
  132. padding:10px;
  133. border-radius:3px;
  134. }
  135. #top {
  136. background-color:{color:posts};
  137. overflow: auto;
  138. z-index:1;
  139. position:fixed;
  140. top:-1px;
  141. width:100%;
  142. border:1px solid {color:borders};
  143. margin-left:-9px;
  144. padding:8px;
  145.  
  146. }
  147.  
  148.  
  149. #top a{
  150. display: inline-block;
  151. color: {color:link};
  152. text-align: center;
  153. padding: 8px;
  154. text-decoration: none;
  155. background:{color:link background};
  156. border-radius:3px;
  157. transition:0.5s;
  158. margin-left:5px;
  159.  
  160. }
  161. #top a:hover {
  162. background-color: {color:background};
  163. color:{color:link background};
  164. transition:0.5s;
  165. }
  166. #descript {
  167. position:fixed;
  168. left:20px;
  169. top:100px;
  170. width:100px;
  171. background:{color:background};
  172. padding:10px;
  173. border-radius:3px;
  174. }
  175.  
  176. #top img {
  177. width:{text:icon size}px;
  178. {block:ifroundicon}
  179. border-radius:80px;
  180. {/block:ifroundicon}
  181. padding:5px;
  182. vertical-align:center;
  183. }
  184.  
  185.  
  186. </style>
  187. </head>
  188. <body>
  189. <div id="top">
  190. <a href="/{text:URL 1}">{text:Link 1}</a>
  191. <a href="/{text:URL 2}">{text:Link 2}</a>
  192. <a href="/{text:URL 3}">{text:Link 3}</a>
  193. <a href="/{text:URL 4}">{text:Link 4}</a>
  194. <a href="/{text:URL 5}">{text:Link 5}</a>
  195. </div>
  196. <div id="descript"><b>{description}</b></div>
  197.  
  198.  
  199. <div id="container">
  200. {block:Posts}
  201. <article class="entry">
  202. {block:Text}
  203. <section class="text">
  204. {block:Title}
  205. <h2>{Title}</h2>
  206. {/block:Title}
  207. {Body}
  208. {/block:Text}
  209.  
  210. {block:Audio}
  211. <section class="audio">
  212. {block:AudioEmbed}
  213. {AudioEmbed}
  214. {/block:AudioEmbed}
  215. {/block:Audio}
  216.  
  217. {block:Video}
  218. <section class="video">
  219. {Video-500}
  220. {/block:Video}
  221.  
  222. {block:Photo}
  223. <section class="photo">
  224. <img src="{PhotoURL-HighRes}">
  225. {/block:Photo}
  226.  
  227. <!-- ... Other post types -->
  228.  
  229. {block:Caption}
  230. {Caption}
  231. {/block:Caption}
  232. </section> <!-- end post section -->
  233. </article>
  234.  
  235. {block:PostNotes}
  236. {PostNotes}
  237. {/block:PostNotes}
  238. {/block:Posts}
  239. </div> <!-- end container -->
  240.  
  241. {block:Pagination}
  242. <div class="pagination">
  243. {block:PreviousPage}
  244. <a href="{PreviousPage}">Previous</a>
  245. {/block:PreviousPage}
  246. {block:NextPage}
  247. <a href="{NextPage}">Next</a>
  248. {/block:NextPage}
  249. </div>
  250. {/block:Pagination}
  251. </body>
  252. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement