API tools faq
paste
Advertisement
micsco987

likclyra

micsco987
Feb 4th, 2016
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.37 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.  
  86.  
  87. <meta name="color:Background color" content="#7d7f7f"/>
  88. <meta name="color:Text" content="#ffffff"/>
  89. <meta name="color:Link" content="#cccccc"/>
  90. <meta name="color:Scrollbar" content="#cccccc">
  91. <meta name="color:Link Hover" content="#444444"/>
  92. <meta name="color:question" content="#222222"/>
  93. <meta name="color:main link" content="#ffffff"/>
  94.  
  95.  
  96. <meta name="text:link 1" content="home"/>
  97. <meta name="text:link 1 url" content="/"/>
  98. <meta name="text:link 2" content="ask"/>
  99. <meta name="text:link 2 url" content="/"/>
  100. <meta name="text:link 3" content="Link 3"/>
  101. <meta name="text:link 3 url" content="/"/>
  102. <meta name="text:link 4" content="Link 4"/>
  103. <meta name="text:link 4 url" content="/"/>
  104. <meta name="text:link 5" content="Link 5"/>
  105. <meta name="text:link 5 url" content="/"/>
  106. <meta name="text:link 6" content="navi"/>
  107. <meta name="text:link 6 url" content="/"/>
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  110.  
  111. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  112.  
  113.  
  114. <style>
  115. div#qTip {
  116. padding: 3px;
  117. display: none;
  118. text-align: center;
  119. position: absolute;
  120. font-size:7px;
  121. margin-left:10px;
  122. margin-top:-2px;
  123. line-height:9px;
  124. font-family:arial;
  125. z-index: 1000;
  126. border: 1px solid #cacaca;
  127. background-color:#fff;
  128. color: #9b9b9b;
  129. text-transform:uppercase;
  130. letter-spacing: 2px;
  131. }
  132. </style>
  133.  
  134. <style type="text/css">
  135.  
  136.  
  137.  
  138.  
  139.  
  140. ::-webkit-scrollbar {
  141. width: 1px;
  142. height: 0px; background: transparent;
  143. }
  144.  
  145. ::-webkit-scrollbar-thumb {
  146. background-color:{color:scrollbar} ;
  147. opacity:.5;
  148. border-radius:0px;
  149. }
  150.  
  151.  
  152. iframe#tumblr_controls {
  153. white-space:nowrap;
  154. -webkit-filter: invert(100%);
  155. -moz-filter: invert(100%);
  156. -o-filter: invert(100%);
  157. -ms-filter: invert(100%);
  158. filter: invert(100%);
  159. opacity:.2;transition: .8s ease-in-out;
  160. -webkit-transition: .8s ease-in-out;
  161. -moz-transition: .8s ease-in-out;
  162. -o-transition: .8s ease-in-out;
  163. }
  164.  
  165. ::selection {
  166. background: {color:background color};
  167. color:{color:scrollbar};
  168. }
  169. ::-moz-selection {
  170. background: {color:background color};
  171. color:{color:scrollbar};
  172. }
  173.  
  174. #s-m-t-tooltip {
  175. background:url('http://static.tumblr.com/glhoi3r/RL6o200h8/untitled-2.png');
  176. margin-left:5px;
  177. margin-top:20px;
  178. letter-spacing:1px;
  179. font-family:calibri;
  180. font-weight:normal;
  181. text-transform:lowercase;
  182. font-size:12px;
  183. letter-spacing:1px;
  184. background-color:{color:question};
  185. color:{color:text};
  186. padding-left: 9px;
  187. padding-right: 9px;
  188. padding:5px;
  189. border-radius:0px;
  190. z-index:99999999999999999999999;
  191. -webkit-transition:all 1.5s;
  192. -moz-transition:all 1.5s;
  193. -ms-transition:all 1.5s;
  194. -o-transition:all 1.5s;
  195. transition:all 1.5s;
  196. /*-webkit-box-shadow: 3px 5px 18px -1px #000;
  197. -moz-box-shadow: 3px 5px 18px -1px #000;
  198. box-shadow: 3px 5px 18px -1px #000;*/
  199. }
  200.  
  201. h1, h2 {
  202. font-weight:normal;
  203. font-size:15px;
  204. text-align:center;
  205. font-style:normal;
  206. line-height:100%;
  207. letter-spacing:1px;
  208. text-transform:lowercase;
  209. color:{color:text};
  210. font-family: 'petit formal script', cursive;
  211. }
  212.  
  213. em, i {
  214. font-family:'petit formal script', cursive;
  215. font-style:normal;
  216. }
  217.  
  218.  
  219. blockquote {
  220. border-left:2px solid {color:text};
  221. padding-left:5px;
  222. margin:5px;
  223. }
  224.  
  225.  
  226. body {
  227. background:{color:background color};
  228. margin:0px;
  229. color:{color:text};
  230. font-family:calibri;
  231. font-size:12px;
  232. text-align:justify;
  233. line-height:100%;
  234. background-attachment:fixed;
  235. background-image: url('http://static.tumblr.com/glhoi3r/fg5o1zzaw/backgorund.png');
  236. background-repeat:no-repeat;
  237. background-position:center top;
  238. text-shadow:1px 1px 1px #000;
  239. }
  240.  
  241. #ask_form{ height: 250px!important;}
  242.  
  243.  
  244. a {
  245. text-decoration:none;
  246. outline:none;
  247. -moz-outline-style:none;
  248. color:{color:link};
  249. -moz-transition-duration:0.5s;
  250. -webkit-transition-duration:0.5s;
  251. -o-transition-duration:0.5s;
  252. }
  253.  
  254. a:hover {
  255. text-decoration:none;
  256. outline:none;
  257. -moz-outline-style:none;
  258. color:{color:link hover};
  259. }
  260.  
  261. img {
  262. border:none;
  263. }
  264.  
  265. blockquote {
  266. padding-left:5px;
  267. border-left:3px solid;
  268. border-radius:3px
  269. }
  270.  
  271. blockquote blockquote {
  272. padding-left:5px;
  273. border-left:3px solid;
  274. border-radius:3px
  275. }
  276.  
  277. img {
  278. -webkit-filter: grayscale(90%);
  279. z-index: -9999999999999999999999999px;
  280. -webkit-transition: all 0.9s ease-in-out;
  281. -moz-transition: all 0.9s ease-in-out;
  282. -o-transition: all 0.9s ease-in-out;
  283. -ms-transition: all 0.9s ease-in-out;
  284. transition: all 0.9s ease-in-out;
  285. border:none;
  286. opacity:.6;
  287. }
  288.  
  289. img:hover{
  290. -webkit-filter: grayscale(0%);
  291. z-index: -9999999999999999999999999px;
  292. -webkit-transition: all 0.9s ease-in-out;
  293. -moz-transition: all 0.9s ease-in-out;
  294. -o-transition: all 0.9s ease-in-out;
  295. -ms-transition: all 0.9s ease-in-out;
  296. transition: all 0.9s ease-in-out;
  297. opacity:1;
  298. }
  299.  
  300. blockquote img {
  301. max-width:100%;
  302. height:auto;
  303.  
  304. }
  305.  
  306. blockquote blockquote img {
  307. max-width:100%;
  308. height:auto;
  309.  
  310. }
  311.  
  312. #post {
  313. width:250px;
  314. padding-bottom:10px;
  315. }
  316.  
  317. #entries {
  318. left:50%;
  319. padding:10px;
  320. width:250px;
  321. margin-left:-270px;
  322. margin-top:0px;
  323. margin-bottom:40px;
  324. position:fixed;
  325. overflow:scroll;
  326. overflow-x:hidden;
  327. height:385px;
  328. -webkit-mask-image: -webkit-gradient( linear, center 70%, center bottom, from(rgba(0,0,0,10)), to(rgba(10,0,0,0)));
  329. }
  330.  
  331. #entries img {
  332. height:auto;
  333. max-width:100%;
  334.  
  335. }
  336.  
  337.  
  338. #photoset {
  339. -webkit-filter: grayscale(90%);
  340. z-index: -9999999999999999999999999px;
  341. -webkit-transition: all 0.9s ease-in-out;
  342. -moz-transition: all 0.9s ease-in-out;
  343. -o-transition: all 0.9s ease-in-out;
  344. -ms-transition: all 0.9s ease-in-out;
  345. transition: all 0.9s ease-in-out;
  346. border:none;
  347. opacity:.6;
  348. }
  349.  
  350. #photoset:hover{
  351. -webkit-filter: grayscale(0%);
  352. z-index: -9999999999999999999999999px;
  353. -webkit-transition: all 0.9s ease-in-out;
  354. -moz-transition: all 0.9s ease-in-out;
  355. -o-transition: all 0.9s ease-in-out;
  356. -ms-transition: all 0.9s ease-in-out;
  357. transition: all 0.9s ease-in-out;
  358. opacity:1;
  359. }
  360.  
  361.  
  362. #sidebar {
  363. color:{color:text};
  364. position:fixed;
  365. width:100px;
  366. height:auto;
  367. margin-top:235px;
  368. margin-left:250px;
  369. text-align:left;
  370. }
  371.  
  372. #sidebarimage img {
  373. width:200px;
  374. margin-top:-10px;
  375. margin-bottom:0px;
  376. margin-left:-9px;
  377. }
  378.  
  379. #links {
  380. left:50%;
  381. z-index:111000;
  382. position:absolute;
  383. position:fixed;
  384. font-family: 'lora', serif;
  385. margin-top:178px;
  386. margin-left:-54px;
  387. font-size:26px;
  388. width:217px;
  389. text-transform:uppercase;
  390. text-align:center;
  391. }
  392.  
  393. #link1 {
  394. margin-top:0px;
  395. margin-left:0px;
  396. -ms-transform: rotate(7deg);
  397. -webkit-transform: rotate(7deg);
  398. transform: rotate(7deg);
  399. }
  400.  
  401. #link2 {
  402. margin-top:0px;
  403. margin-left:35px;
  404. font-size:35px;
  405. -ms-transform: rotate(-17deg);
  406. -webkit-transform: rotate(-17deg);
  407. transform: rotate(-17deg);
  408. }
  409.  
  410. #link3 {
  411. margin-top:0px;
  412. margin-left:0px;
  413. font-size:20px;
  414. -ms-transform: rotate(20deg);
  415. -webkit-transform: rotate(20deg);
  416. transform: rotate(20deg);
  417. }
  418.  
  419. #link4 {
  420. margin-top:10px;
  421. margin-left:9px;
  422. font-size:27px;
  423. -ms-transform: rotate(-43deg);
  424. -webkit-transform: rotate(-43deg);
  425. transform: rotate(-43deg);
  426. }
  427.  
  428. #link5 {
  429. margin-top:-20px;
  430. margin-left:39px;
  431. font-size:18px;
  432. -ms-transform: rotate(11deg);
  433. -webkit-transform: rotate(11deg);
  434. transform: rotate(11deg);
  435. }
  436.  
  437. #links img {
  438. opacity:1;
  439. }
  440.  
  441. #links a{
  442. color:{color:main link};
  443. text-decoration:none;
  444. -webkit-filter: blur(0px);
  445. -moz-filter: blur(0px);
  446. -o-filter: blur(0px);
  447. -ms-filter: blur(0px);
  448. filter: blur(0px);
  449. -moz-transition-duration:.7s;
  450. -webkit-transition-duration:.7s;
  451. -o-transition-duration:.7s;
  452. }
  453.  
  454. #links a:hover {
  455. -webkit-filter: blur(3px);
  456. -moz-filter: blur(3px);
  457. -o-filter: blur(3px);
  458. -ms-filter: blur(3px);
  459. filter: blur(3px);
  460. color:{color:main link};
  461. -moz-transition-duration:0.7s;
  462. -webkit-transition-duration:0.7s;
  463. -o-transition-duration:0.7s;
  464. }
  465.  
  466.  
  467.  
  468.  
  469.  
  470.  
  471. #description {
  472. left:50%;
  473. position:fixed;
  474. width:200px;
  475. font-family:garamond;
  476. margin-top:150px;
  477. margin-left:90px;
  478. text-align:justify;
  479. font-size:9px;
  480. color: {color:text};
  481. letter-spacing:0px;
  482. line-height:130%;
  483. -moz-transition-duration:1s;
  484. -webkit-transition-duration:1s;
  485. -o-transition-duration:1s;
  486. }
  487.  
  488. #description a {
  489. color:{color:link};
  490. }
  491.  
  492. #description a:hover {
  493. color:{color:link hover};
  494. }
  495.  
  496. .sidebartitle {
  497. width:210px;
  498. text-align:center;
  499. position:fixed;
  500. font-family:arial;
  501. line-height:120%;
  502. margin-left:-13px;
  503. font-size:13px;
  504. margin-top:10px;
  505. color:{color:title};
  506. }
  507.  
  508. #pagination {
  509. left:50%;
  510. font-family:cambria;
  511. width:210px;
  512. font-size:23px;
  513. margin-top:90px;
  514. margin-left:-125px;
  515. padding-left:5px;
  516. letter-spacing:1px;
  517. font-style:normal;
  518. text-align:center;
  519. font-weight:bold;
  520. }
  521.  
  522. #pagination a {
  523. color:{color:main link};
  524. }
  525.  
  526. #pagination a:hover {
  527. color:{color:main link};
  528. -webkit-filter: blur(3px);
  529. -moz-filter: blur(3px);
  530. -o-filter: blur(3px);
  531. -ms-filter: blur(3px);
  532. filter: blur(3px);
  533. }
  534.  
  535. #info {
  536. font-family:calibri;
  537. width:auto;
  538. margin-top:-7px;
  539. padding-top:1px;
  540. font-size:12px;
  541. padding:0px;
  542. color:{color:link};
  543. text-transform:uppercase;
  544. font-style:normal;
  545. text-align:right;
  546. margin-bottom:10px;
  547. -moz-transition-duration:0.5s;
  548. -webkit-transition-duration:0.5s;
  549. -o-transition-duration:0.5s;
  550. }
  551.  
  552. #info a {
  553. color:{color:link};
  554. font-style:normal;
  555. padding-right:0px;
  556. font-weight:normal;
  557. padding:5px;
  558. }
  559.  
  560. #info a:hover {
  561. -webkit-filter: blur(3px);
  562. -moz-filter: blur(3px);
  563. -o-filter: blur(3px);
  564. -ms-filter: blur(3px);
  565. filter: blur(3px);
  566. }
  567.  
  568. .tags {
  569. border-left:double 1px #7d7f7f;
  570. border-top:double 1px #7d7f7f;
  571. border-right:double 1px #7d7f7f;
  572. background:{color:question};
  573. background-image:url('http://static.tumblr.com/glhoi3r/RL6o200h8/untitled-2.png');
  574. margin-top:10px;
  575. color:{color:link};
  576. font-family:calibri;
  577. font-style:normal;
  578. width:auto;
  579. text-transform:normal;
  580. font-style:normal;
  581. line-height:120%;
  582. padding:10px;
  583. margin-bottom:-10px;
  584. font-size:10px;
  585. text-align:center;
  586. -moz-transition-duration:0.4s;
  587. -webkit-transition-duration:0.4s;
  588. -o-transition-duration:0.4s;
  589. }
  590. .tags a{
  591. color:{color:link};
  592. -moz-transition-duration:0.4s;
  593. -webkit-transition-duration:0.4s;
  594. -o-transition-duration:0.4s;
  595. }
  596. .tags a:hover{
  597. color:{color:link hover};
  598. -moz-transition-duration:0.4s;
  599. -webkit-transition-duration:0.4s;
  600. -o-transition-duration:0.4s;
  601. }
  602.  
  603. #dots{
  604. border-top:1px solid #7d7f7f;
  605. margin-top:10px;
  606. }
  607.  
  608.  
  609. .audio{
  610. background-color:#fff;
  611. height:65px;
  612. overflow:hidden;
  613. color:#888;
  614. }
  615.  
  616. #ask {
  617. padding-top:10px;
  618. font-size:15px;
  619. margin-top:0px;
  620. padding-right:15px;
  621. text-align:right;
  622. color:{color:link};
  623. font-family: 'petit formal script', cursive;
  624. }
  625.  
  626. #ask a{
  627. color:{color:link};
  628. }
  629.  
  630. #ask a:hover{
  631. letter-spacing:2px;
  632. -webkit-filter: blur(0px);
  633. -moz-filter: blur(0px);
  634. -o-filter: blur(0px);
  635. -ms-filter: blur(0px);
  636. filter: blur(0px);
  637. }
  638.  
  639. #question{
  640. background-color:{color:question};
  641. border-top:solid 1px {color:question};
  642. color:{color:text};
  643. padding:10px;
  644. margin-top:-3px;
  645. }
  646.  
  647. #question a{
  648. background-color:none;
  649. }
  650.  
  651. #credit {
  652. color:#fff;
  653. font-size:10px;
  654. font-family:cambria;
  655. letter-spacing:1px;
  656. -moz-transition-duration:0.5s;
  657. -webkit-transition-duration:0.5s;
  658. -o-transition-duration:0.5s;
  659. }
  660.  
  661. #credit a {
  662. color:#fff;
  663. padding:5px;
  664. padding-top:9px;
  665. padding-bottom:9px;
  666. position:fixed;
  667. right:15px;
  668. bottom:10px
  669.  
  670. }
  671.  
  672. #credit a:hover {
  673. opacity:0;
  674. }
  675.  
  676. .popup_block{
  677. display:none;
  678. background:url('http://static.tumblr.com/glhoi3r/BT3o200sh/4.png');
  679. padding:20px;
  680. float:left;
  681. position:fixed;
  682. top:50%;left:50%;
  683. z-index: 9999999999;
  684. height:300px;
  685. overflow:hidden;
  686. background-repeat:no-repeat;
  687. }
  688.  
  689. *html #fade {position: absolute;}
  690. *html .popup_block {position: absolute;}
  691. #fade {
  692. display:none;
  693. position:fixed;
  694. left:0px;
  695. top:0px;
  696. width:100%;
  697. height:100%;
  698. z-index:9999;
  699. background:#000; /* change to #fff for solid white */
  700. opacity:.5; /* change to opacity:1; */
  701. }
  702.  
  703. #text {
  704. top:50%;
  705. left:50%;
  706. margin-top:-17px;
  707. margin-left:33px;
  708. width:230px;
  709. height:239px;
  710. padding-top:10px;
  711. padding-right:8px;
  712. overflow:scroll;
  713. text-align:justify;
  714. }
  715.  
  716. #tabbers {
  717. top:50%;
  718. left:50%;
  719. margin-left:-180px;
  720. margin-top:-30px;
  721. padding-bottom:10px;
  722. }
  723.  
  724. .popup_block h2 {
  725. text-shadow:0px 0px 1px #fff;
  726. text-align:right;
  727. top:50%;
  728. left:50%;
  729. margin-top:5px;
  730. margin-right:25px;
  731. font-family:'petit formal script', cursive;
  732. font-size:19px;
  733. color:{color:text};
  734. z-index:99999999999999;
  735. }
  736.  
  737. #box1 {
  738. background:none;
  739. -webkit-box-shadow: none; /* delete for solid white */
  740. -moz-box-shadow: none; /* delete for solid white */
  741. box-shadow: none; /* delete for solid white */
  742. height:300px;
  743. }
  744.  
  745. #box6 {
  746. background:{color:background color};
  747. height:80px;
  748. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  749. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  750. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  751. }
  752.  
  753. #box3 img {
  754. padding-right:10px;
  755. }
  756.  
  757. #navitags {
  758. top:50%;
  759. left:50%;
  760. text-align:center;
  761. width:320px;
  762. margin-left:-20px;
  763. margin-top:-30px;
  764. }
  765.  
  766. #navitags a{
  767. color:{color:link};
  768. text-shadow:none;
  769. font-weight:bold;
  770. margin-left:20px;
  771. text-align:center;
  772. display:inline-table;
  773. padding-bottom:20px;
  774. margin-top:30px;
  775. padding:7px;
  776. font-size:12px;
  777. width:90px;
  778. border-bottom:1px solid {color:link};
  779. -webkit-transition: all 0.4s ease-in-out;
  780. -moz-transition: all 0.4s ease-in-out;
  781. -o-transition: all 0.4s ease-in-out;
  782. -ms-transition: all 0.4s ease-in-out;
  783. transition: all 0.4s ease-in-out;
  784.  
  785. }
  786.  
  787. #navitags a:hover{
  788. letter-spacing:1.5px;
  789. -webkit-transition: all 0.4s ease-in-out;
  790. -moz-transition: all 0.4s ease-in-out;
  791. -o-transition: all 0.4s ease-in-out;
  792. -ms-transition: all 0.4s ease-in-out;
  793. transition: all 0.4s ease-in-out;
  794. }
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803. /* PUT THIS BETWEEN < style type="text/css"> AND < /style> */
  804.  
  805. #updatestab {
  806. /* UPDATES TAB BY: MARIESTHEMES.TUMBLR.COM
  807. DO NOT REMOVE THIS CREDIT, EDIT AS MUCH AS YOU LIKE */
  808. height:15px;
  809. width:114px;
  810. left:0px;
  811. top:10px;
  812. z-index:999999;
  813. position:fixed;}
  814. #updatestab:hover {
  815. height:auto;}
  816.  
  817. .updatescontent {
  818. width:100px;
  819. height:auto;
  820. margin-left:-110px;
  821. padding:10px 5px 14px 5px;
  822. font-size:7px; /* CHANGE THE FONT SIZE */
  823. letter-spacing:1px; /* CHENGE THE LETTER SPACING*/
  824. font-family:tahoma; /* CHANGE THE FONT */
  825. line-height:1.15; /* CHAGE THE LINE HEIGHT */
  826. text-transform:uppercase; /* UPPERCASE OR LOWERCASE */
  827. color:#fff; /* TEXT COLOR */
  828.  
  829. text-align:center;
  830. background-color:transparent;
  831. -webkit-transition:all 0.6s ease-out;
  832. -moz-transition:all 0.6s ease-out;
  833. transition:all 0.6s ease-out;}
  834. #updatestab:hover .updatescontent {
  835. margin-left:4px;
  836. -webkit-transition:all 0.6s ease-out;
  837. -moz-transition:all 0.6s ease-out;
  838. transition:all 0.6s ease-out;}
  839.  
  840. .updatesheadline {
  841. padding:3px 5px;
  842. font-size:7px; /* CHANGE THE TITLE FONT SIZE */
  843. letter-spacing:1px; /* CHENGE THE TITLE LETTER SPACING*/
  844. font-family:tahoma; /* CHANGE THE TITLE FONT */
  845. text-transform:uppercase; /* TITLE UPPERCASE OR LOWERCASE */
  846. color:{color:link}; /* UN-HOVER TITLE TEXT COLOR */
  847. background-color:transparent; /* UN-HOVER TITLE BACKGROUND COLOR */
  848. border-left:11px solid transparent; /* UN-HOVER TITLE BORDER COLOR */
  849. -webkit-transition:all 0.7s ease-out;
  850. -moz-transition:all 0.7s ease-out;
  851. transition:all 0.7 ease-out;}
  852.  
  853. #updatestab:hover .updatesheadline {
  854. color:{color:link}; /* HOVER TITLE TEXT COLOR */
  855. background-color:transparent; /* HOVER TITLE BACKGROUND COLOR */
  856. border-left:11px solid transparent; /* HOVER TITLE BORDER COLOR */
  857. -webkit-transition:all 0.4s ease-out;
  858. -moz-transition:all 0.4s ease-out;
  859. transition:all 0.4s ease-out;}
  860.  
  861. .big { /* YOU DON'T HAVE TO USE THESE IF YOU DON'T WANT TO */
  862. font-size:7px;
  863. letter-spacing:1px;
  864. font-family:tahoma;
  865. line-height:1.15;
  866. text-transform:uppercase;}
  867.  
  868. .bodytext { /* YOU DON'T HAVE TO USE THESE IF YOU DON'T WANT TO */
  869. font-family:arial;
  870. font-size:8px;
  871. letter-spacing:1px;
  872. text-transform:none;
  873. text-align:justify;
  874. line-height:1.15;}
  875.  
  876.  
  877.  
  878. {CustomCSS}</style></head><body>
  879.  
  880. <!-- PUT THIS BETWEEN < body> and < /body> -->
  881.  
  882. <div id="updatestab">
  883. <div class="updatesheadline">hover <i>!</i></div>
  884. <div class="updatescontent">
  885.  
  886. <!-- WRITE YOUR UPDATES BETWEEN THIS -->
  887.  
  888. <div class="big">Lorem ipsum</div></p>
  889.  
  890. <div class="bodytext">dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  891.  
  892. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
  893.  
  894. <!-- AND THIS -->
  895. </div>
  896. </div>
  897.  
  898.  
  899.  
  900.  
  901. <!---------POPUP BOXES------>
  902.  
  903. <!---ask box-->
  904. <div id="box1" class="popup_block">
  905. <iframe frameborder="0" height="250" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  906. </div>
  907.  
  908. </div></div></div></div></div></div></div></div></div></div>
  909. <!--ask box end-->
  910.  
  911.  
  912.  
  913. <div id="box2" class="popup_block">
  914.  
  915. <h2>header</h2>
  916.  
  917. <div id="text">
  918.  
  919. text goes here. <p>
  920.  
  921. </div>
  922.  
  923. </div></div></div></div></div></div></div></div></div></div>
  924.  
  925.  
  926.  
  927. <div id="box3" class="popup_block">
  928.  
  929. <h2>header</h2>
  930.  
  931. <div id="text">
  932.  
  933. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  934.  
  935. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  936.  
  937. </div></div></div></div></div></div></div></div></div></div>
  938.  
  939.  
  940.  
  941. <div id="box4" class="popup_block">
  942. <h2>navigation</h2>
  943. <div id="navitags">
  944.  
  945. <a href="/tagged/tag">tag.</a>
  946.  
  947. <a href="/tagged/tag">tag.</a>
  948.  
  949. <a href="/tagged/tag">tag.</a>
  950.  
  951. <a href="/tagged/tag">tag.</a>
  952.  
  953. <a href="/tagged/tag">tag.</a>
  954.  
  955. <a href="/tagged/tag">tag.</a>
  956.  
  957. <a href="/tagged/tag">tag.</a>
  958.  
  959. <a href="/tagged/tag">tag.</a>
  960.  
  961. </div>
  962.  
  963. </div></div></div></div></div></div></div></div></div></div>
  964.  
  965.  
  966.  
  967.  
  968. <!--------POPUP BOXES END---------->
  969.  
  970.  
  971. <div id="box6" class="popup_block">
  972.  
  973. <h1>credits</h1>
  974.  
  975. theme by <a href="http://hollywhoodthemes.tumblr.com" target="_blank">hollywhood</a>.<br>
  976. code customized by <a href="http://timeburdened.tumblr.com" target="_blank">bean</a>.<br>
  977. updates tab by <a href="http://sehuzn.tumblr.com/post/85822153083" target="_blank">mariesthemes</a>.<br>
  978.  
  979.  
  980.  
  981. </div></div></div></div></div></div></div></div></div></div>
  982.  
  983.  
  984. <div id="sidebar">
  985.  
  986. <!--<div id="sidebarimage">
  987. <a href="/"><img src="{image:sidebar}"></a></div>-->
  988.  
  989. <div class="sidebartitle">{text:sidebartitle}</div>
  990.  
  991. <div id="links">
  992. <div id="link1"><a href="{text:Link 1 url}" title="{text:Link 1}">1</a></div>
  993.  
  994. {block:ifpopupboxes}
  995. <div id="link2"><a href="#?w=300" rel="box1" class="poplight"title="{text:Link 2}">2</div>
  996. <div id="link3"><a href="#?w=300" rel="box2" class="poplight"title="{text:Link 3}">3</a></div>
  997. <div id="link4"><a href="#?w=300" rel="box3" class="poplight"title="{text:Link 4}">4</a></div>
  998. <div id="link5"><a href="#?w=300" rel="box4" class="poplight"title="{text:Link 5}">5</a></div>
  999.  
  1000. {/block:ifpopupboxes}
  1001.  
  1002. {block:ifnotpopupboxes}
  1003. <div id="link2"><a href="{text:Link 2 URL}"title="{text:Link 2}">2</a></div>
  1004. <div id="link3"><a href="{text:Link 3 URL}"title="{text:Link 3}">3</a></div>
  1005. <div id="link4"><a href="{text:Link 4 URL}"title="{text:Link 4}">4</a></div>
  1006. <div id="link5"><a href="{text:Link 5 URL}"title="{text:Link 5}">5</a></div>
  1007. {/block:ifnotpopupboxes}
  1008. </div>
  1009.  
  1010. <div id="description">
  1011.  
  1012. <div id="pagination">
  1013. <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>
  1014. </div></div></div>
  1015.  
  1016. <div id="entries">{block:Posts}<div id="post">
  1017.  
  1018. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1019.  
  1020. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500px">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1021.  
  1022. {block:Photoset}<div id="photoset"><center>{Photoset}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1023.  
  1024. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1025.  
  1026. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1027.  
  1028. {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}
  1029.  
  1030. {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}
  1031. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1032.  
  1033. {block:Video}<div id="photoset"><center>{Video-250}</center></div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1034.  
  1035. {block:Answer}<div id="ask">{Asker}</div> <div id="question">{Question}</div><br>{Answer}{/block:Answer}
  1036.  
  1037. {block:HasTags}
  1038. <div class="tags">
  1039. {block:Tags} <a href="{TagURL}">#{Tag}</a> &nbsp; {/block:Tags}</div>
  1040. {/block:HasTags}
  1041.  
  1042. <div id="dots"></div>
  1043.  
  1044.  
  1045. {block:Date}<div id="info">
  1046. <a title="{ShortMonth} {DayOfMonth}, {TimeAgo}" href="{Permalink}">╳</a>
  1047. {/block:Date}
  1048.  
  1049. {block:NoteCount}
  1050. <a title="{NoteCountWithLabel}" href="{Permalink}">╳</a>
  1051. {/block:NoteCount}
  1052.  
  1053. {block:RebloggedFrom}
  1054. <a title="via {ReblogParentName}" href="{ReblogParentURL}">╳</a>
  1055. {/block:RebloggedFrom}
  1056.  
  1057. {block:ContentSource}
  1058. <a title="src {SourceTitle}" href="{SourceURL}">╳</a>{/block:ContentSource}
  1059. {/block:RebloggedFrom}
  1060.  
  1061. <a href="{ReblogURL}"target="_blank" title="reblog">╳</a>
  1062. </div>
  1063.  
  1064.  
  1065.  
  1066.  
  1067.  
  1068. <div class="postnote">
  1069. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1070. </div>
  1071. </div>
  1072. {/block:Posts}
  1073.  
  1074. </div>
  1075. <div id="credit"><a href="#?w=150" rel="box6" class="poplight">HW</div>
  1076.  
  1077. </body>
  1078.  
  1079. </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!