API tools faq
paste
Advertisement
tiffxny21

black theme ★

tiffxny21
Apr 21st, 2019
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!----
  7. __ _______ _______ _ _ _____ _ _
  8. \ \ / /_ _|__ __| | | |/ ____| /\ | | | |
  9. \ \ /\ / / | | | | | |__| | | __ / \ | | | |
  10. \ \/ \/ / | | | | | __ | | |_ | / /\ \ | | | |
  11. \ /\ / _| |_ | | | | | | |__| |/ ____ \| |____| |____
  12. ___\/__\/ |_____|__|_| |_|__|_|\_____/_/ __ \_\______|______|
  13. |__ __| | | | ____| \/ | ____| / _ \/_ |
  14. | | | |__| | |__ | \ / | |__ | | | || |
  15. | | | __ | __| | |\/| | __| | | | || |
  16. | | | | | | |____| | | | |____ | |_| || |
  17. |_| |_| |_|______|_| |_|______| \___/ |_|
  18.  
  19. CREDIT FOR THE TOOLTIP TITLES & POPUPS GOES TO TUTORIAL-BABY. EVERYTHING ELSE IS MY OWN CODE, INCLUDING THE UPDATE TAB. PLEASE DO NOT STEAL ANY PART OF THIS THEME. FEEL FREE TO EDIT THIS THEME AS MUCH AS YOU WANT, SO LONG AS YOU DO NOT REMOVE OR MOVE THE CREDIT. PUTTING IT IN A POP-UP OR A PAGE COUNTS AS MOVING OR REMOVING IT. DON'T DO IT.
  20. --->
  21.  
  22.  
  23.  
  24.  
  25. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27.  
  28. <script type="text/javascript"
  29. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30. <script>
  31. $(document).ready(function() {
  32. //
  33. $('a.poplight[href^=#]').click(function() {
  34. var popID = $(this).attr('rel'); //Get Popup Name
  35. var popURL = $(this).attr('href'); //Get Popup href to define size
  36. var query= popURL.split('?');
  37. var dim= query[1].split('&');
  38. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  39. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  42. //Apply Margin to Popup
  43. $('#' + popID).css({
  44. 'margin-top' : -popMargTop,
  45. 'margin-left' : -popMargLeft
  46. });
  47. $('body').append('<div id="fade"></div>');
  48. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  49. return false;
  50. });
  51. $('a.close, #fade').live('click', function() {
  52. $('#fade , .popup_block').fadeOut(function() {
  53. $('#fade, a.close').remove(); //fade them both out
  54. });
  55. return false;
  56. });
  57. });
  58. </script>
  59.  
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61.  
  62. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63.  
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("a[title]").style_my_tooltips({
  68. tip_follows_cursor:true,
  69. tip_delay_time:0,
  70. tip_fade_speed:0,
  71. attribute:"title"
  72. });
  73. });
  74. })(jQuery);
  75.  
  76. </script>
  77.  
  78. <!--basic tooltip from tutorial-baby! Enjoy-->
  79. <style>
  80.  
  81.  
  82.  
  83. .tooltip{
  84. display: inline;
  85. position: relative;
  86. }
  87. #s-m-t-tooltip {
  88. font-family:'times';
  89. max-width:300px; /*how big the tooltip can be at most*/
  90. border-radius: 0px; /*change your border radius*/
  91. font-weight:bold;
  92. border-left:2px solid {color:background};
  93. padding:5px 6px 5px 6px; /*padding inside tooltip*/
  94. margin:30px 10px -20px 20px; /*distance from word*/
  95. background-color:{color:text}; /*background color*/
  96. font-size:9px; /*tooltip font size*/
  97. letter-spacing:2px; /*tooltip letter spacing*/
  98. text-transform:uppercase; /*makes the tooltip title uppercase*/
  99. color:{color:background}; /*tooltip font color*/
  100. z-index:99999999999999999999999999999999999999999;
  101. -o-transition:.5s;
  102. -ms-transition:.5s;
  103. -moz-transition:.5s;
  104. -webkit-transition:.5s;
  105. transition:.5s;
  106. }
  107.  
  108. .playerbuttonbg {
  109. position: absolute;
  110. left: 20px;
  111. top: 20px;
  112. width: 19px;
  113. height: 19px;
  114. background-color: #ffffff;
  115. padding: 10px;
  116. -webkit-border-radius: 40px;
  117. -moz-border-radius: 40px;
  118. border-radius: 40px;
  119. opacity: .4;
  120. filter: alpha(opacity=40);
  121. -moz-opacity: 0.4;
  122. -khtml-opacity: 0.4;
  123. transition: opacity .7s ease-in-out;
  124. -moz-transition: opacity .7s ease-in-out;
  125. -webkit-transition: opacity .7s ease-in-out;
  126. }
  127.  
  128. .playerbuttonbg:hover {
  129. opacity: 1;
  130. filter: alpha(opacity=100);
  131. -moz-opacity: 1;
  132. -khtml-opacity: 1;
  133. }
  134.  
  135. .newplayerbutton {
  136. position: relative;
  137. width: 19px;
  138. height: 19px;
  139. overflow: hidden;
  140. }
  141.  
  142. .playerbuttonhug {
  143. position: absolute;
  144. top: -18px;
  145. left: -7px;
  146. }
  147.  
  148. .tumblr_audio_player {
  149. height: 90px;
  150. width: 270px;
  151. -moz-transform: scale(0.60, 0.60);
  152. -webkit-transform: scale(0.60, 0.60);
  153. -o-transform: scale(0.60, 0.60);
  154. -ms-transform: scale(0.60, 0.60);
  155. transform: scale(0.60, 0.60);
  156. -moz-transform-origin: top left;
  157. -webkit-transform-origin: top left;
  158. -o-transform-origin: top left;
  159. -ms-transform-origin: top left;
  160. transform-origin: top left;
  161. }
  162.  
  163. .audioimgwrapper {
  164. position: absolute;
  165. left: 0px;
  166. top: 0px;
  167. -webkit-border-radius: 40px;
  168. -moz-border-radius: 40px;
  169. border-radius: 40px;
  170. overflow: hidden;
  171. width: 79px;
  172. height: 79px;
  173. }
  174.  
  175. .audioimgwrapper img {
  176. width: 100%;
  177. height: auto;
  178. -webkit-border-radius: 40px;
  179. -moz-border-radius: 40px;
  180. border-radius: 40px;
  181. }
  182.  
  183. .trackdetails {
  184. width: auto;
  185. display:inline-block;
  186. margin-left: 90px;
  187. min-height: 85px;
  188. }
  189.  
  190. .audiowrapper {
  191. position: relative;
  192. display:inline-block;
  193. }
  194. </style>
  195.  
  196.  
  197.  
  198.  
  199. <title>{Title}</title>
  200.  
  201.  
  202.  
  203. <link rel="shortcut icon" href="{Favicon}">
  204. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  205. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  206.  
  207. <meta name="color:Background" content="#ffffff"/>
  208. <meta name="color:Entries" content="#eeeeee"/>
  209. <meta name="color:Text" content="#838282"/>
  210. <meta name="color:Headertitle" content="#b8b8b8"/>
  211. <meta name="color:Postnotes" content="#ffffff"/>
  212. <meta name="color:Bold" content="#ffffff"/>
  213. <meta name="color:Main" content="#ffffff"/>
  214. <meta name="color:Postlinks" content="#ffffff"/>
  215. <meta name="color:Posthover" content="#ffffff"/>
  216. <meta name="color:Taglink" content="#ffffff"/>
  217. <meta name="color:Em" content="#ffffff"/>
  218. <meta name="color:Sidelink" content="#ffffff"/>
  219. <meta name="color:Hover" content="#ffffff"/>
  220.  
  221. <style type="text/css">
  222.  
  223.  
  224.  
  225. /* POP UP */
  226.  
  227. #fade { /*--Transparent background layer--*/
  228. display: none; /*--hidden by default--*/
  229. background: {color:background};
  230. position: fixed; left: 0; top: 0;
  231. width: 100%; height: 100%;
  232. opacity: .80;
  233. z-index: 9999;
  234. }
  235.  
  236. .popup_block{
  237. display: none; /*--hidden by default--*/
  238. background: transparent;
  239. padding: 20px;
  240. float: left;
  241. position: fixed;
  242. top:50%;
  243. left:50%;
  244. z-index: 99999;
  245. height:347px;
  246. }
  247.  
  248. .poptext {
  249. margin-left:auto;
  250. margin-right:auto;
  251. margin-top:-15px;
  252. width:250px;
  253. padding:10px;
  254. margin-left:170px;
  255. height:450px;
  256. overflow:auto;
  257. text-align:justify;
  258. color:{color:background};
  259. background-color:#dddddd;
  260. }
  261.  
  262. .poptext a {
  263. color:{color:bold};
  264. }
  265.  
  266. .popask {
  267. margin-left:auto;
  268. margin-right:auto;
  269. margin-top:-10px;
  270. width:400px;
  271. padding:40px 40px 40px 40px;
  272. margin-left:160px;
  273. font-weight:bold;
  274. overflow:hidden;
  275. text-align:justify;
  276. font-size:14px;
  277. }
  278.  
  279.  
  280. .popnav {
  281. margin-left:auto;
  282. margin-right:auto;
  283. margin-top:-70px;
  284. width:360px;
  285. padding:40px 40px 40px 40px;
  286. margin-left:150px;
  287. font-weight:bold;
  288. overflow:auto;
  289. text-align:justify;
  290. color:{color:text};
  291. font-size:14px;
  292. background-repeat:no-repeat;
  293. }
  294.  
  295. img.btn_close {
  296. float: right;
  297. margin: -5px -5px 0 0;
  298. }
  299. /*--Making IE6 Understand Fixed Positioning--*/
  300. *html #fade {
  301. position: absolute;
  302. }
  303. *html .popup_block {
  304. position: absolute;
  305. }
  306.  
  307. /* POPUP NAVIGATION */
  308.  
  309. #table {
  310. display: block;
  311. font-size: 12px;
  312. font-family: 'times';
  313. text-align: center;
  314. margin-left:-30px;
  315. margin-top:100px;
  316. }
  317.  
  318. #links {
  319. display: block;
  320. font-decoration: none;
  321. width: 400px;
  322.  
  323. }
  324.  
  325. #links a {
  326. display: block;
  327. padding: 6px;
  328. color: white;
  329. background-color:#202020;
  330. -moz-transition-duration:1s;
  331. -webkit-transition-duration:1s;
  332. -o-transition-duration:1s;
  333. text-decoration: none;
  334. }
  335.  
  336. #links a:hover {
  337. display: block;
  338. padding: 6px;
  339. color:{color:em};
  340. -moz-transition-duration:1s;
  341. -webkit-transition-duration:1s;
  342. -o-transition-duration:1s;
  343. text-decoration: none;
  344. }
  345.  
  346. /* WEBKIT SCROLLBAR */
  347.  
  348. ::-webkit-scrollbar-thumb:vertical {
  349. height:4px;
  350. background-color:{color:main};
  351. }
  352. ::-webkit-scrollbar-thumb:horizontal {
  353. background-color:#fff;
  354. }
  355.  
  356. ::-webkit-scrollbar {
  357. width:2px;
  358. height:4px;
  359. background-color:transparent;
  360. }
  361. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  362. display:block;
  363. height:4px;
  364. background-color:transaprent;
  365. }
  366.  
  367. /* MAIN BLOG */
  368.  
  369. body {
  370. background-color:{color:Background};
  371. margin:0px;
  372. color:{color:text};
  373. font-family:'Helvetica';
  374. font-weight:100;
  375. line-height:17px;
  376. font-size:11px;
  377. }
  378.  
  379. ul,ol,li {
  380. list-style-type:default';
  381. }
  382.  
  383. u, underline {
  384. color:#202020;
  385. font-size:13px;
  386. }
  387.  
  388. a {
  389. color: {color:hover};
  390. text-decoration: none;
  391. text-shadow:0px 0px 2px {color:hover};
  392. }
  393.  
  394. small {
  395. font-size:11px;
  396. line-height:20px;
  397. }
  398.  
  399. sub {
  400. font-size:11px;
  401. }
  402.  
  403. hr {
  404. display: block;
  405. height: 1px;
  406. border: 0;
  407. border-top: 1px solid {color:em};
  408. padding: 0;
  409. }
  410.  
  411. blockquote {
  412. padding-left:5px;
  413. border-left:1px solid {color:bold};
  414. margin-left:5px;
  415. width:235px;
  416. }
  417.  
  418. blockquote blockquote {
  419. border-left:1px solid {color:bold};
  420. width:225px;
  421. }
  422.  
  423. b, bold, strong {
  424. font-family:'times';
  425. color: {color:bold};
  426. font-size:14px;
  427. text-shadow:0px 0px 2px {color:bold};
  428. }
  429.  
  430. h2 {
  431. color: {color:main};
  432. font-family:'times';
  433. font-size:15px;
  434. }
  435.  
  436. h1 {
  437. color: {color:bold};
  438. font-family:'times';
  439. font-size:15px;
  440. text-align:center;
  441. }
  442.  
  443. i, em {
  444. color:{color:em};
  445. font-family:'times';
  446. letter-spacing:1px;
  447. font-size:14px;
  448. text-shadow:0px 0px 2px {color:em};
  449. }
  450.  
  451. s, strike {
  452. color:{color:em};
  453. font-size:13px;
  454. letter-spacing:2px;
  455. font-family:'times';
  456. text-shadow:0px 0px 2px {color:bold};
  457. }
  458.  
  459. /* POST */
  460.  
  461. #container {
  462. /* feel free to use the image below as a template */
  463. background-image:url('https://i.imgur.com/37rehxa.png');
  464. margin:auto;
  465. position:absolute;
  466. bottom: 0; left: 0; top: 0; right: 0;
  467. /* resize your container to the size of your background image */
  468. height:500px;
  469. width:500px;
  470. }
  471.  
  472. #entries {
  473. position:absolute;
  474. width:270px;
  475. /* leave the width alone unless you're going to change post size, but feel free to fiddle with the margins when you have your background image in place */
  476. margin-left:125px;
  477. margin-top:50px;
  478. height:399px;
  479. overflow-x: hidden;
  480. overflow-y: auto;
  481. }
  482.  
  483. #sidelinks {
  484. position:absolute;
  485. z-index:999;
  486. font-family:'times';
  487. font-weight:bold;
  488. width:10px;
  489. letter-spacing:4px;
  490. font-size:15px;
  491. margin-top:50px;
  492. margin-left:410px;
  493. }
  494.  
  495. #sidelinks a {
  496. color:{color:Sidelink};
  497. -o-transition:.5s;
  498. -ms-transition:.5s;
  499. -moz-transition:.5s;
  500. -webkit-transition:.5s;
  501. transition:.5s;
  502. -webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px);
  503. }
  504.  
  505. #sidelinks a:hover {
  506. color:{color:Hover};
  507. -o-transition:.5s;
  508. -ms-transition:.5s;
  509. -moz-transition:.5s;
  510. -webkit-transition:.5s;
  511. transition:.5s;
  512. text-shadow:none;
  513. opacity:0.6;
  514. }
  515.  
  516. #sidenext {
  517. /* this is your pagination. it's part of the sidelinks so if you move the sidelinks, this will move as well */
  518. font-size:20px;
  519. font-family:'times';
  520. position:absolute;
  521. margin-top:-472px;
  522. margin-left:-120px;
  523. }
  524.  
  525.  
  526. /* POSTS */
  527.  
  528. #post {
  529. width:250px;
  530. padding: 5px 0px 5px 0px;
  531. text-align: justify;
  532. margin-bottom:30px;
  533. margin-top:30px;
  534. }
  535.  
  536. img, embed, object, video {
  537. max-width: 100%;
  538. width: auto;
  539. height: auto;
  540. border: none;
  541. }
  542.  
  543. #post:img {
  544. width:100;
  545. }
  546.  
  547. #post a {
  548. color: {color:Postlinks};
  549. font-weight:bold;
  550. -o-transition:.5s;
  551. -ms-transition:.5s;
  552. -moz-transition:.5s;
  553. -webkit-transition:.5s;
  554. transition:.5s;
  555. font-family:'times';
  556. text-shadow:none;
  557. font-size:14px;
  558. }
  559.  
  560. #post a:hover {
  561. -o-transition:.5s;
  562. -ms-transition:.5s;
  563. -moz-transition:.5s;
  564. -webkit-transition:.5s;
  565. transition:.5s;
  566. color:{color:posthover};
  567. }
  568.  
  569. #posttitle {
  570. font-family:'times';
  571. text-align: center;
  572. font-size: 15px;
  573. color: {color:Headertitle};
  574. letter-spacing:2px;
  575. text-transform:uppercase;
  576. margin-bottom:-10px;
  577. padding:5px;
  578. -o-transition:.5s;
  579. -ms-transition:.5s;
  580. -moz-transition:.5s;
  581. -webkit-transition:.5s;
  582. transition:.5s;
  583. text-shadow:none;
  584. }
  585.  
  586. #posttitle:hover {
  587. -o-transition:.5s;
  588. -ms-transition:.5s;
  589. -moz-transition:.5s;
  590. -webkit-transition:.5s;
  591. transition:.5s;
  592. }
  593.  
  594. /* AUDIO POST */
  595.  
  596. #audio {
  597. margin-bottom:10px;
  598. padding:10px;
  599. background-color:{color:Blockquote};
  600. height:80px;}
  601.  
  602. .cover {
  603. width:80px;
  604. height:80px;
  605. position:absolute;}
  606.  
  607. .cover img {
  608. z-index:10;
  609. width:70px;
  610. height:70px;
  611. border:5px solid {color:Main};}
  612.  
  613. .player {
  614. margin:15px 0px 0px 100px;}
  615.  
  616. .audioinfo {
  617. margin:10px 0px 0px 110px;}
  618.  
  619. /* QUOTE POST */
  620.  
  621. #quotey {
  622. background-color:transparent;
  623. font-size:10px;
  624. padding:20px;
  625. }
  626.  
  627. #quotes {
  628. background-color:transparent;
  629. font-size:20px;
  630. padding:20px;
  631. color:{color:Bold};
  632. font-weight:bold;
  633. font-style: italic;
  634. text-shadow: 0 1px 0.2em {color:bold};
  635. }
  636.  
  637. /* ASK POST */
  638.  
  639. #noicest {
  640. background-repeat:no-repeat;
  641. width:250px;
  642. height:auto;
  643. border-bottom:1px solid {color:main};
  644. }
  645.  
  646. #noiceask {
  647. font-family:'times';
  648. font-size:25px;
  649. text-align:center;
  650. text-transform:uppercase;
  651. margin-top:10px;
  652. letter-spacing:2px;
  653. }
  654.  
  655. #noiceask a {
  656. color:{color:main};
  657. -moz-transition-duration:1s;
  658. -webkit-transition-duration:1s;
  659. -o-transition-duration:1s;
  660. }
  661.  
  662. #noiceask a:hover {
  663. letter-spacing:3px;
  664. -moz-transition-duration:1s;
  665. -webkit-transition-duration:1s;
  666. -o-transition-duration:1s;
  667. -webkit-transition: all 0.5s ease-out;
  668. -moz-transition: all 0.5s ease-out;
  669. transition: all 0.5s ease-out;
  670. }
  671.  
  672. #noicer {
  673. width:250px;
  674. margin-left:auto;
  675. margin-right:auto;
  676. margin-top:0px;
  677. height:auto;
  678. text-align:center;
  679. overflow:auto;
  680. padding-top:10px;
  681. padding-bottom:10px;
  682. font-weight:bold;
  683. font-size:10px;
  684. }
  685.  
  686. /* TAGS */
  687.  
  688. #infotext {
  689. letter-spacing:2px;
  690. font-size:15px;
  691. margin-top:10px;
  692. color:{color:em};
  693. text-align:center;
  694. padding:10px;
  695. border-bottom:1px solid white;
  696. }
  697.  
  698. #infotext a {
  699. color:{color:Sidelink};
  700. -o-transition:.5s;
  701. -ms-transition:.5s;
  702. -moz-transition:.5s;
  703. -webkit-transition:.5s;
  704. transition:.5s;
  705. }
  706.  
  707. #infotext a:hover {
  708. color:{color:hover};
  709. -o-transition:.5s;
  710. -ms-transition:.5s;
  711. -moz-transition:.5s;
  712. -webkit-transition:.5s;
  713. transition:.5s;
  714. }
  715.  
  716. #info a {
  717. color: {color:Postnotes};
  718. -o-transition:.5s;
  719. -ms-transition:.5s;
  720. -moz-transition:.5s;
  721. -webkit-transition:.5s;
  722. transition:.5s;
  723. }
  724.  
  725. #info a:hover {
  726. opacity:0.5;
  727. -o-transition:.5s;
  728. -ms-transition:.5s;
  729. -moz-transition:.5s;
  730. -webkit-transition:.5s;
  731. transition:.5s;
  732. }
  733.  
  734. #iinfo {
  735. font-size:9px;
  736. text-align:justify;
  737. letter-spacing:1px;
  738. text-transform:none;
  739. text-shadow:none;
  740. margin-top:-24px;
  741. color:{color:bold};
  742. width:250px;
  743. margin-bottom:40px;
  744. -ms-transform: rotate(.5deg); /* IE 9 */
  745. -webkit-transform: rotate(.5deg); /* Chrome, Safari, Opera */
  746. transform: rotate(.5deg);
  747. }
  748.  
  749. #iinfo a {
  750. color:{color:taglink};
  751. -o-transition:.5s;
  752. -ms-transition:.5s;
  753. -moz-transition:.5s;
  754. -webkit-transition:.5s;
  755. transition:.5s;
  756. }
  757.  
  758. #iinfo a:hover {
  759. opacity:0.5;
  760. -o-transition:.5s;
  761. -ms-transition:.5s;
  762. -moz-transition:.5s;
  763. -webkit-transition:.5s;
  764. transition:.5s;
  765. }
  766.  
  767. #reblog {
  768. text-transform:uppercase;
  769. font-size:9px;
  770. letter-spacing:3px;
  771. color:{color:Postnotes};
  772. }
  773.  
  774. #reblog a{
  775. color:{color:Postnotes};
  776. }
  777.  
  778. #nnotes {
  779. width:360;
  780. overflow:hidden;
  781. height:auto;
  782. margin-left:15px;
  783. padding-left:20px;
  784. text-transform:uppercase;
  785. font-size:5px;
  786. color:{color:Text};
  787. }
  788.  
  789. #nnotes a {
  790. color:{color:Postnotes};
  791. text-transform:lowercase;
  792. letter-spacing:1px;
  793. font-weight:bold;
  794. font-style:italic;
  795. }
  796.  
  797. /* UPDATE TAB */
  798.  
  799. #update {
  800. width:150px;
  801. position:fixed;
  802. margin-left:50px;
  803. margin-top:50px;
  804. transition:0.5s ease-in-out;
  805. -webkit-transition:0.5s ease-in-out;
  806. -moz-transition:0.5s ease-in-out;
  807. text-align:justify;
  808. z-index:99;
  809.  
  810. }
  811.  
  812. #updatetitle {
  813. color:{color:text};
  814. font-weight:bold;
  815. z-index:99;
  816. opacity:1;
  817. font-size:7px;
  818. letter-spacing:2px;
  819. }
  820.  
  821. #updatetext {
  822. opacity:0;
  823. padding-top:200px;
  824. margin-top:-15px;
  825. color:{color:text};
  826. font-size:10px;
  827. transition:0.5s ease-in-out;
  828. -webkit-transition:0.5s ease-in-out;
  829. -moz-transition:0.5s ease-in-out;
  830. z-index:9;
  831.  
  832. }
  833.  
  834. #updatetext:hover {
  835. opacity:1;
  836. padding-top:20px;
  837. transition:0.5s ease-in-out;
  838. -webkit-transition:0.5s ease-in-out;
  839. -moz-transition:0.5s ease-in-out;
  840. }
  841.  
  842. #uptext {
  843. background-color:#121212;;
  844. padding:10px;
  845. width:110px;
  846. }
  847.  
  848. #uptext a {
  849. color:{color:bold};
  850. font-weight:bold;
  851. }
  852.  
  853. /* CREDITS */
  854.  
  855. #creda {
  856. position:fixed;
  857. bottom:5px;
  858. right:30px;
  859. width:20px;
  860. height:20px;
  861. font-size:7px;
  862. font-style:italic;
  863. text-shadow:none;
  864. }
  865.  
  866. #creda a {
  867. color:{color:bold};
  868. text-shadow:none;
  869. }
  870.  
  871. {CustomCSS}</style></head><body>
  872.  
  873.  
  874. <div id="update"><div id="updatetitle">HOVER</div>
  875. <div id="updatetext"><div id="uptext">
  876.  
  877.  
  878. UPDATE TEXT HERE
  879.  
  880.  
  881. </div></div></div>
  882.  
  883.  
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890. </div>
  891. </div>
  892.  
  893.  
  894.  
  895.  
  896. <div id="container">
  897.  
  898. <div id="sidelinks">
  899. <a href="/" title="home">●</a>
  900. <a href="#?w=460" rel="01" title="ask" class="poplight">●</a>
  901. <a href="#?w=460" rel="02" title="title" class="poplight">●</a>
  902. <a href="#?w=460" rel="03" title="title" class="poplight">●</a>
  903. <a href="#?w=460" rel="04" title="title" class="poplight">●</a>
  904. <a href="#?w=460" rel="05" title="navigation" class="poplight">●</a>
  905. <p>
  906. <div id="sidenext">{block:NextPage}<a href="{NextPage}" title="next">»</a>{/block:NextPage}
  907. <p>{block:PreviousPage}<a href="{PreviousPage}" title="back">«</a>{/block:PreviousPage}
  908. </div>
  909.  
  910. </div>
  911.  
  912. <div id="entries">{block:Posts}<!-- {block:NoRebloggedFrom}
  913. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  914. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  915. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  916. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  917. {/block:ContentSource}<div id="post">
  918.  
  919. {block:Text}<h1>{block:Title}<div id="posttitle">{Title}</div>{/block:Title}</h1>{Body}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Text}
  920.  
  921. {block:Photo}{LinkOpenTag}<div id="photo" class="photo"><img src="{PhotoURL-250}">{LinkCloseTag}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photo}
  922.  
  923. {block:Photoset}<div id="photo" class="photo">{Photoset-250}</div>{block:Caption}{Caption}{block:More} <a href="{Permalink}"><center><b>READ MORE</b></center></a> {/block:More}{/block:Caption}{/block:Photoset}
  924.  
  925. {block:Quote}<div id="quotes">{Quote}</div>{block:Source}<div class="quotey">- {Source}</div>{/block:Source}{/block:Quote}
  926.  
  927. {block:Link}<a href="{URL}" {Target}><div id="posttitle">{Name}</div></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  928.  
  929. {block:Chat}
  930. {block:Title}<div id="posttitle">{Title}</div>
  931. {/block:Title}<br>
  932. {block:Lines}{block:Label}<strong>{Label}</strong></span>{/block:Label}
  933. {Line}<br></li>{/block:Lines}</ul>
  934. {/block:Chat}
  935.  
  936. {block:Audio}{block:AudioPlayer}
  937. <div class="audiowrapper">
  938. {block:AlbumArt}
  939. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  940. {/block:AlbumArt}
  941.  
  942. <div class="playerbuttonbg">
  943. <div class="newplayerbutton">
  944. <div class="playerbuttonhug">
  945.  
  946. {AudioPlayerWhite}
  947.  
  948. </div>
  949. </div>
  950. </div>
  951.  
  952. <div class="trackdetails">
  953.  
  954. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  955. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  956. {block:Album}Album: {Album}{/block:Album}<br/>
  957. {PlayCountWithLabel}
  958.  
  959. </div>
  960. </div>
  961. {/block:AudioPlayer}
  962.  
  963. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  964.  
  965.  
  966. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  967.  
  968. {block:Answer}<div id="noicest"><div id="noiceask">{Asker}</div><div id="noicer">{Question}</div></div><p>{Answer}{Photo-250}{block:More} <a href="{Permalink}"><center><b>READ MORE</b><br>&nbsp;</center></a> {/block:More}{/block:Answer}
  969.  
  970.  
  971. <div id="infotext">{block:Date}<a title="{TimeAgo}"><big>●</big></a></span>{/block:Date} <a href="{Permalink}" title="{NoteCountWithLabel}"><big>●</big>
  972. </a>{block:RebloggedFrom} <a href="{ReblogParentURL}"
  973. title="{ReblogParentTitle}"><big>●</big></a>{/block:RebloggedFrom}</div></div><div id="iinfo">{block:HasTags}{block:Tags} ● <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  974.  
  975. </div>
  976. {block:PostNotes}<div id="postnotes"><div id="nnotes">{PostNotes}</div></div>{/block:PostNotes}
  977.  
  978.  
  979. {/block:Posts}</div></div>
  980.  
  981.  
  982.  
  983. <div id="creda"><a href="https://withgall.tumblr.com">WITHGALL</a></div>
  984.  
  985.  
  986. </body>
  987.  
  988. <div id="01" class="popup_block">
  989. <div class="popask">
  990.  
  991. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="https://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  992.  
  993. </div>
  994. </div>
  995.  
  996.  
  997. <div id="02" class="popup_block">
  998. <div class="poptext">
  999.  
  1000. maybe some rules??
  1001.  
  1002.  
  1003. </div>
  1004. </div>
  1005.  
  1006. <div id="03" class="popup_block">
  1007. <div class="poptext">
  1008.  
  1009. an about page or something idk
  1010.  
  1011.  
  1012. </div>
  1013. </div>
  1014.  
  1015. <div id="04" class="popup_block">
  1016. <div class="poptext">
  1017.  
  1018. verses, whatever, whatever
  1019.  
  1020.  
  1021. </div>
  1022. </div>
  1023.  
  1024.  
  1025. <div id="05" class="popup_block">
  1026. <div class="popnav"><div id="links"><table id="table" table border="0" cellspacing="" cellpadding="2"><center>
  1027.  
  1028. <tr>
  1029. <td><a href="/">LINK</a></td>
  1030. <td><a href="/">LINK</a></td>
  1031. <td><a href="/">LINK</a></td>
  1032. </tr>
  1033.  
  1034. <td><a href="/">LINK</a></td>
  1035. <td><a href="/">LINK</a></td>
  1036. <td><a href="/">LINK</a></td>
  1037. </tr>
  1038.  
  1039. <tr>
  1040. <td><a href="/">LINK</a></td>
  1041. <td><a href="/">LINK</a></td>
  1042. <td><a href="/">LINK</a></td>
  1043. </tr>
  1044.  
  1045.  
  1046. </center></table></div></div></div>
  1047.  
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055. </div>
  1056.  
  1057. </div>
  1058.  
  1059. </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!