API tools faq
paste
Advertisement
Daichi-Sama

Alex Mukuro Theme

Daichi-Sama
Jul 15th, 2018
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. </head>
  27.  
  28. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  29. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  30. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  31. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:200,
  38. tip_fade_speed:500
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44.  
  45. <!--tooltip script end-->
  46. <!--pop up script-->
  47.  
  48. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  49.  
  50. <style type="text/css">
  51.  
  52.  
  53. /* ☽ CURSOR ☾ */
  54. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  55.  
  56. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  57. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  58.  
  59. /* ☽ CURSOR END ☾ */
  60.  
  61. /* ☽ FONTS ☾ */
  62. /*these are the custom fonts, you can install more just by pasting the code here*/
  63. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  64.  
  65. /* ☽ SELECTION COLOR BEGIN ☾ */
  66.  
  67. ::-moz-selection { /* Code for Firefox */
  68. color: #4d449d; /*text color of selected text*/
  69. background: transparent; /*color of selection bg*/
  70. }
  71.  
  72. ::selection {
  73. color: #4d449d; /*text color of selected text*/
  74. background: transparent; /*color of selection bg*/
  75. }
  76.  
  77. /* ☽ SELECTION COLOR END ☾ */
  78.  
  79. /* ☽ SCROLLBAR ☾ */
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. background: #4d449d; /*color of scrollbar*/
  83. height:0px;
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. height:0px;
  88. width:1px; /*width of slider*/
  89. background-color:transparent; /*scrollbar's main color*/
  90. }
  91.  
  92. /* ☽ SCROLLBAR END ☾ */
  93.  
  94. body {
  95. background-color:#363333; /*set this the same color as your background image to avoid black areas on different resolutions*/
  96. background-image:url('https://static.tumblr.com/ului44d/g2Spbw93w/alex.png'); /*background image goes here*/
  97. background-attachment: fixed;
  98. background-repeat: no-repeat;
  99. background-position: left top;
  100. color:#888888; /*body font color*/
  101. font-weight:normal; /*body font weight*/
  102. font-family: 'calibri'; /*body font*/
  103. text-align:justify; /*body text alignment*/
  104. font-size: 10px; /*body font-size*/
  105. letter-spacing:2px;
  106. text-transform: uppercase;
  107. text-shadow: 0px 0px 2px #000; /*color of body text shadow*/
  108.  
  109. }
  110.  
  111. small,sub,sup {
  112. font-size:10px;
  113. }
  114.  
  115. /* ☽ PAGINATION BEGIN ☾ */
  116. /*pagination is the little arrow which navigates between pages*/
  117.  
  118. .pagi {
  119. font-size:25px;
  120. font-family:'overpass';
  121. margin-top:610px; /*position of pagination from the top*/
  122. margin-left:992px; /*position of pagination from the left*/
  123. position:fixed;
  124. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  125. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  126.  
  127. .pagi a {
  128. color: #888888; /*color of pagination*/
  129. text-shadow: 0px 0px 5px #4d449d; /*glow of pagination*/
  130. }
  131.  
  132. .pagi a:hover {
  133. color: #4d449d; /*color of pagination on hover*/
  134. text-shadow: 0px 0px 5px #4d449d; /*glow of pagination on hover*/
  135. }
  136.  
  137. /* ☽ TOOLTIP BEGIN ☾ */
  138.  
  139. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  140. this script stylizes it*/
  141.  
  142. #s-m-t-tooltip{
  143. max-width:400px;
  144. margin:15px;
  145. padding:2px 8px;
  146. background-image: url(""); /*include image if you want a background for the tooltip text*/
  147. background: transparent;
  148. background-repeat:repeat;
  149. background-attachment:fixed;
  150. color:#888888; /*color of tooltip text*/
  151. /*change all the text shadow to change the outline / stroke color of the tooltip text*/
  152. text-shadow:1px 1px #000,
  153. 1px -1px #000,
  154. 1px 0px #000,
  155. 0px 1px #000,
  156. 0px -1px #000,
  157. -1px 1px #000,
  158. -1px 0px #000,
  159. -1px -1px #000;
  160. box-shadow: none;
  161. font-size:10px; /*size of tooltip text*/
  162. letter-spacing:2px;
  163. font-family: 'nightingale';
  164. text-transform:lowercase;
  165. z-index:99999999999999999999;
  166. }
  167.  
  168.  
  169. #s-m-tooltip:hover {
  170. -webkit-transition: all 0.6s ease-out;
  171. -moz-transition: all 0.6s ease-out;
  172. transition: all 0.6s ease-out;
  173. -o-transition:all 0.6s ease;
  174. -ms-transition: all 0.6s ease-in-out;}
  175.  
  176. /* ☽ TOOLTIP END ☾ */
  177.  
  178. /* ☽ TEXT STYLE BEGIN ☾ */
  179.  
  180. b, bold, strong {
  181. font-size:11px; /*size of bold text*/
  182. letter-spacing:1px;
  183. font-weight:bold;
  184. text-transform:uppercase;
  185. line-height: 120%;
  186. font-family: 'times'; /*font family of bold text*/
  187. color: #4d449d; /*color of bold text*/
  188. }
  189.  
  190. i, italic, em {
  191. font-size:9px; /*size of italic text*/
  192. color: #888888; /*color of italic text*/
  193. font-family: 'Roboto Condensed', sans-serif; /*font family of italic text*/
  194. line-height:120%;
  195. text-shadow: 0 0 3px #4d449d, /*glow color of italic text*/
  196. 0 0 5px #4d449d;
  197. font-weight:normal;
  198. letter-spacing:1px;
  199. }
  200.  
  201. h3, h4 { /*this styles the headers inside the popups*/
  202. background-image: url('https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif'); /*background image of headers*/
  203. background-repeat:repeat;
  204. background-attachment:fixed;
  205. padding:3px;
  206. color:#888888; /*text color of header*/
  207. text-shadow: 1px 1px #000,
  208. 1px -1px #000,
  209. 1px 0px #000,
  210. 0px 1px #000,
  211. 0px -1px #000,
  212. -1px 1px #000,
  213. -1px 0px #000,
  214. -1px -1px #000;
  215. /*change all the above to the same color to change the outline text color of the headers*/
  216. font-size:9px;
  217. line-height:120%;
  218. text-transform:uppercase;
  219. border-top:solid 1px #6b6b6b;
  220. border-bottom: solid 1px #4d449d;
  221. border-top-right-radius: 25px;
  222. border-bottom-left-radius: 25px;
  223. text-align:center;}
  224.  
  225. /* ☽ POP-UPS HEADER STYLE END ☾ */
  226.  
  227. /* ☽ BODY LINKS ☾ */
  228.  
  229. a,a:visited,a:active {
  230. color: #888888; /*color of links*/
  231. letter-spacing: 2px;
  232. text-decoration:none;
  233. text-shadow: 0px 0px 3px #4d449d, /*color of links glow*/
  234. 0 0 5px #4d449d,
  235. 0 0 10px #4d449d;
  236. -moz-transition-duration: 0.6s;
  237. -o-transition-duration: 0.6s;
  238. -webkit-transition-duration: 0.6s;
  239. transition-duration: 0.6s;
  240. }
  241.  
  242. a:hover {
  243. letter-spacing: 5px;
  244. color: #4d449d; /*color of links on hover*/
  245. -webkit-transition: all 0.6s ease-out;
  246. -moz-transition: all 0.6s ease-out;
  247. transition: all 0.6s ease-out;
  248. -o-transition:all 0.6s ease;
  249. -ms-transition: all 0.6s ease-in-out;
  250. }
  251.  
  252. /* ☽ LINK END ☾ */
  253.  
  254. /* ☽ POST TITLE SETTINGS ☾ */
  255.  
  256. .titulo {
  257.  
  258. font-family: 'times';
  259. font-weight:normal;
  260. font-size: 18px; /*size of title*/
  261. text-align: center;
  262. text-transform: uppercase;
  263. color: #888888; /*color of title*/
  264. }
  265.  
  266. /* ☽ TITLE SETTINGS END ☾ */
  267.  
  268. /* ☽ CONTAINER POSITION AND STYLE ☾ */
  269.  
  270. #container {
  271. position:absolute;
  272. left:180px; /*position of container from the left*/
  273. top:237px; /*position of container from top*/
  274. height:345px; /*determines height of container*/
  275. overflow-y:scroll;
  276. border:1px solid transparent;
  277. -webkit-mask-image: -webkit-gradient(
  278. linear, center 80%, center bottom,
  279. from(rgba(0,0,0,1)),
  280. to(rgba(1,0,0,0)));
  281. }
  282.  
  283. #entries {
  284. background-color:transparent; /*color of posts background*/
  285. }
  286.  
  287. #content {
  288. width:403px; /*determines width / size of posts*/
  289. padding:0px 15px;
  290. }
  291.  
  292. #entries img {
  293. max-width: 100%;
  294. height: auto; /*keep auto if you don't want any stretching to occur*/
  295. opacity:0.6; /*change this to change visibility of post images, set it to 1 if you want it completely visible*/
  296. -moz-transition-duration: 0.5s;
  297. -o-transition-duration: 0.5s;
  298. -webkit-transition-duration: 0.5s;
  299. transition-duration: 0.5s;
  300. padding:5px;
  301.  
  302. }
  303.  
  304. #entries img:hover {
  305. opacity: 1; /*image opacity of posts on hover*/
  306. -moz-transition-duration: 0.5s;
  307. -o-transition-duration: 0.5s;
  308. -webkit-transition-duration: 0.5s;
  309. transition-duration: 0.5s;
  310. padding:5px;
  311.  
  312. }
  313.  
  314. /* ☽ CONTAINER END ☾ */
  315.  
  316. /* ☽ BLOCKQUOTE BEGIN ☾ */
  317.  
  318. blockquote {
  319. border-left: 1px dashed #4d449d; /*color of blockquote*/
  320. padding: 0px 0px 2px 15px;
  321. margin: 3px 0 3px 8px;
  322. }
  323.  
  324. blockquote img {
  325. max-width:100%;
  326. height:auto; /*keep as auto to avoid stretched images*/
  327. }
  328.  
  329. /* ☽ BLOCKQUOTE END ☾ */
  330.  
  331. /* ☽ ASK POST BEGIN ☾ */
  332.  
  333. #question {
  334. background-color:transparent; /*color behind question / asker*/
  335. text-align: left;
  336. padding: 10px;
  337.  
  338. }
  339.  
  340. #asker {
  341. color: #888888; /*color of anonymous asker*/
  342. text-shadow:0px 0px 5px #4d449d; /*glow of anon asker*/
  343. font-size:10px;
  344. padding-bottom: 3px;
  345. font-family:'times';
  346. text-decoration:none;
  347. border-bottom: 1px solid #363333; /*line below asker color/ width*/
  348. -webkit-transition: all 0.6s ease-out;
  349. -moz-transition: all 0.6s ease-out;
  350. transition: all 0.6s ease-out;
  351. -o-transition:all 0.6s ease;
  352. -ms-transition: all 0.6s ease-in-out;
  353.  
  354. }
  355.  
  356. #asker a {
  357. color: #888888; /*color of asker url if not anonymous*/
  358. font-size: 10px;
  359. }
  360.  
  361. #asker a:hover {
  362. color: #4d449d; /*glow color of asker url*/
  363. transition: all 0.6s ease-out;
  364. }
  365.  
  366. #whisper { /*whisper is the word next to the asker; you can change it in the html below, but can edit its color / style here*/
  367. font-size:10px;
  368. font-family:'times';
  369. color:#888888; /*color of 'whispered*/
  370. text-transform:uppercase;
  371. }
  372.  
  373. #ask {
  374. font-size:8px;
  375. font-family:helvetica;
  376. letter-spacing:2px;
  377. padding-top: 5px;
  378. line-height:120%;
  379. text-align:left;
  380. text-transform:uppercase;
  381. color: #888888; /*color of the question text itself*/
  382. }
  383.  
  384. #answer {
  385. padding-top:0px;
  386. }
  387.  
  388. /* ☽ ASK POST END ☾ */
  389.  
  390. /* ☽ CHAT POST BEGIN ☾ */
  391.  
  392. .convo {
  393. font-size: 10px;
  394. line-height:120%;
  395. text-align:left;
  396. padding:0px;
  397. }
  398.  
  399. .convo li {
  400. list-style:none;
  401. }
  402.  
  403. .convo .label {
  404. text-transform: uppercase;
  405. font-weight:bold;
  406. }
  407.  
  408. .line_odd .label {
  409. color: #888888; /* Color of odd person in the chat */
  410. background: none;
  411. }
  412.  
  413. .line_even .label {
  414. color: #4d449d; /* Color of even person in the chat */
  415. }
  416.  
  417. .line_even {
  418. margin:0px 10px;
  419. padding: 5px;
  420. text-align:left;
  421. font-weight:bold;
  422. text-shadow:none;
  423. padding: 10px 20px 10px 20px;
  424. }
  425.  
  426. .line_odd {
  427. margin:0px 10px;
  428. padding: 5px;
  429. background-color:#242121; /*background color of odd text*/
  430. text-align:left;
  431. text-shadow:none;
  432. padding: 10px 20px 10px 20px;
  433. }
  434.  
  435. /* ☽ CHAT POST END ☾ */
  436.  
  437. /* ☽ AUDIO POST BEGIN ☾ */
  438.  
  439. .play {
  440. margin-top:15px;
  441. margin-left: 10px;
  442. position: relative;
  443. height: 35px; /*size of play button*/
  444. width: 35px; /*size of play button*/
  445. padding: 2px;
  446. background-color:none;
  447. overflow: hidden;
  448. z-index:99;
  449. opacity: 0.3;
  450. -webkit-backface-visibility: hidden;
  451. -webkit-transform: translate3d(0,0,0);
  452. }
  453.  
  454. .play:hover {
  455. opacity: 0.7;
  456. -webkit-backface-visibility: hidden;
  457. -webkit-transform: translate3d(0,0,0);
  458.  
  459. }
  460.  
  461. .album img {
  462. position: relative;
  463. margin-top: -50px;
  464. width: 50px; /*size of album art*/
  465. height: 50px; /*size of album art*/
  466. }
  467.  
  468. .trackinfo {
  469. position: relative;
  470. height: 50px;
  471. margin-left: 70px;
  472. margin-top: -55px;
  473. }
  474.  
  475. /* ☽ AUDIO POST END ☾ */
  476.  
  477. /* ☽ QUOTE POST BEGIN ☾ */
  478.  
  479. .quote {
  480. font-family: "nightingale";
  481. font-size: 10px;
  482. font-weight:normal;
  483. padding: 10px 50px;
  484. text-transform: lowercase;
  485. padding-bottom:30px;
  486. text-align: center;
  487. color: #888888; /*color of quote*/
  488. text-shadow: 0px 0px 2px #4d449d; /*glow color of quote*/
  489.  
  490. }
  491.  
  492. /* ☽ QUOTE POST END ☾ */
  493.  
  494. /* ☽ LINK POST BEGIN ☾ */
  495.  
  496. #linku {
  497. font-weight:bold;
  498. line-height:100%;
  499. padding-top: 10px;
  500. text-align: center;
  501. }
  502.  
  503. /* ☽ LINK POST END ☾ */
  504.  
  505. /* ☽ SIDEBAR BEGIN ☾ */
  506.  
  507. #boxy {
  508. position:fixed;
  509. width:130px;
  510. height:520px; /*height of sidebar box*/
  511. top:250px; /*position of sidebar box from the top*/
  512. margin-left:669px; /*position of sidebar box from the left*/
  513. opacity:1;
  514. -webkit-transition: all 0.7s ease;
  515. -moz-transition: all 0.7s ease;
  516. -o-transition: all 0.7s ease;
  517. }
  518.  
  519.  
  520. #despacito { /*the small description in the side bar, above the links*/
  521. margin-top:10px;
  522. text-align:center;
  523. font-size: 9px;
  524. letter-spacing: 3px;
  525. font-family:'calibri';
  526. background-color:transparent;
  527. text-transform: uppercase;
  528. color: #4d449d; /*text color of description*/
  529. margin-top:25px;
  530. margin-bottom: 20px;
  531.  
  532. }
  533.  
  534. /*sidebar links start from here*/
  535.  
  536. #pops {
  537. border: dashed 1px #888888; /*color of border around sidebar links*/
  538. background-color: transparent; /*background color behind side links*/
  539. box-shadow: 0px 0px 0px #000;
  540. }
  541.  
  542. .sail a { /*sidebar links*/
  543. display: block;
  544. width: 100px;
  545. font-size:10px;
  546. padding: 2px;
  547. line-height:110%;
  548. text-align: center;
  549. letter-spacing: 1px;
  550. margin: 10px;
  551. color:#888888; /*text color of sidebar links*/
  552. text-shadow: 1px 1px #000,
  553. 1px -1px #000,
  554. 1px 0px #000,
  555. 0px 1px #000,
  556. 0px -1px #000,
  557. -1px 1px #000,
  558. -1px 0px #000,
  559. -1px -1px #000;
  560. /*change all the hex to the same code to change outline / stroke color of text*/
  561. text-transform:uppercase;
  562. background-image: url('https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif'); /*background image of sidelinks*/
  563. background-repeat:repeat;
  564. background-attachment:fixed;
  565. border-top:solid 1px #6b6b6b; /*top border of side links*/
  566. border-left:solid 1px #6b6b6b; /*left border of side links*/
  567. border-right: solid 1px #4d449d; /*right border of side links*/
  568. border-bottom: solid 1px #4d449d; /*bottom border of side links*/
  569.  
  570. }
  571.  
  572. .sail a:hover {
  573. letter-spacing: 5px;
  574. -webkit-transition: all .5s ease-in-out;
  575. -moz-transition: all .5s ease-in-out;
  576. -ms-transition: all .5s ease-in-out;
  577. -o-transition: all .5s ease-in-out;
  578. transition: all .5s ease-in-out;
  579. }
  580.  
  581. /* ☽ SIDEBAR END ☾ */
  582.  
  583. /* ☽ TAGS & POST INFO BEGIN ☾ */
  584.  
  585. .permalinks { /*permalinks are the small navigation symbols of each post, with the date, etc.*/
  586. background-color:transparent; /*color of permalinks background*/
  587. padding: 1px 5px 5px 1px;
  588. text-align:center;
  589. font-size:11px;
  590. text-transform:uppercase;
  591. margin-top:15px;
  592. -moz-transition-duration:.6s;
  593. -webkit-transition-duration:.6s;
  594. -o-transition-duration:.6s;
  595. -webkit-filter: blur(0px);
  596.  
  597.  
  598. }
  599.  
  600. .permalinks a {
  601. font-family:'calibri';
  602. letter-spacing:5px;
  603. font-size: 11px;
  604. font-weight:normal;
  605. text-decoration:none;
  606. }
  607.  
  608.  
  609. .permalinks a:hover {
  610. letter-spacing:5px;
  611. -webkit-transition: all 0.5s ease-in-out;
  612. -moz-transition: all 0.5s ease-in-out;
  613. -o-transition: all 0.5s ease-in-out;
  614. -ms-transition: all 0.5s ease-in-out;
  615. transition: all 0.5s ease-in-out;
  616. }
  617.  
  618. .tags {
  619.  
  620. text-align:justify;
  621. padding: 0px 50px;
  622. margin-bottom:15px;
  623. color: #888888; /*this determines the color of the small # before the tags*/
  624. font-size:10px;
  625. text-shadow:0px 0px 3px #000; /*shadow color of # */
  626. padding-bottom: 30px;
  627. }
  628.  
  629. .tags a {
  630. color:#4d449d; /*change this for the actual color of the tags*/
  631. font-size:8px;
  632. font-weight:bold;
  633. text-transform:uppercase;
  634. text-shadow:0px 0px 3px #000; /*shadow color of tags*/
  635.  
  636.  
  637. }
  638.  
  639.  
  640. .tags a:hover {
  641. letter-spacing:2px;
  642. color: #888888; /*tag color on hover*/
  643. -webkit-transition: all 0.5s ease-in-out;
  644. -moz-transition: all 0.5s ease-in-out;
  645. -o-transition: all 0.5s ease-in-out;
  646. -ms-transition: all 0.5s ease-in-out;
  647. transition: all 0.5s ease-in-out;
  648.  
  649. }
  650.  
  651. #divider { /*this is the dividing image between the post and its info*/
  652. background-image:url('https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif'); /*place the image here*/
  653. width:95%;
  654. height:4px;
  655. background-position:center;
  656. padding: 2px 10px;
  657. border: solid 1px #6b6b6b; /*border color of the image*/
  658. margin-bottom:5px;
  659. }
  660.  
  661. /* ☽ TAGS & POST INFO END ☾ */
  662.  
  663. /* ☽ POPUPS BEGIN ☾ */
  664.  
  665. #fade {
  666. display: none;
  667. background: #363333; /*color of pop up fade / overlay */
  668. background-image: url('');
  669. position: fixed; left: 0; top: 0;
  670. width: 100%;
  671. height: 100%;
  672. opacity: 0.8;/* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and th9473cce invisible and only the pop up showing */
  673. z-index: 9999;
  674. }
  675.  
  676. .popup_block {
  677. display:none;
  678. HEIGHT:auto;
  679. width:auto;
  680. background:transparent;
  681. padding:0px;
  682. float:left;
  683. position:fixed;
  684. margin:auto;
  685. z-index: 99999;
  686. }
  687.  
  688. .popup_boxy { /*this is the image behind your popup content*/
  689. background:transparent; /*color of the popup background*/
  690. background-image:url("https://static.tumblr.com/zx3ibzm/HVYp866i0/the-banshee_pop.png"); /*image of the popup background; goes behind the content*/
  691. position:absolute;
  692. text-align:center;
  693. font-size: 10px; /*font size of the words inside the box */
  694. padding:20px;
  695. margin:auto;
  696. width: 575px; /*width of pop up background*/
  697. height:650px; /*height of pop up background*/
  698. overflow-y:none;
  699. top:225px; /*position of pop up*/
  700. left:440px;
  701. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  702. }
  703.  
  704. .popup_content { /*this is the box where your pop up text goes*/
  705. height:350px; /*height of pop up content*/
  706. width: 440px; /*width of pop up content*/
  707. padding: 10px 50px;
  708. margin:auto;
  709. margin-top: 100px;
  710. border: solid 2px #888888; /*border color of popup box*/
  711. box-shadow: :1px 1px #4d449d,
  712. 1px -1px #4d449d,
  713. 1px 0px #4d449d,
  714. 0px 1px #4d449d,
  715. 0px -1px #4d449d,
  716. -1px 1px #4d449d,
  717. -1px 0px #4d449d,
  718. -1px -1px #4d449d;
  719. /*change all the hex code to change the second border color of the pop up box*/
  720. border-radius:25px;
  721. overflow-y:scroll;
  722. background:#363333; /*background color of pop up box, the background behind your popup text*/
  723. }
  724.  
  725. .tabheader { /*tab header is the pop up title hovering above popup*/
  726. position:absolute;
  727. top:300px; /*make sure to keep this less than position of box so it floats above it always*/
  728. left:512px; /*position of header from left*/
  729. text-align:center;
  730. width:300px;
  731. background:transparent;
  732. color:#888888; /* color of hanging pop up header */
  733. text-shadow:0px 0px 10px #4d449d, /*glow color of popup header*/
  734. 0px 0px 3px #4d449d,
  735. 0px 0px 5px #4d449d;
  736. overflow-y:scroll;
  737. font-family: 'nightingale';
  738. font-size:15px; /*size of pop up header text*/
  739. font-weight:normal;
  740. letter-spacing:1px;
  741. text-transform:lowercase;
  742. z-index: 999999;
  743. }
  744.  
  745. /* ☽ TABBED POPUPS BEGIN ☾ */
  746.  
  747. #tabid { /*this is the navigation of your tabbed popups*/
  748. position:absolute;
  749. top: 485px; /*position of tab navigation*/
  750. left: 1042px; /*position of tab navigation*/
  751. border:none;
  752. width:auto;
  753. background:#363333; /*background color of tabbed navigation*/
  754. height:195px;
  755. overflow:scroll;
  756. padding:0px;
  757. z-index: 999999;
  758. }
  759.  
  760. ul#tabs {
  761. list-style-type: none;
  762. padding: 0;
  763. text-align: center;
  764. }
  765.  
  766. ul#tabs li.active { /*your active tab*/
  767. width: 100px; /*width of your active tab*/
  768. font-size:10px;
  769. padding: 2px;
  770. line-height:110%;
  771. text-align: center;
  772. letter-spacing: 1px;
  773. margin: 10px;
  774. color:#888888; /*text color of active tab*/
  775. text-shadow: 1px 1px #000,
  776. 1px -1px #000,
  777. 1px 0px #000,
  778. 0px 1px #000,
  779. 0px -1px #000,
  780. -1px 1px #000,
  781. -1px 0px #000,
  782. -1px -1px #000;
  783. /*change all the hex to change outline color of text*/
  784. text-transform:uppercase;
  785. background-image: url('https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif'); /*background image of active tab*/
  786. background-repeat:repeat;
  787. background-attachment:fixed;
  788. border-top:solid 1px #6b6b6b; /*border of active tab*/
  789. border-left:solid 1px #6b6b6b;
  790. border-right: solid 1px #4d449d;
  791. border-bottom: solid 1px #4d449d;
  792. box-shadow:none;
  793. -webkit-transition: all .5s ease-in-out;
  794. -moz-transition: all .5s ease-in-out;
  795. -ms-transition: all .5s ease-in-out;
  796. -o-transition: all .5s ease-in-out;
  797. transition: all .5s ease-in-out;
  798. }
  799.  
  800. ul#tabs li:hover { /*appearance when you hover on tab titles*/
  801. width: 100px; /*width when you hover on tab*/
  802. font-size:10px;
  803. padding: 2px;
  804. line-height:110%;
  805. text-align: center;
  806. margin: 10px;
  807. color:#888888; /*text color of text when you hover on tab*/
  808. text-shadow: 1px 1px #000,
  809. 1px -1px #000,
  810. 1px 0px #000,
  811. 0px 1px #000,
  812. 0px -1px #000,
  813. -1px 1px #000,
  814. -1px 0px #000,
  815. -1px -1px #000;
  816. /*change all the hex to change outline color of text*/
  817. text-transform:uppercase;
  818. background-image: url('https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif'); /*background image when you hover on tabs*/
  819. background-repeat:repeat;
  820. background-attachment:fixed;
  821. border-top:solid 1px #6b6b6b; /*border when you hover on tabs*/
  822. border-left:solid 1px #6b6b6b;
  823. border-right: solid 1px #4d449d;
  824. border-bottom: solid 1px #4d449d;
  825. box-shadow:none;
  826. letter-spacing: 5px;
  827. -webkit-transition: all .5s ease-in-out;
  828. -moz-transition: all .5s ease-in-out;
  829. -ms-transition: all .5s ease-in-out;
  830. -o-transition: all .5s ease-in-out;
  831. transition: all .5s ease-in-out;
  832.  
  833. }
  834.  
  835. ul#tabs li { /*the rest of the titles / your inactive ones*/
  836. width: 100px; /*width of inactive tabs*/
  837. font-size:10px;
  838. padding: 2px;
  839. line-height:110%;
  840. text-align: center;
  841. letter-spacing: 1px;
  842. margin: 10px;
  843. color:#888888; /*text color of inactive tabs*/
  844. background-color:#363333; /*borders of inactive tab*/
  845. border-top:solid 1px #6b6b6b;
  846. border-left:solid 1px #6b6b6b;
  847. border-right: solid 1px #4d449d;
  848. border-bottom: solid 1px #4d449d;
  849. box-shadow:none;
  850. -webkit-transition: all .5s ease-in-out;
  851. -moz-transition: all .5s ease-in-out;
  852. -ms-transition: all .5s ease-in-out;
  853. -o-transition: all .5s ease-in-out;
  854. transition: all .5s ease-in-out;
  855. }
  856.  
  857. ul#tab {
  858. list-style-type: none;
  859. margin: 0;
  860. padding: 0;
  861. }
  862.  
  863. ul#tab li {
  864. display: none;
  865. }
  866.  
  867. ul#tab li.active {
  868. display: block;
  869. }
  870.  
  871. /* ☽ TABBED POPUPS END ☾ */
  872.  
  873. img.btn_close {
  874. float: right;
  875. margin: -5px -5px 0 0;
  876. }
  877. /*--Making IE6 Understand Fixed Positioning--*/
  878. *html #fade {
  879. position: absolute;
  880. }
  881. *html .popup_block {
  882. position: absolute;
  883. }
  884.  
  885. /* ☽ NAVIGATION POP UP BEGIN ☾ */
  886. /*this is to stylize the links in your navigation pop up, if you choose to include one; aka the pop up with your tags, etc.*/
  887.  
  888. .navi_linksu {
  889. text-align:center;
  890. padding: 2px 50px;
  891. }
  892.  
  893. .navi_linksu a {
  894. display: inline-block;
  895. width: 120px;
  896. padding: 3px;
  897. margin:5px;
  898. font-size:10px;
  899. line-height:110%;
  900. background-image: url('');
  901. color:#888888; /*text color of navigation links*/
  902. background-color:#363333; /*background color of navigation links*/
  903. border-top:solid 1px #6b6b6b; /*border of navigation links*/
  904. border-left:solid 1px #6b6b6b;
  905. border-right: solid 1px #4d449d;
  906. border-bottom: solid 1px #4d449d;
  907. text-shadow:none;
  908. text-transform:uppercase;
  909.  
  910.  
  911. }
  912.  
  913. .navi_linksu a:hover {
  914. -webkit-transition: all .5s ease-in-out;
  915. -moz-transition: all .5s ease-in-out;
  916. -ms-transition: all .5s ease-in-out;
  917. -o-transition: all .5s ease-in-out;
  918. transition: all .5s ease-in-out;
  919. background:#6b6b6b; /*background color of navigation links on hover*/
  920. border: solid 1px #888888; /*border of navigation links on hover*/
  921. color:#888888; /*text color of navigation links on hover*/
  922. }
  923.  
  924. /* ☽ NAVIGATION POP UP END ☾ */
  925.  
  926. /* ☽ VERSES POP UP BEGIN ☾ */
  927.  
  928. .versu {
  929. width:80px; /*verse icon size*/
  930. height:auto;
  931. float:left; /*verse icon position*/
  932. padding:20px;
  933. }
  934.  
  935. .vee {
  936. text-align:center;
  937. padding:10px;
  938. margin-bottom:20px;
  939. }
  940.  
  941. /* ☽ VERSES POP UP END ☾ */
  942.  
  943. /* ☽ BONDS / RELATIONSHIPS POP UP BEGIN ☾ */
  944.  
  945. #bond {
  946. width: 130px; /*size of each relationship box*/
  947. height: auto;
  948. padding: 2px;
  949. display: inline-block;
  950. position: relative;
  951. margin: 5px;
  952. }
  953.  
  954. .smile { /*this is the image of each relationship*/
  955. width: 80px; /*size of bond image*/
  956. height:80px; /*size of bond image*/
  957. float: center;
  958. padding: 2px;
  959. border-radius:100%; /*this makes the icons round, remove it if you want square icons*/
  960. background-color: none;
  961. }
  962.  
  963. .about { /*the description of each bond*/
  964. padding: 2px;
  965. text-align: center;
  966. color: #888888; /*color of description*/
  967. text-transform: uppercase;
  968. font-size: 8px;
  969. }
  970.  
  971. .about a {
  972. font-size:8px;
  973. color: ##4d449d; /*color of partner name / url*/
  974. font-family:'arial';
  975. text-transform:uppercase;
  976.  
  977. }
  978.  
  979. /* ☽ POP UP END ☾ */
  980.  
  981. /* ☽ CREDIT BEGIN ☾ */
  982.  
  983. /*DO NOT REMOVE THIS, DO NOT CHANGE CREDIT, AND DO NOT MAKE INVISIBLE OR HIDDEN IN ANY WAY. DO NOT ADD YOUR OWN CREDIT OR ALTER*/
  984.  
  985. .credit {
  986. font-weight:bold;
  987. padding:10px;
  988. font-size:15px;
  989. bottom:0px;
  990. right:20px;
  991. position:fixed;
  992. font-family:'times';
  993. -webkit-filter: blur(.5px);
  994. -moz-filter: blur(.5px);
  995. -o-filter: blur(.5px);
  996. -ms-filter: blur(.5px);
  997. filter: blur(.5px);
  998.  
  999. }
  1000.  
  1001. .credit a {
  1002. color:#888888; /*color of credit; you are only allowed to change this, and do not change to a color that doesn't show*/
  1003. }
  1004.  
  1005. .credit a:hover {
  1006. color: #4d449d; /*color of credit on hover; you are only allowed to change this but do not change to a color that doesn't show*/
  1007. }
  1008.  
  1009. /* ☽ CREDIT END ☾ */
  1010.  
  1011. </style>
  1012.  
  1013. <body>
  1014. <!--* ☽ SIDEBAR BEGIN HERE ☾ *-->
  1015.  
  1016. <div id="boxy">
  1017.  
  1018. <div id="despacito">Ind RP blog for Mukuro Rokudo from Katekyo Hitman Reborn.<br><br><i>Mutuals Only.</i><br><br><b>Penned by Alex.</b>
  1019. <!--sidebar description, keep it up to only few lines for best appearance results!-->
  1020. </div>
  1021. <!--* ☽ SIDEBAR LINKS START HERE ☾ *-->
  1022.  
  1023. <div class="sail">
  1024. <div id="pops"> <!--the title determines what shows when you hover on link!-->
  1025. <a href="/" title="home.">refresh</a>
  1026. <a href="/ask" title="message.">message</a>
  1027. <a href="/Rules" title="rules.">laws</a>
  1028. <a href="/About" title="bios.">about</a>
  1029. <a href="/Navi" title="navi.">navigation</a>
  1030. </div></div>
  1031. </div>
  1032. </div>
  1033.  
  1034. <!--* ☽ SIDEBAR END ☾ *-->
  1035.  
  1036. <!--* ☽ CREDITS BEGIN HERE - DO NOT REMOVE OR MAKE HIDDEN ☾ *-->
  1037.  
  1038. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="theme by ddkinzart">D.</a></div>
  1039.  
  1040. <!--* ☽ CREDIT END ☾ *-->
  1041.  
  1042. <!--* ☽ POST STRUCTURE BEGINS HERE ☾ *-->
  1043.  
  1044. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1045.  
  1046. {block:Pagination}
  1047. <div class="pagi">
  1048. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1049. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1050. </div>
  1051. {/block:Pagination}
  1052. <div id="container">
  1053. <div id="entries">
  1054. {block:Posts}
  1055. <div id="content">
  1056. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1057. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1058. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1059. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1060. {/block:Photoset}
  1061. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1062. {block:Link}
  1063. {block:Thumbnail}
  1064. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1065. {/block:Thumbnail}
  1066. <div id="linku">
  1067. <a href="{URL}" class="link" {Target}>{Name}</a>
  1068. </div>
  1069. {/block:Link}
  1070. {block:Chat}
  1071. {block:Title}
  1072. <div class="titulo">{Title}</div>{/block:Title}<br>
  1073. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1074. {Line}</li>{/block:Lines}</ul>
  1075. {/block:Chat}
  1076. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1077. {block:Audio}
  1078. {block:AudioPlayer}
  1079. <div class="play">{AudioPlayer}</div>{/block:AudioPlayer}
  1080. {block:AlbumArt}
  1081. <div class="album"><img src="{AlbumArtURL}"></div>
  1082. {/block:AlbumArt}
  1083. <div class="trackinfo">
  1084. {block:TrackName}<b>Title</b> {TrackName}{/block:TrackName}
  1085. <br>{block:Artist}<b>Artist</b> {Artist}{/block:Artist}
  1086. <br>{block:Album}<b>Album</b> {Album}{/block:Album}
  1087. </div>
  1088. {block:Caption}{Caption}{/block:Caption}
  1089. {/block:Audio}
  1090. {block:Answer}
  1091. <div id="question">
  1092. <div id="asker">{Asker}<span id="whisper"> whispered: </span></div><div id="ask">{Question}</div> <!--you can change the word 'whispered into something else!-->
  1093. </div>
  1094. <div id="answer">
  1095. {Answer}</div>
  1096. {/block:Answer}
  1097. <div class="permalinks">
  1098. <div id="divider">&nbsp;</div>
  1099. {block:RebloggedFrom}
  1100. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >♦</a>
  1101. {/block:RebloggedFrom}
  1102. <a href="{Permalink}" title="{timeago}">♦</a>{block:NoteCount}
  1103. <a href="{Permalink}" title="{NoteCount} hits.">♦</a>{/block:NoteCount}
  1104. {block:ContentSource}
  1105. <a href="{SourceURL}" title="source: {SourceTitle}">♦</a>
  1106. {/block:ContentSource}
  1107. <a href="{ReblogURL}" title="reblog" target="_blank">♦</a>
  1108. {/block:RebloggedFrom}
  1109. </div>
  1110. <div class="tags">
  1111. {block:HasTags}
  1112. {block:Tags}
  1113. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1114. {/block:Tags}
  1115. {/block:HasTags}
  1116. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1117. </div></div>
  1118. {/block:Posts}
  1119. </div>
  1120. </div>
  1121. </body>
  1122.  
  1123. <!--* ☽ POST STRUCTURE END ☾ *-->
  1124.  
  1125.  
  1126. </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!