API tools faq
paste
Advertisement
ciel_html

hahahah

ciel_html
Nov 25th, 2015
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.63 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <head>
  4.  
  5. <title>{title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}"/>
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta name="color:background" content="#fff" />
  16. <meta name="color:text" content="#bbb" />
  17. <meta name="color:link" content="fuck my entire ass"/>
  18. <meta name="color:content bgs" content="white" />
  19. <meta name="color:accent" content="#f0d1ff" />
  20. <meta name="text:post size" content="350px" />
  21. <meta name="text:sidebar position" content="-200px" />
  22.  
  23. <meta name="font:font" content="verdana" />
  24.  
  25. <meta name="if:cover background" content="0" />
  26. <meta name="if:white tumblr buttons" content="1"/>
  27. <meta name="if:use portrait for side pic" content="0" />
  28. <meta name="if:captions" content="1" />
  29.  
  30. <meta name="image:background" content="" />
  31. <meta name="image:side pic" content="http://38.media.tumblr.com/cd046225e279a219284dfe89c1e5190e/tumblr_inline_n8ree6lbbf1sig565.png" />
  32.  
  33. <script type="text/javascript" language="JavaScript"><!--
  34. function ReverseDisplay(d) {
  35. if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
  36. else { document.getElementById(d).style.display = "none"; }
  37. }
  38. //--></script>
  39.  
  40. <style>
  41.  
  42. {block:ifWhiteTumblrButtons}
  43. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  44.  
  45. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  46. {/block:ifWhiteTumblrButtons}
  47.  
  48. body {
  49. text-align: justify;
  50. font: 12px {font:font};
  51. color: {color:text};
  52. background: {color:background} url('{image:background}') top center fixed repeat;
  53. {block:ifCoverBackground}background-size: 100% 100%;{/block:ifCoverBackground}
  54. margin: 0;
  55. padding: 0;
  56. }
  57.  
  58. a {
  59. color: {color:link};
  60. }
  61.  
  62. img {
  63. max-width: 100%;
  64. }
  65.  
  66. blockquote {
  67. width: 90%;
  68. border-left: 1px dotted {color:accent};
  69. margin: 0 5px;
  70. padding: 0 15px;
  71. }
  72.  
  73. h1, h2 {
  74. margin: 0;
  75. padding: 10px 0;
  76. border-bottom: 1px dotted {color:accent};
  77. }
  78.  
  79. ul {
  80. list-style-type: circle;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. width: 1px;
  85. height: 1px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb {
  89. background: #000;
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. width: 11px; height:11px;
  94. background: #fff;
  95. }
  96.  
  97. ::-webkit-scrollbar-track {
  98. border: 5px solid #fff;
  99. background: black;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. background: black;
  104. border: 2px solid #fff;
  105. border-radius: 2px;
  106. }
  107.  
  108. ::-webkit-scrollbar-button {
  109. background: url(http://i.imgur.com/57yGzp2.png) center no-repeat;
  110. height: 11px;
  111. width: 11px;
  112. border-radius:2px;
  113. }
  114.  
  115. /* post styles */
  116.  
  117. #cent {
  118. margin: 0 auto;
  119. width: {text:post size};
  120. }
  121.  
  122. #sidenya {
  123. position: fixed;
  124. margin: 0 -200px;
  125. text-align: center;
  126. width: 140px;
  127. z-index: 9999999999;
  128. border: 1px solid {color:accent};
  129. background: white;
  130. }
  131.  
  132.  
  133. #post {
  134. position: relative;
  135. margin: 50px auto;
  136. width: {text:post size};
  137. }
  138.  
  139. .post {
  140. border: 1px solid {color:accent};
  141. {block:indexPage}border-bottom: none;{/block:indexPage}
  142. transition: all .5s ease;
  143. background: {color:content bgs};
  144. padding: 30px;
  145. }
  146.  
  147. .tags {
  148. padding: 0 20px 10px 20px;
  149. margin-top: -15px;
  150. background: {color:content bgs};
  151. border-right: 1px solid {color:accent};
  152. border-left: 1px solid {color:accent};
  153. }
  154.  
  155. .tags a {
  156. text-decoration: none;
  157. margin-right: 3px;
  158. }
  159.  
  160. #info {
  161. padding: 15px 30px;
  162. padding-bottom: 0;
  163. background: white;
  164. border-left: 1px solid {color:accent};
  165. border-right: 1px solid {color:accent};
  166. }
  167.  
  168. #notes {
  169. border: 1px solid {color:accent};
  170. border-top: none;
  171. padding: 30px;
  172. padding-top: 15px;
  173. background: white;
  174. }
  175.  
  176. ol.notes {
  177. margin: 25px 0px;
  178. list-style-type: none;
  179. border-bottom: 1px dotted {color:accent};
  180. }
  181.  
  182. ol.notes li.note img.avatar {
  183. vertical-align: -4px;
  184. margin-right: 10px;
  185. width: 16px;
  186. height: 16px;
  187. }
  188.  
  189. ol.notes li.note {
  190. border-top: 1px dotted {color:accent};
  191. padding: 10px 0;
  192. }
  193.  
  194. ol.notes li.note span.action {
  195. font-weight: bold;
  196. }
  197.  
  198. ol.notes li.note .answer_content {
  199. font-weight: normal;
  200. }
  201.  
  202. ol.notes li.note blockquote {
  203. border-color: #eee;
  204. padding: 10px 0;
  205. margin: 10px 0px 0px 25px;
  206. }
  207.  
  208. #perm {
  209. background: {color:content bgs} url('http://33.media.tumblr.com/tumblr_mex6q6mctM1rbvno1.png') top center repeat;
  210. border: 1px solid {color:accent};
  211. {block:permalinkPage}border-bottom: 1px solid {color:accent};{/block:permalinkPage}
  212. padding: 10px 20px;
  213. text-align: left;
  214. }
  215.  
  216. #pag {
  217. width: 100%;
  218. font-size: 16px;
  219. text-align: center;
  220. margin: 40px auto;
  221. }
  222.  
  223. #pag a {
  224. padding: 0 10px;
  225. text-decoration: none;
  226. }
  227.  
  228. #next {
  229. float: right;
  230. background: white;
  231. padding: 10px;
  232. margin-bottom: 40px;
  233. background: white;
  234. border: 1px solid {color:accent};
  235. }
  236.  
  237. #prev {
  238. float: left;
  239. background: white;
  240. padding: 10px;
  241. margin-bottom: 50px;
  242. border: 1px solid {color:accent};
  243. }
  244.  
  245.  
  246. .ask {
  247. border-bottom: 1px dotted {color:accent};
  248. padding: 10px;
  249. }
  250.  
  251. .ask a {
  252. color: #fff;
  253. text-decoration: none;
  254. }
  255.  
  256. {CustomCSS]</style>
  257.  
  258. </head>
  259. <body>
  260.  
  261. <div id="cent">
  262.  
  263. <div id="sidenya">
  264.  
  265. <a href="/"><img src="{image:side pic}" width="100%" style="padding: 20px; box-sizing: border-box"/></a>
  266.  
  267. <div style="background: url('http://33.media.tumblr.com/tumblr_mex6q6mctM1rbvno1.png') top center repeat; border-top: 1px solid {color:accent}; padding: 10px"><a href="/ask">inbox</a>, <a href="/x">etc</a></div>
  268.  
  269. </div>
  270.  
  271. {block:Posts}
  272.  
  273. <div id="post">
  274. <div class="post">
  275.  
  276. {block:Title}<h2>{Title}</h2>{/block:Title}
  277.  
  278.  
  279. {block:Text}{Body}{/block:Text}
  280.  
  281.  
  282. {block:Photo}
  283. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>{linkCloseTag}
  284. {/block:Photo}
  285.  
  286.  
  287. {block:Photoset}
  288. <div style="width: 100%;">{Photoset}</div>
  289. {/block:Photoset}
  290.  
  291.  
  292. {block:Quote}
  293. <b>{Quote}</b>
  294. {block:Source}<p>{Source}</p>{/block:Source}
  295. {/block:Quote}
  296.  
  297.  
  298. {block:Video}
  299. <div style="width:100%">{Video-250}</div>
  300. {/block:Video}
  301.  
  302.  
  303. {block:Link}
  304. <a href="{URL}" class="link" style="text-decoration: none" {Target}><h2>{Name}</h2></a>
  305. {block:Description}{Description}{/block:Description}
  306. {/block:Link}
  307.  
  308.  
  309. {block:Chat}
  310. {block:Lines}
  311. <div style="border-bottom: 1px dotted {color:accent}; padding: 10px 0;"> {block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  312. {/block:Lines}
  313. {/block:Chat}
  314.  
  315.  
  316. {block:Audio}
  317. {block:AudioPlayer}{audioPlayerWhite}<br>{/block:AudioPlayer}
  318. <b>{block:artist}{artist} · {/block:artist} {block:trackName}{trackName}{/block:trackName}</b>
  319. {/block:Audio}
  320.  
  321.  
  322. {block:Answer}
  323. <div class="ask"><mark style="background: {color:accent}; color: #fff;">{Asker}:</mark> {Question}</div>
  324. <blockquote style="border-left:none;">
  325. {Answer}
  326. </blockquote>
  327. {/block:Answer}
  328.  
  329. {block:ifCaptions}
  330. {block:Caption}{Caption}{/block:Caption}
  331.  
  332. {/block:ifCaptions}
  333.  
  334. </div>
  335.  
  336. {block:indexPage}{block:hasTags}<div class="tags">{block:tags}<a href="{tagURL}">#{tag}</a> {/block:tags}</div>{block:hasTags}{/block:indexPage}
  337.  
  338. {block:indexPage}
  339. <div id="perm">
  340. {block:date}
  341. <a href="{permalink}">{dayOfMonth} {shortMonth} {12HourWithZero}:{minutes}{capitalAMPM} {noteCount}N</a>
  342. {/block:date}
  343. </div>
  344. {/block:indexPage}
  345.  
  346. {block:permalinkPage}{block:date}<div id="info">
  347. {block:reblog}
  348. {block:RebloggedFrom}<b>reblogged from:</b> <a href="{reblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  349. {block:ContentSource}<b>origin:</b> {SourceLink}<br>{/block:ContentSource}
  350. <b>reblogged</b>
  351. {/block:reblog}
  352.  
  353. {block:notReblog}<b>posted</b>{/block:notReblog} <b>on:</b> {dayOfMonth}/{monthNumber}/{year} at {12Hour}:{minutes}{AMPM} <br>
  354.  
  355. {block:hasTags}<b>tagged with:</b> {block:tags}<a href="{tagURL}">#{tag}</a> {/block:tags}<br>{/block:hasTags}
  356.  
  357. {block:NoteCount}<b>note count:</b> {noteCount}{/block:NoteCount}
  358.  
  359. </div>{/block:date}{/block:permalinkPage}
  360.  
  361.  
  362. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  363. </div>
  364. {/block:Posts}
  365.  
  366. <div id="pag">
  367. {block:previousPage}<div id="prev"><a href="{previousPage}">prev</a></div>{/block:previousPage}
  368.  
  369. {block:nextPage}<div id="next"><a href="{nextPage}">next</a></div>{/block:nextPage}
  370. </div>
  371.  
  372. </div>
  373.  
  374. </body>
  375. </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!