API tools faq
paste
Advertisement
Daichi-Sama

Theme for Chavvi

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