API tools faq
paste
Advertisement
micsco987

ferrodonna uvu

micsco987
Oct 25th, 2015
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.69 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="#848778"/>
  91. <meta name="color:Text" content="#ffffff"/>
  92. <meta name="color:Link" content="#babea9"/>
  93. <meta name="color:Scrollbar" content="#773122">
  94. <meta name="color:Link Hover" content="#ffffff"/>
  95. <meta name="color:question" content="#773122"/>
  96. <meta name="color:main link" content="#773122"/>
  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:transparent ;
  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:text};
  182. color:{color:scrollbar};
  183. }
  184. ::-moz-selection {
  185. background: {color:text};
  186. color:{color:scrollbar};
  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:link};
  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/lGonwre8y/1.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:396px;
  322. padding-bottom:10px;
  323. }
  324.  
  325. #entries {
  326. padding:10px;
  327. width:460px;
  328. margin-left:280px;
  329. margin-top:370px;
  330. margin-bottom:40px;
  331. position:fixed;
  332. overflow:scroll;
  333. overflow-x:hidden;
  334. height:230px;
  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:9999999999999;
  387. position:absolute;
  388. position:fixed;
  389. font-family: garamond;
  390. margin-top:160px;
  391. margin-left:-115px;
  392. font-size:25px;
  393. width:217px;
  394. text-transform:uppercase;
  395. text-align:center;
  396. -ms-transform: rotate(0deg); /* IE 9 */
  397. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  398. transform: rotate(0deg);
  399. }
  400.  
  401. #link1 {
  402. margin-top:0px;
  403. margin-left:3px;
  404. -ms-transform: rotate(12deg); /* IE 9 */
  405. -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
  406. transform: rotate(12deg);
  407. font-size:23px;
  408. }
  409.  
  410. #link2 {
  411. margin-top:0px;
  412. margin-left:-19px;
  413. -ms-transform: rotate(-12deg); /* IE 9 */
  414. -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
  415. transform: rotate(-12deg);
  416. font-size:27px;
  417. }
  418.  
  419. #link3 {
  420. margin-top:-10px;
  421. margin-left:32px;
  422. -ms-transform: rotate(20deg); /* IE 9 */
  423. -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  424. transform: rotate(20deg);
  425. font-size:16px;
  426. }
  427.  
  428. #link4 {
  429. margin-top:-5px;
  430. margin-left:-10px;
  431. -ms-transform: rotate(33deg); /* IE 9 */
  432. -webkit-transform: rotate(33deg); /* Chrome, Safari, Opera */
  433. transform: rotate(33deg);
  434. }
  435.  
  436. #link5 {
  437. margin-top:3px;
  438. margin-left:10px;
  439. font-size:22px;
  440. -ms-transform: rotate(2deg); /* IE 9 */
  441. -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
  442. transform: rotate(2deg);
  443. }
  444.  
  445. #link6 {
  446. margin-top:0px;
  447. margin-left:-10px;
  448. font-size:20px;
  449. -ms-transform: rotate(-25deg); /* IE 9 */
  450. -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
  451. transform: rotate(-25deg);
  452. }
  453.  
  454.  
  455. #links a{
  456. letter-spacing:1px;
  457. line-height:150%;
  458. margin-top:0px;
  459. margin-left:10px;
  460. color:{color:main link};
  461. text-decoration:none;
  462. -webkit-filter: blur(1px);
  463. -moz-filter: blur(1px);
  464. -o-filter: blur(1px);
  465. -ms-filter: blur(1px);
  466. filter: blur(1px);
  467. -moz-transition-duration:.7s;
  468. -webkit-transition-duration:.7s;
  469. -o-transition-duration:.7s;
  470. }
  471.  
  472. #links a:hover {
  473. -webkit-filter: blur(0px);
  474. -moz-filter: blur(0px);
  475. -o-filter: blur(0px);
  476. -ms-filter: blur(0px);
  477. filter: blur(0px);
  478. -moz-transition-duration:0.7s;
  479. -webkit-transition-duration:0.7s;
  480. -o-transition-duration:0.7s;
  481. }
  482.  
  483.  
  484.  
  485.  
  486.  
  487.  
  488. #description {
  489. position:fixed;
  490. width:200px;
  491. font-family:garamond;
  492. margin-top:150px;
  493. margin-left:90px;
  494. text-align:justify;
  495. font-size:9px;
  496. color: {color:text};
  497. letter-spacing:0px;
  498. line-height:130%;
  499. -moz-transition-duration:1s;
  500. -webkit-transition-duration:1s;
  501. -o-transition-duration:1s;
  502. }
  503.  
  504. #description a {
  505. color:{color:link};
  506. }
  507.  
  508. #description a:hover {
  509. color:{color:link hover};
  510. }
  511.  
  512. .sidebartitle {
  513. width:210px;
  514. text-align:center;
  515. position:fixed;
  516. font-family:arial;
  517. line-height:120%;
  518. margin-left:-13px;
  519. font-size:13px;
  520. margin-top:10px;
  521. color:{color:title};
  522. }
  523.  
  524. #pagination {
  525. font-family:cambria;
  526. width:210px;
  527. font-size:25px;
  528. margin-top:-35px;
  529. margin-left:-120px;
  530. padding-left:5px;
  531. letter-spacing:1px;
  532. font-style:normal;
  533. font-weight:bold;
  534. text-align:center;
  535. }
  536.  
  537. #pagination a {
  538. color:{color:link};
  539. }
  540.  
  541. #info {
  542. background:{color:question};
  543. font-family:calibri;
  544. width:80%;
  545. margin-left:7%;
  546. margin-top:5px;
  547. padding-top:1px;
  548. font-size:10px;
  549. padding:8px;
  550. color:{color:link};
  551. text-transform:uppercase;
  552. font-style:normal;
  553. text-align:center;
  554. border-radius:20px 0px 20px 0px;
  555. border-left:double 4px {color:link};
  556. border-right:double 4px {color:link};
  557. -moz-transition-duration:0.5s;
  558. -webkit-transition-duration:0.5s;
  559. -o-transition-duration:0.5s;
  560. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  561. -moz-box-shadow: 3px 5px 18px -1px #000;
  562. box-shadow: 3px 5px 18px -1px #000;*/
  563. }
  564.  
  565. #info a {
  566. text-shadow:none;
  567. color:{color:link};
  568. font-style:normal;
  569. padding-right:3px;
  570. font-weight:normal;
  571. padding:13px;
  572. }
  573.  
  574. #info a:hover {
  575. -webkit-filter: blur(2px);
  576. -moz-filter: blur(2px);
  577. -o-filter: blur(2px);
  578. -ms-filter: blur(2px);
  579. filter: blur(2px);
  580. }
  581.  
  582. .tags {
  583. margin-top:-7px;
  584. opacity:0;
  585. color:{color:link};
  586. font-family:calibri;
  587. font-style:normal;
  588. width:auto;
  589. text-transform:normal;
  590. font-style:normal;
  591. line-height:120%;
  592. padding-left:5px;
  593. font-size:10px;
  594. text-align:justify;
  595. padding-top:10px;
  596. padding-bottom:5px;
  597. -moz-transition-duration:0.4s;
  598. -webkit-transition-duration:0.4s;
  599. -o-transition-duration:0.4s;
  600. }
  601. .tags a{
  602. color:{color:link};
  603. -moz-transition-duration:0.4s;
  604. -webkit-transition-duration:0.4s;
  605. -o-transition-duration:0.4s;
  606. }
  607. .tags a:hover{
  608. color:{color:link hover};
  609. -moz-transition-duration:0.4s;
  610. -webkit-transition-duration:0.4s;
  611. -o-transition-duration:0.4s;
  612. }
  613.  
  614. #post:hover .tags{
  615. opacity:1;
  616. -moz-transition-duration:0.6s;
  617. -webkit-transition-duration:0.6s;
  618. -o-transition-duration:0.6s;
  619. }
  620.  
  621. .audio{
  622. background-color:#fff;
  623. height:65px;
  624. overflow:hidden;
  625. color:#888;
  626. }
  627.  
  628. #ask {
  629. padding-top:10px;
  630. font-size:15px;
  631. margin-top:0px;
  632. padding-right:15px;
  633. text-align:right;
  634. color:{color:link};
  635. font-family: 'homemade apple', cursive;
  636. }
  637.  
  638. #ask a{
  639. color:{color:link};
  640. }
  641.  
  642. #ask a:hover{
  643. letter-spacing:2px;
  644. -webkit-filter: blur(0px);
  645. -moz-filter: blur(0px);
  646. -o-filter: blur(0px);
  647. -ms-filter: blur(0px);
  648. filter: blur(0px);
  649. }
  650.  
  651. #question{
  652. border-top:{color:question} double 3px;
  653. border-right:{color:question} double 3px;
  654. background-color:{color:background};
  655. color:{color:text};
  656. padding:15px;
  657. margin-top:-3px;
  658. border-radius:10px 0px 10px 0px;
  659. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  660. -moz-box-shadow: 3px 5px 18px -1px #000;
  661. box-shadow: 3px 5px 18px -1px #000;*/
  662. }
  663.  
  664. #question a{
  665. background-color:none;
  666. }
  667.  
  668. #credit {
  669. color:#fff;
  670. font-size:10px;
  671. font-family:cambria;
  672. letter-spacing:1px;
  673. -moz-transition-duration:0.5s;
  674. -webkit-transition-duration:0.5s;
  675. -o-transition-duration:0.5s;
  676. }
  677.  
  678. #credit a {
  679. color:#fff;
  680. background-color:{color:scrollbar};
  681. padding:5px;
  682. padding-top:9px;
  683. padding-bottom:9px;
  684. position:fixed;
  685. right:15px;
  686. bottom:10px
  687.  
  688. }
  689.  
  690. #credit a:hover {
  691. color:{color:scrollbar};
  692. background-color:{color:scrollbar};
  693. }
  694.  
  695. .popup_block{
  696. display:none;
  697. background:url('http://static.tumblr.com/qdetznf/bCUnwrcjt/10.png');
  698. background-size:100% 100%;
  699. padding:20px;
  700. float:left;
  701. position:fixed;
  702. top:50%;left:50%;
  703. z-index: 99999;
  704. height:300px;
  705. overflow:hidden;
  706. /*-webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  707. /*-moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  708. /* box-shadow: 0px 0px 20px #000; /* delete for solid white */
  709. }
  710.  
  711. *html #fade {position: absolute;}
  712. *html .popup_block {position: absolute;}
  713. #fade {
  714. display:none;
  715. position:fixed;
  716. left:0px;
  717. top:0px;
  718. width:100%;
  719. height:100%;
  720. z-index:9999;
  721. background:#000; /* change to #fff for solid white */
  722. opacity:.6; /* change to opacity:1; */
  723. }
  724.  
  725. #text {
  726. top:50%;
  727. left:50%;
  728. margin-top:-10px;
  729. margin-left:20px;
  730. width:260px;
  731. height:276px;
  732. padding-top:10px;
  733. padding-right:10px;
  734. overflow:scroll;
  735. text-align:justify;
  736. }
  737.  
  738. #tabbers {
  739. top:50%;
  740. left:50%;
  741. margin-left:-180px;
  742. margin-top:-30px;
  743. padding-bottom:10px;
  744. }
  745.  
  746. .popup_block h2 {
  747. text-shadow:none;
  748. text-align:right;
  749. top:50%;
  750. left:50%;
  751. margin-top:-10px;
  752. margin-left:-65px;
  753. font-family:'homemade apple', cursive;
  754. font-size:17px;
  755. color:{color:link};
  756. z-index:99999999999999;
  757. }
  758.  
  759. #box1 {
  760. background:none;
  761. -webkit-box-shadow: none; /* delete for solid white */
  762. -moz-box-shadow: none; /* delete for solid white */
  763. box-shadow: none; /* delete for solid white */
  764. max-height:600px;
  765. }
  766.  
  767. #box6 {
  768. background:{color:scrollbar};
  769. height:100px;
  770. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  771. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  772. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  773. }
  774.  
  775. #box3 img {
  776. padding-right:10px;
  777. }
  778.  
  779. #navitags {
  780. top:50%;
  781. left:50%;
  782. text-align:center;
  783. width:320px;
  784. margin-left:-20px;
  785. margin-top:-30px;
  786. }
  787.  
  788. #navitags a{
  789. color:{color:link};
  790. text-shadow:none;
  791. font-weight:bold;
  792. margin-left:20px;
  793. text-align:center;
  794. display:inline-table;
  795. padding-bottom:20px;
  796. margin-top:30px;
  797. padding:7px;
  798. font-size:12px;
  799. width:100px;
  800. border-bottom:1px solid {color:link};
  801. -webkit-transition: all 0.4s ease-in-out;
  802. -moz-transition: all 0.4s ease-in-out;
  803. -o-transition: all 0.4s ease-in-out;
  804. -ms-transition: all 0.4s ease-in-out;
  805. transition: all 0.4s ease-in-out;
  806.  
  807. }
  808.  
  809. #navitags a:hover{
  810. letter-spacing:1.5px;
  811. -webkit-transition: all 0.4s ease-in-out;
  812. -moz-transition: all 0.4s ease-in-out;
  813. -o-transition: all 0.4s ease-in-out;
  814. -ms-transition: all 0.4s ease-in-out;
  815. transition: all 0.4s ease-in-out;
  816. }
  817.  
  818.  
  819. #bubble-music {
  820. position:fixed;
  821. left:410px;
  822. top:184px;
  823. width:30px;
  824. height:30px;
  825. border-radius:100%;
  826. -moz-border-radius:100%;
  827. overflow:hidden;
  828. -webkit-transition: all 0.5s ease-out;
  829. -moz-transition: all 0.5s ease-out;
  830. transition: all 0.5s ease-out
  831. z-index:99999999999999999999999;
  832.  
  833. }
  834.  
  835. #bubble-music img {
  836. -ms-transform: rotate(0deg); /* IE 9 */
  837. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  838. transform: rotate(0deg);
  839. }
  840.  
  841. #bubble-music:hover {
  842. border-radius:9px;
  843. -moz-border-radius:9px;
  844. width:140px;
  845. height:30px;
  846. }
  847.  
  848. .music_embed {
  849. margin:-23px 0 0 70px;
  850. z-index:1;
  851. font-family:consolas;
  852. font-size:8px;
  853. z-index:99999999;
  854. -webkit-transition: all 0.5s ease-out;
  855. -moz-transition: all 0.5s ease-out;
  856. transition: all 0.5s ease-out
  857. }
  858.  
  859. #bubble-music:hover .music_embed {
  860. margin:-23px 0 0 34px;
  861. opacity:1;
  862. }
  863.  
  864.  
  865. ul#tabs {
  866. list-style-type: none;
  867. padding: 0;
  868. text-align: center;
  869. font-size:11px;
  870. }
  871. ul#tabs li {
  872. display: inline-block;
  873. padding: 2px 7px;
  874. margin-bottom: 4px;
  875. color: {color:link};
  876. cursor: pointer;
  877. }
  878. ul#tabs li:hover {
  879. color:{color:link hover};
  880. }
  881. ul#tabs li.active {
  882. color: {color:link hover};
  883. }
  884. ul#tab {
  885. list-style-type: none;
  886. margin: 0;
  887. padding: 0;
  888. }
  889. ul#tab li {
  890. display: none;
  891. }
  892. ul#tab li.active {
  893. display: block;
  894. }
  895.  
  896.  
  897.  
  898.  
  899. /*----------------------------------------
  900. Update Tab #1 (CSS Left) by Incedo
  901. http://incedothemes.tumblr.com
  902. Please do not remove the credit.
  903. Instructions @ http://incedothenes.tumblr.com/tab
  904. Updated 8/7/14
  905. ------------------------------------------*/
  906.  
  907. #updatetab {
  908. font-family: helvetica; /*this is the font*/
  909. color: {color:text};} /*this is the font color*/
  910. #tabtitle, #dropdown, #dropdown p {
  911. /*background-color:#ffffff; /*this is the background color*/
  912. border-color: transparent; /*this is the border color*/
  913. }
  914.  
  915. #updatetab h2 {
  916. color:{color:text};
  917. }
  918.  
  919. #updatetab {
  920. width:100px;
  921. position:fixed;
  922. top:290px;
  923. left:635px;}
  924.  
  925. #tabtitle {
  926. margin-left:0px;
  927. margin-top:0px;
  928. -ms-transform: rotate(81deg); /* IE 9 */
  929. -webkit-transform: rotate(81deg); /* Chrome, Safari, Opera */
  930. transform: rotate(81deg);
  931. text-align:center;
  932. padding:1px 3px;
  933. letter-spacing:2px;
  934. font-size:9px;
  935. text-transform:uppercase;
  936. border-width:1px;
  937. border-style:solid;
  938. border-radius: 2px;
  939. -moz-border-radius: 2px;
  940. -webkit-border-radius: 2px;
  941. opacity:1;
  942. -webkit-transition: all 0.5s ease-in-out;
  943. -moz-transition: all 0.5s ease-in-out;
  944. -o-transition: all 0.5s ease-in-out;
  945. -ms-transition: all 0.5s ease-in-out;
  946. transition: all 0.5s ease-in-out;
  947.  
  948. }
  949.  
  950. #dropdown {
  951. background-color:transparent;
  952. font-size:11px;
  953. text-align:justified;
  954. width:120px;
  955. margin-top:80px;
  956. margin-left:60px;
  957. border-style:solid;
  958. border-width:0px 1px 1px 1px;
  959. padding:2px;
  960. padding-top:0px;
  961. border-bottom-right-radius: 2px;
  962. -moz-border-bottom-right-radius: 2px;
  963. -webkit-border-bottom-right-radius: 2px;
  964. border-bottom-left-radius: 2px;
  965. -moz-border-bottom-left-radius: 2px;
  966. -webkit-border-bottom-left-radius: 2px;
  967. opacity:0;
  968. -webkit-transition: all 0.5s ease-in-out;
  969. -moz-transition: all 0.5s ease-in-out;
  970. -o-transition: all 0.5s ease-in-out;
  971. -ms-transition: all 0.5s ease-in-out;
  972. transition: all 0.5s ease-in-out;
  973.  
  974. }
  975.  
  976. #updatetab:hover #dropdown {
  977. margin-left:70px;
  978. opacity:1;
  979. -webkit-transition: all 0.5s ease-in-out;
  980. -moz-transition: all 0.5s ease-in-out;
  981. -o-transition: all 0.5s ease-in-out;
  982. -ms-transition: all 0.5s ease-in-out;
  983. transition: all 0.5s ease-in-out;}
  984.  
  985. #updatetab:hover #tabtitle {
  986. opacity:0;
  987. -webkit-transition: all 0.5s ease-in-out;
  988. -moz-transition: all 0.5s ease-in-out;
  989. -o-transition: all 0.5s ease-in-out;
  990. -ms-transition: all 0.5s ease-in-out;
  991. transition: all 0.5s ease-in-out;}
  992.  
  993. #c {
  994. position:fixed;
  995. bottom:4px;
  996. right:4px;
  997. font-size:13px;
  998. font-family:helvetica;}
  999.  
  1000.  
  1001.  
  1002. {CustomCSS}</style></head><body>
  1003.  
  1004.  
  1005.  
  1006.  
  1007. <!----------------------------------------
  1008. Update Tab #1 (HTML) by Incedo
  1009. http://incedothemes.tumblr.com
  1010. Please do not remove the credit.
  1011. Instructions @ http://incedothenes.tumblr.com/tab
  1012. Updated 9/21/13
  1013. ------------------------------------------>
  1014.  
  1015. <div id="updatetab">
  1016.  
  1017. <div id="tabtitle">
  1018. <!---this is where you put title of your updates tab--->
  1019. hover
  1020. </div>
  1021.  
  1022. <div id="dropdown">
  1023. <!---this is where you put your individual updates, make sure to put each update between a set of <p> and </p>--->
  1024.  
  1025. <h2>content here</h2>
  1026.  
  1027. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper.<p>
  1028.  
  1029. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ullamcorper.<p>
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. </div>
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042.  
  1043.  
  1044.  
  1045. {block:ifpixelmusic}
  1046. <div id="bubble-music">
  1047. <img style="margin:7px;" src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif">
  1048. <div class="music_embed">
  1049. {text:music player code}
  1050. </div>
  1051. </div>
  1052. {/block:ifpixelmusic}
  1053.  
  1054.  
  1055.  
  1056. <!---------POPUP BOXES------>
  1057.  
  1058. <!---ask box-->
  1059. <div id="box1" class="popup_block">
  1060. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1061. </div>
  1062.  
  1063. </div></div></div></div></div></div></div></div></div></div>
  1064. <!--ask box end-->
  1065.  
  1066.  
  1067.  
  1068. <div id="box2" class="popup_block">
  1069.  
  1070. <h2>header</h2>
  1071.  
  1072. <div id="text">
  1073.  
  1074. text goes here. <p>
  1075.  
  1076. </div>
  1077.  
  1078. </div></div></div></div></div></div></div></div></div></div>
  1079.  
  1080.  
  1081.  
  1082. <div id="box3" class="popup_block">
  1083.  
  1084. <h2>header</h2>
  1085.  
  1086. <div id="text">
  1087.  
  1088. text goes here.
  1089.  
  1090. </div></div></div></div></div></div></div></div></div></div>
  1091.  
  1092.  
  1093.  
  1094.  
  1095. <div id="box4" class="popup_block">
  1096. <h2>navigation</h2>
  1097. <div id="navitags">
  1098.  
  1099. <a href="/tagged/tag">tag.</a>
  1100.  
  1101. <a href="/tagged/tag">tag.</a>
  1102.  
  1103. <a href="/tagged/tag">tag.</a>
  1104.  
  1105. <a href="/tagged/tag">tag.</a>
  1106.  
  1107. <a href="/tagged/tag">tag.</a>
  1108.  
  1109. <a href="/tagged/tag">tag.</a>
  1110.  
  1111. <a href="/tagged/tag">tag.</a>
  1112.  
  1113. <a href="/tagged/tag">tag.</a>
  1114.  
  1115. <a href="/tagged/tag">tag.</a>
  1116.  
  1117. <a href="/tagged/tag">tag.</a>
  1118.  
  1119. </div>
  1120.  
  1121. </div></div></div></div></div></div></div></div></div></div>
  1122.  
  1123.  
  1124.  
  1125.  
  1126. <!--------POPUP BOXES END---------->
  1127.  
  1128.  
  1129. <div id="box6" class="popup_block">
  1130.  
  1131. <h1>credits</h1>
  1132.  
  1133. theme by <a href="http://hollywhoodthemes.tumblr.com" target="_blank">hollywhood</a>.<br>
  1134. code customized by <a href="http://sonicwielding.tumblr.com" target="_blank">bean</a>.<br>
  1135. updates tab by <a href="http://incedo.tumblr.com" target="_blank">incedo</a>.<br>
  1136.  
  1137.  
  1138.  
  1139. </div></div></div></div></div></div></div></div></div></div>
  1140.  
  1141.  
  1142. <div id="sidebar">
  1143.  
  1144. <!--<div id="sidebarimage">
  1145. <a href="/"><img src="{image:sidebar}"></a></div>-->
  1146.  
  1147. <div class="sidebartitle">{text:sidebartitle}</div>
  1148.  
  1149. <div id="links">
  1150. <div id="link1"><a href="{text:Link 1 url}" title="{text:Link 1}">△</a></div>
  1151.  
  1152. {block:ifpopupboxes}
  1153. <div id="link2"><a href="#?w=300" rel="box1" class="poplight"title="{text:Link 2}">△</a></div>
  1154. <div id="link3"><a href="#?w=300" rel="box2" class="poplight"title="{text:Link 3}">△</a></div>
  1155. <div id="link4"><a href="#?w=300" rel="box3" class="poplight"title="{text:Link 4}">△</a></div>
  1156. <div id="link5"><a href="#?w=300" rel="box4" class="poplight"title="{text:Link 5}">△</a></div>
  1157.  
  1158. {/block:ifpopupboxes}
  1159.  
  1160. {block:ifnotpopupboxes}
  1161. <div id="link2"><a href="{text:Link 2 URL}"title="{text:Link 2}">△</a></div>
  1162. <div id="link3"><a href="{text:Link 3 URL}"title="{text:Link 3}">△</a></div>
  1163. <div id="link4"><a href="{text:Link 4 URL}"title="{text:Link 4}">△</a></div>
  1164. <div id="link5"><a href="{text:Link 5 URL}"title="{text:Link 5}">△</a></div>
  1165. {/block:ifnotpopupboxes}
  1166. </div>
  1167.  
  1168. <div id="description">
  1169.  
  1170. <div id="pagination">
  1171. <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>
  1172. </div></div></div>
  1173.  
  1174. <div id="entries">{block:Posts}<div id="post">
  1175.  
  1176. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1177.  
  1178. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1179.  
  1180. {block:Photoset}<div id="photoset"><center>{Photoset}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1181.  
  1182. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1183.  
  1184. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1185.  
  1186. {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}
  1187.  
  1188. {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}
  1189. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1190.  
  1191. {block:Video}<div id="photoset"><center>{Video-250}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1192.  
  1193. {block:Answer}<div id="ask">{Asker}</div> <div id="question">{Question}</div><br>{Answer}{/block:Answer}
  1194.  
  1195. {block:Date}<div id="info">
  1196. <a title="{ShortMonth} {DayOfMonth}, {TimeAgo}" href="{Permalink}">■</a>
  1197. {/block:Date}
  1198.  
  1199. {block:NoteCount}
  1200. <a title="{NoteCountWithLabel}" href="{Permalink}">■</a>
  1201. {/block:NoteCount}
  1202.  
  1203. {block:RebloggedFrom}
  1204. <a title="via {ReblogParentName}" href="{ReblogParentURL}">■</a>
  1205. {/block:RebloggedFrom}
  1206.  
  1207. {block:ContentSource}
  1208. <a title="src {SourceTitle}" href="{SourceURL}">■</a>{/block:ContentSource}
  1209. {/block:RebloggedFrom}
  1210.  
  1211. <a href="{ReblogURL}"target="_blank" title="reblog">■</a>
  1212. </div>
  1213.  
  1214.  
  1215.  
  1216.  
  1217. {block:HasTags}
  1218. <div class="tags">
  1219. <big><big>↳</big></big>{block:Tags} <a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}</div>
  1220. {/block:HasTags}
  1221. <div class="postnote">
  1222. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1223. </div>
  1224. </div>
  1225. {/block:Posts}
  1226.  
  1227. </div>
  1228. <div id="credit"><a href="#?w=150" rel="box6" class="poplight">HW</div>
  1229.  
  1230. </body>
  1231.  
  1232. </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!