API tools faq
paste
Advertisement
Daichi-Sama

Theme for Becca

Daichi-Sama
Nov 12th, 2017
96
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.44 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:#fff;
  185. }
  186.  
  187. h2 {
  188. font-size:16px;
  189. text-align:center;
  190. line-height:100%;
  191. letter-spacing:-0.5px;
  192. color:#fff;
  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 #151515;
  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:#000;
  221. margin:0px;
  222. color:#fff;
  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:#fff;
  234. }
  235.  
  236. strong,em,bold{
  237. color:#9a9898;
  238. }
  239.  
  240. em,italic,italics,oblique{
  241. color:#9a9898;
  242. }
  243.  
  244. a {
  245. text-decoration:none;
  246. outline:none;
  247. -moz-outline-style:none;
  248. color:#515151;
  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:#fff;
  259. }
  260.  
  261. img {
  262. border:none;
  263. opacity: 1;
  264. -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  265. filter: grayscale(100%);
  266. -webkit-transition: all 1s;
  267. -moz-transition: all 1s;
  268. -o-transition: all 1s;
  269. transition: all 1s;
  270. }
  271.  
  272. img:hover {
  273. opacity: 1;
  274. -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  275. filter: grayscale(0%);
  276. }
  277.  
  278. .photoset {
  279. text-align: left;
  280. opacity: 1;
  281. -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  282. filter: grayscale(100%);
  283. -webkit-transition: all 1s;
  284. -moz-transition: all 1s;
  285. -o-transition: all 1s;
  286. transition: all 1s;
  287. }
  288.  
  289. .photoset:hover {
  290. opacity: 1;
  291. -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  292. filter: grayscale(0%);
  293. }
  294.  
  295. i, em {
  296. color: #9a9898;
  297. letter-spacing: 0px;
  298. }
  299.  
  300. b, strong {
  301. color: #9a9898;}
  302.  
  303.  
  304. }
  305.  
  306. .big {
  307.  
  308. font-size:14px;
  309.  
  310. }
  311. small, sup, sub {
  312. font-size: 10px;
  313. }
  314.  
  315. #post {
  316. width:400px;
  317. padding-bottom:20px;
  318. margin-top:40px;
  319. margin-left:6px;
  320. }
  321.  
  322. #entries {
  323. padding:10px;
  324. width:426px;
  325. margin-left:600px;
  326. margin-top:145px;
  327. margin-bottom:40px;
  328. padding-top:5px;
  329. padding-bottom:15px;
  330. z-index:999;
  331. position:fixed;
  332. height:385px;
  333. overflow-x:hidden;
  334. overflow-y:auto;
  335. }
  336.  
  337.  
  338. #sidebar {
  339. color:#fff;
  340. position:fixed;
  341. width:100px;
  342. height:auto;
  343. margin-top:-220px;
  344. margin-left:400px;
  345. text-align:left;
  346. }
  347.  
  348. #sidebarimage img {
  349. width:200px;
  350. margin-top:-10px;
  351. margin-bottom:0px;
  352. margin-left:-9px;
  353. }
  354.  
  355. .links {
  356. width: 200px;
  357. font-size: 20px;
  358. font-family: 'Montserrat', sans-serif;
  359. text-align: center;
  360. margin-left: -180px;
  361. color: #515151;
  362. font-weight: bolder;
  363. margin-top: 280px;
  364. text-transform: uppercase;
  365. opacity: 1;
  366. }
  367.  
  368. .links a {
  369. max-width:220px;
  370. letter-spacing:0px;
  371. margin-bottom:-50px;
  372. font-weight:bolder;
  373. font-family:'Montserrat', sans-serif;
  374. margin-top:50px;
  375. padding:5px 5px 5px 3px;
  376. display: block;
  377. color:#8c8c8c;
  378.  
  379. }
  380.  
  381.  
  382. #links a:hover {
  383. color: #717171;
  384. width:60px;
  385. -moz-transition-duration:0.2s;
  386. -webkit-transition-duration:0.2s;
  387. -o-transition-duration:0.2s;
  388. }
  389.  
  390. #description {
  391. position:fixed;
  392. width:200px;
  393. font-family:'Montserrat', sans-serif;
  394. margin-top:55px;
  395. margin-left:-9px;
  396. text-align:justify;
  397. font-size:9px;
  398. color: #fff;
  399. letter-spacing:0px;
  400. line-height:130%;
  401. -moz-transition-duration:1s;
  402. -webkit-transition-duration:1s;
  403. -o-transition-duration:1s;
  404. }
  405.  
  406. #description a {
  407. color:#515151;
  408. }
  409.  
  410. #description a:hover {
  411. color:#fff;
  412. }
  413.  
  414. .chat {
  415. line-height:160%;
  416. list-style:none;
  417. }
  418.  
  419. .line.odd {
  420. background:#fff;
  421. margin-bottom:2px;
  422. padding:5px;
  423. list-style:none;
  424. font-size:10px;
  425. }
  426.  
  427. .line.even {
  428. background:#fff;
  429. margin-bottom:2px;
  430. padding:5px;
  431. list-style:none;
  432. font-size:10px;
  433. }
  434.  
  435. .label {
  436. padding-right:1px;
  437. text-transform:uppercase;
  438. font-weight:bold;
  439. color:#515151;
  440. }
  441.  
  442. .sidebartitle {
  443. width:210px;
  444. text-align:center;
  445. position:fixed;
  446. font-family:'Montserrat', sans-serif;
  447. line-height:120%;
  448. margin-left:-13px;
  449. font-size:13px;
  450. margin-top:10px;
  451. color:;
  452. }
  453.  
  454. #pagination {
  455. font-family:'Montserrat', sans-serif;
  456. width:210px;
  457. font-size:10px;
  458. margin-top:-332px;
  459. margin-left:120px;
  460. padding-left:5px;
  461. text-transform: uppercase;
  462. letter-spacing:2px;
  463. text-align:center;
  464. z-index:999;
  465. }
  466.  
  467. #pagination a {
  468. color:#515151;
  469. }
  470.  
  471. #info {
  472. font-family:'Montserrat', sans-serif;
  473. text-align:center;
  474. width:410px;
  475. margin-top:5px;
  476. text-transform: uppercase;
  477. padding-top:1px;
  478. font-size:10px;
  479. font-style:bolder;
  480. padding:4px;
  481. color:#515151;
  482. border:1px solid #151515;
  483. background-color:#151515;
  484. background-image:url('http://static.tumblr.com/kwctv38/tVtoz8th2/becca_nav.png')
  485.  
  486. }
  487.  
  488.  
  489. #info a {
  490. color:#515151;
  491. font-style: bolder;
  492. }
  493.  
  494. #info a:hover {
  495. color:#fff;
  496. }
  497.  
  498. .tags {
  499. font-size:9px;
  500. margin-top:8px;
  501. color:#515151;
  502. text-align:center;
  503. text-transform:uppercase;
  504. {block:IfHoverTags}
  505. opacity: 0.0;
  506. {/block:IfHoverTags}
  507. {block:IfNotHoverTags}
  508. opacity:1.0;
  509. {/block:IfNotHoverTags}
  510. -moz-transition-duration: 0.6s;
  511. -o-transition-duration: 0.6s;
  512. -webkit-transition-duration: 0.6s;
  513. transition-duration: 0.6s;
  514. }
  515.  
  516. .tags a{
  517. color:#515151;
  518. -moz-transition-duration:0.2s;
  519. -webkit-transition-duration:0.2s;
  520. -o-transition-duration:0.2s;
  521. }
  522. .tags a:hover{
  523. color:#fff;
  524. -moz-transition-duration:0.2s;
  525. -webkit-transition-duration:0.2s;
  526. -o-transition-duration:0.2s;
  527. }
  528.  
  529.  
  530.  
  531. .quote {
  532. font-size:16px;
  533. line-height:150%;
  534. padding:10px;
  535. color: #fff ;
  536. font-family: 'Montserrat', sans-serif;
  537. margin-top:-10px;
  538. font-style:italic;
  539. text-align:center;
  540. }
  541.  
  542. .quotesource {
  543. margin-top:7px;
  544. font-size:10px;
  545. color: #515151;
  546. text-transform:lowercase;
  547. font-family: 'Montserrat', sans-serif;
  548. letter-spacing:1px;
  549. text-align:center;
  550. }
  551.  
  552.  
  553.  
  554. .audio{
  555. background-color:#cbcbcb;
  556. height:65px;
  557. overflow:hidden;
  558. }
  559.  
  560.  
  561.  
  562. /* QUESTION */
  563.  
  564. #ask {
  565.  
  566. text-align:center;
  567. text-transform:none;
  568. background-color:#cbcbcb;
  569. padding:5px;
  570. line-height:120%;
  571. border-left:4px solid #bebebe;
  572. border-right:4px solid #bebebe;
  573. border-radius: 12px;
  574.  
  575. }
  576.  
  577. .as {
  578. min-height: auto;
  579. padding: 5px;
  580. padding-bottom:8px;
  581. background-color: #cbcbcb;
  582. }
  583.  
  584. .aske {
  585. margin-top:5px;
  586. font-family:'Montserrat', sans-serif;
  587. font-size:14px;
  588. line-height:13px;
  589. text-align:center;
  590. font-style:bold;
  591. text-transform:uppercase;
  592. color: #515151 ;
  593. background-color: #cbcbcb;
  594. -moz-transition:all ease-in-out 0.7s;
  595. -webkit-transition:all ease-in-out 0.7s;
  596. -o-transition:all ease-in-out 0.7s;
  597. transition:all ease-in-out 0.7s;
  598. }
  599.  
  600. .aske:hover {
  601. -moz-transition:all ease-in-out 0.7s;
  602. -webkit-transition:all ease-in-out 0.7s;
  603. -o-transition:all ease-in-out 0.7s;
  604. transition:all ease-in-out 0.7s;
  605. }
  606.  
  607. .que {
  608. font-family: 'Montserrat', sans-serif;
  609. font-size: 12px;
  610. text-transform:none;
  611. color: #fff;
  612. }
  613.  
  614. .ans {
  615. font-family:'Montserrat', sans-serif;
  616. font-size:12px;
  617. color: #fff;
  618. }
  619.  
  620.  
  621. #doesitwork {
  622. height:350px;
  623. overflow:auto;
  624. width:400px;
  625. }
  626.  
  627. {CustomCSS}</style></head><body>
  628. <img src="http://static.tumblr.com/kwctv38/uOFoz8ucz/becca_background.png" style="position:fixed; left: px here; top: 0px;z-index:-999"/>
  629. <body>
  630.  
  631.  
  632.  
  633. <div id="sidebar">
  634.  
  635. <div id="sidebarimage">
  636. <a href="/"><img src="{image:sidebar}"></a></div>
  637.  
  638. <div class="sidebartitle">{text:sidebartitle}</div>
  639.  
  640. <div class="links">
  641.  
  642. <a href="/" title="Return">✖ </a>
  643. <a href="/ask" title="Inbox">✖</a>
  644. <a href="/rules" title="Rules">✖</a>
  645. <a href="/bio" title="Bio">✖</a>
  646. <a href="/mun" title="Mun">✖</a>
  647. </div>
  648.  
  649. <div id="description">
  650.  
  651. <div id="pagination">
  652. <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>
  653. </div></div></div>
  654.  
  655. <div id="entries">{block:Posts}<div id="post">
  656.  
  657. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  658.  
  659. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  660.  
  661. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  662.  
  663. {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}
  664.  
  665. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  666.  
  667. {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}
  668.  
  669. {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}
  670.  
  671. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  672.  
  673. <!-- QUESTION POSTS -->
  674. {block:Answer}
  675. <div id="ask">
  676.  
  677. <div class="as">
  678. <div class="aske">{Asker} said:</div>
  679. <div class="que">{Question}</div>
  680. </div>
  681. </div>
  682. <div class="ans">{Answer}</div>
  683. {/block:Answer}
  684.  
  685.  
  686.  
  687. {block:Date}<div id="info"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>
  688. {/block:Date} {block:NoteCount}&nbsp;&nbsp;/&nbsp;&nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  689.  
  690.  
  691. {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}
  692. {/block:RebloggedFrom} <div style="float:right;"> </div>
  693. </div>
  694.  
  695.  
  696. {block:HasTags}
  697. <div class="tags">
  698. {block:Tags} <a href="{TagURL}">&nbsp; ✖&nbsp;&nbsp;-&nbsp;&nbsp;{Tag}</a> {/block:Tags}</div>
  699. {/block:HasTags}
  700. <div class="postnote">
  701. {block:PostNotes}{PostNotes}{/block:PostNotes}
  702. </div>
  703. </div>
  704. {/block:Posts}
  705.  
  706. </div>
  707.  
  708.  
  709. </div></div></div>
  710.  
  711.  
  712.  
  713.  
  714.  
  715. </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!