API tools faq
paste
Advertisement
Daichi-Sama

Sonya Theme

Daichi-Sama
Apr 23rd, 2019
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.09 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!-- start of script tooltip -->
  12. <!-- start of script tooltip -->
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14.  
  15. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:90,
  23. tip_fade_speed:600,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29. <!-- end of script tooltip -->
  30.  
  31.  
  32.  
  33.  
  34. <meta name="color:Background" content="#ffffff"/>
  35. <meta name="color:Text" content="#473e48"/>
  36. <meta name="color:Link" content="#b8b8b8"/>
  37. <meta name="color:scrollbar" content="#999999">
  38. <meta name="color:title" content="#999999">
  39. <meta name="color:Link Hover" content="#eeeeee"/>
  40. <meta name="color:bold" content="#fbfbfb"/>
  41. <meta name="color:italics" content="#fbfbfb"/>
  42. <meta name="color:borders" content="#eeeeee"/>
  43.  
  44. <meta name="image:sidebar" content=""/>
  45. <meta name="text:sidebartitle" content="">
  46.  
  47. <meta name="text:link 1" content="Link 1"/>
  48. <meta name="text:link 1 url" content="/"/>
  49. <meta name="text:link 2" content="Link 2"/>
  50. <meta name="text:link 2 url" content="/"/>
  51. <meta name="text:link 3" content="Link 3"/>
  52. <meta name="text:link 3 url" content="/"/>
  53. <meta name="text:link 4" content="Link 4"/>
  54. <meta name="text:link 4 url" content="/"/>
  55. <meta name="text:link 5" content="Link 5"/>
  56. <meta name="text:link 5 url" content="/"/>
  57.  
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet" type="text/css">
  60.  
  61. <link href="https://fonts.googleapis.com/css?family=Arizonia" rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. <script language="JavaScript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  65.  
  66.  
  67.  
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. @import url(https://weloveiconfonts.com/api/?family=fontawesome);
  74.  
  75. /* fontawesome */
  76. [class*="fontawesome-"]:before {
  77. font-family: 'FontAwesome', sans-serif;
  78. }
  79.  
  80. .melody {
  81. background-color: transparent; /* REPLACE THE FOUR "255" WITH "0" TO MAKE IT DARK INSTEAD OF LIGHT */
  82. overflow: hidden;
  83. position:absolute;
  84. height: 50px;
  85. width: 50px;
  86. top: 160px; /* INCREASE VALUE TO MOVE DOWN AND DECREASE VALUE TO MOVE UP */
  87. left: 678px; /* INCREASE VALUE TO MOVE RIGHT AND DECREASE VALUE TO MOVE LEFT */
  88. }
  89.  
  90. .reverberate {
  91. position:absolute;
  92. height: 14px;
  93. width: 14px;
  94. margin-top: 0px;
  95. margin-left: 0px;
  96. padding: 18px;
  97. font-size: 13px;
  98. font-style: normal;
  99. color: #fff;
  100. -webkit-transition: opacity .7s linear;
  101. -webkit-transition: all .7s ease-in-out;
  102. -moz-transition: all .7s ease-in-out;
  103. -o-transition: all .7s ease-in-out; }
  104.  
  105. .melody:hover .reverberate {
  106. margin-top: -50px; }
  107.  
  108. .harmony {
  109. overflow: hidden;
  110. position:absolute;
  111. height: 50px;
  112. width: 20px;
  113. margin-top: 50px;
  114. margin-left: 15px;
  115. -webkit-transition: opacity .7s linear;
  116. -webkit-transition: all .7s ease-in-out;
  117. -moz-transition: all .7s ease-in-out;
  118. -o-transition: all .7s ease-in-out; }
  119.  
  120. .melody:hover .harmony {
  121. margin-top: 5px; }
  122.  
  123. .rhythm {
  124. position:absolute;
  125. height: 25px;
  126. width: 30px;
  127. margin-top: 12px;
  128. margin-left: -20px; }
  129.  
  130. iframe#tumblr_controls {
  131. top:5px;
  132. right:10px!important;
  133. position:fixed !important;
  134. -webkit-filter: invert(1);
  135. opacity:.6;
  136. filter:alpha(opacity=60);
  137. -moz-opacity:.6;
  138. }
  139.  
  140. @font-face { font-family: "silkscreen"; src: url('https://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  141.  
  142.  
  143. ::-webkit-scrollbar{
  144. width:2px;
  145. border-radius:10px;
  146. height:5px;
  147. background-color:transparent;
  148. }
  149.  
  150. ::-webkit-scrollbar-thumb:vertical{
  151. background-color:#7b5670;
  152.  
  153. }
  154.  
  155. ::-webkit-scrollbar-thumb:vertical:hover{
  156. background-color:#7b5670;
  157. border-radius:0px;
  158. }
  159.  
  160. ::selection {
  161. background: #transparent;
  162. color:#7b5670;
  163. }
  164.  
  165. ::-moz-selection {
  166. background: transparent;
  167. color:#7b5670;
  168. }
  169.  
  170. #s-m-t-tooltip {
  171. max-width:300px;
  172. margin:15px;
  173. padding:2px 5px;
  174. border-left:2px solid #9d7a7a;
  175. border-right:2px solid #9d7a7a;
  176. border-radius:4px;
  177. background:#fff;
  178. color:#9d7a7a;
  179. z-index:999999;
  180. font-size:9px;
  181. font-style:bolder;
  182. letter-spacing:1px;
  183. font-family: 'Montserrat', sans-serif;
  184. text-transform:uppercase;
  185. }
  186.  
  187. .popup_block{
  188. display:none;
  189. background:#fff;
  190. padding:20px;
  191. border-radius:2px;
  192.  
  193. float:left;
  194. position:fixed;
  195. top:53%;left:50%;
  196. z-index: 99999;
  197. -webkit-box-shadow: 0px 0px 20px #473e48; /* delete for solid white */
  198. -moz-box-shadow: 0px 0px 20px #473e48; /* delete for solid white */
  199. box-shadow: 0px 0px 20px #473e48; /* delete for solid white */
  200. }
  201.  
  202. *html #fade {position: absolute;}
  203. *html _block {position: absolute;}
  204. #fade {
  205. display:none;
  206. position:fixed;
  207. left:0px;
  208. top:0px;
  209. width:100%;
  210. height:100%;
  211. z-index:9999;
  212. background:#fff; /* change to #fff for solid white */
  213. opacity:0.5; /* change to opacity:1; */
  214. }
  215.  
  216. iframe#tumblr_controls {
  217. white-space:nowrap;
  218. -webkit-filter: invert(100%);
  219. -moz-filter: invert(100%);
  220. -o-filter: invert(100%);
  221. -ms-filter: invert(100%);
  222. filter: invert(100%);
  223. opacity:.2;transition: .8s ease-in-out;
  224. -webkit-transition: .8s ease-in-out;
  225. -moz-transition: .8s ease-in-out;
  226. -o-transition: .8s ease-in-out;
  227. }
  228.  
  229. h1 {
  230. font-weight:normal;
  231. font-size:13px;
  232. text-align:center;
  233. font-style:normal;
  234. line-height:100%;
  235. letter-spacing:1px;
  236. text-transform:normal;
  237. color:#473e48;
  238. }
  239.  
  240. h2 {
  241. font-size:16px;
  242. text-align:center;
  243. line-height:100%;
  244. letter-spacing:-0.5px;
  245. color:#473e48;
  246. font-weight:bold;
  247. text-transform:NONE;
  248. padding:5px;
  249. padding-bottom:2px;
  250. }
  251.  
  252.  
  253. blockquote {
  254.  
  255. margin-right: 5px;
  256. padding-left: 9px;
  257. padding-top: 1px;
  258. padding-bottom: 1px;
  259. border-left:2px solid #ac799d;
  260. border-radius: 5px;
  261. background: transparent;
  262. margin-left:10px;
  263.  
  264. }
  265.  
  266. quote {
  267. font-size: 12px;
  268. font-family: 'Montserrat', sans-serif;
  269. }
  270.  
  271.  
  272. body {
  273. background:#fcfbeb;
  274. margin:0px;
  275. color:#473e48;
  276. font-family:'Montserrat', sans-serif;
  277. font-size:15px;
  278. background-attachment:fixed;
  279. background-repeat:no-repeat;
  280. }
  281.  
  282.  
  283. big{
  284. font-size:16px;
  285. color:#473e48;
  286. }
  287.  
  288. strong,em,bold{
  289. color:#7b5670;
  290. }
  291.  
  292. em,italic,italics,oblique{
  293. color:#fed9a1;
  294. }
  295.  
  296. a {
  297. text-decoration:none;
  298. outline:none;
  299. -moz-outline-style:none;
  300. color:#ac799d;
  301. -moz-transition-duration:0.5s;
  302. -webkit-transition-duration:0.5s;
  303. -o-transition-duration:0.5s;
  304. }
  305.  
  306. a:hover {
  307. text-decoration:none;
  308. outline:none;
  309. -moz-outline-style:none;
  310. color:#473e48;
  311. }
  312.  
  313. img {
  314. border:none;
  315. }
  316.  
  317. i, em {
  318. color: #765c6e;
  319. letter-spacing: 0px;
  320. }
  321.  
  322. b, strong {
  323. color: #7b5670;}
  324.  
  325.  
  326. }
  327.  
  328. .big {
  329.  
  330. font-size:14px;
  331.  
  332. }
  333. small, sup, sub {
  334. font-size: 12px;
  335. }
  336.  
  337. #post {
  338. width:400px;
  339. padding-bottom:20px;
  340. margin-top:40px;
  341. margin-left:6px;
  342. }
  343.  
  344. #entries {
  345. padding:10px;
  346. width:423px;
  347. margin-left:405px;
  348. margin-top:270px;
  349. margin-bottom:40px;
  350. padding-top:5px;
  351. padding-bottom:15px;
  352. z-index:999;
  353. position:fixed;
  354. height:247px;
  355. overflow-x:hidden;
  356. overflow-y:auto;
  357. }
  358.  
  359.  
  360. #sidebar {
  361. color:#473e48;
  362. position:fixed;
  363. width:100px;
  364. height:auto;
  365. margin-top:39px;
  366. margin-left:250px;
  367. text-align:left;
  368. }
  369.  
  370. #sidebarimage img {
  371. width:200px;
  372. margin-top:-10px;
  373. margin-bottom:0px;
  374. margin-left:-9px;
  375. }
  376.  
  377. .links {
  378. width: 200px;
  379. font-size: 15px;
  380. font-family: serif;
  381. text-align: center;
  382. margin-left: 37px;
  383. color: #473e48;
  384. font-weight: bolder;
  385. margin-top: 70px;
  386. text-transform: uppercase;
  387. opacity: 1;
  388. }
  389.  
  390. .links a {
  391. max-width:220px;
  392. letter-spacing:0px;
  393. margin-bottom:-50px;
  394. font-weight:bolder;
  395. font-family:'Montserrat', sans-serif;
  396. margin-top:50px;
  397. padding:5px 5px 5px 3px;
  398. display: block;
  399. color:#7b5670;
  400.  
  401. }
  402.  
  403.  
  404. #links a:hover {
  405. color: #473e48;
  406. width:60px;
  407. -moz-transition-duration:0.2s;
  408. -webkit-transition-duration:0.2s;
  409. -o-transition-duration:0.2s;
  410. }
  411.  
  412. #description {
  413. position:fixed;
  414. width:200px;
  415. font-family:trebuchet ms;
  416. margin-top:55px;
  417. margin-left:-9px;
  418. text-align:justify;
  419. font-size:9px;
  420. color: #473e48;
  421. letter-spacing:0px;
  422. line-height:130%;
  423. -moz-transition-duration:1s;
  424. -webkit-transition-duration:1s;
  425. -o-transition-duration:1s;
  426. }
  427.  
  428. #description a {
  429. color:#ac799d;
  430. }
  431.  
  432. #description a:hover {
  433. color:#473e48;
  434. }
  435.  
  436. .chat {
  437. line-height:160%;
  438. list-style:none;
  439. }
  440.  
  441. .line.odd {
  442. background:#fafafa;
  443. margin-bottom:2px;
  444. padding:5px;
  445. list-style:none;
  446. font-size:10px;
  447. }
  448.  
  449. .line.even {
  450. background:#ffffff;
  451. margin-bottom:2px;
  452. padding:5px;
  453. list-style:none;
  454. font-size:10px;
  455. }
  456.  
  457. .label {
  458. padding-right:1px;
  459. text-transform:uppercase;
  460. font-weight:bold;
  461. color:#9d7a7a;
  462. }
  463.  
  464. .sidebartitle {
  465. width:210px;
  466. text-align:center;
  467. position:fixed;
  468. font-family:arial;
  469. line-height:120%;
  470. margin-left:-13px;
  471. font-size:13px;
  472. margin-top:10px;
  473. color:;
  474. }
  475.  
  476. #pagination {
  477. font-family:'Montserrat', sans-serif;
  478. width:210px;
  479. font-size:10px;
  480. margin-top:45px;
  481. margin-left:270px;
  482. padding-left:5px;
  483. text-transform: uppercase;
  484. letter-spacing:2px;
  485. text-align:center;
  486. z-index:999;
  487. }
  488.  
  489. #pagination a {
  490. color:#7b5670;
  491. }
  492.  
  493. #info {
  494. font-family:'Montserrat', sans-serif;
  495. text-align:center;
  496. width:395px;
  497. margin-top:5px;
  498. text-transform: uppercase;
  499. padding-top:1px;
  500. font-size:10px;
  501. font-style:bolder;
  502. padding:4px;
  503. color:#473e48;
  504. border:1px solid #ac799d;
  505. border-radius: 12px;
  506. background-color:#c3c3c3;
  507. background-image:url('')
  508.  
  509. }
  510.  
  511.  
  512. #info a {
  513. color:#ac799d;
  514. font-style: bolder;
  515. }
  516.  
  517. #info a:hover {
  518. color:#473e48;
  519. }
  520.  
  521. .tags {
  522. font-size:9px;
  523. margin-top:8px;
  524. color:#473e48;
  525. text-align:center;
  526. text-transform:uppercase;
  527. opacity:1.0;
  528. -moz-transition-duration: 0.6s;
  529. -o-transition-duration: 0.6s;
  530. -webkit-transition-duration: 0.6s;
  531. transition-duration: 0.6s;
  532. }
  533.  
  534. .tags a{
  535. color:#7b5670;
  536. -moz-transition-duration:0.2s;
  537. -webkit-transition-duration:0.2s;
  538. -o-transition-duration:0.2s;
  539. }
  540. .tags a:hover{
  541. color:#473e48;
  542. -moz-transition-duration:0.2s;
  543. -webkit-transition-duration:0.2s;
  544. -o-transition-duration:0.2s;
  545. }
  546.  
  547.  
  548.  
  549. .quote {
  550. font-size:16px;
  551. line-height:150%;
  552. padding:10px;
  553. color: #dcc5bc ;
  554. font-family: 'Montserrat', sans-serif;
  555. margin-top:-10px;
  556. font-style:italic;
  557. text-align:center;
  558. }
  559.  
  560. .quotesource {
  561. margin-top:7px;
  562. font-size:10px;
  563. color: #ac799d;
  564. text-transform:lowercase;
  565. font-family: 'Montserrat', sans-serif;
  566. letter-spacing:1px;
  567. text-align:center;
  568. }
  569.  
  570.  
  571.  
  572. .audio{
  573. background-color:#e5e5e5;
  574. height:65px;
  575. overflow:hidden;
  576. }
  577.  
  578.  
  579.  
  580. /* QUESTION */
  581.  
  582. #ask {
  583.  
  584. text-align:center;
  585. text-transform:none;
  586. background-color:#c3c3c3;
  587. padding:5px;
  588. line-height:150%;
  589. border-left:4px solid #ac799d;
  590. border-right:4px solid #ac799d;
  591. border-radius: 12px;
  592.  
  593. }
  594.  
  595. .as {
  596. min-height: auto;
  597. padding: 5px;
  598. padding-bottom:8px;
  599. background-color: #c3c3c3;
  600. }
  601.  
  602. .aske {
  603. margin-top:5px;
  604. font-family:'Montserrat', sans-serif;
  605. font-size:14px;
  606. line-height:13px;
  607. text-align:center;
  608. font-style:bold;
  609. text-transform:uppercase;
  610. color: #473e48 ;
  611. background-color: #c3c3c3;
  612. -moz-transition:all ease-in-out 0.7s;
  613. -webkit-transition:all ease-in-out 0.7s;
  614. -o-transition:all ease-in-out 0.7s;
  615. transition:all ease-in-out 0.7s;
  616. }
  617.  
  618. .aske:hover {
  619. -moz-transition:all ease-in-out 0.7s;
  620. -webkit-transition:all ease-in-out 0.7s;
  621. -o-transition:all ease-in-out 0.7s;
  622. transition:all ease-in-out 0.7s;
  623. }
  624.  
  625. .que {
  626. font-family: 'Montserrat', sans-serif;
  627. font-size: 10px;
  628. text-transform:none;
  629. color: #473e48;
  630. }
  631.  
  632. .ans {
  633. font-family:'Montserrat', sans-serif;
  634. font-size:10px;
  635. color: #473e48;
  636. }
  637.  
  638.  
  639. #doesitwork {
  640. height:350px;
  641. overflow:auto;
  642. width:400px;
  643. }
  644.  
  645. {CustomCSS}</style></head><body>
  646. <img src="https://static.tumblr.com/yrkaez0/6qzpqent1/sonya-bg2.png" style="position:fixed; left: px here; top: 0px;z-index:-999"/>
  647. <body>
  648.  
  649.  
  650. <div id="sidebar">
  651.  
  652. <div id="sidebarimage">
  653. <a href="/"><img src="{image:sidebar}"></a></div>
  654.  
  655. <div class="sidebartitle">{text:sidebartitle}</div>
  656.  
  657. <div class="links">
  658.  
  659. <a href="/" title="Return">✦</a>
  660. <a href="/ask" title="Message">✧</a>
  661. <a href="/rules" title="Rules">✦</a>
  662. <a href="/bio" title="Bio">✧</a>
  663. <a href="/verses" title="Verses">✦</a>
  664. <a href="/tags" title="Tags">✧</a>
  665. <a href="/supports" title="Supports">✦</a>
  666. </div>
  667.  
  668. <div id="description">
  669.  
  670. <div id="pagination">
  671. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  672. </div></div></div>
  673.  
  674. <div id="entries">{block:Posts}<div id="post">
  675.  
  676. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  677.  
  678. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  679.  
  680. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  681.  
  682. {block:Quote}<div class="quote"><span style="font-size:30px; font-family:'Montserrat', sans-serif; z-index:-1; position:absolute; margin-top:3px; opacity:0.8; margin-left:-15px;">&ldquo;</span>{Quote}</div>{block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}{/block:Quote}
  683.  
  684. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  685.  
  686. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  687.  
  688. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  689.  
  690. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  691.  
  692. <!-- QUESTION POSTS -->
  693. {block:Answer}
  694. <div id="ask">
  695.  
  696. <div class="as">
  697. <div class="aske">{Asker} whispered:</div>
  698. <div class="que">{Question}</div>
  699. </div>
  700. </div>
  701. <div class="ans">{Answer}</div>
  702. {/block:Answer}
  703.  
  704.  
  705.  
  706. {block:Date}<div id="info"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>
  707. {/block:Date} {block:NoteCount}&nbsp;&nbsp;/&nbsp;&nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  708.  
  709.  
  710. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;via</a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:links}">&nbsp;&nbsp;/&nbsp;&nbsp; origin</a>{/block:ContentSource}
  711. {/block:RebloggedFrom} <div style="float:right;"> </div>
  712. </div>
  713.  
  714.  
  715. {block:HasTags}
  716. <div class="tags">
  717. {block:Tags} <a href="{TagURL}">&nbsp; ✦&nbsp;&nbsp;-&nbsp;&nbsp;{Tag}</a> {/block:Tags}</div>
  718. {/block:HasTags}
  719. <div class="postnote">
  720. {block:PostNotes}{PostNotes}{/block:PostNotes}
  721. </div>
  722. </div>
  723. {/block:Posts}
  724.  
  725. </div>
  726.  
  727. </body>
  728.  
  729.  
  730. </div></div></div>
  731.  
  732.  
  733.  
  734.  
  735.  
  736. </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!