API tools faq
paste
Advertisement
teruteru

Flawless - 【 THEME 2 by Anomaly ☽】

teruteru
Dec 9th, 2015
495
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. flawless theme by anomaly betrayus http://betrayus.tumblr.com/
  6. base by http://animecharacter.tumblr.com/
  7. please credit both me and animecharacter!
  8.  
  9. ----->
  10.  
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. <meta name="color:background" content ="#CBFEFE"/>
  20. <meta name="color:posts" content ="#8DDDFC"/>
  21. <meta name="color:border" content ="#172DF0"/>
  22. <meta name="color:text" content ="#0A60FE"/>
  23. <meta name="color:title" content ="#0A60FE"/>
  24. <meta name="color:blockquote" content ="#0A60FE"/>
  25. <meta name="color:permalink bg" content ="#509ee7"/>
  26. <meta name="color:link" content ="#172DF0"/>
  27. <meta name="color:link Hover" content ="#0A60FE"/>
  28. <meta name="color:link Hover" content ="#0D108A"/>
  29.  
  30. <meta name="image:background" content="http://38.media.tumblr.com/tumblr_lvl9fyeUBw1ql6slc.gif"/>
  31. <meta name="image:favicon" content="http://33.media.tumblr.com/81ca1f39638f480e68e33dc8dfb542b7/tumblr_inline_npqu5uUINj1ry72eo_500.gif"/>
  32. <meta name="image:links" content="http://33.media.tumblr.com/7f62b341bd649c443dcd1852b7cc2b6a/tumblr_inline_nj4a5jYHxy1ry72eo.gif"/>
  33. <meta name="image:sidebar icon" content="http://36.media.tumblr.com/9044ac07aabbe22d906c88082c7d1b8f/tumblr_ntg6hdszRQ1uxd4qvo3_400.jpg"/>
  34. <meta name="image:render" content="https://41.media.tumblr.com/eb908da92360fc93fedcfbd273c01def/tumblr_nz4m0kJHoA1tf5ldlo1_1280.png"/>
  35.  
  36. <meta name="text:title" content="frozen doll"/>
  37. <meta name="text:previous page" content="retreat" />
  38. <meta name="text:next page" content="challenge" />
  39. <meta name="text:tag symbol" content="❄" />
  40.  
  41. <meta name="text:home" content="return" />
  42. <meta name="text:home link" content="/" />
  43. <meta name="text:ask" content="contact" />
  44. <meta name="text:ask link" content="/ask" />
  45. <meta name="text:about" content="about" />
  46. <meta name="text:about link" content="/about" />
  47. <meta name="text:link 1" content="link 1" />
  48. <meta name="text:link 1 URL" content="/" />
  49. <meta name="text:link 2" content="link 2" />
  50. <meta name="text:link 2 URL" content="/" />
  51. <meta name="text:link 3" content="link 3" />
  52. <meta name="text:link 3 URL" content="/" />
  53. <meta name="text:link 4" content="link 4" />
  54. <meta name="text:link 4 URL" content="/" />
  55.  
  56. <meta name="text:sidebar position" content="50" />
  57. <meta name="text:sidebar width" content="200" />
  58. <meta name="text:sidebar img width" content="100" />
  59. <meta name="text:title size" content="36" />
  60. <meta name="text:render bottom" content="-10" />
  61. <meta name="text:render left" content="1050" />
  62. <meta name="text:render width" content="350" />
  63.  
  64. <meta name="if:background cover" content="0" />
  65.  
  66.  
  67. <link rel="shortcut icon" href="{image:Favicon}">
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  70.  
  71. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. /*
  77. general text styles, fonts and colours
  78. */
  79.  
  80. body {
  81. margin:0px;
  82. background:{color:background};
  83. background-image: url("{image:Background}");
  84. background-attachment: fixed;
  85. background-repeat: repeat;
  86. {block:ifbackgroundcover}background-size: cover;{/block:ifbackgroundcover}
  87. font-family: consolas;
  88. font-size:11px;
  89. color:{color:text};
  90. line-height:140%;
  91. color: {color:text};
  92. }
  93.  
  94. p{
  95. margin:0 0 10px 0;
  96. padding:0;
  97. }
  98.  
  99. pre {
  100. white-space: pre-wrap;
  101. white-space: -moz-pre-wrap;
  102. white-space: -pre-wrap;
  103. white-space: -o-pre-wrap;
  104. word-wrap: break-word;
  105. }
  106.  
  107. a{
  108. color:{color:Link};
  109. }
  110.  
  111. a:hover{
  112. color:{color:Link Hover};
  113. }
  114.  
  115. li{
  116. margin-left:-15px;
  117. }
  118.  
  119. /*
  120. containers etc
  121. */
  122. #wrapper{
  123. width:700px;
  124. margin:50px auto;
  125. }
  126.  
  127. #sidebar{
  128. background-color:{color:posts};
  129. width:{text:sidebar width}px;
  130. position: fixed;
  131. top:{text:sidebar bottom}px;
  132. left:{text:sidebar position}px;
  133. border:1px solid {color:border};
  134. padding:10px;
  135. }
  136.  
  137. #title{
  138. font-family:arial;
  139. font-weight:bold;
  140. font-style:italic;
  141. font-size:{text:title size}px;
  142. color:{color:title};
  143. }
  144.  
  145. #content{
  146. width:700px;
  147. margin-left:200px;
  148. overflow:hidden;
  149. }
  150.  
  151. .post{
  152. width:500px;
  153. margin:0 0 50px 0;
  154. overflow:hidden;
  155. background-color:{color:posts};
  156. border:1px solid {color:border};
  157. padding:15px;
  158. }
  159.  
  160. #sidebar img, .post img{
  161. max-width:100%;
  162. }
  163.  
  164. #nav{
  165. margin:50px 0 0 0;
  166. }
  167.  
  168.  
  169. /*
  170. content in the body of the posts - quotes, asks, etc
  171. "media" contains photos, photosets, videos, audio posts
  172. */
  173. .media{
  174. margin:0 0 10px 0;
  175. }
  176.  
  177. .title{
  178. font-weight:normal;
  179. font-size:18px;
  180. margin:0 0 10px 0;
  181. }
  182.  
  183. .quote{
  184. font-weight:normal;
  185. font-size:16px;
  186. font-style:italic;
  187. margin:0 0 10px 0;
  188. }
  189.  
  190. .question{
  191. margin-bottom:10px;
  192. }
  193.  
  194. blockquote{
  195. margin:0 0 10px 10px;
  196. padding:0 0 0 10px;
  197. border-left:solid 1px {color:blockquote};
  198. }
  199.  
  200. /*
  201. post footers - date, tags, via and source
  202. */
  203. .post .footer{
  204. margin:0;
  205. padding:5px;
  206. text-align:left;
  207. background-color:{color:permalink bg};
  208. }
  209.  
  210. /*
  211. post notes
  212. */
  213. ol.notes{
  214. list-style-type:none;
  215. padding:0;
  216. margin:0;
  217. }
  218.  
  219. ol.notes li.note img{
  220. width:16px;
  221. height:16px;
  222. }
  223.  
  224. ol.notes li.note{
  225. margin:0px;
  226. }
  227.  
  228. {CustomCSS}
  229. </style>
  230. </head>
  231.  
  232. <body>
  233. <div id="wrapper">
  234.  
  235. <center><div id="title">{text:title}</div><br><br></center>
  236. <div id="sidebar">
  237. <center><img src="{image:sidebar icon}" width={text:sidebar img width}px></center>
  238. {block:Description}
  239. <p>{Description}</p>
  240. {/block:Description}
  241.  
  242. <img src="{image:links}"> <a href="{text:home link}">{text:home}</a><br>
  243. <img src="{image:links}"> <a href="{text:ask link}">{text:ask}</a><br>
  244. <img src="{image:links}"> <a href="{text:about link}">{text:about}</a><br>
  245. {block:ifLink1}<img src="{image:links}"> <a href="{text:link 1 url}">{text:link 1}</a><br>{/block:iflink1}
  246. {block:ifLink2}<img src="{image:links}"> <a href="{text:link 2 url}">{text:link 2}</a><br>{/block:iflink2}
  247. {block:ifLink3}<img src="{image:links}"> <a href="{text:link 3 url}">{text:link 3}</a><br>{/block:iflink3}
  248. {block:ifLink4}<img src="{image:links}"> <a href="{text:link 4 url}">{text:link 4}</a><br>{/block:iflink4}
  249. </div>
  250.  
  251.  
  252.  
  253. <div id="content">
  254. {block:Posts}
  255.  
  256. <div class="post">
  257.  
  258. {block:Text}
  259. {block:Title}
  260. <div class="title">{Title}</div>
  261. {/block:Title}
  262. {Body}
  263. {/block:Text}
  264.  
  265. {block:Photo}
  266. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  267. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  268. {/block:Photo}
  269.  
  270. {block:Photoset}
  271. <div class="media">{Photoset-500}</div>
  272. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  273. {/block:Photoset}
  274.  
  275. {block:Quote}
  276. <div class="quote">"{Quote}"</div>
  277. {block:Source}
  278. <div class="quotesource">{Source}</div>
  279. {/block:Source}
  280. {/block:Quote}
  281.  
  282. {block:Link}
  283. <div class="title"><a href="{URL}">{Name}</a></div>
  284. {block:Description}
  285. <div class="description">{Description}</div>
  286. {/block:Description}
  287. {/block:Link}
  288.  
  289. {block:Chat}
  290. {block:Title}
  291. <div class="title">{Title}</div>
  292. {/block:Title}
  293.  
  294. {block:Lines}
  295. <div class="{Alt} user_{UserNumber}">
  296. {block:Label}
  297. <b>{Label}</b>{/block:Label}
  298. &nbsp;{Line}
  299. </div>
  300. {/block:Lines}
  301. {/block:Chat}
  302.  
  303. {block:Video}
  304. <div class="media">{Video-500}</div>
  305. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  306. {/block:Video}
  307.  
  308. {block:Audio}
  309. <div class="media">
  310. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  311. {AudioPlayerWhite}
  312. {block:TrackName}{TrackName}<br>{/block:TrackName}
  313. {block:Artist}{Artist}<br>{/block:Artist}
  314. {block:Album}{Album}{/block:Album}
  315. </div>
  316. {block:Caption}{Caption}{/block:Caption}
  317. {/block:Audio}
  318.  
  319. {block:Answer}
  320. <div class="question">{Asker}: {Question}</div>
  321. <div class="caption">{Answer}</div>
  322. {/block:Answer}
  323.  
  324.  
  325. {block:Date}
  326. <div class="footer">
  327. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  328. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{text:tag symbol} {Tag}</a> {/block:Tags}{/block:HasTags}
  329. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  330. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  331. </div>
  332.  
  333. {block:PermalinkPage}
  334. {block:NoteCount}
  335. {block:PostNotes}{PostNotes}{/block:PostNotes}
  336. {/block:NoteCount}
  337. {/block:PermalinkPage}
  338. {/block:Date}
  339.  
  340. </div>
  341. {/block:Posts}
  342.  
  343. {block:Pagination}
  344. <div id="nav">
  345. {block:PreviousPage}<a href="{PreviousPage}">{text:previous page}</a>{/block:PreviousPage}
  346.  
  347. {block:NextPage}<a href="{NextPage}">{text:next page}</a>{/block:NextPage}
  348. </div>
  349. {/block:Pagination}
  350. </div>
  351. </div>
  352.  
  353. <div style="position:fixed; z-index:0; left:{text:render left}px; bottom:{text:render bottom}px; opacity:1.0;"><img style="width:{text:render width}px;" src="{image:Render}"></div>
  354.  
  355. <div style="position:fixed; left:8px; bottom:4px; z-index:1;"><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>
  356.  
  357. </div>
  358.  
  359. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  360. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  361.  
  362. </body>
  363. </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!