API tools faq
paste
Advertisement
micsco987

deanmon

micsco987
Nov 7th, 2015
135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.25 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10.  
  11. <!---- this is theme 41 by Hollywhood
  12. please don't remove the credit
  13. thank you
  14. --->
  15.  
  16. <script type="text/javascript" src="http://static.tumblr.com/7gk7xdc/t1Mnqtxfn/jquery-1.9.1.min.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/7gk7xdc/6vVnqtxgf/tabs.js"></script>
  18. <script type="text/javascript">
  19. $(document).ready(function(){
  20. $("ul#tabs li").click(function(e){
  21. if (!$(this).hasClass("active")) {
  22. var tabNum = $(this).index();
  23. var nthChild = tabNum+1;
  24. $("ul#tabs li.active").removeClass("active");
  25. $(this).addClass("active");
  26. $("ul#tab li.active").removeClass("active");
  27. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  28. }
  29. });
  30. });
  31. </script>
  32.  
  33.  
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:true,
  42. tip_delay_time:7,
  43. tip_fade_speed:7,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50. <script type="text/javascript"
  51. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  52. <script>
  53. $(document).ready(function() {
  54. //
  55. $('a.poplight[href^=#]').click(function() {
  56. var popID = $(this).attr('rel'); //Get Popup Name
  57. var popURL = $(this).attr('href'); //Get Popup href to define size
  58. var query= popURL.split('?');
  59. var dim= query[1].split('&');
  60. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  61. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  62. var popMargTop = ($('#' + popID).height() + 80) / 2;
  63. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  64. //Apply Margin to Popup
  65. $('#' + popID).css({
  66. 'margin-top' : -popMargTop,
  67. 'margin-left' : -popMargLeft
  68. });
  69. $('body').append('<div id="fade"></div>');
  70. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  71. return false;
  72. });
  73. $('a.close, #fade').live('click', function() {
  74. $('#fade , .popup_block').fadeOut(function() {
  75. $('#fade, a.close').remove(); //fade them both out
  76. });
  77. return false;
  78. });
  79. });
  80. </script>
  81.  
  82.  
  83.  
  84. <meta name="if:popup boxes" content="1"/>
  85. <meta name="if:pixel music" content="1"/>
  86.  
  87. <meta name="text:music player code" content="billy works best"/>
  88.  
  89.  
  90. <meta name="color:Background color" content="#080505"/>
  91. <meta name="color:Text" content="#ffffff"/>
  92. <meta name="color:Link" content="#cccccc"/>
  93. <meta name="color:Scrollbar" content="#070707">
  94. <meta name="color:Link Hover" content="#ffffff"/>
  95. <meta name="color:question" content="#120909"/>
  96. <meta name="color:main link" content="#553838"/>
  97.  
  98.  
  99. <meta name="text:link 1" content="home"/>
  100. <meta name="text:link 1 url" content="/"/>
  101. <meta name="text:link 2" content="ask"/>
  102. <meta name="text:link 2 url" content="/"/>
  103. <meta name="text:link 3" content="Link 3"/>
  104. <meta name="text:link 3 url" content="/"/>
  105. <meta name="text:link 4" content="Link 4"/>
  106. <meta name="text:link 4 url" content="/"/>
  107. <meta name="text:link 5" content="Link 5"/>
  108. <meta name="text:link 5 url" content="/"/>
  109. <meta name="text:link 6" content="navi"/>
  110. <meta name="text:link 6 url" content="/"/>
  111.  
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  114.  
  115. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  116.  
  117. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  122.  
  123. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  124.  
  125. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  126.  
  127. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  128.  
  129. <style>
  130. div#qTip {
  131. padding: 3px;
  132. display: none;
  133. text-align: center;
  134. position: absolute;
  135. font-size:7px;
  136. margin-left:10px;
  137. margin-top:-2px;
  138. line-height:9px;
  139. font-family:arial;
  140. z-index: 1000;
  141. border: 1px solid #cacaca;
  142. background-color:#fff;
  143. color: #9b9b9b;
  144. text-transform:uppercase;
  145. letter-spacing: 2px;
  146. }
  147. </style>
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152.  
  153.  
  154.  
  155. ::-webkit-scrollbar {
  156. width: 3px;
  157. height: 0px; background: transparent;
  158. }
  159.  
  160. ::-webkit-scrollbar-thumb {
  161. background-color:{color:scrollbar} ;
  162. opacity:.5;
  163. border-radius:0px;
  164. }
  165.  
  166.  
  167. iframe#tumblr_controls {
  168. white-space:nowrap;
  169. -webkit-filter: invert(100%);
  170. -moz-filter: invert(100%);
  171. -o-filter: invert(100%);
  172. -ms-filter: invert(100%);
  173. filter: invert(100%);
  174. opacity:.2;transition: .8s ease-in-out;
  175. -webkit-transition: .8s ease-in-out;
  176. -moz-transition: .8s ease-in-out;
  177. -o-transition: .8s ease-in-out;
  178. }
  179.  
  180. ::selection {
  181. background: {color:scrollbar};
  182. color:{color:main link};
  183. }
  184. ::-moz-selection {
  185. background: {color:scrollbar};
  186. color:{color:main link};
  187. }
  188.  
  189. #s-m-t-tooltip {
  190. margin-left:5px;
  191. margin-top:-23px;
  192. letter-spacing:1px;
  193. font-family: 'open sans condensed';
  194. font-weight:normal;
  195. text-transform:lowercase;
  196. font-size:14px;
  197. letter-spacing:1px;
  198. background:{color:question};
  199. color:{color:text};
  200. padding: 6px;
  201. border-radius:9px;
  202. z-index:99999999999999999999999;
  203. -webkit-transition:all 1.5s;
  204. -moz-transition:all 1.5s;
  205. -ms-transition:all 1.5s;
  206. -o-transition:all 1.5s;
  207. transition:all 1.5s;
  208. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  209. -moz-box-shadow: 3px 5px 18px -1px #000;
  210. box-shadow: 3px 5px 18px -1px #000;*/
  211. }
  212.  
  213. h1, h2 {
  214. font-weight:normal;
  215. font-size:18px;
  216. text-align:center;
  217. font-style:normal;
  218. line-height:100%;
  219. letter-spacing:1px;
  220. text-transform:lowercase;
  221. color:{color:text};
  222. font-family: 'homemade apple', cursive;
  223. }
  224.  
  225. em, i {
  226. font-family:'homemade apple', cursive;
  227. font-style:normal;
  228. }
  229.  
  230.  
  231. blockquote {
  232. border-left:2px solid {color:text};
  233. padding-left:5px;
  234. margin:5px;
  235. }
  236.  
  237.  
  238. body {
  239. background:{color:background color};
  240. margin:0px;
  241. color:{color:text};
  242. font-family:calibri;
  243. font-size:12px;
  244. text-align:justify;
  245. line-height:100%;
  246. background-attachment:fixed;
  247. background-image: url('http://static.tumblr.com/qdetznf/2kTnxf6l9/spn_1635.gif');
  248. background-repeat:no-repeat;
  249. }
  250.  
  251. #ask_form{ height: 250px!important;}
  252.  
  253.  
  254. a {
  255. text-decoration:none;
  256. outline:none;
  257. -moz-outline-style:none;
  258. color:{color:link};
  259. -moz-transition-duration:0.5s;
  260. -webkit-transition-duration:0.5s;
  261. -o-transition-duration:0.5s;
  262. }
  263.  
  264. a:hover {
  265. text-decoration:none;
  266. outline:none;
  267. -moz-outline-style:none;
  268. color:{color:link hover};
  269. }
  270.  
  271. img {
  272. border:none;
  273. }
  274.  
  275. blockquote {
  276. padding-left:5px;
  277. border-left:2px solid;
  278. }
  279.  
  280. blockquote blockquote {
  281. padding-left:5px;
  282. border-left:2px solid;
  283. }
  284.  
  285. img {
  286. -webkit-filter: grayscale(90%);
  287. z-index: -9999999999999999999999999px;
  288. -webkit-transition: all 0.9s ease-in-out;
  289. -moz-transition: all 0.9s ease-in-out;
  290. -o-transition: all 0.9s ease-in-out;
  291. -ms-transition: all 0.9s ease-in-out;
  292. transition: all 0.9s ease-in-out;
  293. border:none;
  294. opacity:.6;
  295. }
  296.  
  297. img:hover{
  298. -webkit-filter: grayscale(0%);
  299. z-index: -9999999999999999999999999px;
  300. -webkit-transition: all 0.9s ease-in-out;
  301. -moz-transition: all 0.9s ease-in-out;
  302. -o-transition: all 0.9s ease-in-out;
  303. -ms-transition: all 0.9s ease-in-out;
  304. transition: all 0.9s ease-in-out;
  305. opacity:1;
  306. }
  307.  
  308. blockquote img {
  309. max-width:100%;
  310. height:auto;
  311.  
  312. }
  313.  
  314. blockquote blockquote img {
  315. max-width:100%;
  316. height:auto;
  317.  
  318. }
  319.  
  320. #post {
  321. width:294px;
  322. padding-bottom:10px;
  323. }
  324.  
  325. #entries {
  326. padding:10px;
  327. width:296px;
  328. margin-left:204px;
  329. margin-top:126px;
  330. margin-bottom:40px;
  331. position:fixed;
  332. overflow:scroll;
  333. overflow-x:hidden;
  334. height:378px;
  335. }
  336.  
  337. #entries img {
  338. height:auto;
  339. max-width:100%;
  340.  
  341. }
  342.  
  343.  
  344. #photoset {
  345. -webkit-filter: grayscale(90%);
  346. z-index: -9999999999999999999999999px;
  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. border:none;
  353. opacity:.6;
  354. }
  355.  
  356. #photoset:hover{
  357. -webkit-filter: grayscale(0%);
  358. z-index: -9999999999999999999999999px;
  359. -webkit-transition: all 0.9s ease-in-out;
  360. -moz-transition: all 0.9s ease-in-out;
  361. -o-transition: all 0.9s ease-in-out;
  362. -ms-transition: all 0.9s ease-in-out;
  363. transition: all 0.9s ease-in-out;
  364. opacity:1;
  365. }
  366.  
  367.  
  368. #sidebar {
  369. color:{color:text};
  370. position:fixed;
  371. width:100px;
  372. height:auto;
  373. margin-top:235px;
  374. margin-left:250px;
  375. text-align:left;
  376. }
  377.  
  378. #sidebarimage img {
  379. width:200px;
  380. margin-top:-10px;
  381. margin-bottom:0px;
  382. margin-left:-9px;
  383. }
  384.  
  385. #links {
  386. z-index:111000;
  387. position:absolute;
  388. position:fixed;
  389. font-family: garamond;
  390. margin-top:135px;
  391. margin-left:190px;
  392. font-size:25px;
  393. width:217px;
  394. text-transform:uppercase;
  395. text-align:center;
  396. }
  397.  
  398. #link1 {
  399. margin-top:0px;
  400. margin-left:3px;
  401. -ms-transform: rotate(12deg); /* IE 9 */
  402. -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
  403. transform: rotate(12deg);
  404. font-size:23px;
  405. }
  406.  
  407. #link2 {
  408. margin-top:0px;
  409. margin-left:-19px;
  410. -ms-transform: rotate(-12deg); /* IE 9 */
  411. -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
  412. transform: rotate(-12deg);
  413. font-size:27px;
  414. }
  415.  
  416. #link3 {
  417. margin-top:-10px;
  418. margin-left:29px;
  419. -ms-transform: rotate(20deg); /* IE 9 */
  420. -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  421. transform: rotate(20deg);
  422. font-size:19px;
  423. }
  424.  
  425. #link4 {
  426. margin-top:-5px;
  427. margin-left:-10px;
  428. -ms-transform: rotate(33deg); /* IE 9 */
  429. -webkit-transform: rotate(33deg); /* Chrome, Safari, Opera */
  430. transform: rotate(33deg);
  431. }
  432.  
  433. #link5 {
  434. margin-top:3px;
  435. margin-left:10px;
  436. font-size:22px;
  437. -ms-transform: rotate(-22deg); /* IE 9 */
  438. -webkit-transform: rotate(-22deg); /* Chrome, Safari, Opera */
  439. transform: rotate(-22deg);
  440. }
  441.  
  442.  
  443.  
  444. #links a{
  445. letter-spacing:1px;
  446. line-height:130%;
  447. margin-top:0px;
  448. margin-left:10px;
  449. color:{color:main link};
  450. text-decoration:none;
  451. -webkit-filter: blur(1px);
  452. -moz-filter: blur(1px);
  453. -o-filter: blur(1px);
  454. -ms-filter: blur(1px);
  455. filter: blur(1px);
  456. -moz-transition-duration:.7s;
  457. -webkit-transition-duration:.7s;
  458. -o-transition-duration:.7s;
  459. }
  460.  
  461. #links a:hover {
  462. -webkit-filter: blur(0px);
  463. -moz-filter: blur(0px);
  464. -o-filter: blur(0px);
  465. -ms-filter: blur(0px);
  466. filter: blur(0px);
  467. -moz-transition-duration:0.7s;
  468. -webkit-transition-duration:0.7s;
  469. -o-transition-duration:0.7s;
  470. }
  471.  
  472.  
  473.  
  474.  
  475.  
  476.  
  477. #description {
  478. position:fixed;
  479. width:200px;
  480. font-family:garamond;
  481. margin-top:150px;
  482. margin-left:90px;
  483. text-align:justify;
  484. font-size:9px;
  485. color: {color:text};
  486. letter-spacing:0px;
  487. line-height:130%;
  488. -moz-transition-duration:1s;
  489. -webkit-transition-duration:1s;
  490. -o-transition-duration:1s;
  491. }
  492.  
  493. #description a {
  494. color:{color:link};
  495. }
  496.  
  497. #description a:hover {
  498. color:{color:link hover};
  499. }
  500.  
  501. .sidebartitle {
  502. width:210px;
  503. text-align:center;
  504. position:fixed;
  505. font-family:arial;
  506. line-height:120%;
  507. margin-left:-13px;
  508. font-size:13px;
  509. margin-top:10px;
  510. color:{color:title};
  511. }
  512.  
  513. #pagination {
  514. font-family:cambria;
  515. width:210px;
  516. font-size:25px;
  517. margin-top:85px;
  518. margin-left:220px;
  519. padding-left:5px;
  520. letter-spacing:1px;
  521. font-style:normal;
  522. text-align:center;
  523. font-weight:bold;
  524. }
  525.  
  526. #pagination a {
  527. color:{color:main link};
  528. }
  529.  
  530. #info {
  531. background:{color:question};
  532. background-image:url('http://static.tumblr.com/qdetznf/ld6nxfq0z/untitled-1.gif');
  533. font-family:calibri;
  534. width:auto;
  535. margin-top:5px;
  536. padding-top:1px;
  537. font-size:7px;
  538. padding:8px;
  539. color:{color:link};
  540. text-transform:uppercase;
  541. font-style:normal;
  542. text-align:center;
  543. -moz-transition-duration:0.5s;
  544. -webkit-transition-duration:0.5s;
  545. -o-transition-duration:0.5s;
  546. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  547. -moz-box-shadow: 3px 5px 18px -1px #000;
  548. box-shadow: 3px 5px 18px -1px #000;*/
  549. }
  550.  
  551. #info a {
  552. text-shadow:none;
  553. color:{color:link};
  554. font-style:normal;
  555. padding-right:3px;
  556. font-weight:normal;
  557. padding:13px;
  558. }
  559.  
  560. #info a:hover {
  561. -webkit-filter: blur(2px);
  562. -moz-filter: blur(2px);
  563. -o-filter: blur(2px);
  564. -ms-filter: blur(2px);
  565. filter: blur(2px);
  566. }
  567.  
  568. .tags {
  569. margin-top:-7px;
  570. opacity:0;
  571. color:{color:link};
  572. font-family:calibri;
  573. font-style:normal;
  574. width:auto;
  575. text-transform:normal;
  576. font-style:normal;
  577. line-height:120%;
  578. padding-left:5px;
  579. font-size:10px;
  580. text-align:justify;
  581. padding-top:10px;
  582. padding-bottom:5px;
  583. -moz-transition-duration:0.4s;
  584. -webkit-transition-duration:0.4s;
  585. -o-transition-duration:0.4s;
  586. }
  587. .tags a{
  588. color:{color:link};
  589. -moz-transition-duration:0.4s;
  590. -webkit-transition-duration:0.4s;
  591. -o-transition-duration:0.4s;
  592. }
  593. .tags a:hover{
  594. color:{color:link hover};
  595. -moz-transition-duration:0.4s;
  596. -webkit-transition-duration:0.4s;
  597. -o-transition-duration:0.4s;
  598. }
  599.  
  600. #post:hover .tags{
  601. opacity:1;
  602. -moz-transition-duration:0.6s;
  603. -webkit-transition-duration:0.6s;
  604. -o-transition-duration:0.6s;
  605. }
  606.  
  607. .audio{
  608. background-color:#fff;
  609. height:65px;
  610. overflow:hidden;
  611. color:#888;
  612. }
  613.  
  614. #ask {
  615. padding-top:10px;
  616. font-size:15px;
  617. margin-top:0px;
  618. padding-right:15px;
  619. text-align:right;
  620. color:{color:link};
  621. font-family: 'homemade apple', cursive;
  622. }
  623.  
  624. #ask a{
  625. color:{color:link};
  626. }
  627.  
  628. #ask a:hover{
  629. letter-spacing:2px;
  630. -webkit-filter: blur(0px);
  631. -moz-filter: blur(0px);
  632. -o-filter: blur(0px);
  633. -ms-filter: blur(0px);
  634. filter: blur(0px);
  635. }
  636.  
  637. #question{
  638. background-color:{color:question};
  639. color:{color:text};
  640. padding:13px;
  641. margin-top:-3px;
  642. border-radius:0px 18px 0px 18px;
  643. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  644. -moz-box-shadow: 3px 5px 18px -1px #000;
  645. box-shadow: 3px 5px 18px -1px #000;*/
  646. }
  647.  
  648. #question a{
  649. background-color:none;
  650. }
  651.  
  652. #credit {
  653. color:#fff;
  654. font-size:10px;
  655. font-family:cambria;
  656. letter-spacing:1px;
  657. -moz-transition-duration:0.5s;
  658. -webkit-transition-duration:0.5s;
  659. -o-transition-duration:0.5s;
  660. }
  661.  
  662. #credit a {
  663. color:#fff;
  664. background-color:{color:scrollbar};
  665. padding:5px;
  666. padding-top:9px;
  667. padding-bottom:9px;
  668. position:fixed;
  669. right:15px;
  670. bottom:10px
  671.  
  672. }
  673.  
  674. #credit a:hover {
  675. color:{color:scrollbar};
  676. background-color:{color:scrollbar};
  677. }
  678.  
  679. .popup_block{
  680. display:none;
  681. background:url('http://static.tumblr.com/qdetznf/cJ3nvzuv0/10.png');
  682. background-size:100% 100%;
  683. padding:20px;
  684. float:left;
  685. position:fixed;
  686. top:50%;left:50%;
  687. z-index: 99999;
  688. height:300px;
  689. overflow:hidden;
  690. /*-webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  691. /*-moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  692. /* box-shadow: 0px 0px 20px #000; /* delete for solid white */
  693. }
  694.  
  695. *html #fade {position: absolute;}
  696. *html .popup_block {position: absolute;}
  697. #fade {
  698. display:none;
  699. position:fixed;
  700. left:0px;
  701. top:0px;
  702. width:100%;
  703. height:100%;
  704. z-index:9999;
  705. background:#000; /* change to #fff for solid white */
  706. opacity:.6; /* change to opacity:1; */
  707. }
  708.  
  709. #text {
  710. top:50%;
  711. left:50%;
  712. margin-top:-10px;
  713. margin-left:20px;
  714. width:260px;
  715. height:276px;
  716. padding-top:10px;
  717. padding-right:10px;
  718. overflow:scroll;
  719. text-align:justify;
  720. }
  721.  
  722. #tabbers {
  723. top:50%;
  724. left:50%;
  725. margin-left:-180px;
  726. margin-top:-30px;
  727. padding-bottom:10px;
  728. }
  729.  
  730. .popup_block h2 {
  731. text-shadow:none;
  732. text-align:right;
  733. top:50%;
  734. left:50%;
  735. margin-top:-10px;
  736. margin-left:-65px;
  737. font-family:'homemade apple', cursive;
  738. font-size:17px;
  739. color:{color:link};
  740. z-index:99999999999999;
  741. }
  742.  
  743. #box1 {
  744. background:none;
  745. -webkit-box-shadow: none; /* delete for solid white */
  746. -moz-box-shadow: none; /* delete for solid white */
  747. box-shadow: none; /* delete for solid white */
  748. max-height:600px;
  749. }
  750.  
  751. #box6 {
  752. background:{color:scrollbar};
  753. height:100px;
  754. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  755. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  756. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  757. }
  758.  
  759. #box3 img {
  760. padding-right:10px;
  761. }
  762.  
  763. #navitags {
  764. top:50%;
  765. left:50%;
  766. text-align:center;
  767. width:320px;
  768. margin-left:-20px;
  769. margin-top:-30px;
  770. }
  771.  
  772. #navitags a{
  773. color:{color:link};
  774. text-shadow:none;
  775. font-weight:bold;
  776. margin-left:20px;
  777. text-align:center;
  778. display:inline-table;
  779. padding-bottom:20px;
  780. margin-top:30px;
  781. padding:7px;
  782. font-size:12px;
  783. width:100px;
  784. border-bottom:1px solid {color:link};
  785. -webkit-transition: all 0.4s ease-in-out;
  786. -moz-transition: all 0.4s ease-in-out;
  787. -o-transition: all 0.4s ease-in-out;
  788. -ms-transition: all 0.4s ease-in-out;
  789. transition: all 0.4s ease-in-out;
  790.  
  791. }
  792.  
  793. #navitags a:hover{
  794. letter-spacing:1.5px;
  795. -webkit-transition: all 0.4s ease-in-out;
  796. -moz-transition: all 0.4s ease-in-out;
  797. -o-transition: all 0.4s ease-in-out;
  798. -ms-transition: all 0.4s ease-in-out;
  799. transition: all 0.4s ease-in-out;
  800. }
  801.  
  802.  
  803. #bubble-music {
  804. position:fixed;
  805. left:197px;
  806. top:105px;
  807. width:30px;
  808. height:30px;
  809. border-radius:100%;
  810. -moz-border-radius:100%;
  811. overflow:hidden;
  812. -webkit-transition: all 0.5s ease-out;
  813. -moz-transition: all 0.5s ease-out;
  814. transition: all 0.5s ease-out
  815. z-index:99999999999999999999999;
  816.  
  817. }
  818.  
  819. #bubble-music img {
  820. -ms-transform: rotate(0deg); /* IE 9 */
  821. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  822. transform: rotate(0deg);
  823. }
  824.  
  825. #bubble-music:hover {
  826. border-radius:9px;
  827. -moz-border-radius:9px;
  828. width:140px;
  829. height:30px;
  830. }
  831.  
  832. .music_embed {
  833. margin:-23px 0 0 70px;
  834. z-index:1;
  835. font-family:consolas;
  836. font-size:8px;
  837. z-index:99999999;
  838. -webkit-transition: all 0.5s ease-out;
  839. -moz-transition: all 0.5s ease-out;
  840. transition: all 0.5s ease-out
  841. }
  842.  
  843. #bubble-music:hover .music_embed {
  844. margin:-23px 0 0 34px;
  845. opacity:1;
  846. }
  847.  
  848.  
  849. ul#tabs {
  850. list-style-type: none;
  851. padding: 0;
  852. text-align: center;
  853. font-size:11px;
  854. }
  855. ul#tabs li {
  856. display: inline-block;
  857. padding: 2px 7px;
  858. margin-bottom: 4px;
  859. color: {color:link};
  860. cursor: pointer;
  861. }
  862. ul#tabs li:hover {
  863. color:{color:link hover};
  864. }
  865. ul#tabs li.active {
  866. color: {color:link hover};
  867. }
  868. ul#tab {
  869. list-style-type: none;
  870. margin: 0;
  871. padding: 0;
  872. }
  873. ul#tab li {
  874. display: none;
  875. }
  876. ul#tab li.active {
  877. display: block;
  878. }
  879.  
  880.  
  881. /* BOX 1 */
  882.  
  883. #boc {
  884. position:fixed;
  885. top:510px; /* distance from top*/
  886. left:539px; /* distance from left*/
  887. border:1px solid {color:main link}; /* border colour*/
  888. width:4px; /* box width*/
  889. height:4px; /* box height*/
  890. padding:2px;
  891. -webkit-filter: blur(1px);
  892. -moz-filter: blur(1px);
  893. -o-filter: blur(1px);
  894. -ms-filter: blur(1px);
  895. filter: blur(1px);
  896. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  897. }
  898.  
  899.  
  900. #boc:hover {
  901. height:150px; /* content box height */
  902. width:85px; /* content box width */
  903. -webkit-filter: blur(0px);
  904. -moz-filter: blur(0px);
  905. -o-filter: blur(0px);
  906. -ms-filter: blur(0px);
  907. filter: blur(0px);
  908.  
  909. }
  910.  
  911. #boc:hover #cont {
  912. opacity:1;
  913. /* keep these same as above but take off 5 px from width */
  914. width:80px;
  915. height:150px;
  916. }
  917.  
  918. #cont {
  919. margin-top:5px;
  920. position:fixed;
  921. padding:2px;
  922. text-align:center;
  923. overflow:hidden;
  924. width:0;
  925. height:0;
  926. opacity:0;
  927. z-index:9;
  928. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  929. }
  930.  
  931.  
  932.  
  933. #c {
  934. position:fixed;
  935. bottom:4px;
  936. right:4px;
  937. font-size:13px;
  938. font-family:helvetica;}
  939.  
  940.  
  941.  
  942. {CustomCSS}</style></head><body>
  943.  
  944.  
  945. <div id="boc">
  946. <div id="cont">
  947.  
  948. content here
  949.  
  950.  
  951. </div>
  952. </div>
  953.  
  954.  
  955.  
  956. {block:ifpixelmusic}
  957. <div id="bubble-music">
  958. <img style="margin:7px;" src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  959. <div class="music_embed">
  960. {text:music player code}
  961. </div>
  962. </div>
  963. {/block:ifpixelmusic}
  964.  
  965.  
  966.  
  967. <!---------POPUP BOXES------>
  968.  
  969. <!---ask box-->
  970. <div id="box1" class="popup_block">
  971. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  972. </div>
  973.  
  974. </div></div></div></div></div></div></div></div></div></div>
  975. <!--ask box end-->
  976.  
  977.  
  978.  
  979. <div id="box2" class="popup_block">
  980.  
  981. <h2>header</h2>
  982.  
  983. <div id="text">
  984.  
  985. text goes here. <p>
  986.  
  987. </div>
  988.  
  989. </div></div></div></div></div></div></div></div></div></div>
  990.  
  991.  
  992.  
  993. <div id="box3" class="popup_block">
  994.  
  995. <h2>header</h2>
  996.  
  997. <div id="text">
  998.  
  999. text goes here.
  1000.  
  1001. </div></div></div></div></div></div></div></div></div></div>
  1002.  
  1003.  
  1004.  
  1005. <div id="box4" class="popup_block">
  1006. <h2>navigation</h2>
  1007. <div id="navitags">
  1008.  
  1009. <a href="/tagged/tag">tag.</a>
  1010.  
  1011. <a href="/tagged/tag">tag.</a>
  1012.  
  1013. <a href="/tagged/tag">tag.</a>
  1014.  
  1015. <a href="/tagged/tag">tag.</a>
  1016.  
  1017. <a href="/tagged/tag">tag.</a>
  1018.  
  1019. <a href="/tagged/tag">tag.</a>
  1020.  
  1021. <a href="/tagged/tag">tag.</a>
  1022.  
  1023. <a href="/tagged/tag">tag.</a>
  1024.  
  1025. <a href="/tagged/tag">tag.</a>
  1026.  
  1027. <a href="/tagged/tag">tag.</a>
  1028.  
  1029. </div>
  1030.  
  1031. </div></div></div></div></div></div></div></div></div></div>
  1032.  
  1033.  
  1034.  
  1035.  
  1036. <!--------POPUP BOXES END---------->
  1037.  
  1038.  
  1039. <div id="box6" class="popup_block">
  1040.  
  1041. <h1>credits</h1>
  1042.  
  1043. theme by <a href="http://hollywhoodthemes.tumblr.com" target="_blank">hollywhood</a>.<br>
  1044. code customized by <a href="http://sonicwielding.tumblr.com" target="_blank">bean</a>.<br>
  1045. updates tab by <a href="http://acklesjpeg.tumblr.com/post/78144254032" target="_blank">drwtsn</a>.<br>
  1046.  
  1047.  
  1048.  
  1049. </div></div></div></div></div></div></div></div></div></div>
  1050.  
  1051.  
  1052. <div id="sidebar">
  1053.  
  1054. <!--<div id="sidebarimage">
  1055. <a href="/"><img src="{image:sidebar}"></a></div>-->
  1056.  
  1057. <div class="sidebartitle">{text:sidebartitle}</div>
  1058.  
  1059. <div id="links">
  1060. <div id="link1"><a href="{text:Link 1 url}" title="{text:Link 1}">□</a></div>
  1061.  
  1062. {block:ifpopupboxes}
  1063. <div id="link2"><a href="#?w=300" rel="box1" class="poplight"title="{text:Link 2}">□</a></div>
  1064. <div id="link3"><a href="#?w=300" rel="box2" class="poplight"title="{text:Link 3}">□</a></div>
  1065. <div id="link4"><a href="#?w=300" rel="box3" class="poplight"title="{text:Link 4}">□</a></div>
  1066. <div id="link5"><a href="#?w=300" rel="box4" class="poplight"title="{text:Link 5}">□</a></div>
  1067.  
  1068. {/block:ifpopupboxes}
  1069.  
  1070. {block:ifnotpopupboxes}
  1071. <div id="link2"><a href="{text:Link 2 URL}"title="{text:Link 2}">□</a></div>
  1072. <div id="link3"><a href="{text:Link 3 URL}"title="{text:Link 3}">□</a></div>
  1073. <div id="link4"><a href="{text:Link 4 URL}"title="{text:Link 4}">□</a></div>
  1074. <div id="link5"><a href="{text:Link 5 URL}"title="{text:Link 5}">□</a></div>
  1075. {/block:ifnotpopupboxes}
  1076. </div>
  1077.  
  1078. <div id="description">
  1079.  
  1080. <div id="pagination">
  1081. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  1082. </div></div></div>
  1083.  
  1084. <div id="entries">{block:Posts}<div id="post">
  1085.  
  1086. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1087.  
  1088. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1089.  
  1090. {block:Photoset}<div id="photoset"><center>{Photoset}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1091.  
  1092. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1093.  
  1094. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1095.  
  1096. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  1097.  
  1098. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayer}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  1099. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1100.  
  1101. {block:Video}<div id="photoset"><center>{Video-250}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1102.  
  1103. {block:Answer}<div id="ask">{Asker}</div> <div id="question">{Question}</div><br>{Answer}{/block:Answer}
  1104.  
  1105. {block:Date}<div id="info">
  1106. <a title="{ShortMonth} {DayOfMonth}, {TimeAgo}" href="{Permalink}">■</a>
  1107. {/block:Date}
  1108.  
  1109. {block:NoteCount}
  1110. <a title="{NoteCountWithLabel}" href="{Permalink}">■</a>
  1111. {/block:NoteCount}
  1112.  
  1113. {block:RebloggedFrom}
  1114. <a title="via {ReblogParentName}" href="{ReblogParentURL}">■</a>
  1115. {/block:RebloggedFrom}
  1116.  
  1117. {block:ContentSource}
  1118. <a title="src {SourceTitle}" href="{SourceURL}">■</a>{/block:ContentSource}
  1119. {/block:RebloggedFrom}
  1120.  
  1121. <a href="{ReblogURL}"target="_blank" title="reblog">■</a>
  1122. </div>
  1123.  
  1124.  
  1125.  
  1126.  
  1127. {block:HasTags}
  1128. <div class="tags">
  1129. <big><big>↳</big></big>{block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}</div>
  1130. {/block:HasTags}
  1131. <div class="postnote">
  1132. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1133. </div>
  1134. </div>
  1135. {/block:Posts}
  1136.  
  1137. </div>
  1138. <div id="credit"><a href="#?w=150" rel="box6" class="poplight">HW</div>
  1139.  
  1140. </body>
  1141.  
  1142. </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!