teruteru

Best Left Unspoken - 【 THEME 16 by Anomaly ☽】

Mar 6th, 2016
177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme 16: best left unspoken by anomaly betrayus
  8. base code by anaarthemes
  9. dont remove the credit otherwise have fun!
  10.  
  11. -->
  12.  
  13. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  15. <link rel="shortcut icon" href="{image:Favicon}"/>
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  17.  
  18. <meta name="image:Favicon" content=""/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Permalink" content=""/>
  21. <meta name="image:Render" content=""/>
  22. <meta name="image:Pagination" content=""/>
  23.  
  24. <meta name="color:background" content="#fffaaa"/>
  25. <meta name="color:posts" content="#fff"/>
  26. <meta name="color:shadows" content="#d3d3d3"/>
  27. <meta name="color:blockquote" content="#d3d3d3"/>
  28. <meta name="color:text" content="#000033"/>
  29. <meta name="color:link" content="#5d5d5d"/>
  30. <meta name="color:link Hover" content="#c3c3c3"/>
  31. <meta name="color:permalink" content="#c3c3c3"/>
  32. <meta name="color:menu text" content="#000033"/>
  33. <meta name="color:menu background" content="#c3c3c3"/>
  34.  
  35. <meta name="text:menu text" content="links"/>
  36. <meta name="text:home text" content="home"/>
  37. <meta name="text:ask text" content="message"/>
  38. <meta name="text:submit text" content="submit"/>
  39. <meta name="text:about text" content="about"/>
  40. <meta name="text:about url" content="/abt"/>
  41. <meta name="text:link1 text" content="link 1"/>
  42. <meta name="text:link1 url" content="/"/>
  43. <meta name="text:link2 text" content="link 2"/>
  44. <meta name="text:link2 url" content="/"/>
  45. <meta name="text:link3 text" content="link 3"/>
  46. <meta name="text:link3 url" content="/"/>
  47. <meta name="text:link4 text" content="link 4"/>
  48. <meta name="text:link4 url" content="/"/>
  49. <meta name="text:link5 text" content="link 5"/>
  50. <meta name="text:link5 url" content="/"/>
  51. <meta name="text:previous text" content="back"/>
  52. <meta name="text:next text" content="next"/>
  53. <meta name="text:tag symbol" content="#"/>
  54. <meta name="text:render width" content="300"/>
  55. <meta name="text:render left" content="300"/>
  56. <meta name="text:render bottom" content="300"/>
  57.  
  58. <meta name="if:250px" content=""/>
  59. <meta name="if:400px" content=""/>
  60. <meta name="if:500px" content=""/>
  61.  
  62. <meta name="if:bg cover" content=""/>
  63. <meta name="if:render" content="1"/>
  64.  
  65. <meta name="select:font" content="consolas"/>
  66. <meta name="select:font" content="arial"/>
  67. <meta name="select:font" content="calibri"/>
  68. <meta name="select:font" content="courier new"/>
  69. <meta name="select:font" content="verdana"/>
  70. <meta name="select:font" content="tahoma"/>
  71.  
  72. <style type="text/css">
  73.  
  74. body {
  75. background: {color:Background} url('{image:Background}') fixed repeat;
  76. {block:ifbgcover}background-size:cover;{/block:ifbgcover}
  77. color: {color:Text};
  78. font-size: 11px;
  79. line-height: 120%;
  80. word-wrap: break-word;
  81. font-family: {select:font};
  82. }
  83.  
  84. h1, h2 {
  85. font-size: 20px;
  86. font-weight: bold;
  87. }
  88.  
  89. h3, h4, h5, h6 {
  90. font-size: 18px;
  91. font-style: italic;
  92. }
  93.  
  94. a {
  95. color: {color:Link};
  96. transition: 0.5s ease-in-out;
  97. text-decoration: underline;
  98. transition: 0.5s ease-in-out;
  99. -webkit-transition: 0.5s ease-in-out;
  100. -moz-transition: 0.5s ease-in-out;
  101. -o-transition: 0.5s ease-in-out;
  102. }
  103.  
  104. a:hover {
  105. color: {color:Link Hover};
  106. transition: 0.5s ease-in-out;
  107. -webkit-transition: 0.5s ease-in-out;
  108. -moz-transition: 0.5s ease-in-out;
  109. -o-transition: 0.5s ease-in-out;
  110. }
  111.  
  112. blockquote {
  113. margin: 10px;
  114. padding-left: 8px;
  115. border-left: 3px solid {color:blockquote};
  116. }
  117.  
  118. b, strong {
  119. color: {color:Text};
  120. }
  121.  
  122. i, em, oblique {
  123. color: {color:Text};
  124. }
  125.  
  126. #container {
  127. position: relative;
  128. width: 800px;
  129. margin: 30px auto;
  130. }
  131.  
  132. #sidebar {
  133. position: fixed;
  134. padding: 10px;
  135. width: 200px;
  136. margin-top:200px;
  137. margin-left: -50px;
  138. background: {color:Posts};
  139. border: 1px solid transparent;
  140. border-radius: 5px;
  141. box-shadow:5px 5px {color:shadows};
  142. -webkit-border-radius: 5px;
  143. -moz-border-radius: 5px;
  144. -o-border-radius: 5px;
  145. }
  146.  
  147. #sidebar .description {
  148. text-align: center;
  149. padding: 5px;
  150. border-bottom: 1px dashed transparent;
  151. }
  152.  
  153. #sidebar .links {
  154. padding: 4px;
  155. display: block;
  156. text-align: center;
  157. border-bottom: 1px dashed transparent;
  158. }
  159.  
  160. .posts {
  161. width: {block:if250px}250px{/block:if250px}; {block:if400px}400px{/block:if400px}; {block:if500px}500px{/block:if500px};
  162. padding: 20px;
  163. margin: 25px 0 25px 250px;
  164. background: {color:posts};
  165. border: 1px solid transparent;
  166. box-shadow:5px 5px {color:shadows};
  167. border-radius: 5px;
  168. -webkit-border-radius: 5px;
  169. -moz-border-radius: 5px;
  170. -o-border-radius: 5px;
  171. }
  172.  
  173. .posts img, iframe {
  174. max-width: 100%;
  175. opacity: 0.6;
  176. transition: 0.5s ease-in-out;
  177. -webkit-transition: 0.5s ease-in-out;
  178. -moz-transition: 0.5s ease-in-out;
  179. -o-transition: 0.5s ease-in-out;
  180. }
  181.  
  182. .posts img:hover, iframe:hover {
  183. opacity: 1;
  184. transition: 0.5s ease-in-out;
  185. -webkit-transition: 0.5s ease-in-out;
  186. -moz-transition: 0.5s ease-in-out;
  187. -o-transition: 0.5s ease-in-out;
  188. }
  189.  
  190. .info {
  191. padding: 5px;
  192. text-align: center;
  193. background: {color:permalink};
  194. -webkit-border-radius: 5px;
  195. -moz-border-radius: 5px;
  196. -o-border-radius: 5px;
  197. }
  198.  
  199. .credit {
  200. position:fixed;
  201. bottom:4px;
  202. left:8px;
  203. font: 9px consolas;
  204. text-transform:uppercase;
  205. letter-spacing: 0px;
  206. padding: 2px;
  207. }
  208.  
  209. </style>
  210.  
  211. </head>
  212.  
  213. <body>
  214.  
  215. <div id="container">
  216.  
  217. <div id="sidebar">
  218.  
  219. <div class="description">{Description}</div>
  220.  
  221. <div class="links">
  222. <select style="width: 150px; border: 0px solid; padding: 3px; color: {color:menu text}; background-color: {color:menu background}; font-family: {select:font}; text-transform: uppercase; font-size: 9px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
  223. <option value="/">{text:menu text}</option>
  224. <option value="/">{text:home text}</option>
  225. <option value="/ask">{text:ask text}</option>
  226. <option value="/submit">{text:submit text}</option>
  227. <option value="{text:about url}">{text:about text}</option>
  228. {block:iflink1}<option value="{text:link1 url}">{text:link1 text}</option>{/block:iflink1}
  229. {block:iflink2}<option value="{text:link2 url}">{text:link2 text}</option>{/block:iflink2}
  230. {block:iflink3}<option value="{text:link3 url}">{text:link3 text}</option>{/block:iflink3}
  231. {block:iflink4}<option value="{text:link4 url}">{text:link4 text}</option>{/block:iflink4}
  232. {block:iflink5}<option value="{text:link5 url}">{text:link5 text}</option>{/block:iflink5}
  233. </select>
  234. </div>
  235.  
  236. <center>{block:Pagination}
  237. {block:PreviousPage}<a href="{PreviousPage}">{text:Previous text}&nbsp;</a>{/block:PreviousPage} <img src="{image:Pagination}">
  238. {block:NextPage}<a href="{NextPage}">&nbsp;{text:Next text}</a>{/block:NextPage}
  239. {/block:Pagination}
  240. </center>
  241.  
  242. </div>
  243.  
  244. {block:Posts}
  245. <div class="posts">
  246.  
  247. {block:Text}
  248. {block:Title}<h2>{Title}</h2>{/block:Title}
  249. {Body}
  250. {/block:Text}
  251.  
  252. {block:Photo}
  253. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  254. {block:Caption}{Caption}{/block:Caption}
  255. {/block:Photo}
  256.  
  257. {block:Photoset}
  258. {block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}
  259. {block:Caption}{Caption}{/block:Caption}
  260. {/block:Photoset}
  261.  
  262. {block:Video}
  263. {block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}
  264. {block:Caption}{Caption}{/block:Caption}
  265. {/block:Video}
  266.  
  267. {block:Link}
  268. <a href="{URL}"><h3>{Name}</h3></a>
  269. {block:Description}{Description}{/block:Description}
  270. {/block:Link}
  271.  
  272. {block:Audio}
  273. {block:AudioEmbed}
  274. {block:if250px}{AudioEmbed-250}{/block:if250px}{block:if400px}{AudioEmbed-400}{/block:if400px}{block:if500px}{AudioEmbed-500}{/block:if500px}
  275. {/block:AudioEmbed}
  276. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  277. {block:TrackName}<br>{TrackName}{/block:TrackName}{block:Album} ({Album}) {/block:Album}{block:Artist} — {Artist}{/block:Artist}
  278. {block:Caption}{Caption}{/block:Caption}
  279. {/block:Audio}
  280.  
  281. {block:Quote}
  282. <h3>“{Quote}”</h3>
  283. {block:Source} — {Source} {/block:Source}<br>
  284. {/block:Quote}
  285.  
  286. {block:Chat}
  287. {block:Title}<h3>{Title}</h3>{/block:Title}
  288. {block:Lines}
  289. <li class="{Alt}" style="list-style-type: none;">
  290. {block:Label}<strong>{Label}</strong> {/block:Label}
  291. {Line}
  292. {/block:Lines}
  293. {/block:Chat}
  294.  
  295. {block:Answer}
  296. <em>{lang:Asker asked 2}:</em> {Question}
  297. <br>
  298. {Replies}
  299. {/block:Answer}
  300.  
  301. {block:Date}
  302. <div class="info">
  303. {lang:Posted TimeAgo} <img src="{image:permalink}"> {block:RebloggedFrom}<a href="{ReblogParentURL}">{lang:Via}</a> <img src="{image:permalink}"> {/block:RebloggedFrom} <a href="{Permalink}">{NoteCountWithLabel}</a>
  304. {block:HasTags}<br>{lang:Tags}: {block:Tags}<a href="{TagURL}">{text:tag symbol} {Tag}</a>&nbsp;
  305. {/block:Tags}{/block:HasTags}
  306. </div>
  307. {/block:Date}
  308.  
  309. {block:PostNotes}
  310. {PostNotes}
  311. {/block:PostNotes}
  312.  
  313. </div>
  314. {/block:Posts}
  315.  
  316.  
  317. </div>
  318.  
  319. {block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
  320.  
  321. <div class="credit"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>
  322.  
  323. </body>
  324.  
  325. </html>
Add Comment
Please, Sign In to add comment