API tools faq
paste
Advertisement
PalePsds

#17

PalePsds
Feb 16th, 2014
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.12 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en"><!--
  2. ♡ DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE
  3. ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ ·
  4. this is theme #17 by provacotive/pale-themes.
  5. ↪ please don't redistribute without proper credit,
  6. ↪ please don't take out the credit, i work super super hard on these and it would break my heart to see someone claim my work as theres.
  7. ↪ please don't use as a basecode without asking.
  8. if you have any questions, ask me.
  9. ↪ if you notice a bug in the theme, please please please contact me. it would really help alot.
  10. ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~ · ~
  11. ♡ DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE THIS ♡ DON'T DELETE
  12. --><!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16.  
  17. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  18.  
  19. <script>
  20.  
  21. (function($){
  22.  
  23. $(document).ready(function(){
  24.  
  25. $("a[title]").style_my_tooltips({
  26.  
  27. tip_follows_cursor:true,
  28.  
  29. tip_delay_time:90,
  30.  
  31. tip_fade_speed:600,
  32.  
  33. attribute:"title"
  34.  
  35. });
  36.  
  37. });
  38.  
  39. })(jQuery);
  40.  
  41. </script>
  42. <!--basic tooltip from tutorial-baby! Enjoy-->
  43. <style>
  44. .tooltip{
  45. display: inline;
  46. position: relative;
  47. }
  48. #s-m-t-tooltip {
  49. max-width:300px; /*how big the tooltip can be at most*/
  50. border-radius: 0px; /*change your border radius*/
  51. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  52. margin:20px 7px -2px 20px; /*distance from word*/
  53. background-color:#ffffff; /*background color*/
  54. border:1px solid #E0E0E0; /*border info*/
  55. font-family:calibri; /*tooltip font*/
  56. font-size:9px; /*tooltip font size*/
  57. letter-spacing:2px; /*tooltip letter spacing*/
  58. text-transform:uppercase; /*makes the tooltip title uppercase*/
  59. color:#000; /*tooltip font color*/
  60. z-index:999999999999999999999999999999999999;
  61. }
  62. </style>
  63.  
  64. <script type="text/javascript"
  65. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  66. <script>
  67. $(document).ready(function() {
  68. //
  69. $('a.poplight[href^=#]').click(function() {
  70. var popID = $(this).attr('rel'); //Get Popup Name
  71. var popURL = $(this).attr('href'); //Get Popup href to define size
  72. var query= popURL.split('?');
  73. var dim= query[1].split('&');
  74. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  75. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/de173d40e7b54341afe10ea91d24f128/tumblr_inline_mhrcphA2lx1qz4rgp.gif" class="btn_close" title="Close" alt="Close" /></a>');
  76. var popMargTop = ($('#' + popID).height() + 80) / 2;
  77. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  78. //Apply Margin to Popup
  79. $('#' + popID).css({
  80. 'margin-top' : -popMargTop,
  81. 'margin-left' : -popMargLeft
  82. });
  83. $('body').append('<div id="fade"></div>');
  84. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  85. return false;
  86. });
  87. $('a.close, #fade').live('click', function() {
  88. $('#fade , .popup_block').fadeOut(function() {
  89. $('#fade, a.close').remove(); //fade them both out
  90. });
  91. return false;
  92. });
  93. });
  94. </script>
  95. <script type="text/javascript">
  96. <!--
  97.  
  98. // Disable Right Click Script
  99.  
  100. function IE(e)
  101. {
  102. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  103. {
  104. return false;
  105. }
  106. }
  107. function NS(e)
  108. {
  109. if (document.layers || (document.getElementById && !document.all))
  110. {
  111. if (e.which == "2" || e.which == "3")
  112. {
  113. return false;
  114. }
  115. }
  116. }
  117. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  118.  
  119. //-->
  120. </script>
  121.  
  122.  
  123. <script type="text/javascript"
  124. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  125.  
  126. <!--DEFAULT VARIABLES-->
  127. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  128. <meta name="color:background" content="#fff"/>
  129. <meta name="color:link" content="#777"/>
  130. <meta name="color:text" content="#777"/>
  131. <meta name="color:title" content="#333"/>
  132. <meta name="color:hover" content="#fff"/>
  133. <meta name="image:sidebar" content="1"/>
  134. <meta name="image:background" content="1"/>
  135. <meta name="text:quote" content=""/>
  136. <meta name="color:stripe" content="#d4f4b5"/>
  137. <meta name="color:sidebar border" content="#ccfbe5"/>
  138. <meta name="color:links" content="b6edbc"/>
  139. <meta name="color:blogtitle" content="eee"/>
  140. <meta name="text:link one" content="feet one"/>
  141. <meta name="text:link 1 msg" content="link 1 msg"/>
  142. <meta name="text:link two" content="feet two"/>
  143. <meta name="text:link 2 msg" content="link 2 msg"/>
  144. <meta name="text:link three" content="feet three"/>
  145. <meta name="text:link 3 msg" content="link 3 msg"/>
  146. <meta name="text:link four" content="feet four"/>
  147. <meta name="text:link 4 msg" content="link 4 msg"/>
  148. <meta name="text:link five" content="feet five"/>
  149. <meta name="text:link 5 msg" content="link 5 msg"/>
  150. <meta name="color:borders" content="/"/>
  151. <meta name="color:link background" content="fff"/>
  152. <meta name="text:stats" content="/"/>
  153.  
  154.  
  155. <style type="text/css">
  156.  
  157. .popup_block{
  158. display: none;
  159. background-image: url(https://d3ui957tjb5bqd.cloudfront.net/images/screenshots/products/0/9/9830/seamless-backgrounds-03-f.jpg?1362928712);
  160. padding: 10px;
  161. font-family: calibri;
  162. float: left;
  163. font-size: 10px;
  164. position: fixed;
  165. top: 50%; left: 50%;
  166. z-index: 999999999999999999999999999999999999999999999999999999999999;
  167.  
  168. border: 5px solid #cfffcb;
  169. -moz-box-shadow: 0 0 5px #CFCFCF;
  170. -webkit-box-shadow: 0 0 5px #CFCFCF;
  171. -webkit-border-radius: 10px;
  172. -moz-border-radius: 10px;
  173. border-radius: 10px;
  174. }
  175. img.btn_close {
  176. float: right;
  177. margin: -5px -5px 0 0;
  178. }
  179. *html .popup_block {
  180. position: absolute;
  181. }
  182.  
  183.  
  184.  
  185. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  186.  
  187. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  188.  
  189. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  190.  
  191. ::-webkit-scrollbar-thumb{ background-color: {color:title}; border: 2px solid #fafafa; height:auto; -moz-border-radius: 10px; border-radius: 10px; }
  192.  
  193. ::-webkit-scrollbar { height:auto; width:9px; background-color: #cecece; border: 4px solid #fafafa; }
  194.  
  195.  
  196. ::selection {
  197. background: {color:title};
  198. color: #fff;
  199. }
  200. ::-moz-selection {
  201. background: {color:title};
  202. color: #fff;
  203. }
  204.  
  205.  
  206. div#qTip {
  207. z-index:999999999999999999999999;
  208. padding-left: 2px; padding-right: 3px;
  209. margin: 1px 0px 0px 10px;
  210. display: none;
  211. font: 10px calibri;
  212. text-align: center;
  213. position: absolute;
  214. letter-spacing: px;
  215. background: {color:title};
  216. color: white;
  217. text-transform: lowercase;
  218. font-style:italic;
  219. border:1px solid #fff;
  220. outline: 1px solid {color:title};
  221. }
  222.  
  223. .wrapper{
  224. margin: 0px auto;
  225. margin-left: 60px;
  226. }
  227. .header{
  228. float: left;
  229. width: 100%;
  230. }
  231.  
  232. .title{
  233. font-family: georgia;
  234. font-size: 14px;
  235. line-height: 15px;
  236. font-style:italic;
  237. margin-left:10px;
  238. color: {color:Title};
  239. font-weight: normal;
  240. }
  241.  
  242. body, a, a:hover { cursor:
  243. url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress;}
  244.  
  245. body {
  246. margin:0px;
  247. background-color: {color:Background};
  248. background-image:url({image:Background});
  249. background-attachment: fixed;
  250. background-size: repeat;}
  251. body, div, p, textarea, submit, input{
  252. font-family: calibri;
  253. font-size: 10.5px;
  254. line-height:12px;
  255. color:{color:Text};
  256. }
  257.  
  258. a:link, a:active, a:visited{
  259. text-decoration: none;
  260. -webkit-transition: color 0.3s ease-out;
  261. -moz-transition: color 0.3s ease-out;
  262. transition: color 0.3s ease-out;
  263. color: {color:Link};}
  264.  
  265. a:hover {
  266. : -webkit-transition-duration: 0.5s;
  267. color:{color:Hover};
  268. text-decoration:none;
  269. }
  270.  
  271. #stripe{
  272. opacity: .7;
  273. width:10px;
  274. position:fixed !important;
  275. text-align:center;
  276. top:0px;
  277. height:950px;
  278. left:50px;
  279. background-color:{color:stripe};
  280. box-shadow: 0px 0px 10px #999;
  281. -webkit-transform: rotate(0deg);
  282. -moz-transform: rotate(0deg);
  283. }
  284.  
  285. #stripe1{
  286. position:fixed;
  287. margin-top:-37px;
  288. z-index:999;
  289. margin-left:-550px;
  290. width:2000px;
  291. height:0px;
  292. background:{color:stripe};
  293. border:3px double white;
  294. z-index:99999;
  295. }
  296.  
  297. #lace {
  298. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  299. repeat:repeat-x;
  300. left:0;
  301. width:100%;
  302. margin-top: -35px;
  303. height:18px;
  304. position: fixed;
  305. z-index: 9999;
  306. opacity:1;
  307. }
  308.  
  309. .quote{
  310. width:1580px;
  311. margin-top:-80px;
  312. margin-left:-70px;
  313. padding:20px 0px 3px 0px;
  314. text-align:center;
  315. position:fixed;
  316. background:#fff;
  317. z-index:999;
  318. font-size:12px;
  319. line-height:20px;
  320. text-transform:uppercase;
  321. letter-spacing:3px;
  322. }
  323.  
  324.  
  325. div#center{
  326. margin:auto;
  327. position:relative;
  328. width:1000px;
  329. background-color:;
  330. overflow:auto;
  331. overflow-y:hidden;
  332. }
  333.  
  334. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  335. .entry {
  336. float:right;
  337. display: block;
  338. margin:10px;
  339. overflow:hidden;
  340. width:250px;
  341. opacity:0.9;
  342. border:10px double #eee;
  343. box-shadow: 0px 0px 5px #eee;
  344. border-radius: 5px;
  345. {block:PermalinkPage}
  346. width:500px;
  347. text-align:left;
  348. line-height:10px;
  349. {/block:PermalinkPage}
  350. background:white;
  351. background-image:URL();
  352. }
  353.  
  354. .entry:hover{
  355. opacity:1;
  356. transition: all .9s ease-out;
  357. -o-transition-transition: all .9s ease-out;
  358. -webkit-transition: all .9s ease-out;
  359. -moz-transition: all .9s ease-out;
  360. }
  361.  
  362. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  363. .entry .perma{
  364. width:170px;
  365. height:46px;
  366. margin-left:-30px;
  367. margin-top:90px;
  368. border:5px solid {color:stripe};
  369. border-radius:30px;
  370. position: absolute;
  371. line-height: 22px;
  372. font-family:"champagne";
  373. font-size:18px;
  374. overflow:hidden;
  375. text-align:center;
  376. top:0px;
  377. background:white;
  378. word-spacing:2px;
  379. letter-spacing:1px;
  380. opacity: 0.0;
  381. -webkit-transition: all .7s ease;
  382. -moz-transition: all .7s ease;
  383. -o-transition: all .7s ease;
  384. transition: all .7s ease;
  385. }
  386.  
  387. @font-face{font-family:'champagne';src:url('http://static.tumblr.com/ivdwr3j/44nmxsz39/champagne___limousines.ttf');}
  388.  
  389. .entry:hover .perma{
  390. overflow:visible;
  391. opacity:0.9;
  392. }
  393.  
  394. @font-face{font-family:'Little Bird';src:url('http://static.tumblr.com/ivdwr3j/M8qmxloid/little_bird.ttf');}
  395.  
  396. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  397. #posts {
  398. z-index: 1;
  399. width:700px;
  400. text-transform:uppercase;
  401. margin-top: 60px;
  402. margin-left:500px;
  403. margin-right: auto;
  404. position:relative;
  405. overflow-y: hidden;
  406. }
  407.  
  408.  
  409. /*CUSTOMIZE SIDEBAR HERE*/
  410. #sidebar{
  411. position:fixed !important;
  412. width:320px;
  413. height:420px;
  414. background:white;
  415. margin-top:100px;
  416. margin-left:-70px;
  417. text-align:center;
  418. opacity:1;
  419. z-index:99;
  420. }
  421. #sidebar:hover{
  422. border-radius:0px;
  423. background:{color:sidebar};
  424. border:7px double;
  425. padding: 9px;
  426. height: 410px;
  427. width:295px;
  428. transition: all 1s ease-out;
  429. -o-transition-transition: all 1s ease-out;
  430. -webkit-transition: all 1s ease-out;
  431. -moz-transition: all 1s ease-out;
  432. }
  433.  
  434. #sidebarimg{
  435. width: 300px;
  436. height: 300px;
  437. opacity: 1;
  438. -webkit-transition: all 0.7s ease;
  439. -moz-transition: all 0.7s ease;
  440. -o-transition: all 0.7s ease;
  441. }
  442.  
  443. #sidebar:hover #sidebarimg{
  444. transition: all 1s ease-out;
  445. -o-transition-transition: all 1s ease-out;
  446. -webkit-transition: all 1s ease-out;
  447. -moz-transition: all 1s ease-out;
  448. opacity:.70;
  449. -webkit-filter:blur(5px);
  450. filter:blur(5px);
  451. }
  452.  
  453. #desc{
  454. position:fixed;
  455. width: 250px;
  456. height: 90px;
  457. margin-top: -20px;
  458. margin-left: 8px;
  459. border: 2px solid;
  460. box-shadow: 0px 10px 15px;
  461. font-family: calibri;
  462. font-size: 13px;
  463. line-height: 16px;
  464. background:#fff;
  465. padding:9px;
  466. border-bottom:4px solid;
  467. border-radius:30px;
  468. opacity:0;
  469. -webkit-transition: all 1.3s ease;
  470. -moz-transition: all 1.3s ease;
  471. -o-transition: all 1.3s ease;
  472. } #sidebar:hover #desc{opacity:1;}
  473.  
  474.  
  475. #stats{
  476. position:fixed;
  477. width: 90px;
  478. height: 15px;
  479. margin-top: -170px;
  480. margin-left: 15px;
  481. border: 2px solid;
  482. box-shadow: 0px 10px 15px;
  483. font-family: blackjack;
  484. font-size: 18px;
  485. border-bottom:4px solid {color:borders};
  486. border-radius:30px;
  487. background:{color:link background};
  488. line-height: 16px;
  489. background:#fff;
  490. padding:9px;
  491. border-bottom:4px solid;
  492. border-radius:30px;
  493. opacity:0;
  494. -webkit-transition: all 1.3s ease;
  495. -moz-transition: all 1.3s ease;
  496. -o-transition: all 1.3s ease;
  497. } #sidebar:hover #stats{opacity:1;}
  498.  
  499. #updates{
  500. position:fixed;
  501. width: 90px;
  502. height: 15px;
  503. margin-top: -170px;
  504. margin-left: 170px;
  505. border: 2px solid;
  506. box-shadow: 0px 10px 15px;
  507. font-family: blackjack;
  508. font-size: 18px;
  509. border-bottom:4px solid {color:borders};
  510. border-radius:30px;
  511. background:{color:link background};
  512. line-height: 16px;
  513. background:#fff;
  514. padding:9px;
  515. border-bottom:4px solid;
  516. border-radius:30px;
  517. opacity:0;
  518. -webkit-transition: all 1.3s ease;
  519. -moz-transition: all 1.3s ease;
  520. -o-transition: all 1.3s ease;
  521. } #sidebar:hover #updates{opacity:1;}
  522.  
  523.  
  524.  
  525. @font-face { font-family: "blackjack"; src: url('http://static.tumblr.com/pwgdr2n/4yZlvpybp/black_jack_1_.ttf'); }
  526.  
  527. @font-face { font-family: "lace"; src: url('http://static.tumblr.com/ivdwr3j/QFcmxk70t/lace_1.0.otf'); }
  528.  
  529. #blogtitle {
  530. position:fixed;
  531. font-family:"little bird";
  532. font-size:38px;
  533. margin-top:390px;
  534. font-weight:500;
  535. color:{color:blogtitle};
  536. letter-spacing:-5px;
  537. } #sidebar:hover #blogtitle{opacity:0;}
  538.  
  539.  
  540. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  541. .title{
  542. line-height: 12px;
  543. color:{color:Title};
  544. font-weight: normal;
  545. }
  546.  
  547.  
  548. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  549. .permalink{
  550. text-transform: normal;
  551. display: block;
  552. text-align: right;
  553. text-decoration: none;
  554. }
  555.  
  556. @font-face{font-family:'Brain Flower';src:url('http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf');}
  557.  
  558.  
  559. #link1 {
  560. z-index:3;
  561. position:absolute;
  562. top:210px;
  563. opacity:0;
  564. left:5px;
  565. width:50px;
  566. height:52px;
  567. color:#000;
  568. font-family:brain flower;
  569. font-size:27px;
  570. padding-left:0px;
  571. border-bottom:4px solid {color:borders};
  572. border-radius:30px;
  573. background:{color:link background};
  574. line-height:14px;
  575. letter-spacing:4px;
  576. text-align:center;
  577. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  578. transition: all 0.7s ease-out;
  579. -o-transition-transition: all 0.7s ease-out;
  580. -webkit-transition: all 0.7s ease-out;
  581. -moz-transition: all 0.7s ease-out;
  582. }
  583.  
  584. #sidebar:hover #link1{
  585. opacity:6;
  586. }
  587.  
  588.  
  589. #link2 {
  590. z-index:3;
  591. position:absolute;
  592. top:210px;
  593. opacity:0;
  594. left:65px;
  595. width:50px;
  596. height:52px;
  597. color:#000;
  598. font-family:brain flower;
  599. font-size:27px;
  600. padding-left:0px;
  601. line-height:14px;
  602. letter-spacing:4px;
  603. border-bottom:4px solid {color:borders};
  604. border-radius:30px;
  605. background:{color:link background};
  606. text-align:center;
  607. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  608. transition: all 0.7s ease-out;
  609. -o-transition-transition: all 0.7s ease-out;
  610. -webkit-transition: all 0.7s ease-out;
  611. -moz-transition: all 0.7s ease-out;
  612. }
  613.  
  614. #sidebar:hover #link2{
  615. opacity:2;
  616. }
  617.  
  618. #link3 {
  619. z-index:3;
  620. position:absolute;
  621. top:210px;
  622. opacity:0;
  623. left:127px;
  624. width:50px;
  625. height:52px;
  626. color:#000;
  627. font-family:brain flower;
  628. font-size:27px;
  629. padding-left:0px;
  630. line-height:14px;
  631. border-bottom:4px solid {color:borders};
  632. border-radius:30px;
  633. background:{color:link background};
  634. letter-spacing:4px;
  635. text-align:center;
  636. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  637. transition: all 0.7s ease-out;
  638. -o-transition-transition: all 0.7s ease-out;
  639. -webkit-transition: all 0.7s ease-out;
  640. -moz-transition: all 0.7s ease-out;
  641. }
  642.  
  643.  
  644. #sidebar:hover #link3{
  645. opacity:2;
  646. }
  647.  
  648.  
  649. #link4 {
  650. z-index:3;
  651. position:absolute;
  652. top:210px;
  653. opacity:0;
  654. left:190px;
  655. width:50px;
  656. height:52px;
  657. color:#000;
  658. font-family:brain flower;
  659. font-size:27px;
  660. border-bottom:4px solid {color:borders};
  661. border-radius:30px;
  662. background:{color:link background};
  663. padding-left:0px;
  664. line-height:14px;
  665. letter-spacing:4px;
  666. text-align:center;
  667. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  668. transition: all 0.7s ease-out;
  669. -o-transition-transition: all 0.7s ease-out;
  670. -webkit-transition: all 0.7s ease-out;
  671. -moz-transition: all 0.7s ease-out;
  672. }
  673.  
  674. #sidebar:hover #link4{
  675. opacity:2;
  676. }
  677.  
  678.  
  679. #link5 {
  680. z-index:3;
  681. position:absolute;
  682. top:210px;
  683. opacity:0;
  684. left:255px;
  685. width:50px;
  686. height:52px;
  687. color:#000;
  688. font-family:brain flower;
  689. font-size:27px;
  690. padding-left:0px;
  691. line-height:14px;
  692. letter-spacing:4px;
  693. border-bottom:4px solid {color:borders};
  694. border-radius:30px;
  695. background:{color:link background};
  696. text-align:center;
  697. text-shadow: -1px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -1px #fff;
  698. transition: all 0.7s ease-out;
  699. -o-transition-transition: all 0.7s ease-out;
  700. -webkit-transition: all 0.7s ease-out;
  701. -moz-transition: all 0.7s ease-out;
  702. }
  703.  
  704. #sidebar:hover #link5{
  705. opacity:2;
  706. }
  707.  
  708. #banner {
  709. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  710. repeat:repeat-x;
  711. width:340px;
  712. margin-top:120px;
  713. margin-left:-10px;
  714. height:18px;
  715. position: fixed;
  716. z-index: 99;
  717. opacity:1;
  718. } #sidebar:hover #banner{opacity:0;}
  719.  
  720. #banner2 {
  721. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  722. repeat:repeat-x;
  723. width:430px;
  724. margin-top:-100px;
  725. margin-left:105px;
  726. height:18px;
  727. position: fixed;
  728. z-index: 99;
  729. opacity:1;
  730. -webkit-transform: rotate(1350deg);
  731. } #sidebar:hover #banner2{opacity:0;}
  732.  
  733. #banner3 {
  734. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  735. repeat:repeat-x;
  736. width:430px;
  737. margin-top:-100px;
  738. margin-left:-225px;
  739. height:20px;
  740. position: fixed;
  741. z-index: 99;
  742. opacity:99;
  743. -webkit-transform: rotate(-1350deg);
  744. }#sidebar:hover #banner3{opacity:0;}
  745.  
  746. #banner4 {
  747. z-index:7;
  748. background-image:url('http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png');
  749. repeat:repeat-x;
  750. width:340px;
  751. margin-top:-315px;
  752. margin-left:-15px;
  753. height:18px;
  754. position: fixed;
  755. z-index: 99;
  756. opacity:99;
  757. -webkit-transform: rotate(540deg);
  758. } #sidebar:hover #banner4{opacity:0;}
  759.  
  760. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  761. #infscr-loading{
  762. bottom: -70px;
  763. position: absolute;
  764. left: 50%;
  765. margin-left:-8px;
  766. width:16px;
  767. height:11px;
  768. overflow:hidden;
  769. margin-bottom: 50px;
  770. }
  771.  
  772. #postnotes{
  773. text-align: justify;}
  774.  
  775. #postnotes blockquote{
  776. border: 0px;}
  777.  
  778. blockquote{
  779. padding:0px 0px 2px 5px;
  780. margin:0px 0px 2px 10px;
  781. border-left: 1px dotted #555555;
  782. }
  783.  
  784. blockquote p, ul{
  785. margin:0px;
  786. padding:0px;
  787. }
  788.  
  789. a img{border: 0px;}
  790.  
  791.  
  792. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  793.  
  794. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  795. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  796.  
  797. .notes img{width:10px; position:relative; top:3px;}
  798. <--ses-->
  799. small{font-size: 90%;}
  800.  
  801. {CustomCSS}
  802.  
  803. </style>
  804.  
  805. {block:IndexPage}
  806. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  807. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  808.  
  809. <script type="text/javascript">
  810. $(window).load(function(){
  811. var $wall = $('#posts');
  812. $wall.imagesLoaded(function(){
  813. $wall.masonry({
  814. itemSelector: '.entry, .entry_photo',
  815. isAnimated : false
  816. });
  817. });
  818.  
  819. $wall.infinitescroll({
  820. navSelector : '#pagination',
  821. nextSelector : '#pagination a',
  822. itemSelector : '.entry, .entry_photo',
  823. bufferPx : 2000,
  824. debug : false,
  825. errorCallback: function() {
  826. $('#infscr-loading').fadeOut('normal');
  827. }},
  828. function( newElements ) {
  829. var $newElems = $( newElements );
  830. $newElems.hide();
  831. $newElems.imagesLoaded(function(){
  832. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  833. });
  834. }); $('#posts').show(500);
  835. });
  836. </script>
  837.  
  838.  
  839. {/block:IndexPage}
  840.  
  841.  
  842. <title>{title}</title>
  843.  
  844. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl60co5Uk1qfamg6.gif" />
  845. <meta name="viewport" content="width=820" />
  846. </head>
  847.  
  848. <body>
  849. <BODY onselectstart="return false;" ondragstart="return false;">
  850. <div class="wrapper">
  851. <div class="header">
  852. <div class="quote">{text:quote}</div>
  853. <div id="stripe"></div>
  854. <div id="stripe1"></div>
  855. <div id="lace"></div>
  856. </div>
  857.  
  858. <div id="cage">
  859. <div id="center">
  860.  
  861. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  862. <div id="sidebar">
  863. <div id="blogtitle">{title}</div>
  864. <center>
  865. <div id="sidebarimg"><img src="{image:sidebar}" style="height: 410px; width: 310px; margin-top:5px; margin-left: -10px;"></a></div>
  866. <div id="banner"></div>
  867. <div id="banner2"></div>
  868. <div id="banner3"></div>
  869. <div id="banner4"></div>
  870. <div id="stats">{text:stats}</div>
  871. <div id="updates"><a href="#?w=500" rel="02" class="poplight">Updates</a></div>
  872. <div id="desc">{description}</div>
  873. <div id="link1"><a href="{text:link one}" title="{text:link 1 msg}"><Br><img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/home.png" style="height: 40px;width:40;margin-top:-10px">
  874. </a> </div>
  875. <div id="link2"><a href="{text:link two}"title="{text:link 2 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/mail.png" style="height: 40px;width:40;margin-top:-10px">
  876. </a> </div>
  877. <div id="link3"><a href="{text:link three}"title="{text:link 3 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/add.png" style="height: 40px;width:40;margin-top:-10px">
  878. </a> </div>
  879. <div id="link4"><a href="{text:link four}"title="{text:link 4 msg}"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/users.png" style="height: 40px;width:40;margin-top:-10px">
  880. </a> </div>
  881. <div id="link5"><a href="http://ravishing.co.vu"title="Theme"><br> <img src="https://cdn1.iconfinder.com/data/icons/49handdrawing/24x24/computer.png" style="height: 40px;width:40;margin-top:-10px">
  882. </a> </div>
  883. </center>
  884. </div></div>
  885. <!------------------------------------->
  886.  
  887.  
  888. <div class="left">
  889. <div id="posts">
  890. {block:Posts}
  891. <div class="entry">
  892.  
  893. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  894.  
  895. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  896. {/block:Text}
  897.  
  898. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  899.  
  900. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  901.  
  902. {block:Photo}
  903. {block:IndexPage}
  904. <center>
  905. <div class="perma">
  906. <a href="{ReblogURL}" target="_blank"> reblog </a> <br>
  907. <a href="{permalink">{notecount} notes</a></div>
  908.  
  909. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  910. {/block:IndexPage}
  911. {block:PermalinkPage}
  912. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  913.  
  914. {LinkCloseTag}
  915. {/block:PermalinkPage}
  916. {/block:Photo}
  917.  
  918. {block:Photoset}
  919. {block:IndexPage}
  920. <center>
  921.  
  922. <div class="perma">
  923. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  924.  
  925. {Photoset-250}</center>
  926. {/block:IndexPage}
  927. {block:PermalinkPage}
  928. <center>
  929. {Photoset-500}</center>
  930. {/block:PermalinkPage}
  931. {/block:Photoset}
  932.  
  933. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  934.  
  935. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  936.  
  937. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  938. <ul class="chat">
  939. {block:Lines}
  940. <li class="user_{UserNumber}">
  941. {block:Label}
  942. <span class="label">{Label}</span>
  943. {/block:Label}
  944.  
  945. {Line}
  946. </li>
  947. {/block:Lines}
  948. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  949. {/block:Chat}
  950.  
  951. {block:Audio}
  952. <div style="width:200px; height:30px;">
  953. {AudioPlayerBlack}
  954. </div>
  955. {block:IndexPage}<span class="permalink">
  956. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  957. </span>{/block:IndexPage}
  958. {/block:Audio}
  959.  
  960. {block:Video}
  961. {block:IndexPage}
  962. <center>
  963. <div class="perma">
  964. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  965. {Video-250}</center>
  966. {/block:IndexPage}
  967. {block:PermalinkPage}
  968. <center>
  969. {Video-400}</center>
  970. {/block:PermalinkPage}
  971. {block:Video}
  972.  
  973.  
  974. {block:PostNotes}<div align="middle">{caption}</div>
  975. <center>
  976.  
  977. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  978.  
  979. {block:HasTags}
  980. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  981. {block:RebloggedFrom}
  982. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  983. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  984.  
  985. {/block:RebloggedFrom}
  986. </center></span>
  987. <br>
  988. <div id="postnotes">{PostNotes}</div><br>
  989.  
  990. <center>{block:ContentSource}
  991. <br><a href="{SourceURL}">
  992. {lang:Source}:
  993. {block:SourceLogo}
  994. <img src="{BlackLogoURL}" width="{LogoWidth}"
  995. height="{LogoHeight}" alt="{SourceTitle}" />
  996. {/block:SourceLogo}
  997. {block:NoSourceLogo}
  998. {SourceLink}
  999. {/block:NoSourceLogo}
  1000. </a>
  1001. {/block:ContentSource}</center>
  1002.  
  1003. {/block:PostNotes}
  1004. </div>
  1005. {/block:Posts}
  1006. </div></div>
  1007.  
  1008. {block:IndexPage}
  1009. {block:Pagination}
  1010. <div id="pagination">
  1011. {block:NextPage}
  1012. <a id="nextPage" href="{NextPage}"></a>
  1013. {/block:NextPage}
  1014. {block:PreviousPage}
  1015. <a href="{PreviousPage}"></a>
  1016. {/block:PreviousPage}
  1017. </div>
  1018. {/block:Pagination}
  1019. {/block:IndexPage}
  1020. </body>
  1021.  
  1022. <div id="02" class="popup_block">
  1023.  
  1024. <center><div style="font-family:blackjack; color: #fff; font-size: 55px; letter-spacing: 0px; background: dfg; margin-left:-20px; ;width:340px;height: 30px; line-height: 50px;;border-radius:0px;text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;">Updates<br></center><br><br>
  1025.  
  1026. <div style="font-family: calibri; font-size: 14px; line-height: 15px;"
  1027. <br><br><br>
  1028. TYPE YOUR UPDATES HERE. IF YOU DON'T KNOW HOW, READ BELOW <BR/>
  1029. go into your edit html place, and hold down CTRL + F if your on PC or Command + F if your on mac. <br/>
  1030. a little search box should come up. type in "type updates here" without the quotes and edit this. enjoy!
  1031. </center>
  1032.  
  1033.  
  1034. </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!