Advertisement
elsaofarendelle

nctshcrt

Feb 4th, 2018
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.15 KB | None | 0 0
  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.  
  6. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Playfair+Display" />
  7.  
  8. <link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
  9.  
  10. <!--- tooltips --->
  11.  
  12. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  13.  
  14.  
  15. </style>
  16.  
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23.  
  24. <!-------------------------------------------
  25. Code by elsaofarendelle.
  26. Don't copy or distribute.
  27. Don't claim as your own.
  28. -------------------------------------------->
  29.  
  30.  
  31.  
  32. <meta name="image:background" content=""/>
  33. <meta name="image:sidebar" content=""/>
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38. /* --- CURSOR START --- */
  39.  
  40. *, body, a, a:hover {cursor: url("http://68.media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif"), auto;}
  41.  
  42. /* --- CURSOR END --- */
  43.  
  44.  
  45. /* --- SCROLLBAR START ---*/
  46.  
  47. ::-webkit-scrollbar-thumb{
  48. background-color: #a4a4a4;
  49. border: 2px solid #a4a4a4;
  50. height:auto;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:auto;
  55. width:6px;
  56. background-color: #a4a4a4;
  57. border:5px solid #fff;
  58. }
  59.  
  60.  
  61. /* --- SCROLLBAR END --- */
  62.  
  63.  
  64. /* --- TOOLTIPS START --- */
  65.  
  66. div#qTip {
  67. border-bottom:3px solid #bbb;
  68. border-radius:0px;
  69. padding: 6px;
  70. display: none;
  71. background:#fff;
  72. margin-left:10px;
  73. margin-top:-25px;
  74. text-align: center;
  75. font-family: 'Playfair Display', serif;
  76. font-style:normal;
  77. position: absolute;
  78. font-size:9px;
  79. line-height:10px;
  80. z-index: 9999999;
  81. color: #bbb;
  82. text-shadow: 1px 1px 1px #000;
  83. text-shadow: -1px -1px -1px #000;
  84. letter-spacing: 1px;
  85. }
  86.  
  87. /* --- TOOLTIPS END --- */
  88.  
  89.  
  90. /* --- BODY START ---*/
  91.  
  92. body {
  93. background:#fff;
  94. background-image:{image:backgroundimage};
  95. background-attachment: fixed;
  96. background-repeat: no-repeat;
  97. background-position:0px 0px;
  98. margin:0px;
  99. color:#191919;
  100. font-family: 'Sorts Mill Goudy', serif;
  101. font-size:12px;
  102. line-height:120%;
  103. word-wrap: break-word;
  104. }
  105.  
  106. blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. border-radius:6px;
  110. }
  111.  
  112. a {
  113. color: #929292;
  114. text-decoration:none;
  115. -webkit-transition:all 0.5s ease-in-out;
  116. -moz-transition:all 0.5s ease-in-out;
  117. -o-transition:all 0.5s ease-in-out;
  118. -ms-transition:all 0.5s ease-in-out;
  119. transition:all 0.5s ease-in-out;
  120. }
  121.  
  122.  
  123.  
  124. img {none;}
  125.  
  126. h1 {
  127. font-family: 'Playfair Display', serif;
  128. text-transform:none;
  129. font-size:20px;
  130. line-height:30px;
  131. letter-spacing:0px;
  132. text-align:center;
  133. font-style:normal;
  134. color: #ddd;
  135. }
  136.  
  137. h2 {
  138. text-transform: italic;
  139. color: #929292;
  140. text-shadow: none;
  141. letter-spacing:1px;
  142. font-family: 'Playfair Display', serif;
  143. font-size:17px;
  144. }
  145.  
  146.  
  147. #fixerupper {
  148. width:500px;
  149. margin:0 auto -12px auto;
  150. }
  151.  
  152. #container {
  153. padding:10px;
  154. width:400px;
  155. margin-left:500px;
  156. margin-top:20px;
  157. margin-bottom:50px;
  158. }
  159.  
  160. #post {
  161. background: none;
  162. width:400px;
  163. padding-bottom:30px;
  164. padding: 30px;
  165. text-align: justify;
  166. margin-top:30px;
  167. border: 3px none #f7f7f7;
  168. line-height: 100%;
  169. }
  170.  
  171.  
  172. #post img {
  173. padding: 0;
  174. max-width:100%;
  175. width: auto;
  176. height: auto;
  177. }
  178.  
  179. pre {
  180. font-family: 'Playfair Display', serif;
  181. font-size:10px;
  182. color:#a4a4a4;
  183. text-shadow: none;
  184. letter-spacing:1px;
  185. text-align:center;
  186. text-transform:uppercase;
  187. padding:6px;
  188. background:url('');
  189. background-repeat:repeat;;
  190. }
  191.  
  192. b {
  193. text-transform: bold;
  194. color: #bbb;
  195. text-shadow: 1px 1px 1px #000;
  196. text-shadow: -1px -1px -1px #000;
  197. letter-spacing:1px;
  198. font-family: 'Playfair Display', serif;
  199. font-size:15px;
  200. }
  201.  
  202. i {
  203. text-transform: italic;
  204. color: #cbcbcb;
  205. text-shadow: 1px 1px 1px #000;
  206. text-shadow: -1px -1px -1px #000;
  207. letter-spacing:1px;
  208. font-family: 'Playfair Display', serif;
  209. font-size:15px;
  210. }
  211.  
  212. em {
  213. text-transform: italic;
  214. color: #929292;
  215. text-shadow: 1px 1px 1px #000;
  216. text-shadow: -1px -1px -1px #000;
  217. letter-spacing:1px;
  218. font-family: 'Playfair Display', serif;
  219. font-size:15px;
  220. }
  221.  
  222. sub, small, sup {
  223. font-size: 12px;
  224. }
  225.  
  226.  
  227. bfix {
  228. text-transform: bold;
  229. color: #bbb;
  230. text-shadow: 1px 1px 1px #000;
  231. text-shadow: -1px -1px -1px #000;
  232. letter-spacing:1px;
  233. font-family: 'Playfair Display', serif;
  234. font-size:17px;
  235. }
  236.  
  237. ifix {
  238. text-transform: italic;
  239. color: #cbcbcb;
  240. text-shadow: 1px 1px 1px #000;
  241. text-shadow: -1px -1px -1px #000;
  242. letter-spacing:1px;
  243. font-family: 'Playfair Display', serif;
  244. font-size:17px;
  245. }
  246.  
  247. emfix {
  248. text-transform: italic;
  249. color: #929292;
  250. text-shadow: 1px 1px 1px #000;
  251. text-shadow: -1px -1px -1px #000;
  252. letter-spacing:1px;
  253. font-family: 'Playfair Display', serif;
  254. font-size:17px;
  255. }
  256.  
  257. /* --- BODY END --- */
  258.  
  259. /* --- SIDEBAR START ---*/
  260.  
  261.  
  262. #sidebar{
  263. position: fixed;
  264. top: 195px;
  265. width:250px;
  266. height:115px;
  267. left: -10px;
  268. padding:20px;
  269. }
  270.  
  271.  
  272.  
  273. #sidebarimage img{
  274. background: transparent;
  275. border: 3px none #929292;
  276. width: 170px;
  277. height:250px;
  278. padding:10px;
  279. margin-top:-100px;
  280. margin-left:152px;
  281. background:transparent;
  282. background-image:{image:sidebarimage};
  283. }
  284.  
  285.  
  286. #nav {
  287. position:fixed;
  288. overflow:hidden;
  289. margin-top:150px;
  290. margin-left:315px;
  291. }
  292.  
  293. #link1 a , #link2 a, #link3 a
  294.  
  295. #title {
  296. font-family:'Playfair Display', serif;
  297. text-transform: italic;
  298. color:#8daacb;
  299. text-shadow: -1px -1px -1px #8daacb;
  300. text-shadow: 1px 1px 1px #8daacb;
  301. text-align:center;
  302. width:300px;
  303. margin-top:5px;
  304. margin-left:200px;
  305. text-transform:uppercase;
  306. font-style:normal;
  307. font-size:15px;
  308. }
  309.  
  310.  
  311. #description1 {
  312. background: none;
  313. color: #929292;
  314. border: 3px none #929292;
  315. width:430px;
  316. margin-left:30px;
  317. margin-top: -250px;
  318. font-size:17px;
  319. font-family: 'Playfair Display', serif;
  320. text-align:center;
  321. position:fixed;
  322. padding:8px;
  323. }
  324.  
  325.  
  326. #description2 {
  327. background: none;
  328. border: 3px none #929292;
  329. width:410px;
  330. height:500;
  331. margin-top: -120px;
  332. margin-left:30px;
  333. padding: 12px;
  334. text-align:justify;
  335. font-style: none;
  336. font-family: 'Playfair Display', serif;
  337. font-size:9px;
  338. color: #a4a4a4;
  339. text-shadow: none;
  340. letter-spacing:1px;
  341. line-height:155%;
  342. z-index:51;
  343. }
  344.  
  345. #pagination {
  346. font-family: 'Playfair Display', serif;
  347. width:103px;
  348. font-size:15px;
  349. text-transform:normal;
  350. margin-top: -80px;
  351. margin-left:200px;
  352. padding-top:25px;
  353. letter-spacing:1px;
  354. font-style:normal;
  355. text-align:center;
  356. }
  357.  
  358. #pagination a {
  359. color:#191919;
  360. text-shadow: 1px 1px 1px #000;
  361. text-shadow: -1px -1px -1px #000;
  362. }
  363.  
  364.  
  365. /* --- SIDEBAR END ---*/
  366.  
  367. /* --- LINKS START --- */
  368.  
  369. #links {
  370. width:500px;
  371. margin-left:30px;
  372. margin-top:-180px;
  373. position:fixed;
  374. padding:8px;
  375. }
  376.  
  377. #links a{
  378. min-width:100px;
  379. background: none;
  380. color: #929292;
  381. border: 3px none #929292;
  382. margin:4px;
  383. font-size:12px
  384. font: 'Playfair Display', serif;
  385. text-align:center;
  386. text-transform:uppercase;
  387. padding-top:2px;
  388. line-height:120%;
  389. }
  390.  
  391. /* --- LINKS END --- */
  392.  
  393.  
  394. /* --- CREDIT START --- */
  395.  
  396. .credit{
  397. position:fixed;
  398. font-size:15px;
  399. right:10px;
  400. bottom:10px;
  401. z-index:51;
  402. }
  403.  
  404. .credit a {
  405. text-decoration:none;
  406. text-transform:uppercase;
  407. color: #191919;
  408. text-shadow:0px 0px 3px #90c3d4;
  409. -moz-transition-duration:.7s;
  410. -webkit-transition-duration:.7s;
  411. -o-transition-duration:.7s;
  412. }
  413.  
  414.  
  415. .credit a:hover {
  416. text-decoration:none;
  417. text-transform:uppercase;
  418. color: #191919;
  419. text-shadow:0px 0px 3px #fff;
  420. }
  421.  
  422.  
  423. /* --- CREDIT END --- */
  424.  
  425.  
  426. /* --- POST NOTES START --- */
  427.  
  428. .note {
  429. padding:0px 20px 0px 20px;
  430. background-color:transparent;
  431. text-transform:lowercase;
  432. letter-spacing:0px;
  433. font-size: 11px;
  434. font-style:normal;
  435. text-align:left;
  436. line-height:120%;
  437. }
  438.  
  439. .note li {
  440. list-style-type:none;
  441. padding:5px 25px 5px 25px;
  442. text-align:left;
  443. margin-right:30px;
  444. margin-top:-50px;
  445. }
  446.  
  447.  
  448. #info {
  449. height:40px;
  450. text-align:center;
  451. margin-top:25px;
  452. padding-top:10px;
  453. padding:15px;
  454. padding-bottom:1px;
  455. text-transform:normal
  456. font-style:none;
  457. font-family: 'Playfair Display', serif;
  458. font-size:12px;
  459. text-shadow: 1px 1px 1px #000;
  460. text-shadow: -1px -1px -1px #000;
  461. background:url('https://i.imgur.com/hY03anF.png');
  462. background-repeat:repeat;
  463. background-attachment:fixed;
  464. border: 3px double #cbcbcb;
  465. border-radius:10px
  466. line-height:200%;
  467. }
  468.  
  469. #info a{
  470. color: #cbcbcb;
  471. }
  472.  
  473. #tags {
  474. font-family: 'Sorts Mill Goudy', serif;
  475. text-align:center;
  476. margin-top:5px;
  477. padding-bottom:0px;
  478. text-transform:none;
  479. font-style:none;
  480. font-size:12px;
  481. }
  482.  
  483. #tags a {
  484. color: #000;
  485. }
  486.  
  487. /* --- POST NOTES END --- */
  488.  
  489.  
  490. /* --- ASK & AUDIO START --- */
  491.  
  492. .ask {
  493. color:#191919;
  494. padding:15px;
  495. margin-bottom:15px;
  496. border: none;
  497. margin-top:-50px;
  498. border-bottom:url("");
  499. }
  500.  
  501. .askheader {
  502. margin-left:-3px;
  503. }
  504.  
  505. .asker {
  506. background-repeat:no-repeat;
  507. font-family: 'Playfair Display', serif;
  508. font-size:22px;
  509. color: #929292;
  510. text-shadow: 1px 1px 1px #000;
  511. text-shadow: -1px -1px -1px #000;
  512. width:390px;
  513. line-height:30px;
  514. text-align:center;
  515. padding-bottom:5px;
  516. }
  517.  
  518. .answer {
  519. color: #191919;
  520. }
  521.  
  522. .chat {
  523. list-style:none;
  524. margin-top:15px;
  525. margin-bottom:0px;
  526. font-size:10px;
  527. margin-left:0px;
  528. }
  529.  
  530. .chat ul {
  531. line-height:18px;
  532. margin-top:0px;
  533. list-style:none;
  534. padding:0px;
  535. letter-spacing:2px;
  536. font-size:10px;
  537. margin-bottom:0px;
  538. text-transform:normal;
  539. }
  540.  
  541. .person1, .person3, .person5, .person7, .person9, .person11, .person13 {
  542. background-color: #eee;
  543. padding:3px 8px 3px 8px;
  544. color: #929292;
  545. border-bottom: none
  546. }
  547.  
  548. .person2, .person4, .person6, .person8, .person10, .person12, .person14 {
  549. background-color: #ddd;
  550. padding:3px 8px 3px 8px;
  551. color: #a4a4a4;
  552. border-bottom: none;
  553. }
  554.  
  555.  
  556. .audio{
  557. background-color: transparent;
  558. background-image:url("");
  559. border-bottom:1px none #fff;
  560. height:70px;
  561. font-size:8px;
  562. overflow:hidden;
  563. }
  564.  
  565. /* --- ASK & AUDIO END --- */
  566.  
  567. {CustomCSS}</style></head><body>
  568.  
  569.  
  570. <div id="fixerupper">
  571.  
  572. <div id="sidebar">
  573.  
  574. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  575.  
  576. <div class="credit">
  577. <a href="http://elsaofarendelle.tumblr.com">𝒆</a>
  578. </div>
  579.  
  580. <div id="title"></div>
  581.  
  582. <div id="description1">
  583. <center>
  584. <p><b>There</b> is such a thing as <i>answers</i>.</p>
  585. </center>
  586. </div>
  587.  
  588. <div id="description2">
  589. <center>
  590. <p>Independent <b>DCTV</b> Original Character.<br>
  591. Tracking: <em>nctshcrt</em>.<br>
  592. Est. March 5, 2017.<br>
  593. Sideblog to drsncw, written by <i>Lizzie</i>.</p>
  594. </center>
  595.  
  596. </div>
  597.  
  598. <div id="links">
  599. <a title="Link 1" href="/"><img src="https://i.imgur.com/GFC9oma.jpg"></a>
  600. <a title="Link 2" href="/"><img src="https://i.imgur.com/Wpk93LK.jpg"></a>
  601. <a title="Link 3" href="/"><img src="https://i.imgur.com/vBxt81B.jpg"></a>
  602. <a title="Link 4" href="/"><img src="https://i.imgur.com/jDwb9RU.jpg"></a>
  603. <a title="Link 4" href="/"><img src="https://i.imgur.com/yUHegdu.jpg"></a>
  604.  
  605. </div>
  606.  
  607.  
  608. <div id="scrollbar">{scrollbar}</div>
  609.  
  610.  
  611. <div id="pagination">
  612. <p></p><br><br><center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> back </a>{/block:PreviousPage}{/block:Pagination}
  613. {block:Pagination}{block:NextPage}<a href="{NextPage}"> / next </a>{/block:NextPage}{/block:Pagination}{/block:Pagination} </center></div>
  614.  
  615.  
  616.  
  617.  
  618.  
  619. {block:HasPages}{block:Pages}
  620.  
  621. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  622.  
  623. </div></center>
  624.  
  625.  
  626. </div>
  627.  
  628. <div id="container">{block:Posts}<div id="post">
  629.  
  630. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  631. {block:More}<p class="read-more"><a href="{Permalink}#more"><center><i>Continue Reading</i></center></a></p><a name="more"></a>{/block:More}
  632.  
  633. {block:blockquote}{/block:blockquote}
  634.  
  635. {block:ContentSource}
  636. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  637. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  638. {/block:SourceLogo}
  639. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  640. {/block:ContentSource}
  641.  
  642. {block:Photo}
  643. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  644. {/block:Photo}
  645.  
  646. {block:Photoset}
  647. <center>{Photoset-400}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  648. {/block:Photoset}
  649.  
  650. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  651.  
  652. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  653.  
  654. {block:Chat}
  655. {block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}
  656. <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>
  657. {/block:Chat}
  658.  
  659. {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}
  660. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  661.  
  662. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  663.  
  664. {block:Answer}
  665. <div class="askheader"><img src="" draggable="false"></div>
  666. <div class="ask"><div class="asker">{Asker} said:</div><p>{Question}</div><div class="answer">{Answer}</div>
  667. {/block:Answer}
  668.  
  669.  
  670. {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>
  671.  
  672. <div id="tags">
  673. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  674.  
  675. </div>
  676. {block:PostNotes}{PostNotes}{/block:PostNotes}
  677. {/block:Posts}</div>
  678.  
  679. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement