API tools faq
paste
Advertisement
elsaofarendelle

cendrillcn

elsaofarendelle
Mar 21st, 2018
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  6.  
  7.  
  8. <!--- tooltips --->
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("[title]").style_my_tooltips();
  16. });
  17. })(jQuery);
  18. </script>
  19.  
  20.  
  21. </style>
  22.  
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29.  
  30. <!-------------------------------------------
  31. Code by elsaofarendelle.
  32. Don't copy or distribute.
  33. Don't claim as your own.
  34. -------------------------------------------->
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38.  
  39.  
  40. <style type="text/css">
  41.  
  42. /* --- CURSOR START --- */
  43.  
  44. *, body, a, a:hover {cursor: url("http://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
  45.  
  46. /* --- CURSOR END --- */
  47.  
  48. iframe#tumblr_controls {
  49. right:3px !important;
  50. position: fixed !important;
  51. -webkit-transition: opacity 0.7s
  52. linear;opacity: 0.2;
  53. -webkit-transition: all 0.8s ease-out;
  54. -moz-transition: all 0.8s ease-out;
  55. transition: all 0.8s ease-out;}
  56.  
  57. iframe#tumblr_controls:hover{
  58. -webkit-transition: opacity 0.7s linear;
  59. opacity: 1;
  60. -webkit-transition: all 0.4s ease-out;
  61. -moz-transition: all 0.4s ease-out;
  62. transition: all 0.4s ease-out;}
  63.  
  64.  
  65. /* --- FONTS START --- */
  66.  
  67. @font-face { font-family: "starfish"; src: url('https://dl.dropboxusercontent.com/s/pmqlfb0lqbvflrn/Starfish.ttf'); format("truetype");}
  68.  
  69. @font-face { font-family: "watermelon"; src: url('https://dl.dropboxusercontent.com/s/uluxk369y2nfu59/Watermelon%20Script%20Demo.ttf'); format("truetype");}
  70.  
  71. @font-face { font-family: "mocking"; src: url('https://dl.dropboxusercontent.com/s/6dvctjevo33lcyb/Mocking-Regular.ttf'); format("truetype");}
  72.  
  73. /* --- FONTS END --- */
  74.  
  75.  
  76. /* --- SCROLLBAR START ---*/
  77.  
  78. ::-webkit-scrollbar-thumb{
  79. background-color: #d6d9ce;
  80. border: none;
  81. height:auto;
  82. }
  83.  
  84. ::-webkit-scrollbar {
  85. height:auto;
  86. width:6px;
  87. background-color: transparent;
  88. border:2px solid transparent;
  89. }
  90.  
  91. /* --- SCROLLBAR END --- */
  92.  
  93.  
  94. /* --- TOOLTIPS START --- */
  95.  
  96. #s-m-t-tooltip{
  97. max-width:300px;
  98. margin:15px;
  99. padding:2px 8px;
  100. color: #837269;
  101. background: #e4e4d7;
  102. border: 8px solid #d6d9ce;
  103. border-radius:0px;
  104. z-index:9999999999999;
  105. font-size:12px;
  106. font-family: 'Anton', sans-serif;
  107. font-weight:bold;
  108. text-transform:normal;
  109. box-shadow: 2px 2px 5px #000;
  110. -webkit-transition:all 0.7s;
  111. -moz-transition:all 0.7s;
  112. -ms-transition:all 0.7s;
  113. -o-transition:all 0.7s;
  114. transition:all 0.7s;
  115. }
  116.  
  117. /* --- TOOLTIPS END --- */
  118.  
  119.  
  120. /* --- BODY START ---*/
  121.  
  122. body {
  123. background:#8c8f8d;
  124. background-image:url({image:background});
  125. background-attachment: fixed;
  126. background-repeat: no-repeat;
  127. background-position:0px 0px;
  128. margin:0px;
  129. color:#837269;
  130. font-family: calibri;
  131. font-size:12px;
  132. line-height:120%;
  133. word-wrap: break-word;
  134. }
  135.  
  136. blockquote {
  137. padding-left:5px;
  138. border-left:2px solid;
  139. }
  140.  
  141. a {
  142. color: #837269;
  143. text-decoration:none;
  144. -webkit-transition:all 0.5s ease-in-out;
  145. -moz-transition:all 0.5s ease-in-out;
  146. -o-transition:all 0.5s ease-in-out;
  147. -ms-transition:all 0.5s ease-in-out;
  148. transition:all 0.5s ease-in-out;
  149. }
  150.  
  151.  
  152. img {none;}
  153.  
  154. h1 {
  155. font-family: 'Montserrat';
  156. text-transform:none;
  157. font-size:20px;
  158. line-height:30px;
  159. letter-spacing:0px;
  160. text-align:center;
  161. font-style:normal;
  162. color: #575e62;
  163. text-shadow: -1px -1px -1px #eee;
  164. text-shadow: 1px 1px 1px #eee;
  165. }
  166.  
  167. h2 {
  168. color: #575e62;
  169. text-shadow: -1px -1px -1px #eee;
  170. text-shadow: 1px 1px 1px #eee;
  171. text-transform: none;
  172. letter-spacing:1px;
  173. font-family: 'Montserrat';
  174. font-size:17px;
  175. }
  176.  
  177. #fixerupper {
  178. width:500px;
  179. margin:0 auto -12px auto;
  180. }
  181.  
  182. #container {
  183. width:400px;
  184. height:594px;
  185. margin-left:680px;
  186. margin-top:62px;
  187. position:fixed;
  188. overflow-y:scroll;
  189. overflow-x:hidden;
  190. padding-left:50px;
  191. padding-right:70px;
  192. padding-top:17px;
  193. padding-bottom:10px;
  194. z-index:50
  195. }
  196.  
  197. #post {
  198. background: none;
  199. width:400px;
  200. padding-bottom:30px;
  201. padding: 30px;
  202. text-align: justify;
  203. margin-top:0px;
  204. border: 3px none #f7f7f7;
  205. line-height: 100%;
  206. }
  207.  
  208.  
  209. #post img {
  210. padding: 0;
  211. max-width:100%;
  212. width: auto;
  213. height: auto;
  214. }
  215.  
  216. pre {
  217. font-family: 'Montserrat';
  218. font-size:10px;
  219. color:#575e62;
  220. letter-spacing:1px;
  221. text-align:center;
  222. text-transform:uppercase;
  223. padding:6px;
  224. background:url('');
  225. background-repeat:repeat;
  226. }
  227.  
  228.  
  229. b {
  230. text-transform: bold;
  231. color: #575e62;
  232. text-shadow: -1px -1px -1px #818d8f;
  233. text-shadow: 1px 1px 1px #eee;
  234. letter-spacing:1px;
  235. font-family: 'Montserrat';
  236. font-size:15px;
  237. }
  238.  
  239. i {
  240. text-transform: italic;
  241. color:#575e62;
  242. text-shadow: -1px -1px -1px #eee;
  243. text-shadow: 1px 1px 1px #eee;
  244. letter-spacing:1px;
  245. font-family: 'Starfish';
  246. font-size:15px;
  247. }
  248.  
  249. em {
  250. text-transform: italic;
  251. color:#575e62;
  252. text-shadow: -1px -1px -1px #575e62;
  253. text-shadow: 1px 1px 1px #eee;
  254. letter-spacing:1px;
  255. font-family: 'Starfish';
  256. font-size:15px;
  257. }
  258.  
  259. sub, small, sup {
  260. font-size: 12px;
  261. }
  262.  
  263. /* --- BODY END --- */
  264.  
  265.  
  266. /* --- SIDEBAR START ---*/
  267.  
  268. #sidebar{
  269. position: fixed;
  270. top: 100px;
  271. width:250px;
  272. height:115px;
  273. left: -10px;
  274. padding:20px;
  275. }
  276.  
  277. #sidebarimage img{
  278. width: 200px;
  279. height:200px;
  280. padding:10px;
  281. border:3px none #f5f5f5;
  282. margin-top:-30px;
  283. margin-left:127px;
  284. background:transparent;
  285. background-image:{image:sidebarimage};
  286. }
  287.  
  288. #nav {
  289. position:fixed;
  290. overflow:hidden;
  291. margin-top:150px;
  292. margin-left:315px;
  293. }
  294.  
  295. #link1 a , #link2 a, #link3 a
  296.  
  297. #title {
  298. font-family:times;
  299. text-align:center;
  300. width:300px;
  301. margin-top:5px;
  302. margin-left:200px;
  303. text-transform:uppercase;
  304. font-style:normal;
  305. font-size:20px;
  306. color:#fff;
  307. }
  308.  
  309. #header{
  310. width:350px;
  311. margin-left:90px;
  312. margin-top:-430px;
  313. font-style: none;
  314. font-family: 'watermelon';
  315. font-size:25px;
  316. text-transform:normal;
  317. color: #575e62;
  318. text-shadow: -1px -1px -1px #818d8f;
  319. text-shadow: 1px 1px 1px #eee;
  320. letter-spacing:1px;
  321. line-height:100%;
  322. position:fixed;
  323. }
  324.  
  325. #updates {
  326. background:none;
  327. width:190px;
  328. height:190px;
  329. margin-top:360px;
  330. margin-left:490px;
  331. padding: 12px;
  332. padding-right:10px;
  333. text-align:justify;
  334. font-style: none;
  335. font-family: 'Cormorant Garamond', serif;
  336. font-size:11px;
  337. color: #837269;
  338. text-shadow: none;
  339. letter-spacing:1px;
  340. line-height:155%;
  341. }
  342.  
  343. #description {
  344. background:none;
  345. width:280px;
  346. height:150px;
  347. overflow-y:scroll;
  348. overflow-x:hidden;
  349. margin-top:-420px;
  350. margin-left:120px;
  351. padding: 12px;
  352. padding-right:10px;
  353. text-align:justify;
  354. font-style: none;
  355. font-family: calibri;
  356. font-size:10px;
  357. color: #eee;
  358. text-shadow: none;
  359. letter-spacing:1px;
  360. line-height:205%;
  361. }
  362.  
  363. #pagination {
  364. font-family: 'Timmana', sans-serif;
  365. width:103px;
  366. font-size:60px;
  367. text-transform:uppercase;
  368. margin-top:-140px;
  369. margin-left:220px;
  370. padding-top:25px;
  371. letter-spacing:1px;
  372. font-style:normal;
  373. text-align:center;
  374. }
  375.  
  376. #pagination a {
  377. color: #eee;
  378. text-shadow: -1px -1px -1px #575e62;
  379. text-shadow: 1px 1px 1px #575e62;
  380. }
  381.  
  382. /* --- SIDEBAR END ---*/
  383.  
  384.  
  385. /* --- LINKS START --- */
  386.  
  387. #links {
  388. width:100px;
  389. position:fixed;
  390. margin-left:530px;
  391. margin-top:-600px;
  392. padding:8px;
  393. }
  394.  
  395. #links a{
  396. min-width:90px;
  397. color: #837269;
  398. background: #e4e4d7;
  399. border: 8px solid #d6d9ce;
  400. display:inline-block;
  401. margin:4px;
  402. font-size:9px
  403. font-family: 'Anton', sans-serif;
  404. text-align:center;
  405. text-transform:uppercase;
  406. padding-top:2px;
  407. line-height:155%;
  408. }
  409.  
  410. /* --- LINKS END --- */
  411.  
  412.  
  413. /* --- CREDIT START --- */
  414.  
  415. .credit{
  416. position:fixed;
  417. font-size:15px;
  418. right:20px;
  419. bottom:10px;
  420. z-index:51;
  421. }
  422.  
  423. .credit a {
  424. font-family: 'Anton', sans-serif;
  425. text-decoration:none;
  426. text-transform:uppercase;
  427. color: #575e62;
  428. text-shadow: -1px -1px -1px #818d8f;
  429. text-shadow: 1px 1px 1px #eee;
  430. -moz-transition-duration:.7s;
  431. -webkit-transition-duration:.7s;
  432. -o-transition-duration:.7s;
  433. }
  434.  
  435.  
  436. .credit a:hover {
  437. text-decoration:none;
  438. text-transform:uppercase;
  439. color: #575e62;
  440. text-shadow: -1px -1px -1px #818d8f;
  441. text-shadow: 1px 1px 1px #eee;
  442. }
  443.  
  444. /* --- CREDIT END --- */
  445.  
  446.  
  447. /* --- POST NOTES START --- */
  448.  
  449. .note {
  450. padding:0px 20px 0px 20px;
  451. background-color:transparent;
  452. text-transform:lowercase;
  453. letter-spacing:0px;
  454. font-size: 11px;
  455. font-style:normal;
  456. text-align:left;
  457. line-height:120%;
  458. }
  459.  
  460. .note li {
  461. list-style-type:none;
  462. padding:5px 25px 5px 25px;
  463. text-align:left;
  464. margin-right:30px;
  465. margin-top:-50px;
  466. }
  467.  
  468. #info {
  469. height:40px;
  470. text-align:center;
  471. margin-top:25px;
  472. padding-top:10px;
  473. padding:15px;
  474. padding-bottom:1px;
  475. text-transform:normal
  476. font-style:none;
  477. font-family: calibri;
  478. font-size:12px;
  479. background: #e4e4d7;
  480. border: 8px solid #d6d9ce;
  481. background-repeat:repeat;
  482. background-attachment:fixed;
  483. line-height:200%;
  484. }
  485.  
  486. #info a{
  487. color: #837269;
  488. }
  489.  
  490. #tags {
  491. font-family: calibri;
  492. text-align:center;
  493. margin-top:5px;
  494. padding-bottom:0px;
  495. text-transform:none;
  496. font-style:none;
  497. font-size:12px;
  498. }
  499.  
  500. #tags a {
  501. color: #837269;
  502. }
  503.  
  504. /* --- POST NOTES END --- */
  505.  
  506.  
  507. /* --- ASK & AUDIO START --- */
  508.  
  509. .ask {
  510. color: #837269;
  511. background: #e4e4d7;
  512. border: 8px solid #d6d9ce;
  513. padding:15px;
  514. margin-bottom:15px;
  515. margin-top:-50px;
  516. }
  517.  
  518. .askheader {
  519. margin-left:-3px;
  520. }
  521.  
  522. .asker {
  523. font-family: 'Starfish';
  524. font-size:22px;
  525. color: #575e62;
  526. text-shadow: -1px -1px -1px #818d8f;
  527. text-shadow: 1px 1px 1px #eee;
  528. line-height:20px;
  529. text-align:center;
  530. padding-bottom:5px;
  531. }
  532.  
  533. .answer {
  534. color: #837269;
  535. }
  536.  
  537. .chat {
  538. list-style:none;
  539. margin-top:15px;
  540. margin-bottom:0px;
  541. font-size:10px;
  542. margin-left:0px;
  543. }
  544.  
  545. .chat ul {
  546. line-height:18px;
  547. margin-top:0px;
  548. list-style:none;
  549. padding:0px;
  550. letter-spacing:2px;
  551. font-size:10px;
  552. margin-bottom:0px;
  553. text-transform:normal;
  554. }
  555.  
  556. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  557. background-color: #d6d9ce;
  558. padding:3px 8px 3px 8px;
  559. color: #837269;
  560. border-bottom: none
  561. }
  562.  
  563. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  564. background-color: #e4e4d7;
  565. padding:3px 8px 3px 8px;
  566. color: #837269;
  567. border-bottom: none;
  568. }
  569.  
  570. .audio{
  571. color: #575e62;
  572. text-shadow: -1px -1px -1px #818d8f;
  573. text-shadow: 1px 1px 1px #eee;
  574. background: #e4e4d7;
  575. border: 8px solid #d6d9ce;
  576. padding:15px;
  577. height:70px;
  578. font-size:8px;
  579. overflow:hidden;
  580. }
  581.  
  582. /* --- ASK & AUDIO END --- */
  583.  
  584. {CustomCSS}</style></head><body>
  585.  
  586. <div id="fixerupper">
  587.  
  588. <div id="sidebar">
  589.  
  590. <div id="updates">
  591. <center>
  592. <p><h1>Updates</h1></p>
  593. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce at efficitur leo. Proin in tempor diam. Phasellus purus arcu, rhoncus et quam in.</p>
  594. </center>
  595. </div>
  596.  
  597. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  598.  
  599. <div class="credit">
  600. <a href="http://elsaofarendelle.tumblr.com">E</a>
  601. </div>
  602.  
  603. <div id="title"></div>
  604.  
  605. <div id="header">
  606. <center>Have courage and be kind.</center>
  607. </div>
  608.  
  609. <div id="description">
  610. <center><p><b>Cinderella</b> based on 1950 & 2015 Disney adaptations of the <i>Grimms brother's fairytale</i>.<br> Mutuals only est. 2/19/15<br> Written by: Marina.</p></center>
  611. </div>
  612.  
  613.  
  614. <div id="links">
  615. <center>
  616. <a href="/">home</a>
  617. <a href="/">message</a>
  618. <a href="/">link</a>
  619. <a href="/">link</a>
  620. <a href="/">link</a>
  621. <a href="/">link</a>
  622. <a href="/">link</a>
  623. <a href="/">link</a>
  624. <a href="/">link</a>
  625. <a href="/">link</a>
  626. </center>
  627. </div>
  628.  
  629. <div id="scrollbar">{scrollbar}</div>
  630.  
  631.  
  632. <div id="pagination">
  633. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> « </a>{/block:PreviousPage}{/block:Pagination}
  634. {block:Pagination}{block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  635.  
  636. {block:HasPages}{block:Pages}
  637.  
  638. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  639.  
  640. </div></center>
  641.  
  642.  
  643. </div>
  644.  
  645. <div id="container">{block:Posts}<div id="post">
  646.  
  647. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  648. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  649.  
  650. {block:blockquote}{/block:blockquote}
  651.  
  652. {block:ContentSource}
  653. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  654. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  655. {/block:SourceLogo}
  656. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  657. {/block:ContentSource}
  658.  
  659. {block:Photo}
  660. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  661. {/block:Photo}
  662.  
  663. {block:Photoset}
  664. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  665. {/block:Photoset}
  666.  
  667. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  668.  
  669. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  670.  
  671. {block:Chat}
  672. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  673. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label"><b>{Label}</b> </span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  674. {/block:Chat}
  675.  
  676. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp; {TrackName}{/block:TrackName}
  677. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  678.  
  679. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  680.  
  681. {block:Answer}
  682. <div class="askheader"><img src="" draggable="false"></div>
  683. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  684. {/block:Answer}
  685.  
  686.  
  687. {Block:Date}<div id="info"><a href="{Permalink}" class="details" title="{TimeAgo}">posted</a> &nbsp;{block:NoteCount} <font color=#999></font> <a title="{NoteCount} notes" href="{Permalink}">notes</a> {/block:NoteCount} &nbsp; {block:RebloggedFrom} <a title="{ReblogParentName}" href="{ReblogParentURL}">source</a> {/block:RebloggedFrom}&nbsp;<a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {/block:Date}</div>
  688.  
  689. <div id="tags">
  690. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  691.  
  692. </div>
  693. {block:PostNotes}{PostNotes}{/block:PostNotes}
  694. {/block:Posts}</div>
  695.  
  696. </body>
  697.  
  698. </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!