API tools faq
paste
Advertisement
rasperries

sad girl (header)

rasperries
Aug 3rd, 2014
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8. theme by selkas.tumblr.com
  9.  
  10.  
  11.  
  12. -->
  13. <title>{Title}</title>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#4f4f4f"/>
  17. <meta name="color:hover" content="#8f8f8f"/>
  18. <meta name="color:border" content="#eaeaea"/>
  19. <meta name="color:scrollbar" content="#cdcdcd"/>
  20. <meta name="select:font" content="georgia, times, 'times new roman', serif" title="georgia"/>
  21. <meta name="select:font" content="consolas, 'courier new', monospace" title="consolas"/>
  22. <meta name="select:font" content="arial, helvetica, sans-serif" title="arial"/>
  23. <meta name="if:500px" content="0"/>
  24. <meta name="if:spaced title" content="1"/>
  25. <meta name="if:show captions" content="1"/>
  26. <meta name="if:show time" content="1"/>
  27. <meta name="if:show date" content="1"/>
  28. <meta name="if:show notes" content="1"/>
  29. <meta name="if:show tags" content="1"/>
  30. <meta name="if:jump pagination" content="1"/>
  31. <meta name="if:endless scrolling" content="0"/>
  32. <meta name="text:link 1" content=""/>
  33. <meta name="text:link 1 url" content=""/>
  34. <meta name="text:link 2" content=""/>
  35. <meta name="text:link 2 url" content=""/>
  36. <meta name="text:link 3" content=""/>
  37. <meta name="text:link 3 url" content=""/>
  38. <meta name="text:link 4" content=""/>
  39. <meta name="text:link 4 url" content=""/>
  40. <meta name="text:link 5" content=""/>
  41. <meta name="text:link 5 url" content=""/>
  42. <meta name="text:link 6" content=""/>
  43. <meta name="text:link 6 url" content=""/>
  44. <link rel="shortcut icon" href="{Favicon}"/>
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  46. {block:ifEndlessScrolling}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifEndlessScrolling}
  47. <style type="text/css">
  48. ::-webkit-scrollbar {
  49. width:7px;
  50. height:7px;
  51. background-color:{color:background};
  52. }
  53. ::-webkit-scrollbar-track {
  54. background-color:{color:background};
  55. }
  56. ::-webkit-scrollbar-thumb {
  57. background-color:{color:scrollbar};
  58. border: 1px solid {color:background};
  59. }
  60. body {
  61. margin:0px;
  62. color:{color:text};
  63. font-family:{select:font};
  64. font-size:9px;
  65. font-weight:lighter;
  66. line-height:1.5em;
  67. word-wrap:break-word;
  68. text-align:justify;
  69. background-color:{color:background};
  70. }
  71. * {
  72. -ms-transition:all 0s linear;
  73. -moz-transition:all 0s linear;
  74. -webkit-transition:all 0s linear;
  75. transition:all 0s linear;
  76. }
  77. blockquote {
  78. margin:.75em 2em;
  79. padding:.33em 2em;
  80. border-left:1px solid {color:border};
  81. }
  82. pre {
  83. white-space:normal;
  84. }
  85. a img {
  86. border:0px;
  87. }
  88. a {
  89. color:{color:text};
  90. text-decoration:none;
  91. }
  92. a:hover {
  93. color:{color:hover};
  94. }
  95. small, sub {
  96. font-size:1em;
  97. vertical-align:middle;
  98. }
  99. ol {
  100. padding-left:2.25em;
  101. margin:.75em 0;
  102. }
  103. ul {
  104. padding-left:2.25em;
  105. margin:.75em 0;
  106. list-style-type:square;
  107. }
  108. p {
  109. margin:.75em 0;
  110. }
  111. h3 {
  112. font-weight:normal;
  113. line-height:1em;
  114. font-size:1.33em;
  115. }
  116. h3 a:hover {
  117. color:{color:hover};
  118. }
  119. #main {
  120. margin:0px auto;
  121. {block:ifNot500px}width:400px;{/block:ifNot500px}
  122. {block:if500px}width:500px;{/block:if500px}
  123. }
  124. .wrap {
  125. {block:PermalinkPage}margin:125px 0px 50px 0px;{/block:PermalinkPage}
  126. {block:IndexPage}margin:125px 0px;{/block:IndexPage}
  127. }
  128. .post img {
  129. max-width:100%;
  130. height:auto;
  131. }
  132. .post .caption a,
  133. .post .body a,
  134. .post .source a {
  135. text-decoration:none;
  136. }
  137. .post .caption *:first-child,
  138. .post .body *:first-child,
  139. .post .source *:first-child {
  140. margin-top:0px;
  141. }
  142. .post .caption *:last-child,
  143. .post .body *:last-child,
  144. .post .source *:last-child {
  145. margin-bottom:0px;
  146. }
  147. .post .caption {
  148. margin:1em 0px;
  149. {block:ifNotShowCaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowCaptions}
  150. }
  151. .caption h1, .caption h2, .caption h3, .caption h4 {
  152. font-size:1em;
  153. font-weight:normal;
  154. margin:.75em 0px;
  155. }
  156. .post .body {
  157. margin:1em 0px;
  158. }
  159. .post .source {
  160. margin:1em 0px;
  161. text-align:right;
  162. }
  163. .post .media {
  164. overflow:hidden;
  165. }
  166. .post .media img,
  167. .post .media .photoset {
  168. max-width:100%;
  169. display:block;
  170. margin:auto;
  171. }
  172. .post .media .photoset {
  173. width:100%;
  174. display:block;
  175. }
  176. .post .qn,
  177. .post .quote {
  178. font-weight:lighter;
  179. }
  180. .post .chat .line {
  181. padding:1px 0;
  182. }
  183. .post .chat .label {
  184. margin-right:.5em;
  185. font-weight:bold;
  186. }
  187. .post .audio .tumblr_audio_player {
  188. width:100%;
  189. height:27px;
  190. }
  191. .post .info {
  192. margin-top:.75em;
  193. text-align:right;
  194. }
  195. .post .info a {
  196. margin:0 0 0 1em;
  197. color:{color:text};
  198. }
  199. .post .tagged {
  200. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  201. }
  202. .post.perma {
  203. margin:50px 0px;
  204. }
  205. .post.n {
  206. margin:50px 0px 125px 0px;
  207. }
  208. .post.n a {
  209. text-decoration:none;
  210. }
  211. .post .notes ol {
  212. list-style-type:none;
  213. padding:0px;
  214. }
  215. .post .notes img {
  216. display:none;
  217. }
  218. .pagination {
  219. margin:125px 0px;
  220. text-align:right;
  221. {block:ifEndlessScrolling}display:none;{/block:ifEndlessScrolling}
  222. }
  223. .pagination a, .pagination .current {
  224. margin:0px 0px 0px 1em;
  225. }
  226. #header {
  227. margin-top:125px;
  228. font-size:9px;
  229. }
  230. #header .description {
  231. float:right;
  232. text-align:right;
  233. margin-bottom:1.45em;
  234. width:50%;
  235. }
  236. #header .title {
  237. width:50%;
  238. text-align:left;
  239. }
  240. #header .title a {
  241. text-transform:uppercase;
  242. text-decoration:none;
  243. {block:ifSpacedTitle}letter-spacing:0.5em;{/block:ifSpacedTitle}
  244. {block:ifNotSpacedTitle}letter-spacing:1px;{/block:ifNotSpacedTitle}
  245. font-size:1.45em;
  246. line-height:1.15em;
  247. color:{color:text};
  248. }
  249. #header .nav {
  250. margin-top:0.25em;
  251. width:50%;
  252. text-align:left;
  253. }
  254. #header .nav a {
  255. margin-right:0.75em;
  256. }
  257. #infscr-loading {
  258. display:none!important;
  259. }
  260. #tc {
  261. bottom:0px;
  262. right:0px;
  263. position:fixed;
  264. padding:4px;
  265. z-index:1000;
  266. }
  267. #tc a {
  268. font-size:8px;
  269. padding:3px;
  270. background-color:transparent;
  271. font-family:calibri;
  272. letter-spacing:0px;
  273. text-decoration:none;
  274. }
  275. #tc a:hover {
  276. text-decoration:none;
  277. }
  278. #back-top {
  279. font-size:13px;
  280. text-align:center;
  281. position:fixed;
  282. bottom:15%;
  283. {block:ifNot500px}right:-100px;{/block:ifNot500px}
  284. {block:if500px}right:-125px;{/block:if500px}
  285. width:50%;
  286. }
  287. #back-top span {
  288. cursor:pointer;
  289. padding:5px;
  290. }
  291. </style>
  292. </head>
  293. <body>
  294. <div id="main">
  295. <div id="header">
  296. <div class="description">{Description}</div>
  297. <div class="title"><a href="/">{Title}</a></div>
  298. <div class="nav">{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}
  299. </div>
  300. </div>
  301. <div id="content">
  302. {block:Posts}<div class="wrap">
  303. <div class="post">
  304. {block:Answer}<!-- answer --><div class="qn"><span class="asker">{Asker}</span>:&ensp;<span class="q">{Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}<span class="uh">{Line}</span></div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h3><a href="{URL}">{Name}</a></h3>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:ifNot500px}{Photoset-400}{/block:ifNot500px}{block:if500px}{Photoset-500}{/block:if500px}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h3>{Title}</h3>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{block:ifNot500px}{Video-400}{/block:ifNot500px}{block:if500px}{Video-500}{/block:if500px}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  305. {block:IndexPage}{block:Date}<div class="info">{block:HasTags}<span class="tagged">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</span>{/block:HasTags}{block:ifShowTime}<a href="{Permalink}">{24Hour}:{Minutes}</a>{/block:ifShowTime}{block:ifShowDate}<a href="{Permalink}">{MonthNumber}/{DayOfMonthWithZero}</a>{/block:ifShowDate}{block:ifShowNotes}<a href="{Permalink}">({NoteCount})</a>{/block:ifShowNotes}</div>{/block:Date}{/block:IndexPage}
  306. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  307. </div>
  308. </div>
  309. {block:PermalinkPage}<div class="perma post">{block:Date}{lang:Posted on Month DayOfMonth Year with NoteCount notes}{block:RebloggedFrom}<br/>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}&nbsp; &middot;&nbsp; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<br/>{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}{/block:Date}</div>{/block:PermalinkPage}
  310. {block:PostNotes}<div class="post n"><div class="notes">{PostNotes}</div></div>{/block:PostNotes}
  311. {/block:Posts}
  312. {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">back</a>{/block:PreviousPage}{block:ifJumpPagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{/block:ifJumpPagination}{block:ifNotJumpPagination}{block:NextPage}{block:PreviousPage}&middot;{/block:PreviousPage}{/block:NextPage}{/block:ifNotJumpPagination}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  313. </div>
  314. </div>
  315. <div id="tc"><script language="JavaScript">
  316. var ref = (''+document.referrer+'');
  317. var w_h = window.screen.width + " x " + window.screen.height;
  318. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  319. </script></div>
  320. {block:ifEndlessScrolling}{block:IndexPage}<div id="back-top" title="scroll to top"><span>↑</span></div>
  321. <script>
  322. $('#content').infinitescroll({
  323. navSelector:"div.pagination",
  324. nextSelector:"div.pagination a.next",
  325. itemSelector:"#content div.wrap",
  326. bufferPx:4000,
  327. });
  328.  
  329. $(document).ready(function(){
  330. $("#back-top").hide();
  331. $(function () {
  332. $(window).scroll(function () {
  333. if ($(this).scrollTop() > 800) {
  334. $('#back-top').fadeIn();
  335. } else {
  336. $('#back-top').fadeOut();
  337. }
  338. });
  339. $('#back-top span').click(function () {
  340. $('body,html').animate({
  341. scrollTop: 0
  342. }, 800);
  343. return false;
  344. });
  345. });
  346.  
  347. });
  348. </script>
  349. <!-- credit: http://webdesignerwall.com/tutorials/animated-scroll-to-top -->
  350. {/block:IndexPage}{/block:ifEndlessScrolling}
  351. </body>
  352. </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!