API tools faq
paste
Advertisement
Daichi-Sama

Becca's Tatsuha theme

Daichi-Sama
Feb 6th, 2018
200
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.40 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.  
  3.  
  4.  
  5. <!--
  6.  
  7. WINTER'S LADY THEMES
  8. ♛ this code was made by AGIRLINGREY@TUMBLR.
  9. ♛ do not remove credit or claim as your own.
  10.  
  11. -->
  12.  
  13.  
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20.  
  21. <!--
  22. TOOLTIP STYLING SCRIPT
  23. -->
  24.  
  25.  
  26. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  29. <script>
  30. (function($){
  31. $(document).ready(function(){
  32. $("[title]").style_my_tooltips({
  33. tip_follows_cursor:true,
  34. tip_delay_time:200,
  35. tip_fade_speed:500
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41.  
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47. <meta name="color:background" content="#000000"/>
  48. <meta name="color:text" content="#a1a0a0"/>
  49. <meta name="color:description" content=transparent/>
  50. <meta name="color:link" content="#e0d3ed"/>
  51. <meta name="color:link hover" content="#989898" />
  52. <meta name="color:bold" content="#cdc2f0" />
  53. <meta name="color:italic" content="#ffffff" />
  54. <meta name="color:border" content="#292828" />
  55. <meta name="color:scrollbar" content="#ffffff" />
  56. <meta name="color:postbg" content=transparent />
  57. <meta name="color:blockquote" content="#121212" />
  58. <meta name="color:tags" content="#e0d3ed"/>
  59.  
  60. <meta name="image:background" content=""/>
  61.  
  62. <meta name="text:link 1" content="link 1"/>
  63. <meta name="text:link 1 url" content="/"/>
  64. <meta name="text:link 2" content="link 2"/>
  65. <meta name="text:link 2 url" content="/"/>
  66. <meta name="text:link 3" content="link 3"/>
  67. <meta name="text:link 3 url" content="/"/>
  68. <meta name="text:link 4" content="link 4"/>
  69. <meta name="text:link 4 url" content="/"/>
  70. <meta name="text:link 5" content="link 5"/>
  71. <meta name="text:link 5 url" content="/"/>
  72. <meta name="text:link 6" content="link 6"/>
  73. <meta name="text:link 6 url" content="/"/>
  74. <meta name="text:link 7" content="link 7"/>
  75. <meta name="text:link 7 url" content="/"/>
  76. <meta name="text:link 8" content="link 8"/>
  77. <meta name="text:link 8 url" content="/"/>
  78.  
  79. <meta name="if:tinycursor" content="1"/>
  80. <meta name="if:greyscale" content="0"/>
  81. <meta name="text:text size" content="12px" />
  82. <meta name="if:showsubmit" content="0"/>
  83.  
  84. <meta name="color:updates bar" content="#070707"/>
  85. <meta name="image:Updates" content=""/>
  86. <meta name="image:thekey" content=""/>
  87.  
  88.  
  89.  
  90. <!--
  91. CUSTOM FONTS
  92. -->
  93.  
  94.  
  95. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  98.  
  99. <link href='https://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106.  
  107.  
  108. /* the hover update thing */
  109.  
  110.  
  111.  
  112. #bite
  113. #bite a{
  114. display:block
  115. }
  116. #bite .death {
  117. margin-top:0px;filter: alpha(opacity = 1.0);
  118. opacity:1.0;-webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  120. }
  121.  
  122. #bite:hover .death {
  123. margin-top:0px;
  124. -webkit-transition: all 0.8s ease-out;
  125. -moz-transition: all 0.8s ease-out;
  126. transition: all 0.8s ease-out;
  127. filter: alpha(opacity = 100);
  128. filter: alpha(opacity = 100);
  129. opacity:100;
  130. }
  131.  
  132.  
  133. /* selection font and background */
  134.  
  135.  
  136. ::selection {
  137. background: #444;
  138. color:#fff; }
  139.  
  140.  
  141. ::-moz-selection {
  142. background: #444;
  143. color:#fff; }
  144.  
  145.  
  146.  
  147. /* scrollbar details */
  148.  
  149.  
  150.  
  151. ::-webkit-scrollbar {
  152. height: 0px;
  153. width: 2px;
  154. background:transparent;
  155. border-left:0px solid transparent;
  156. border-right:0px solid transparent;}
  157.  
  158.  
  159. ::-webkit-scrollbar-thumb {
  160. background:transparent;}
  161.  
  162. /* general look & background */
  163.  
  164.  
  165. body {
  166. background:#727272;
  167. background-image:url('https://static.tumblr.com/mw3squd/sIup59wdc/background-becca.png');
  168. background-attachment: fixed;
  169. background-repeat: no-repeat;
  170. background-position: left top;
  171. color:#272727;
  172. font-family: calibri;
  173. text-align:justify;
  174. font-size: 10px;
  175. letter-spacing:1px;
  176. line-height:135%;
  177.  
  178. }
  179.  
  180.  
  181.  
  182. /* back to general look & details */
  183.  
  184.  
  185.  
  186. a:link, a:active, a:visited {
  187. text-decoration: none;
  188. color: #e1e1e1;
  189. -moz-transition-duration:.6s;
  190. -webkit-transition-duration:.6s;
  191. -o-transition-duration:.6s;
  192. -webkit-filter: blur(0px);}
  193.  
  194. a:hover {
  195. color: #8f8f8f;
  196. -moz-transition-duration:.6s;
  197. -webkit-transition-duration:.6s;
  198. -o-transition-duration:.6s;
  199. -webkit-filter: blur(1px);}
  200.  
  201.  
  202.  
  203. h1 {
  204. background-color: transparent;
  205. font-family: 'Montserrat', sans-serif;
  206. font-size: 16px;
  207. line-height: 20px;
  208. letter-spacing: 2px;
  209. text-align: center;
  210. text-transform:uppercase;
  211. color: #d1d1d1;
  212. }
  213.  
  214.  
  215. h2 {
  216. background-color: transparent;
  217. font-family: 'Montserrat', sans-serif;
  218. font-size: 15px;
  219. line-height: 16px;
  220. letter-spacing: 2px;
  221. text-align: left;
  222. text-transform:uppercase;
  223. color: #d1d1d1;
  224. }
  225.  
  226.  
  227.  
  228. h3 {
  229. background-color: transparent;
  230. background-image:url("http://imgur.com/kQ6mQeC.gif");
  231. border:1px dotted #9b9b9b;
  232. font-family: arial;
  233. font-weight:bold;
  234. color: #d1d1d1;
  235. text-shadow:0px 0px 2px #2c2f34;
  236. font-size: 10px;
  237. line-height: 12px;
  238. letter-spacing: 2px;
  239. text-align: center;
  240. text-transform:uppercase;
  241. padding:1px;
  242. line-height:120%;}
  243.  
  244.  
  245.  
  246. quotetext {
  247. background-color: transparent;
  248. font-family: times;
  249. font-size: 14px;
  250. line-height: 20px;
  251. letter-spacing: 2px;
  252. text-align: center;
  253. text-transform:uppercase;
  254. color: #dadada;
  255. }
  256.  
  257.  
  258.  
  259. blockquote {
  260. word-wrap: break-word;
  261. padding:2px 7px;
  262. margin:3px 0 3px 10px;
  263. border-left:1px solid {color:border};
  264. background-color:transparent;}
  265.  
  266.  
  267. blockquote img{
  268. max-width:100%;
  269. height:auto;
  270. }
  271.  
  272. blockquote blockquote img{
  273. max-width:100%;
  274. height:auto;
  275. }
  276.  
  277.  
  278.  
  279. b, bold {
  280. font-size:10px;
  281. text-transform:uppercase;
  282. letter-spacing:1px;
  283. font-family: times;
  284. color: #3d3d3d;
  285. text-shadow:1px 1px 0 #343434;
  286. }
  287.  
  288.  
  289. i, italic {
  290. font-size:12px;
  291. color: #535353;
  292. font-family: 'Roboto Condensed', sans-serif;
  293. text-shadow: 0px 0px 2px #5a5a5a;
  294. letter-spacing:1px;
  295. text-transform:lowercase;
  296. }
  297.  
  298.  
  299.  
  300. p {
  301. margin-top:5px;
  302. margin-bottom:5px;}
  303.  
  304.  
  305. ol {
  306. list-style:normal;}
  307.  
  308.  
  309. ul {
  310. list-style:square;}
  311.  
  312.  
  313. small {
  314. font-size:10px}
  315.  
  316.  
  317. sup,sub {
  318. font-size:11px}
  319.  
  320.  
  321. pre {
  322. font-size: 10px;
  323. letter-spacing:3px;
  324. background-color:#7f7f7f;
  325. font-family: "Times New Roman", Times, serif;
  326. font-style: none;
  327. text-align:center;
  328. }
  329.  
  330.  
  331.  
  332. big {
  333. font-size:14px;
  334. text-transform:uppercase;
  335. letter-spacing:2px;
  336. font-family: "Times New Roman", Times, serif;
  337. color: #535353;
  338. text-shadow: 0px 0px 2px #383838;
  339. }
  340.  
  341.  
  342.  
  343. {block:IfGreyscale}
  344.  
  345. img {
  346. -webkit-filter:grayscale(100%);
  347. -webkit-transition: all 0.9s ease-in-out;
  348. -moz-transition: all 0.9s ease-in-out;
  349. -o-transition: all 0.9s ease-in-out;
  350. -ms-transition: all 0.9s ease-in-out;
  351. transition: all 0.9s ease-in-out;}
  352.  
  353. img:hover {
  354. -webkit-filter:none;}
  355.  
  356. .html_photoset {
  357. -webkit-filter: grayscale(100%);
  358. -webkit-transition: all 0.9s ease-in-out;
  359. -moz-transition: all 0.9s ease-in-out;
  360. -o-transition: all 0.9s ease-in-out;
  361. -ms-transition: all 0.9s ease-in-out;
  362. transition: all 0.9s ease-in-out;}
  363.  
  364. .html_photoset:hover {
  365. -webkit-filter: none;}
  366.  
  367. {/block:IfGreyscale}
  368.  
  369.  
  370.  
  371. #pcontainer {
  372. background-color:transparent;
  373. width:267px;
  374. height:362px;
  375. padding: 20px;
  376. top:241px;
  377. margin-left: 486px;
  378. position:relative;
  379. overflow-y:scroll;
  380. overflow-x:hidden;
  381. -webkit-mask-image: -webkit-gradient(
  382. linear, center 75%, center bottom,
  383. from(rgba(0,0,0,20)),
  384. to(rgba(20,0,0,0)));
  385. border:1px solid transparent;
  386. }
  387.  
  388.  
  389.  
  390. #pcontainer img {
  391. height:auto;
  392. max-width:100%;
  393. }
  394.  
  395.  
  396.  
  397. #content {
  398. margin-left:62px;
  399. width:310px;
  400. margin-top: -100px;
  401. }
  402.  
  403.  
  404. #posts {
  405. width:250px;
  406. padding:10px;
  407. margin-top: 85px;
  408. margin-left:-70px;
  409. padding-bottom:0px;}
  410.  
  411.  
  412.  
  413. #sidebar {
  414. margin-left: 1590px;
  415. line-height:15px;
  416. width: 180px;
  417. position: fixed;
  418. top: 200px;
  419. text-align: center; }
  420.  
  421.  
  422. #sidebar img {
  423. width:150px;
  424. padding-top:10px;
  425. padding-bottom:10px;}
  426.  
  427.  
  428. #description {
  429. margin-left: 0px;
  430. margin-top: -50px;
  431. width:180px;
  432. color:transparent;}
  433.  
  434.  
  435.  
  436. #actualnews {
  437. font-family: calibri;
  438. font-size:10px;
  439. text-align:justify;
  440. background:transparent;
  441. color: #272727;
  442. width:132px;
  443. height:250px;
  444. padding-top:3px;
  445. border:0px solid #131313;
  446. margin-left: 878px;
  447. margin-top: -162px;
  448. position:fixed;
  449.  
  450.  
  451. }
  452.  
  453.  
  454.  
  455.  
  456. #thekey {
  457. position:fixed;
  458. color:#7c7470;
  459. text-shadow: 0px 0px 2px #fff;
  460. margin-top:175px;
  461. margin-left:55px;
  462. width:710px;
  463. padding:9px;
  464. letter-spacing:2px;
  465. word-spacing:5px; /*this defines the separation of each word of the links*/
  466. font-family: helvetica;
  467. font-size:12px;
  468. text-align:center;
  469. background:transparent;
  470. text-transform:uppercase;
  471. -webkit-transform: rotate(-90deg);
  472. -moz-transform: rotate(-90deg);
  473. -o-transform: rotate(-90deg);
  474. }
  475.  
  476.  
  477.  
  478.  
  479. /* JUMBLED LINKS */
  480.  
  481.  
  482.  
  483. .alinks {
  484. position:fixed;
  485. text-shadow: 0px 0px 0px #000;
  486. left:890px;
  487. top:480px;
  488. transform: rotate(0deg);
  489. font-family: 'Montserrat', sans-serif;
  490. font-size: 15px;}
  491.  
  492.  
  493. .alinks a {
  494. padding:10px;
  495. color:#2a2a2a;
  496. margin-right:0px;
  497. -webkit-filter: blur(0px);
  498. -webkit-transition: 0.8s ease-in;
  499. -moz-transition: 1s ease-in;
  500. transition: 1s ease-in;
  501. }
  502.  
  503. .alinks a:hover {
  504. -webkit-transition: all 0.6s ease-in-out;
  505. -moz-transition: all 0.6s ease-in-out;
  506. -o-transition: all 0.6s ease-in-out;
  507. -ms-transition: all 0.6s ease-in-out;
  508. transition: all 0.6s ease-in-out;
  509. color: #727272;
  510. text-shadow: 2px 2px 2px #000;
  511. }
  512.  
  513.  
  514.  
  515.  
  516. .blinks {
  517. position:fixed;
  518. text-shadow: 0px 0px 0px #000;
  519. left:935px;
  520. top:480px;
  521. transform: rotate(0deg);
  522. font-family: 'Montserrat', sans-serif;
  523. font-size: 15px;}
  524.  
  525.  
  526. .blinks a {
  527. padding:10px;
  528. color:#2a2a2a;
  529. margin-right:0px;
  530. -webkit-filter: blur(0px);
  531. -webkit-transition: 0.8s ease-in;
  532. -moz-transition: 1s ease-in;
  533. transition: 1s ease-in;
  534. }
  535.  
  536. .blinks a:hover {
  537. -webkit-transition: all 0.6s ease-in-out;
  538. -moz-transition: all 0.6s ease-in-out;
  539. -o-transition: all 0.6s ease-in-out;
  540. -ms-transition: all 0.6s ease-in-out;
  541. transition: all 0.6s ease-in-out;
  542. color: #727272;
  543. text-shadow: 2px 2px 2px #000;
  544. }
  545.  
  546.  
  547.  
  548.  
  549. .clinks {
  550. position:fixed;
  551. text-shadow: 0px 0px 0px #000;
  552. left:980px;
  553. top:480px;
  554. transform: rotate(0deg);
  555. font-family: 'Montserrat', sans-serif;
  556. font-size: 15px;}
  557.  
  558.  
  559. .clinks a {
  560. padding:10px;
  561. color:#2a2a2a;
  562. margin-right:0px;
  563. -webkit-filter: blur(0px);
  564. -webkit-transition: 0.8s ease-in;
  565. -moz-transition: 1s ease-in;
  566. transition: 1s ease-in;
  567. }
  568.  
  569. .clinks a:hover {
  570. -webkit-transition: all 0.6s ease-in-out;
  571. -moz-transition: all 0.6s ease-in-out;
  572. -o-transition: all 0.6s ease-in-out;
  573. -ms-transition: all 0.6s ease-in-out;
  574. transition: all 0.6s ease-in-out;
  575. color: #727272;
  576. text-shadow: 2px 2px 2px #000;
  577. }
  578.  
  579.  
  580.  
  581.  
  582. .dlinks {
  583. position:fixed;
  584. text-shadow: 0px 0px 0px #000;
  585. left:890px;
  586. top:520px;
  587. transform: rotate(0deg);
  588. font-family: 'Montserrat', sans-serif;
  589. font-size: 15px;}
  590.  
  591.  
  592. .dlinks a {
  593. padding:10px;
  594. color:#2a2a2a;
  595. margin-right:0px;
  596. -webkit-filter: blur(0px);
  597. -webkit-transition: 0.8s ease-in;
  598. -moz-transition: 1s ease-in;
  599. transition: 1s ease-in;
  600. }
  601.  
  602. .dlinks a:hover {
  603. -webkit-transition: all 0.6s ease-in-out;
  604. -moz-transition: all 0.6s ease-in-out;
  605. -o-transition: all 0.6s ease-in-out;
  606. -ms-transition: all 0.6s ease-in-out;
  607. transition: all 0.6s ease-in-out;
  608. color: #727272;
  609. text-shadow: 2px 2px 2px #000;
  610. }
  611.  
  612.  
  613.  
  614.  
  615. .elinks {
  616. position:fixed;
  617. text-shadow: 0px 0px 0px #000;
  618. left:935px;
  619. top:520px;
  620. transform: rotate(0deg);
  621. font-family: 'Montserrat', sans-serif;
  622. font-size: 15px;}
  623.  
  624.  
  625. .elinks a {
  626. padding:10px;
  627. color:#2a2a2a;
  628. margin-right:0px;
  629. -webkit-filter: blur(0px);
  630. -webkit-transition: 0.8s ease-in;
  631. -moz-transition: 1s ease-in;
  632. transition: 1s ease-in;
  633. }
  634.  
  635. .elinks a:hover {
  636. -webkit-transition: all 0.6s ease-in-out;
  637. -moz-transition: all 0.6s ease-in-out;
  638. -o-transition: all 0.6s ease-in-out;
  639. -ms-transition: all 0.6s ease-in-out;
  640. transition: all 0.6s ease-in-out;
  641. color: #727272;
  642. text-shadow: 2px 2px 2px #000;
  643. }
  644.  
  645.  
  646.  
  647. .flinks {
  648. position:fixed;
  649. text-shadow: 0px 0px 0px #000;
  650. left:980px;
  651. top:520px;
  652. transform: rotate(0deg);
  653. font-family: 'Montserrat', sans-serif;
  654. font-size: 15px;}
  655.  
  656.  
  657. .flinks a {
  658. padding:10px;
  659. color:#2a2a2a;
  660. margin-right:0px;
  661. -webkit-filter: blur(0px);
  662. -webkit-transition: 0.8s ease-in;
  663. -moz-transition: 1s ease-in;
  664. transition: 1s ease-in;
  665. }
  666.  
  667. .flinks a:hover {
  668. -webkit-transition: all 0.6s ease-in-out;
  669. -moz-transition: all 0.6s ease-in-out;
  670. -o-transition: all 0.6s ease-in-out;
  671. -ms-transition: all 0.6s ease-in-out;
  672. transition: all 0.6s ease-in-out;
  673. color: #727272;
  674. text-shadow: 2px 2px 2px #000;
  675. }
  676.  
  677.  
  678.  
  679. .credit {
  680. position:fixed;
  681. text-shadow: 0px 0px 11px #7C6868;
  682. right:15px;
  683. bottom:15px;
  684. transform: rotate(0deg);
  685. font-family: helvetica;
  686. font-size: 14px; }
  687.  
  688.  
  689. .credit a {
  690. padding:10px;
  691. color:#191919;
  692. margin-right:0px;
  693. -webkit-filter: blur(1px);
  694. -webkit-transition: 0.8s ease-in;
  695. -moz-transition: 1s ease-in;
  696. transition: 1s ease-in;
  697. }
  698.  
  699. .credit a:hover {
  700. -webkit-transition: all 0.6s ease-in-out;
  701. -moz-transition: all 0.6s ease-in-out;
  702. -o-transition: all 0.6s ease-in-out;
  703. -ms-transition: all 0.6s ease-in-out;
  704. transition: all 0.6s ease-in-out;
  705. color: #000000;
  706. text-shadow: 2px 2px 2px #000000;
  707. }
  708.  
  709.  
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718. /* JUMBLED LINKS ENDS */
  719.  
  720.  
  721.  
  722. #pagination {
  723. position:fixed;
  724. font-family:times;
  725. width:300px;
  726. font-size:8px;
  727. top:430px;
  728. left:790px;
  729. letter-spacing:3px;
  730. text-align:center;
  731. z-index:999999999999;
  732. }
  733.  
  734. #pagination a {
  735. text-transform:uppercase;
  736. color:#181818;
  737.  
  738. }
  739.  
  740. #pagination a:hover {
  741. color:#535353;
  742. -webkit-filter: blur(0px);
  743. -webkit-transition: 0.2s ease-in;
  744. -moz-transition: 1s ease-in;
  745. transition: 1s ease-in;
  746. }
  747.  
  748.  
  749. .audio {
  750. width:335px;
  751. padding-bottom:10px;
  752. background-color:{color:#000000};}
  753.  
  754. .albumart {
  755. float:left;
  756. padding:0px 10px 10px 0px;}
  757.  
  758. .albumart img {
  759. width:65px;
  760. height:65px;}
  761.  
  762. .playercontainer {
  763. text-align:left;
  764. padding:10px;
  765. background-color:#090909;
  766. width:335px;}
  767.  
  768. .audioinfo {
  769. padding:10px;
  770. color:{color:text};}
  771.  
  772.  
  773.  
  774.  
  775.  
  776. /* QUESTIONS & ANSWERS DETAILS */
  777.  
  778.  
  779. #asker {
  780. font-family: 'Arizonia', cursive;
  781. font-style:none;
  782. letter-spacing:2px;
  783. text-align:center;
  784. padding-top: 10px;
  785. margin-left:0px;
  786. text-transform:lowercase;
  787. color: #c9c9c9;
  788. font-size:30px;
  789. padding:5px;
  790. letter-spacing:0px
  791. text-shadow:0 0 2px #aeaeae;
  792. }
  793.  
  794.  
  795. #asker a{
  796. font-family: 'Arizonia', cursive;
  797. font-style:none;
  798. letter-spacing:2px;
  799. text-transform:lowercase;
  800. font-size:30px;
  801. letter-spacing: 0px;
  802. text-shadow: none;
  803. color: #c9c9c9;
  804. text-shadow:0 0 2px #1a1a1a;
  805. -webkit-filter: blur(0.5px);
  806. }
  807.  
  808.  
  809. #asker a:hover {
  810. color: #656565;
  811. letter-spacing: 0px;
  812. text-shadow:0 0 2px #000;
  813. -webkit-filter: blur(2px);
  814. -webkit-transition:all .5s ease-in-out;
  815. -moz-transition:all .5s ease-in-out;
  816. transition:all .5s ease-in-out;
  817. }
  818.  
  819.  
  820.  
  821. #ask {
  822. font-family: times;
  823. width:225px;
  824. font-size:8px;
  825. text-align:center;
  826. padding-top: 5px;
  827. margin-left:0px;
  828. text-transform:auto;
  829. letter-spacing:3px
  830. margin-top:-10px;
  831. padding:5px;
  832. background: #000;
  833. background: url("http://imgur.com/kQ6mQeC.gif");
  834. color:#dcdcdc;
  835. text-transform: uppercase;
  836. border-bottom-left-radius: 10px;
  837. border-bottom-right-radius: 10px;
  838. border-top-left-radius: 10px;
  839. border-top-right-radius: 10px;
  840. padding:10px;
  841. letter-spacing:2px;
  842. border-bottom:solid 1px #717171;
  843. border-top:solid 1px #717171;
  844. }
  845.  
  846.  
  847. .ans {
  848. text-align:center;
  849. padding:10px;
  850. }
  851.  
  852.  
  853. /* POST INFO DETAILS */
  854.  
  855.  
  856.  
  857. #info {
  858. background: url("http://imgur.com/Q30ko53.png");
  859. border: 1px solid #717171;
  860. border-bottom-right-radius: 15px;
  861. border-bottom-left-radius: 15px;
  862. border-top-right-radius: 15px;
  863. border-top-left-radius: 15px;
  864. width:255px;
  865. height:25px;
  866. text-align:center;
  867. letter-spacing:10px;
  868. margin-top:8px;
  869. margin-bottom:50px;
  870. text-transform:uppercase;
  871. font-size:15px;
  872. font-style:none;
  873. }
  874.  
  875.  
  876.  
  877.  
  878. #info a {
  879. color:#dcdcdc;}
  880.  
  881. #info a:hover {
  882. color:#000;}
  883.  
  884.  
  885.  
  886.  
  887. #tags {
  888. font-family: helvetica;
  889. color:#181818;
  890. padding-bottom:35px;
  891. letter-spacing:2px;
  892. text-transform:uppercase;
  893. font-size:7px;
  894. font-style:normal;
  895. margin-top:10px;
  896. text-align:right;
  897. float:right;
  898. }
  899.  
  900.  
  901. #tags a {
  902. display:inline-block;
  903. padding:-3px;
  904. opacity:0.8;
  905. text-align:center;
  906. color:#181818;
  907.  
  908. }
  909.  
  910.  
  911. #tags a:hover {
  912. color:{color:text};
  913. }
  914.  
  915.  
  916.  
  917.  
  918.  
  919.  
  920. .note {
  921. text-transform:uppercase;
  922. font-style:normal;
  923. letter-spacing:0px;
  924. font-size: 10px;
  925. text-align:left;
  926. line-height:90%;
  927. margin-left:-40px;}
  928.  
  929. .note li {
  930. list-style-type:none;
  931. border-bottom:0px solid {color:border};
  932. padding:10px 25px 10px 25px;
  933. text-align:left;
  934. margin:0px;
  935. -moz-transition-duration:0.5s;
  936. -webkit-transition-duration:0.5s;
  937. -o-transition-duration:0.5s;}
  938.  
  939. .note img.avatar {
  940. margin-right: 10px;
  941. width: 16px;
  942. height: 16px;}
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951. /*--TOOLTIP DETAILS--*/
  952.  
  953.  
  954.  
  955. #s-m-t-tooltip{
  956. max-width:400px;
  957. margin:15px;
  958. padding:2px 8px;
  959. background: #dcdcdc;
  960. background-image:url('http://imgur.com/kQ6mQeC.gif');
  961. border:1px dotted;
  962. border-color: #727272;
  963. color:#9b9b9b;
  964. z-index:99999999999999999999;
  965. font-size:9px;
  966. letter-spacing:2px;
  967. font-style:bold;
  968. letter-spacing:2px;
  969. font-family:'helvetica';
  970. text-transform:uppercase;
  971. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  972.  
  973.  
  974.  
  975.  
  976.  
  977. </style>
  978.  
  979.  
  980. </head>
  981.  
  982. <body>
  983.  
  984. <div id="content">
  985.  
  986. <div id="sidebar">
  987.  
  988. <img src="{image:Sidebar}" />
  989.  
  990. <div id="description">{description}</div>
  991.  
  992. </div>
  993.  
  994. <div id="pagination">
  995. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◄</a> • {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">►</a>{/block:NextPage}{/block:Pagination}
  996. </div>
  997.  
  998.  
  999. <div id="links">
  1000.  
  1001.  
  1002. <div id="linkbar">
  1003.  
  1004.  
  1005. <div class="alinks">
  1006. <a href="/" title="refresh."> ✦ </a>
  1007. </div>
  1008.  
  1009.  
  1010. <div class="blinks">
  1011. <a href="/ask" title="ask."> ✧ </a>
  1012. </div>
  1013.  
  1014.  
  1015. <div class="clinks">
  1016. <a href="/" title="rules."> ✦ </a>
  1017. </div>
  1018.  
  1019.  
  1020. <div class="dlinks">
  1021. <a href="/" title="bio."> ✧ </a>
  1022. </div>
  1023.  
  1024.  
  1025.  
  1026. <div class="elinks">
  1027. <a href="/" title="headcanons."> ✦ </a>
  1028. </div>
  1029.  
  1030.  
  1031.  
  1032. <div class="flinks">
  1033. <a href="/" title="mun."> ✧ </a>
  1034. </div>
  1035.  
  1036.  
  1037. <div class="credit">
  1038. <a href="http://agirlingrey.tumblr.com/" title="agirlingrey.">A.</a>
  1039. </div>
  1040.  
  1041.  
  1042. </div></div>
  1043.  
  1044.  
  1045. <div id="pcontainer">
  1046.  
  1047. <div id="content"><div id="posts">
  1048. {block:Posts}
  1049.  
  1050.  
  1051. {block:Quote}<quotetext>"{Quote}"</quotetext>&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  1052. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  1053. {block:Text}{Body}{/block:Text}
  1054.  
  1055. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1056.  
  1057. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  1058.  
  1059. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="360px">{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1060. {block:Photoset}<center>{Photoset}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1061.  
  1062. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  1063.  
  1064. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1065.  
  1066.  
  1067. {block:Answer}<div id="asker" style="width:255px; text-shadow:0 0 2px #000; ">{Asker}:<div id="ask"> <p><p><p><p><p>{Question}</div></span></div><font face="calibri"><span style="font-family:calibri;font-size:; marging-left:0px;">{Answer}</span>{/block:Answer}
  1068.  
  1069.  
  1070. {block:Audio}<div class="audio">
  1071.  
  1072. {block:AlbumArt}
  1073. {/block:AlbumArt}
  1074.  
  1075.  
  1076. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1077. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  1078. <br><div class="playercontainer">{AudioPlayerBlack}</div></div>
  1079. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  1080.  
  1081.  
  1082. <div id="info">
  1083. <br>
  1084.  
  1085. &nbsp; &nbsp;
  1086.  
  1087.  
  1088. {block:Date}
  1089. <a href="{Permalink}" style="position:absolute; margin-left:-100px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {ShortMonth} {DayOfMonthWithZero} - {TimeAgo} "> ● </a>
  1090. {/block:Date}
  1091.  
  1092.  
  1093. {block:RebloggedFrom}
  1094. <a href="{ReblogParentURL}" style="position:absolute; margin-left:-65px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" via. {ReblogParentName} "> ● </a>
  1095. {/block:RebloggedFrom}
  1096.  
  1097.  
  1098. {block:ContentSource}
  1099. <a href="{SourceURL}" style="position:absolute; margin-left:-30px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" source. {SourceTitle} "> ● </a>
  1100. {/block:ContentSource}
  1101.  
  1102.  
  1103. <a href="{Permalink}" style="position:absolute; margin-left:5px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title=" {NoteCount} notes "> ● </a>
  1104.  
  1105.  
  1106. <a href="{ReblogURL}" style="position:absolute; margin-left:40px; margin-top:-8px;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); text-shadow: 0px 0px 5px #919191;" title="reblog"> ● </a>
  1107.  
  1108.  
  1109. <br>
  1110.  
  1111. {block:HasTags}<div id="tags">{block:Tags} & <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div> &nbsp;
  1112. {/block:Posts}
  1113. <div class="note">
  1114. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1115. </div>
  1116.  
  1117. {/block:Posts}</div></div>
  1118.  
  1119.  
  1120.  
  1121. </div> </div> </div> </div> </div> </div>
  1122.  
  1123. <div id="bite">
  1124. <div id="thekey"></div>
  1125. <div class="death">
  1126. <div id="actualnews">
  1127.  
  1128. <center>
  1129.  
  1130. <div style="width:auto;height:280px;overflow:scroll;padding:5px;">
  1131.  
  1132. <h3>
  1133. 親切気軽
  1134. </h3>
  1135.  
  1136. Independant roleplay blog for a fandomless Original Character named Tatsuha.
  1137. <br><br>
  1138. <b>MUTUALS ONLY</b>, <i>selective & private</i>
  1139. <br><br>
  1140. This blog is OC, multimuse & crossover friendly.
  1141. <br><br>
  1142. Please read my <b>rules</b> <i>before</i> any interaction!
  1143. <br><br>
  1144. Penned by <b>Becca</b>.
  1145.  
  1146.  
  1147.  
  1148.  
  1149. </center>
  1150.  
  1151. </body>
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158. </div>
  1159. </div></div>
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!