API tools faq
paste
enchantingly

Revamp: Theme 08 - Beige Beauty 2.0

enchantingly
Dec 24th, 2015
1,171
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme 08 (Revamp) - "Beige Beauty" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. Credit stays intact, please. If you get stuck, feel free to message me! Comments and suggestions are welcome.
  8. -->
  9.  
  10. <head>
  11.  
  12. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  13.  
  14. <title>{title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:Background"content="#f8f5fa">
  20. <meta name="color:Body"content="#464544">
  21. <meta name="color:Border"content="#3d3c3c">
  22. <meta name="color:Chat1"content="#f1e1b6">
  23. <meta name="color:Chat2"content="#e9d49e">
  24. <meta name="color:Description"content="#464544">
  25. <meta name="color:Info" content="#f3e6c4">
  26. <meta name="color:Link"content="#292828">
  27. <meta name="color:Link Hover"content="#696767">
  28. <meta name="color:Links Bg"content="#faf1d9">
  29. <meta name="color:Links Hover Bg"content="#ebdaae">
  30. <meta name="color:Post"content="#f3e6c4">
  31. <meta name="color:Scroll" content="#f3e6c4">
  32. <meta name="color:Scrollbg" content="#464544">
  33. <meta name="color:Sidebar"content="#f3e6c4">
  34. <meta name="color:Title"content="#444343">
  35.  
  36. <meta name="if:Back to Top" content="1">
  37. <meta name="if:Hover Tags and Info" content="1">
  38. <meta name="if:Infinite Scroll" content="0">
  39. <meta name="if:Posts 500" content="1">
  40. <meta name="if:Repeat Background" content="1">
  41. <meta name="if:Search" content="1">
  42. <meta name="if:Show Tags" content="1">
  43.  
  44. <meta name="font:Body" content="'Lora', serif">
  45. <meta name="font:Quote" content="Garamond">
  46. <meta name="font:Title" content="'Dancing Script', cursive">
  47. <meta name="font:Text Title" content="'Cambria'">
  48.  
  49. <meta name="image:Background"content="">
  50. <meta name="image:Sidebar"content="">
  51. <meta name="image:Sidebar Background"content="">
  52.  
  53. <meta name="text:BackToTopImage" content="https://i1155.photobucket.com/albums/p559/scrolltotop/arrow64.png">
  54.  
  55. <meta name="text:Body Font Size" content="12px">
  56. <meta name="text:Title Font Size" content="30px">
  57.  
  58. <meta name="text:Link1" content="">
  59. <meta name="text:Link1URL" content="http://">
  60. <meta name="text:Link2" content="">
  61. <meta name="text:Link2URL" content="http://">
  62. <meta name="text:Link3" content="">
  63. <meta name="text:Link3URL" content="http://">
  64. <meta name="text:Link4" content="">
  65. <meta name="text:Link4URL" content="http://">
  66. <meta name="text:Link5" content="">
  67. <meta name="text:Link5URL" content="http://">
  68. <meta name="text:Link6" content="">
  69. <meta name="text:Link6URL" content="http://">
  70. <meta name="text:Link7" content="">
  71. <meta name="text:Link7URL" content="http://">
  72. <meta name="text:Link8" content="">
  73. <meta name="text:Link8URL" content="http://">
  74.  
  75. <style type="text/css">
  76.  
  77. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:2px 2px 0px 10px}
  78.  
  79. ::-webkit-scrollbar {width: 8px; height:auto; background:{color:scrollbg};}
  80. ::-webkit-scrollbar-corner {background:{color:scroll};}
  81. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}
  82. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  83.  
  84. ::selection {color:{color:post};background-color: {color:body};}
  85. ::-moz-selection {color:{color:post};background-color: {color:body};}
  86. ::-webkit-selection {color:{color:post};background-color:{color:body};}
  87.  
  88. a {color:{color:link};text-decoration:none;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  89. a:hover {color:{color:link hover};}
  90.  
  91. /**MAIN**/
  92.  
  93. body {
  94. font: {text:body font size} {font:body};
  95. color: {color:body};
  96. background: {color:background} url('{image:background}');
  97. background-repeat: {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground} {block:IfRepeatBackground}repeat{/block:IfRepeatBackground};
  98. background-attachment:fixed;
  99. }
  100.  
  101. #sidebar {
  102. top: 0px; left: 0px;
  103. position: fixed;
  104. width: 300px; height: 100%;
  105. background-color: {color:sidebar};
  106. background-image:url('{image:Sidebar Background}');
  107. background-attachment: fixed;
  108. background-position: top left;
  109. background-repeat: {block:IfNotRepeatBackground}no-repeat{/block:IfNotRepeatBackground} {block:IfRepeatBackground}repeat{/block:IfRepeatBackground};
  110. background-size: 300px;
  111. z-index: 1;
  112. }
  113. #sidebar img {
  114. width: 250px; height: auto;
  115. border: 2px solid {color:border};
  116. margin-top: 0px;
  117. }
  118.  
  119. #title {
  120. font: {text:title font size} {font:title};
  121. font-weight: normal;
  122. text-align: center;
  123. color: {color:Title};
  124. line-height: 90%;
  125. margin:30px 0px 20px;
  126. }
  127.  
  128. #description {
  129. margin-top: 20px;
  130. color: {color:description};
  131. padding: 15px;
  132. width:230px;
  133. text-align:justify;
  134. font-size: 11px;
  135. }
  136.  
  137. #links {
  138. position: fixed;
  139. width: 260px;
  140. margin: 100px 0px 0px 280px;
  141. padding: 2px;
  142. }
  143. #links a {
  144. border-right: 10px solid {color:link};
  145. padding: 4px 4px 4px 10px;
  146. width: 100px;
  147. display: block;
  148. color:{color:Link};
  149. background-color:{color:links bg};
  150. margin: 4px 2px 4px 7px;
  151. letter-spacing: 1px;
  152. transition: all 0.5s ease-out;
  153. -o-transition-transition: all 0.5s ease-out;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. }
  157. #links a:hover {
  158. border-right: 10px solid {color:link hover};
  159. width: 80px;
  160. color: {color:link hover};
  161. background-color: {color:links hover bg};
  162. }
  163.  
  164. #pagination {
  165. padding: 4px 0px;
  166. border-right: 10px solid {color:link};
  167. letter-spacing: 1px; word-spacing: 1px;
  168. text-align: center;
  169. font-size: 11px;
  170. width: 114px;
  171. margin: 65px 0px 0px 290px;
  172. position: fixed;
  173. background-color: {color:links hover bg};
  174. }
  175.  
  176. #entries {
  177. padding: 10px;
  178. width: 500px;
  179. margin: 0px 0px 30px 490px;
  180. }
  181.  
  182. #post {
  183. {block:ifPosts500}width: 500px;{/block:ifPosts500}
  184. {block:ifnotPosts500}width: 400px;{/block:ifnotPosts500}
  185. padding: 10px;
  186. float: left;
  187. margin: 15px 0px;
  188. border: 5px solid {color:border};
  189. background-color: {color:post};
  190. }
  191.  
  192. /**POST INFO**/
  193.  
  194. {block:ifHoverTagsAndInfo}
  195. #post:hover #info {opacity:1; display:block}
  196.  
  197. #info {
  198. opacity: 0;
  199. margin-top: -15px;
  200. margin-left: {block:ifPosts500} 520px; {/block:ifPosts500};
  201. {block:ifNotPosts500}420px;{/block:ifNotPosts500};
  202. text-align: center;
  203. font: 9px {font:body};
  204. min-width: 70px;
  205. padding: 3px;
  206. border: 3px solid {color:border};
  207. position: absolute;
  208. background-color: {color:info};
  209. -webkit-transition: all .6s ease-in-out;
  210. -moz-transition: all .6s ease-in-out;
  211. -o-transition: all .6s ease-in-out;
  212. -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out;
  213. }
  214.  
  215. #post:hover #tags {opacity:1; display:block;}
  216. #tags {
  217. opacity: 0;
  218. position: absolute;
  219. min-width: 70px; max-width: 200px;
  220. margin-left: {block:ifPosts500}520px;{/block:ifPosts500}
  221. {block:ifNotPosts500}420px; {/block:ifNotPosts500}
  222. margin-top: 55px;
  223. padding: 2px;
  224. font-size: 10px;
  225. font-style: italic;
  226. text-align: center;
  227. background-color: {color:info};
  228. border: 3px solid {color:border};
  229. -webkit-transition: all .6s ease-in-out;
  230. -moz-transition: all .6s ease-in-out;
  231. -o-transition: all .6s ease-in-out;
  232. -ms-transition: all .6s ease-in-out;
  233. transition: all .6s ease-in-out;
  234. }
  235. {/block:ifHoverTagsAndInfo}
  236.  
  237. {block:ifNotHoverTagsAndInfo}
  238. #info {
  239. opacity: 1;
  240. margin-top: -15px;
  241. margin-left: {block:ifPosts500} 520px; {/block:ifPosts500} {block:ifNotPosts500}420px;{/block:ifNotPosts500};
  242. text-align: center;
  243. font: 11px {font:body};
  244. min-width: 70px;
  245. padding: 3px;
  246. border: 1px solid {color:border};
  247. position: absolute;
  248. background-color: {color:info};
  249. }
  250.  
  251. #tags {
  252. opacity: 1;
  253. position: absolute;
  254. min-width: 70px; max-width: 200px;
  255. margin-left: {block:ifPosts500}520px;{/block:ifPosts500} {block:ifNotPosts500}420px; {/block:ifNotPosts500}
  256. padding: 2px;
  257. margin-top: 55px;
  258. font-size: 10px;
  259. font-style: italic;
  260. text-align: center;
  261. background-color: {color:info};
  262. border: 1px solid {color:border};
  263. }
  264. {/block:ifNotHoverTagsAndInfo}
  265.  
  266. .note {
  267. text-transform: normal;
  268. font-style: normal;
  269. font-size: 10px;
  270. text-align: left;
  271. line-height: 80%;
  272. margin-left: -40px;
  273. }
  274. .note li {
  275. list-style-type: none;
  276. text-align: left;
  277. padding: 2px;
  278. margin: 0px;
  279. -moz-transition-duration:0.5s;
  280. -webkit-transition-duration:0.5s;
  281. -o-transition-duration:0.5s;
  282. }
  283.  
  284. /**POST TYPES**/
  285.  
  286. #texttitle {
  287. font: normal 20px/100% {font:Text Title};
  288. text-align: center;
  289. margin: 5px 2px 2px 2px;
  290. }
  291.  
  292. #quote {
  293. margin: 5px 0px;
  294. font-family: {font:Quote};
  295. text-align: center;
  296. letter-spacing: 1px;
  297. }
  298.  
  299. #quote_short {font: italic 20px/100% {font:quote}}
  300. #quote_medium {font: italic 18px/95% {font:quote}}
  301. #quote_long {font: italic 16px/90% {font:quote}}
  302.  
  303. #quotesource {
  304. margin: 10px 0px -10px 0px;
  305. font: normal 14px Georgia;
  306. text-align: right;
  307. padding: 6px;
  308. }
  309.  
  310. #linkposts {
  311. height: 80px;
  312. padding-bottom: 10px;
  313. padding-top: 10px;
  314. font-family: book antiqua;
  315. font-size: 16px;
  316. border: 2px dotted {color:Border};
  317. margin-bottom: 5px;
  318. background-color: {color:Link Posts Bg};
  319. width: {block:ifPosts500}500px;{/block:ifPosts500}{block:ifNotPosts500}400px;{/block:ifNotPosts500}
  320. }
  321.  
  322. #linkfav img {
  323. width: 100px; height: 100px;
  324. margin-top: -107px;
  325. position: absolute;
  326. margin-left:{block:ifPosts500}402px;{/block:ifPosts500}{block:ifNotPosts500}302px;{/block:ifNotPosts500}
  327. }
  328.  
  329. .album {position:absolute; {block:ifposts500}width:100px; height:100px;{/block:ifposts500} {block:ifnotposts500}width:75px; height:75px; {/block:ifnotposts500} margin-top:0px;}
  330. .album img {{block:ifposts500}width:100px; height:100px;{/block:ifposts500} {block:ifnotposts500}width:75px; height:75px; {/block:ifnotposts500}}
  331. .audio {display:block; position:absolute; width:30px; height:30px; {block:ifposts500}margin-left:115px{/block:ifposts500}; {block:ifnotposts500}margin-left:85px;{/block:ifnotposts500}}
  332. .audiobox {height:100px;}
  333. .audiotext {text-align:center; padding-top:50px; {block:ifNotPosts500}width:400px;{/block:ifNotPosts500} {block:ifPosts500}width:500px;{/block:ifPosts500} }
  334. .pc {padding: 8px 13px;height: 13px;float: right;font-family: {font:body};font-size: 11px;text-transform: lowercase;}
  335. .pc a {text-decoration: none;}
  336.  
  337. .chat {border-left: 5px solid {color:border};margin: 3px 3px 0 3px;font-size: 12px;font-family:lora, serif;}
  338. .chat .lines {margin-left: 1px;}
  339. .chat .lines .line {background-color: {color:chat1};margin-bottom: 1px;padding: 3px 5px;}
  340. .chat .lines .line.even {background-color: {color:chat2}; }
  341.  
  342. #question {font-size:12px; letter-spacing:1px; padding:3px;}
  343. #asker{text-align: right; margin-top:-10px; margin-left:0px; font-size:13px;}
  344. #asker img{float:right; margin-left: 26px; margin-right: 25px; border:3px solid {color:border};}
  345.  
  346. #credit {
  347. z-index: 99999999999;
  348. text-align: center;
  349. font-size: 14px; font-family:'Montez';
  350. position: fixed;
  351. bottom: 5px; right: 5px;
  352. }
  353. #credit a {
  354. display: inline-block;
  355. height: 20px; width: 20px;
  356. background-color: {color:Post};
  357. color: {color:body};
  358. }
  359. #credit a:hover {
  360. border-radius: 50%;
  361. background-color: {color:body};
  362. color: {color:Post};
  363. }
  364.  
  365. #s-m-t-tooltip {
  366. padding:5px 10px 5px 10px;
  367. margin:20px 14px 7px 10px;
  368. border:1px solid {color:border};
  369. background-color:{color:Body};
  370. font:normal 9px/100% {font:body};
  371. letter-spacing:1px;
  372. color:{color:Post};
  373. z-index:99999999;
  374. }
  375.  
  376. {CustomCSS}</style>
  377.  
  378. <script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  379.  
  380. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  381.  
  382. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  383.  
  384. <script>
  385. (function($){
  386. $(document).ready(function(){
  387. $("a[title]").style_my_tooltips({
  388. tip_follows_cursor:true,
  389. tip_delay_time:0,
  390. tip_fade_speed:0,
  391. attribute:"title"
  392. });
  393. });
  394. })(jQuery);
  395. </script>
  396.  
  397. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  398. <link href='https://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  399.  
  400. <script type="text/javascript">
  401. <!--
  402. function handleThis(formElm)
  403. {
  404. window.location="/tagged/"+formElm.number.value+"";
  405. return false;
  406. }
  407. // -->
  408. </script>
  409.  
  410. </head>
  411. <body>
  412.  
  413. <div id="sidebar">
  414. <a href="/"><div id="title">{Title}</div></a>
  415. <center>
  416. {block:ifSidebarImage}<img src="{image:sidebar}">{/block:ifSidebarImage}
  417. <div id="description">{description}
  418. <br>
  419.  
  420. {block:ifSearch}
  421. <center><br><form onsubmit="return handleThis(this)">
  422. <input type="text" name="number" onfocus="if (this.value == 'Search tags') {this.value=''}" style="border:1px solid {color:border}; color:{color:body}; font-family:lora, serif; width:160px" onblur="if (this.value == '') {this.value='Search tags'}" />
  423. <input type="submit" value="Search" style="background-color:{color:links bg}; color:{color:body}; font-family:lora, serif;" />
  424. </form></center>
  425. {/block:ifSearch}
  426.  
  427. </div><!--description-->
  428. </center></div><!--sidebar-->
  429.  
  430. <div id="links">
  431. <a href="/">Home</a>
  432. <a href="/ask">Ask</a>
  433. <a href="/archive">Archive</a>
  434. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  435. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  436. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  437. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  438. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  439. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  440. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a>{/block:ifLink7}
  441. {block:ifLink8}<a href="{text:Link8URL}">{text:Link8}</a>{/block:ifLink8}
  442. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a>
  443. {/block:Pages}{/block:HasPages}
  444. </div>
  445.  
  446. {block:Pagination}<div id="pagination"><center>
  447. {block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  448. {CurrentPage} / {TotalPages}
  449. {block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</center></div>{/block:Pagination}
  450. </div></div>
  451.  
  452. <div id="entries">
  453.  
  454. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  455.  
  456. {block:Posts}
  457.  
  458. <div id="post">
  459.  
  460. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a>
  461. {block:NoteCount}<br>
  462. <a href="{Permalink}">{NoteCountWithLabel}</a><br>{/block:NoteCount}
  463. {block:RebloggedFrom}
  464. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  465. {/block:RebloggedFrom}
  466. {block:Reblog}/ <a href="{ReblogRootURL}" title="{ReblogRootName}">©</a>
  467. {/block:Reblog}<br>
  468. <a href="{ReblogURL}" target="_blank"> reblog</a></div>
  469. {/block:Date}
  470.  
  471. <center>{block:ifShowTags}{block:HasTags}
  472. <div id="tags"> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  473. </div> {/block:HasTags}{/block:IfShowTags}</center>
  474.  
  475. <!--Text Posts-->
  476. {block:Text}{block:Title}
  477. <div id="texttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  478.  
  479. <!--Photo Posts-->
  480. {block:ifPosts500}{block:Photo}<center>{OpenTag}
  481. <img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  482. {block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifPosts500}
  483. {block:ifNotPosts500}{block:Photo}<center>{LinkOpenTag}
  484. <img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  485. {block:Caption}{Caption}{/block:Caption}
  486. {/block:Photo}{/block:ifNotPosts500}
  487.  
  488. <!--Photoset Posts-->
  489. {block:ifPosts500}{block:Photoset}<center>{Photoset-500}</center>
  490. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  491. {/block:ifPosts500}
  492. {block:ifNotPosts500}{block:Photoset}<center>{Photoset-400}</center>
  493. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  494. {/block:ifNotPosts500}
  495.  
  496. <!--Panorama-->
  497. {block:Panorama}
  498. {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  499. {LinkCloseTag}
  500. {block:Caption}{Caption}{/block:Caption}
  501. {/block:Panorama}
  502.  
  503. <!--Quote-->
  504. {block:Quote}<div id="quote">
  505. <div id="quote_{Length}">“{Quote}”</div>
  506. {block:Source}
  507. <div id="quotesource">
  508. - {Source}</div>
  509. {/block:Source}
  510. </div>{/block:Quote}
  511.  
  512. <!--Video Posts-->
  513. {block:ifPosts500}{block:Video}{Video-500}
  514. {block:Caption}{Caption}{/block:Caption}{/block:Video}{/block:ifPosts500}
  515.  
  516. {block:ifNotPosts500}{block:Video}{Video-400}{block:Caption}
  517. {Caption}{/block:Caption}{/block:Video}{/block:ifNotPosts500}
  518.  
  519. <!--Link Posts-->
  520. {block:Link}<div id="link">
  521. <div id="linkposts">
  522. <a href="{URL}" class="link">
  523. <center>{Name} →</center></a><BR>
  524. <center><small><small>{Host}</small></small></center>
  525. </div> <!--linkposts-->
  526. {block:Thumbnail}
  527. <div id="linkfav"><img src="{Thumbnail}"></div>
  528. {/block:Thumbnail}
  529. {block:Description}{Description}{/block:Description}
  530. </div>{/block:Link}
  531.  
  532. <!--Chat-->
  533. {block:Chat}
  534. {block:Title}<div id="texttitle">{Title}</div>{/block:Title}
  535. <div class="chat"><div class="lines">{block:Lines}
  536. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>
  537. {/block:Label} {Line}</div>{/block:Lines}</div></div>{/block:Chat}
  538.  
  539. <!--Audio-->
  540. {block:Audio}{block:AlbumArt}<div class="album">
  541. <img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  542. <div class="audio">{AudioPlayerWhite}</div><div class="pc">
  543. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  544. <div class="audiobox"><div class="audiotext">
  545. {block:TrackName}<i><big><big>"{TrackName}"</big></i>{/block:TrackName}
  546. {block:Artist}<br>by {Artist}{/block:Artist}</big></div></div>
  547. {block:Caption}{Caption}{/block:Caption}
  548. {/block:Audio}
  549.  
  550. <!--Ask Posts-->
  551. {block:Answer}<div id="question"><b>{Question}</b></div><BR>
  552. <div id="asker"><img src="{AskerPortraitURL-30}">{Asker}</div><BR>
  553. <div style="border-top:1px dotted {color:border}">{Answer}</div>
  554. {/block:Answer}
  555.  
  556. <!--Post info-->
  557. <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  558.  
  559. </div>{/block:Posts}</div>
  560.  
  561. <div id="credit"><a href="https://theghostoflove.tumblr.com/" target="_blank" title="enchantingly">E</a></div>
  562.  
  563. </div>
  564. </body>
  565.  
  566. {block:ifBackToTop}<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  567. <script type="text/javascript">//** Script by Kyle Monk (kylemonk.tumblr.com)
  568.  
  569. var scrolltotop={
  570. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  571. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  572. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  573. controlHTML: '<img src="{text:BackToTopImage}" style="filter:alpha(opacity=1); -moz-opacity:1;" width="90"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  574. controlattrs: {offsetx:25, offsety:25}, //offset of control relative to right/ bottom of window corner
  575. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  576.  
  577. state: {isvisible:false, shouldvisible:false},
  578.  
  579. scrollup:function(){
  580. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  581. this.$control.css({opacity:0}) //hide control immediately after clicking it
  582. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  583. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  584. dest=jQuery('#'+dest).offset().top
  585. else
  586. dest=0
  587. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  588. },
  589.  
  590. keepfixed:function(){
  591. var $window=jQuery(window)
  592. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  593. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  594. this.$control.css({left:controlx+'px', top:controly+'px'})
  595. },
  596.  
  597. togglecontrol:function(){
  598. var scrolltop=jQuery(window).scrollTop()
  599. if (!this.cssfixedsupport)
  600. this.keepfixed()
  601. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  602. if (this.state.shouldvisible && !this.state.isvisible){
  603. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  604. this.state.isvisible=true
  605. }
  606. else if (this.state.shouldvisible==false && this.state.isvisible){
  607. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  608. this.state.isvisible=false
  609. }
  610. },
  611.  
  612. init:function(){
  613. jQuery(document).ready(function($){
  614. var mainobj=scrolltotop
  615. var iebrws=document.all
  616. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  617. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  618. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  619. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  620. .attr({title:'back to top'})
  621. .click(function(){mainobj.scrollup(); return false})
  622. .appendTo('body')
  623. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  624. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  625. mainobj.togglecontrol()
  626. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  627. mainobj.scrollup()
  628. return false
  629. })
  630. $(window).bind('scroll resize', function(e){
  631. mainobj.togglecontrol()
  632. })
  633. })
  634. }
  635. }
  636.  
  637. scrolltotop.init()</script>{/block:ifBacktoTop}
  638.  
  639.  
  640. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!