API tools faq
paste
Advertisement
debz6789

Deborah's Theme 7 (sleeping-stfu)

debz6789
Feb 8th, 2014
261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.04 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 7 by Deborah (sleeping-stfu.tumblr.com)
  3. You MUST keep the credit or else i will hunt you down and report you. I worked really hard on this theme and taking off the credit is rude.
  4. You may edit this to your liking, just remember to credit me and do not post it publically without my consent :)
  5. Also, do not remove this credit from the html k thanks ily bye mwah :*
  6. -->
  7.  
  8. <html lang="en">
  9. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. $('a.poplight[href^=#]').click(function() {
  19. var popID = $(this).attr('rel'); //Get Popup Name
  20. var popURL = $(this).attr('href'); //Get Popup href to define size
  21. var query= popURL.split('?');
  22. var dim= query[1].split('&');
  23. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  24. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://cdn1.iconfinder.com/data/icons/bwpx/icons/symbol_multiplication.gif" class="btn_close" title="Close" alt="Close" /></a>');
  25. var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. //Apply Margin to Popup
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade , .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove(); //fade them both out
  39. });
  40. return false;
  41. });
  42. });
  43.  
  44. </script>
  45.  
  46.  
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("a[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script type="text/javascript">
  63. <!--
  64.  
  65. // Disable Right Click Script
  66.  
  67. function IE(e)
  68. {
  69. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  70. {
  71. return false;
  72. }
  73. }
  74. function NS(e)
  75. {
  76. if (document.layers || (document.getElementById && !document.all))
  77. {
  78. if (e.which == "2" || e.which == "3")
  79. {
  80. return false;
  81. }
  82. }
  83. }
  84. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  85.  
  86. //-->
  87. </script>
  88.  
  89.  
  90. <script type="text/javascript"
  91. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  92.  
  93. <!--DEFAULT VARIABLES-->
  94. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  95. <meta name="color:background" content="#fff"/>
  96. <meta name="color:link" content="#d65871"/>
  97. <meta name="color:text" content="#0a0a0a"/>
  98. <meta name="color:title" content="#ef899d"/>
  99. <meta name="color:hover" content="#bd1a3a"/>
  100. <meta name="color:sideback" content="#ffc2ce"/>
  101. <meta name="color:sideback2" content="#ef899d"/>
  102. <meta name="color:answer" content="#ffeff2"/>
  103.  
  104. <meta name="image:sidebar" content="1"/>
  105. <meta name="image:background" content="1"/>
  106. <meta name="image:cover" content="1"/>
  107. <meta name="image:postsbg" content="1"/>
  108. <meta name="image:pic1" content="1"/>
  109. <meta name="image:pic2" content="1"/>
  110.  
  111. <meta name="text:titlee" content="Happy Valentines!">
  112. <meta name="text:name" content="Deborah">
  113. <meta name="text:namelink" content="http://">
  114. <meta name="text:namelink hover" content="Face page">
  115.  
  116. <meta name="text:link1" content="http://">
  117. <meta name="text:link2" content="http://">
  118. <meta name="text:link3" content="http://">
  119. <meta name="text:link4" content="http://">
  120. <meta name="text:link5" content="http://">
  121. <meta name="text:link1 msg" content="link1 msg">
  122. <meta name="text:link2 msg" content="link2 msg">
  123. <meta name="text:link3 msg" content="link3 msg">
  124. <meta name="text:link4 msg" content="link4 msg">
  125. <meta name="text:link5 msg" content="link5 msg">
  126.  
  127. <meta name="text:updates hover" content="Updates and Stats">
  128. <meta name="text:stats" content="12102 / 5">
  129. <meta name="text:music code" content="Music Code">
  130. <meta name="text:playlist" content="title of playlist">
  131. <meta name="text:playlist1" content="1. This song by her"/>
  132. <meta name="text:playlist2" content="2. This song by him"/>
  133. <meta name="text:playlist3" content="3. This song by her"/>
  134. <meta name="text:playlist4" content="4. This song by him"/>
  135. <meta name="text:playlist5" content="5. This song by her"/>
  136. <meta name="text:playlist6" content="6. This song by him"/>
  137. <meta name="text:playlist7" content="7. This song by her"/>
  138. <meta name="text:playlist8" content="8. This song by him"/>
  139. <meta name="text:playlist9" content="9. This song by her"/>
  140. <meta name="text:playlist10" content="10. This song by him"/>
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145. /*CUSTOMIZE LINK HOVER MESSAGES HERE*/
  146. #s-m-t-tooltip {
  147. max-width:300px;
  148. padding:6px 6px 6px 6px;
  149. margin:20px 0px 0px 20px;
  150. background: {color:sideback};
  151. border:3px double white;
  152. border-radius:10px;
  153. font-family:myfirstcrush;
  154. font-size:20px;
  155. color:white;
  156. z-index:999999999999999999999999999999999999;
  157. }
  158.  
  159. /*CUSTOMIZE POPUPS HERE*/
  160. .popup_block{
  161. display: none;
  162. background: white;
  163. font-family: myfirstcrush;
  164. float: left;
  165. letter-spacing:1px;
  166. font-size: 18px;
  167. line-height:18px;
  168. position: fixed;
  169. top: 55%; left: 59%;
  170. z-index: 99999999999999999999999;
  171. box-shadow:5px 5px 5px #777;
  172. border-radius: 0px;
  173. padding:10px;
  174. padding-left:25px;
  175. padding-right:10px;
  176. border-top:1px solid {color:sideback};
  177. border-bottom:1px solid {color:sideback};
  178. border-left:15px solid {color:sideback};
  179. border-right:15px solid {color:sideback};
  180. background-image: url({image:background});
  181. -webkit-transition: all .5s ease;
  182. -moz-transition: all .5s ease;
  183. -o-transition: all .5s ease;
  184. transition: all .5s ease;
  185. }
  186. img.btn_close {
  187. float: right;
  188. margin: -5px -5px 0 0;
  189. }
  190. *html .popup_block {
  191. position: absolute;
  192. }
  193.  
  194. ::-webkit-scrollbar {width: 2px; height: 2px; background: white; }
  195. ::-webkit-scrollbar-thumb { height:1px; background-color: {color:sideback}; -webkit-border-radius: 1px; }
  196.  
  197. 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-
  198.  
  199. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  200.  
  201. 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;}
  202.  
  203. p {
  204. margin:0px;
  205. margin-top:0px;
  206. }
  207.  
  208.  
  209. body {
  210. padding: 0px;
  211. margin: 0px;
  212. color:{color:text};
  213. font-family: myfirstcrush;
  214. line-height:18px;
  215. font-size:18px;
  216. text-align:center;
  217. background-color: {color:Background};
  218. background-image:url({image:Background});
  219. background-attachment: fixed;
  220. background-repeat: repeat;
  221. }
  222.  
  223.  
  224. a:link, a:active, a:visited{
  225. text-decoration: none;
  226. -webkit-transition: color 0.3s ease-out;
  227. -moz-transition: color 0.3s ease-out;
  228. transition: color 0.3s ease-out;
  229. color:{color:link};
  230. }
  231.  
  232. a:hover {
  233. text-decoration: none;
  234. font-style:;
  235. color: {color:Hover};
  236. }
  237.  
  238. div#center{
  239. margin:auto;
  240. position:relative;
  241. width:1300px;
  242. background-color:;
  243. overflow:auto;
  244. overflow-y:hidden;
  245. }
  246.  
  247.  
  248. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  249. .entry {
  250. opacity:1;
  251. float:left;
  252. display: block;
  253. margin:12px;
  254. overflow:hidden;
  255. width:291px;
  256. padding:15px;
  257. padding-bottom:10px;
  258. background:white;
  259. border:1px solid {color:sideback};
  260. border-left:10px solid {color:sideback};
  261. border-right:10px solid {color:sideback};
  262. {block:PermalinkPage}
  263. width:640px;
  264. text-align:left;
  265. line-height:20px;
  266. {/block:PermalinkPage}
  267. -webkit-transition: all .7s ease;
  268. -moz-transition: all .7s ease;
  269. -o-transition: all .7s ease;
  270. transition: all .7s ease;
  271. }
  272.  
  273. .entry:hover{
  274. box-shadow:5px 5px 5px #777;
  275. -webkit-transition: all .7s ease;
  276. -moz-transition: all .7s ease;
  277. -o-transition: all .7s ease;
  278. transition: all .7s ease;
  279. }
  280.  
  281.  
  282. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  283. .entry .perma{
  284. z-index:3;
  285. width:20px;
  286. height:20px;
  287. margin-left:10px;
  288. margin-top:10px;
  289. position: absolute;
  290. line-height: 16px;
  291. overflow:hidden;
  292. background:white;
  293. padding:10px;
  294. border-radius:50px;
  295. border:1px solid {color:sideback};
  296. opacity: 0.0;
  297. -webkit-transform: rotate(360deg);
  298. -webkit-transition: all .7s ease;
  299. -moz-transition: all .7s ease;
  300. -o-transition: all .7s ease;
  301. transition: all .7s ease;
  302. }
  303.  
  304. .entry:hover .perma{
  305. overflow:visible;
  306. opacity:1;
  307. -webkit-transform: rotate(0deg);
  308. -webkit-transition: all .7s ease;
  309. -moz-transition: all .7s ease;
  310. -o-transition: all .7s ease;
  311. transition: all .7s ease;
  312. }
  313.  
  314. .entry .perma2{
  315. z-index:3;
  316. width:20px;
  317. height:20px;
  318. margin-left:60px;
  319. margin-top:10px;
  320. position: absolute;
  321. line-height: 16px;
  322. overflow:hidden;
  323. background:white;
  324. padding:10px;
  325. border-radius:50px;
  326. border:1px solid {color:sideback};
  327. opacity: 0.0;
  328. -webkit-transform: rotate(0deg);
  329. -webkit-transition: all .7s ease;
  330. -moz-transition: all .7s ease;
  331. -o-transition: all .7s ease;
  332. transition: all .7s ease;
  333. }
  334.  
  335. .entry:hover .perma2{
  336. overflow:visible;
  337. opacity:1;
  338. -webkit-transform: rotate(360deg);
  339. -webkit-transition: all .7s ease;
  340. -moz-transition: all .7s ease;
  341. -o-transition: all .7s ease;
  342. transition: all .7s ease;
  343. }
  344.  
  345. .entry .perma3{
  346. position:absolute;
  347. opacity:0;
  348. overflow:hidden;
  349. z-index:2;
  350. width:3px;
  351. height:0px;
  352. margin-top:-20px;
  353. margin-left:29px;
  354. background:white;
  355. border:1px solid {color:sideback};
  356. -webkit-transition: all .7s ease;
  357. -moz-transition: all .7s ease;
  358. -o-transition: all .7s ease;
  359. transition: all .7s ease;
  360. }
  361.  
  362. .entry:hover .perma3{
  363. opacity:1;
  364. height:120%;
  365. -webkit-transition: all .7s ease;
  366. -moz-transition: all .7s ease;
  367. -o-transition: all .7s ease;
  368. transition: all .7s ease;
  369. }
  370.  
  371. .entry .perma4{
  372. position:absolute;
  373. opacity:0;
  374. overflow:hidden;
  375. z-index:2;
  376. width:3px;
  377. height:0px;
  378. margin-top:-20px;
  379. margin-left:78px;
  380. background:white;
  381. border:1px solid {color:sideback};
  382. -webkit-transition: all .7s ease;
  383. -moz-transition: all .7s ease;
  384. -o-transition: all .7s ease;
  385. transition: all .7s ease;
  386. }
  387.  
  388. .entry:hover .perma4{
  389. opacity:1;
  390. height:120%;
  391. -webkit-transition: all .7s ease;
  392. -moz-transition: all .7s ease;
  393. -o-transition: all .7s ease;
  394. transition: all .7s ease;
  395. }
  396.  
  397. .entry .textperma{
  398. position:absolute;
  399. opacity:1;
  400. overflow:hidden;
  401. padding-top:5px;
  402. width:102%;
  403. height:23px;
  404. background: {color:sideback};
  405. bottom:0px;
  406. margin-left:-20px;
  407. font-size: 15px;
  408. font-family: myfirstcrush;
  409. line-height:15px;
  410. text-align:center;
  411. color: {color:text};
  412. letter-spacing:1px;
  413. border-top: 3px double #fff;
  414. -webkit-transition: all .7s ease;
  415. -moz-transition: all .7s ease;
  416. -o-transition: all .7s ease;
  417. transition: all .7s ease;
  418. }
  419.  
  420. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  421. #posts {
  422. width:730px;
  423. margin-top:32px;
  424. z-index:3;
  425. margin-left:519px;
  426. right:auto;
  427. background:transparent;
  428. margin-right:auto;
  429. position:relative;
  430. overflow-y: hidden;
  431. }
  432.  
  433. #postsbg{
  434. opacity:1;
  435. overflow:hidden;
  436. z-index:2;
  437. position:fixed;
  438. width:730px;
  439. height:100%;
  440. margin-top:30px;
  441. margin-left:515px;
  442. background:white;
  443. background:url({image:postsbg});
  444. border-left:1px dashed {color:sideback};
  445. border-right:1px dashed {color:sideback};
  446. }
  447.  
  448. #lace{
  449. position:fixed;
  450. overflow:hidden;
  451. opacity:0.6;
  452. background-image:url(https://31.media.tumblr.com/b8267dd4466b31825b438e38d41e561f/tumblr_n0ls6jzfqP1s9ilbyo1_100.gif);
  453. z-index:99999999;
  454. height:50px;
  455. width:2000px;
  456. margin-left:-250px;
  457. margin-top:-18px;
  458. }
  459.  
  460.  
  461. /*CUSTOMIZE SIDEBAR HERE*/
  462. #sidebar{
  463. position:fixed;
  464. overflow:hidden;
  465. opacity:1;
  466. z-index:9;
  467. width:450px;
  468. height:450px;
  469. margin-top:100px;
  470. margin-left:25px;
  471. background:transparent;
  472. border:5px double transparent;
  473. border-radius:300px;
  474. box-shadow:1px 1px 10px transparent;
  475. -webkit-transition: all .7s ease;
  476. -moz-transition: all .7s ease;
  477. -o-transition: all .7s ease;
  478. transition: all .7s ease;
  479. }
  480.  
  481. #sidebar:hover{
  482. background:{color:sideback};
  483. border:5px double white;
  484. border-radius:300px;
  485. box-shadow:1px 1px 10px #ddd;
  486. -webkit-transition: all .7s ease;
  487. -moz-transition: all .7s ease;
  488. -o-transition: all .7s ease;
  489. transition: all .7s ease;
  490. }
  491.  
  492. #sidebarimg{
  493. -webkit-mask-image: url('http://www.clker.com/cliparts/8/f/f/a/119498481648610229card_figures_-_heart_01.svg.med.png');
  494. position:fixed;
  495. opacity:1;
  496. z-index:1;
  497. overflow:hidden;
  498. margin-top:100px;
  499. margin-left:75px;
  500. width:300px;
  501. height:276px;
  502. -webkit-transition: all .7s ease;
  503. -moz-transition: all .7s ease;
  504. -o-transition: all .7s ease;
  505. transition: all .7s ease;
  506. }
  507.  
  508. #sidebar:hover #sidebarimg{
  509. opacity:0;
  510. margin-left:50px;
  511. -webkit-transition: all .7s ease;
  512. -moz-transition: all .7s ease;
  513. -o-transition: all .7s ease;
  514. transition: all .7s ease;
  515. }
  516.  
  517. #sidebarimg img{
  518. width:300px;
  519. height:auto;
  520. }
  521.  
  522. #heart{
  523. -webkit-mask-image: url('http://www.freestockphotos.biz/pictures/16/16134/Illustration%2Bof%2Ba%2Bred%2Bheart.png');
  524. position:fixed;
  525. opacity:1;
  526. z-index:0;
  527. overflow:hidden;
  528. background:{color:sideback};
  529. margin-top:40px;
  530. margin-left:25px;
  531. width:400px;
  532. height:400px;
  533. -webkit-transition: all .7s ease;
  534. -moz-transition: all .7s ease;
  535. -o-transition: all .7s ease;
  536. transition: all .7s ease;
  537. }
  538.  
  539. #sidebar:hover #heart{
  540. opacity:0;
  541. -webkit-transition: all .7s ease;
  542. -moz-transition: all .7s ease;
  543. -o-transition: all .7s ease;
  544. transition: all .7s ease;
  545. }
  546.  
  547. #titlekay{
  548. position:fixed;
  549. overflow:hidden;
  550. opacity:1;
  551. z-index:1;
  552. background:transparent;
  553. height:150px;
  554. width:400px;
  555. margin-top:0px;
  556. margin-left:25px;
  557. line-height:50px;
  558. font-family:myfirstcrush;
  559. text-align:center;
  560. font-size:50px;
  561. color:{color:title};
  562. text-shadow:1px 1px 5px #ddd;
  563. -webkit-transition: all .7s ease;
  564. -moz-transition: all .7s ease;
  565. -o-transition: all .7s ease;
  566. transition: all .7s ease;
  567. }
  568.  
  569. #sidebar:hover #titlekay{
  570. opacity:0;
  571. -webkit-transition: all .7s ease;
  572. -moz-transition: all .7s ease;
  573. -o-transition: all .7s ease;
  574. transition: all .7s ease;
  575. }
  576.  
  577. #cover{
  578. -webkit-mask-image: url('http://www.freestockphotos.biz/pictures/16/16134/Illustration%2Bof%2Ba%2Bred%2Bheart.png');
  579. position:fixed;
  580. opacity:0;
  581. z-index:1;
  582. overflow:hidden;
  583. background:url({image:cover});
  584. margin-top:40px;
  585. margin-left:0px;
  586. width:400px;
  587. height:400px;
  588. -webkit-transition: all .7s ease;
  589. -moz-transition: all .7s ease;
  590. -o-transition: all .7s ease;
  591. transition: all .7s ease;
  592. }
  593.  
  594. #sidebar:hover #cover{
  595. opacity:1;
  596. margin-left:25px;
  597. -webkit-transition: all .7s ease;
  598. -moz-transition: all .7s ease;
  599. -o-transition: all .7s ease;
  600. transition: all .7s ease;
  601. }
  602.  
  603. #desc{
  604. position:fixed;
  605. overflow:hidden;
  606. opacity:0;
  607. z-index:4;
  608. width:150px;
  609. height:150px;
  610. padding:5px;
  611. margin-top:75px;
  612. margin-left:75px;
  613. background:white;
  614. border-radius:150px;
  615. border:2px solid {color:sideback};
  616. font-family:myfirstcrush;
  617. font-size:15px;
  618. line-height:15px;
  619. text-align:center;
  620. -webkit-transform: rotate(360deg);
  621. -webkit-transition: all .7s ease;
  622. -moz-transition: all .7s ease;
  623. -o-transition: all .7s ease;
  624. transition: all .7s ease;
  625. }
  626.  
  627. #sidebar:hover #desc{
  628. opacity:1;
  629. margin-left:52px;
  630. -webkit-transform: rotate(0deg);
  631. -webkit-transition: all .7s ease;
  632. -moz-transition: all .7s ease;
  633. -o-transition: all .7s ease;
  634. transition: all .7s ease;
  635. }
  636.  
  637. #stats{
  638. position:fixed;
  639. overflow:hidden;
  640. opacity:0;
  641. z-index:3;
  642. width:0px;
  643. height:15px;
  644. padding:5px;
  645. margin-top:135px;
  646. margin-left:160px;
  647. background:white;
  648. border-radius:5px 40px 40px 5px;
  649. border:2px solid {color:sideback};
  650. font-family:myfirstcrush;
  651. font-size:15px;
  652. line-height:15px;
  653. text-align:right;
  654. -webkit-transition: all .5s ease;
  655. -moz-transition: all .5s ease;
  656. -o-transition: all .5s ease;
  657. transition: all .5s ease;
  658. }
  659.  
  660. #sidebar:hover #stats{
  661. opacity:1;
  662. width:195px;
  663. -webkit-transition: all .5s ease;
  664. -moz-transition: all .5s ease;
  665. -o-transition: all .5s ease;
  666. transition: all .5s ease;
  667. }
  668.  
  669. #music{
  670. position:fixed;
  671. overflow:hidden;
  672. opacity:0;
  673. z-index:3;
  674. width:0px;
  675. height:15px;
  676. padding:5px;
  677. margin-top:170px;
  678. margin-left:180px;
  679. background:white;
  680. border-radius:5px 40px 40px 5px;
  681. border:2px solid {color:sideback};
  682. font-family:myfirstcrush;
  683. font-size:15px;
  684. line-height:15px;
  685. text-align:right;
  686. -webkit-transition: all .7s ease;
  687. -moz-transition: all .7s ease;
  688. -o-transition: all .7s ease;
  689. transition: all .7s ease;
  690. }
  691.  
  692. #sidebar:hover #music{
  693. width:200px;
  694. opacity:1;
  695. -webkit-transition: all .7s ease;
  696. -moz-transition: all .7s ease;
  697. -o-transition: all .7s ease;
  698. transition: all .7s ease;
  699. }
  700.  
  701. #playlist{
  702. position:fixed;
  703. overflow:hidden;
  704. opacity:0;
  705. z-index:3;
  706. width:0px;
  707. height:15px;
  708. padding:5px;
  709. margin-top:205px;
  710. margin-left:160px;
  711. background:white;
  712. border-radius:5px 40px 40px 5px;
  713. border:2px solid {color:sideback};
  714. font-family:myfirstcrush;
  715. font-size:15px;
  716. line-height:15px;
  717. text-align:right;
  718. -webkit-transition: all .6s ease;
  719. -moz-transition: all .6s ease;
  720. -o-transition: all .6s ease;
  721. transition: all .6s ease;
  722. }
  723.  
  724. #sidebar:hover #playlist{
  725. opacity:1;
  726. width:195px;
  727. -webkit-transition: all .6s ease;
  728. -moz-transition: all .6s ease;
  729. -o-transition: all .6s ease;
  730. transition: all .6s ease;
  731. }
  732.  
  733. #banner{
  734. position:fixed;
  735. overflow:hidden;
  736. opacity:0;
  737. z-index:2;
  738. width:300px;
  739. height:50px;
  740. margin-top:250px;
  741. margin-left:75px;
  742. -webkit-transition: all .7s ease;
  743. -moz-transition: all .7s ease;
  744. -o-transition: all .7s ease;
  745. transition: all .7s ease;
  746. }
  747.  
  748. #sidebar:hover #banner{
  749. opacity:1;
  750. -webkit-transition: all .7s ease;
  751. -moz-transition: all .7s ease;
  752. -o-transition: all .7s ease;
  753. transition: all .7s ease;
  754. }
  755.  
  756. #banner2{
  757. position:fixed;
  758. overflow:hidden;
  759. opacity:0;
  760. z-index:2;
  761. width:150px;
  762. height:100px;
  763. margin-top:55px;
  764. margin-left:240px;
  765. -webkit-transition: all .7s ease;
  766. -moz-transition: all .7s ease;
  767. -o-transition: all .7s ease;
  768. transition: all .7s ease;
  769. }
  770.  
  771. #sidebar:hover #banner2{
  772. opacity:1;
  773. -webkit-transition: all .7s ease;
  774. -moz-transition: all .7s ease;
  775. -o-transition: all .7s ease;
  776. transition: all .7s ease;
  777. }
  778.  
  779. #pic1{
  780. -webkit-mask-image: url('https://cdn0.iconfinder.com/data/icons/typicons-2/24/heart-128.png');
  781. position:fixed;
  782. overflow:hidden;
  783. opacity:0;
  784. z-index:6;
  785. height:128px;
  786. width:128px;
  787. margin-left:-25px;
  788. margin-top:315px;
  789. background:white;
  790. -webkit-transition: all .7s ease;
  791. -moz-transition: all .7s ease;
  792. -o-transition: all .7s ease;
  793. transition: all .7s ease;
  794. }
  795.  
  796. #sidebar:hover #pic1{
  797. opacity:1;
  798. margin-left:0px;
  799. -webkit-transition: all .7s ease;
  800. -moz-transition: all .7s ease;
  801. -o-transition: all .7s ease;
  802. transition: all .7s ease;
  803. }
  804.  
  805. #pic1 img{
  806. width:100%;
  807. }
  808.  
  809. #pic2{
  810. -webkit-mask-image: url('https://cdn0.iconfinder.com/data/icons/typicons-2/24/heart-128.png');
  811. position:fixed;
  812. overflow:hidden;
  813. opacity:0;
  814. z-index:6;
  815. height:128px;
  816. width:128px;
  817. margin-left:295px;
  818. margin-top:315px;
  819. background:white;
  820. -webkit-transition: all .7s ease;
  821. -moz-transition: all .7s ease;
  822. -o-transition: all .7s ease;
  823. transition: all .7s ease;
  824. }
  825.  
  826. #sidebar:hover #pic2{
  827. opacity:1;
  828. margin-left:320px;
  829. -webkit-transition: all .7s ease;
  830. -moz-transition: all .7s ease;
  831. -o-transition: all .7s ease;
  832. transition: all .7s ease;
  833. }
  834.  
  835. #pic2 img{
  836. width:100%;
  837. }
  838.  
  839. #pic1back{
  840. -webkit-mask-image: url('https://cdn2.iconfinder.com/data/icons/pittogrammi/142/80-128.png');
  841. position:fixed;
  842. overflow:hidden;
  843. opacity:0;
  844. z-index:5;
  845. height:128px;
  846. width:128px;
  847. margin-left:25px;
  848. margin-top:320px;
  849. background:{color:sideback2};
  850. -webkit-transition: all .7s ease;
  851. -moz-transition: all .7s ease;
  852. -o-transition: all .7s ease;
  853. transition: all .7s ease;
  854. }
  855.  
  856. #sidebar:hover #pic1back{
  857. opacity:1;
  858. margin-left:0px;
  859. -webkit-transition: all .7s ease;
  860. -moz-transition: all .7s ease;
  861. -o-transition: all .7s ease;
  862. transition: all .7s ease;
  863. }
  864.  
  865. #pic2back{
  866. -webkit-mask-image: url('https://cdn2.iconfinder.com/data/icons/pittogrammi/142/80-128.png');
  867. position:fixed;
  868. overflow:hidden;
  869. opacity:0;
  870. z-index:5;
  871. height:128px;
  872. width:128px;
  873. margin-left:345px;
  874. margin-top:320px;
  875. background:{color:sideback2};
  876. -webkit-transition: all .7s ease;
  877. -moz-transition: all .7s ease;
  878. -o-transition: all .7s ease;
  879. transition: all .7s ease;
  880. }
  881.  
  882. #sidebar:hover #pic2back{
  883. opacity:1;
  884. margin-left:320px;
  885. -webkit-transition: all .7s ease;
  886. -moz-transition: all .7s ease;
  887. -o-transition: all .7s ease;
  888. transition: all .7s ease;
  889. }
  890.  
  891. #link1{
  892. position:fixed;
  893. overflow:hidden;
  894. opacity:0;
  895. z-index:4;
  896. width:30px;
  897. height:30px;
  898. margin-top:0px;
  899. margin-left:-100px;
  900. background:transparent;
  901. -webkit-transition: all .7s ease;
  902. -moz-transition: all .7s ease;
  903. -o-transition: all .7s ease;
  904. transition: all .7s ease;
  905. }
  906.  
  907. #sidebar:hover #link1{
  908. opacity:1;
  909. margin-top:315px;
  910. margin-left:170px;
  911. -webkit-transition: all .7s ease;
  912. -moz-transition: all .7s ease;
  913. -o-transition: all .7s ease;
  914. transition: all .7s ease;
  915. }
  916.  
  917. #link2{
  918. position:fixed;
  919. overflow:hidden;
  920. opacity:0;
  921. z-index:4;
  922. width:30px;
  923. height:30px;
  924. margin-top:0px;
  925. margin-left:210px;
  926. background:transparent;
  927. -webkit-transition: all .7s ease;
  928. -moz-transition: all .7s ease;
  929. -o-transition: all .7s ease;
  930. transition: all .7s ease;
  931. }
  932.  
  933. #sidebar:hover #link2{
  934. opacity:1;
  935. margin-top:315px;
  936. -webkit-transition: all .7s ease;
  937. -moz-transition: all .7s ease;
  938. -o-transition: all .7s ease;
  939. transition: all .7s ease;
  940. }
  941.  
  942. #link3{
  943. position:fixed;
  944. overflow:hidden;
  945. opacity:0;
  946. z-index:4;
  947. width:30px;
  948. height:30px;
  949. margin-top:0px;
  950. margin-left:450px;
  951. background:transparent;
  952. -webkit-transition: all .7s ease;
  953. -moz-transition: all .7s ease;
  954. -o-transition: all .7s ease;
  955. transition: all .7s ease;
  956. }
  957.  
  958. #sidebar:hover #link3{
  959. opacity:1;
  960. margin-top:315px;
  961. margin-left:250px;
  962. -webkit-transition: all .7s ease;
  963. -moz-transition: all .7s ease;
  964. -o-transition: all .7s ease;
  965. transition: all .7s ease;
  966. }
  967.  
  968. #link4{
  969. position:fixed;
  970. overflow:hidden;
  971. opacity:0;
  972. z-index:4;
  973. width:30px;
  974. height:30px;
  975. margin-top:350px;
  976. margin-left:-200px;
  977. background:transparent;
  978. -webkit-transition: all .7s ease;
  979. -moz-transition: all .7s ease;
  980. -o-transition: all .7s ease;
  981. transition: all .7s ease;
  982. }
  983.  
  984. #sidebar:hover #link4{
  985. opacity:1;
  986. margin-left:190px;
  987. -webkit-transition: all .7s ease;
  988. -moz-transition: all .7s ease;
  989. -o-transition: all .7s ease;
  990. transition: all .7s ease;
  991. }
  992.  
  993. #link5{
  994. position:fixed;
  995. overflow:hidden;
  996. opacity:0;
  997. z-index:4;
  998. width:30px;
  999. height:30px;
  1000. margin-top:350px;
  1001. margin-left:500px;
  1002. background:transparent;
  1003. -webkit-transition: all .7s ease;
  1004. -moz-transition: all .7s ease;
  1005. -o-transition: all .7s ease;
  1006. transition: all .7s ease;
  1007. }
  1008.  
  1009. #sidebar:hover #link5{
  1010. opacity:1;
  1011. margin-left:230px;
  1012. -webkit-transition: all .7s ease;
  1013. -moz-transition: all .7s ease;
  1014. -o-transition: all .7s ease;
  1015. transition: all .7s ease;
  1016. }
  1017.  
  1018. #link6{
  1019. position:fixed;
  1020. overflow:hidden;
  1021. opacity:0;
  1022. z-index:4;
  1023. width:30px;
  1024. height:30px;
  1025. margin-top:500px;
  1026. margin-left:210px;
  1027. background:transparent;
  1028. -webkit-transition: all .7s ease;
  1029. -moz-transition: all .7s ease;
  1030. -o-transition: all .7s ease;
  1031. transition: all .7s ease;
  1032. }
  1033.  
  1034. #sidebar:hover #link6{
  1035. opacity:1;
  1036. margin-top:385px;
  1037. -webkit-transition: all .7s ease;
  1038. -moz-transition: all .7s ease;
  1039. -o-transition: all .7s ease;
  1040. transition: all .7s ease;
  1041. }
  1042.  
  1043. @font-face { font-family: "swenson"; src: url('http://static.tumblr.com/q54tzar/PHem21foh/swenson_1_.ttf'); }
  1044.  
  1045. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  1046.  
  1047. @font-face { font-family: "ronda"; src: url'http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  1048.  
  1049. @font-face { font-family: "aire"; src: url('http://static.tumblr.com/wkrmnwc/4cZmmv7w1/southernaire_personal_use_only.ttf'); }
  1050.  
  1051. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  1052.  
  1053. @font-face{font-family:Just Realize;src:url(http://static.tumblr.com/sghs9ih/2tFlu5il8/justrealize.ttf);}
  1054.  
  1055. @font-face{font-family:Jenna Sue;src:url(http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf);}
  1056.  
  1057. @font-face{font-family:Helvetidoodle; src:url(http://static.tumblr.com/9wzbixa/qOPmj2lzl/helvetidoodlebyedt.ttf);}
  1058.  
  1059. @font-face{font-family:Waltograph;src:url(http://static.tumblr.com/9wzbixa/CaXlyw8mg/waltograph42.otf);}
  1060.  
  1061. @font-face {font-family:hashtag; src:url(http://static.tumblr.com/sphdrqj/sVhmt4h2e/hashtag.ttf);}
  1062.  
  1063. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  1064.  
  1065. @font-face {font-family: myfirstcrush; src:url(http://static.tumblr.com/sphdrqj/pVnmw2pdr/my_first_crush.ttf);}
  1066.  
  1067.  
  1068. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1069. .title{
  1070. font-size:25px;
  1071. line-height: 25px;
  1072. color:{color:Title};
  1073. font-weight: normal;
  1074. text-align:center;
  1075. }
  1076.  
  1077.  
  1078. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1079. .permalink{
  1080. text-transform: normal;
  1081. display: block;
  1082. text-align: right;
  1083. text-decoration: none;
  1084. }
  1085.  
  1086.  
  1087. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1088. #infscr-loading{
  1089. bottom: -70px;
  1090. position: absolute;
  1091. left: 50%;
  1092. margin-left:-8px;
  1093. width:16px;
  1094. height:11px;
  1095. overflow:hidden;
  1096. margin-bottom: 50px;
  1097. }
  1098.  
  1099. #postnotes{
  1100. text-align: justify;}
  1101.  
  1102. #postnotes blockquote{
  1103. border: 0px;}
  1104.  
  1105. blockquote{
  1106. padding:0px 0px 2px 5px;
  1107. margin:0px 0px 2px 10px;
  1108. border-left: 1px dotted #555555;
  1109. }
  1110.  
  1111. blockquote p, ul{
  1112. margin:0px;
  1113. padding:0px;
  1114. }
  1115.  
  1116. a img{border: 0px;}
  1117.  
  1118.  
  1119. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1120.  
  1121. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1122. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1123.  
  1124. .notes img{width:10px; position:relative; top:3px;}
  1125. <--ses-->
  1126. small{font-size: 90%;}
  1127.  
  1128. {CustomCSS}
  1129.  
  1130. </style>
  1131.  
  1132. {block:IndexPage}
  1133. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1134. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1135.  
  1136. <script type="text/javascript">
  1137. $(window).load(function(){
  1138. var $wall = $('#posts');
  1139. $wall.imagesLoaded(function(){
  1140. $wall.masonry({
  1141. itemSelector: '.entry, .entry_photo',
  1142. isAnimated : false
  1143. });
  1144. });
  1145.  
  1146. $wall.infinitescroll({
  1147. navSelector : '#pagination',
  1148. nextSelector : '#pagination a',
  1149. itemSelector : '.entry, .entry_photo',
  1150. bufferPx : 2000,
  1151. debug : false,
  1152. errorCallback: function() {
  1153. $('#infscr-loading').fadeOut('normal');
  1154. }},
  1155. function( newElements ) {
  1156. var $newElems = $( newElements );
  1157. $newElems.hide();
  1158. $newElems.imagesLoaded(function(){
  1159. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1160. });
  1161. }); $('#posts').show(500);
  1162. });
  1163. </script>
  1164.  
  1165.  
  1166. {/block:IndexPage}
  1167.  
  1168.  
  1169. <title>{title}</title>
  1170.  
  1171. <link rel="shortcut icon" href="https://cdn1.iconfinder.com/data/icons/vaga/heart.png" />
  1172. <meta name="viewport" content="width=820" />
  1173.  
  1174. </head>
  1175.  
  1176. <body>
  1177.  
  1178. <BODY onselectstart="return false;" ondragstart="return false;">
  1179. <div class="wrapper">
  1180. <div class="header">
  1181. </div>
  1182.  
  1183. <div id="cage">
  1184. <div id="center">
  1185.  
  1186. <div id="postsbg"></div>
  1187. <div id="lace"></div>
  1188.  
  1189. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1190. <div id="sidebar">
  1191. <div id="sidebarimg"><img src="{image:sidebar}"></a></div>
  1192. <div id="heart"></a></div>
  1193. <div id="titlekay">{text:titlee}</a></div>
  1194. <div id="cover"></a></div>
  1195. <div id="desc"><a href="{text:namelink}"title="{text:namelink hover}"><span style="font-size:25px;line-height:35px;">{text:name} :</span></a><br><div style="padding-left: 10px; width: 125px; height: 120px; overflow: auto;">{description}<br><br><br></a></div></div>
  1196. <div id="stats">{text:stats}</a></div>
  1197. <div id="music">{text:music code}</a></div>
  1198. <div id="playlist"><a href="#?w=200" rel="03" class="poplight">{text:playlist}</a></div>
  1199. <div id="banner"><img src="http://4.bp.blogspot.com/-a7qu_bS3MLw/Ut1Fdflh3NI/AAAAAAAAIi4/EXAjFhuNGVc/s1600/hearts-line.png" alt="some_text" width="100%" height="100%"></a></div>
  1200. <div id="banner2"><img src="http://data1.whicdn.com/images/62910051/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1201.  
  1202. <div id="pic1"><a href="#?w=500" rel="02" class="poplight"title="{text:updates hover}"><img src="{image:pic1}"></a></div>
  1203. <div id="pic2"><img src="{image:pic2}"></a></div>
  1204. <div id="pic1back"></a></div>
  1205. <div id="pic2back"></a></div>
  1206.  
  1207.  
  1208. <div id="link1"><a href="{text:link1}"title="{text:link1 msg}"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1209. <div id="link2"><a href="{text:link2}"title="{text:link2 msg}"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1210. <div id="link3"><a href="{text:link3}"title="{text:link3 msg}"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1211. <div id="link4"><a href="{text:link4}"title="{text:link4 msg}"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1212. <div id="link5"><a href="{text:link5}"title="{text:link5 msg}"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1213. <div id="link6"><a href="http://sleeping-stfu.tumblr.com"title="Theme Credit"><img src="http://data1.whicdn.com/images/66551339/large.png" alt="some_text" width="100%" height="100%"></a></div>
  1214.  
  1215. </div>
  1216. <!------------------------------------->
  1217.  
  1218.  
  1219. <div class="left">
  1220. <div id="posts">
  1221. {block:Posts}
  1222. <div class="entry">
  1223.  
  1224. {block:Text}
  1225. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink">
  1226.  
  1227. {block:IndexPage}<br></br>
  1228. <div class="textperma">
  1229. <a href="{Permalink}">{NoteCount} loves</a> ♡ <a href="{ReblogURL}" target="_blank">relove</a></div>
  1230. {/block:IndexPage}{/block:HasTags}</span></align>
  1231. {/block:Text}
  1232.  
  1233. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1234.  
  1235. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1236.  
  1237. {block:Photo}
  1238. {block:IndexPage}
  1239. <center>
  1240. <div class="perma">
  1241. <a href="{ReblogURL}" target="_blank" title="Relove"><img src="https://31.media.tumblr.com/ba9a6dc4907ee284be2bde93c05ad572/tumblr_n0ossePRFV1s9ilbyo1_250.png" alt="some_text" width="100%" height="100%"></a></div>
  1242.  
  1243. <div class="perma2">
  1244. <a href="{permalink}" target="_blank" title="{notecountwithlabel}"><img src="https://24.media.tumblr.com/f4a7bbac8fb69472cb00ae12666566a2/tumblr_n0ossePRFV1s9ilbyo2_250.png" alt="some_text" width="100%" height="100%"></a></div>
  1245.  
  1246. <div class="perma3"></div>
  1247.  
  1248. <div class="perma4"></div>
  1249.  
  1250. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1251. {/block:IndexPage}
  1252. {block:PermalinkPage}
  1253. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1254.  
  1255. {LinkCloseTag}
  1256. {/block:PermalinkPage}
  1257. {/block:Photo}
  1258.  
  1259. {block:Photoset}
  1260. {block:IndexPage}
  1261. <center>
  1262.  
  1263. <div class="perma">
  1264. <a href="{ReblogURL}" target="_blank"> relove </a> </div>
  1265.  
  1266. {Photoset-250}</center>
  1267. {/block:IndexPage}
  1268. {block:PermalinkPage}
  1269. <center>
  1270. {Photoset-500}</center>
  1271. {/block:PermalinkPage}
  1272. {/block:Photoset}
  1273.  
  1274. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1275.  
  1276. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1277.  
  1278. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1279. <ul class="chat">
  1280. {block:Lines}
  1281. <li class="user_{UserNumber}">
  1282. {block:Label}
  1283. <span class="label">{Label}</span>
  1284. {/block:Label}
  1285.  
  1286. {Line}
  1287. </li>
  1288. {/block:Lines}
  1289. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1290. {/block:Chat}
  1291.  
  1292. {block:Audio}
  1293. <div style="width:200px; height:30px;">
  1294. {AudioPlayerBlack}
  1295. </div>
  1296. {block:IndexPage}<span class="permalink">
  1297. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1298. </span>{/block:IndexPage}
  1299. {/block:Audio}
  1300.  
  1301. {block:Video}
  1302. {block:IndexPage}
  1303. <center>
  1304. <div class="perma">
  1305. <a href="{ReblogURL}" target="_blank"> relove </a> </div>
  1306. {Video-250}</center>
  1307. {/block:IndexPage}
  1308. {block:PermalinkPage}
  1309. <center>
  1310. {Video-400}</center>
  1311. {/block:PermalinkPage}
  1312. {block:Video}
  1313.  
  1314. {block:Answer}<br>
  1315. <img src="{AskerPortraitURL-128}"
  1316. width="50"
  1317. align="left"
  1318. style=
  1319. "margin-left: 8px;
  1320. margin-top: -10px;
  1321. padding: 1px;
  1322. border:1px solid {color:sideback};
  1323. -moz-border-radius:0px;
  1324. border-radius: 25px;
  1325. z-index:1;
  1326. opacity:1;
  1327. background: white;
  1328. text-align: left;"/>
  1329.  
  1330. <div style=
  1331. "border:3px double white;
  1332. -moz-border-radius: 0px;
  1333. border-radius: 75px;
  1334. margin-top: -7px;
  1335. margin-left:20px;
  1336. text-align: left;
  1337. line-height:20px;
  1338. min-height:50px;
  1339. width:190px;
  1340. padding-left: 50px;
  1341. padding-top: 5px;
  1342. padding-right: 15px;
  1343. padding-bottom: 5px;
  1344. background: {color:answer};
  1345. z-index: 0;">
  1346. <div style="text-align:left;margin-left:-5px;">{asker}:</div><div style="font-size:15px; line-height:15px; margin-top:0px;margin-left:-5px;">{Question}</div></div>
  1347.  
  1348. <div style="padding-top:9px;"></div>
  1349.  
  1350. <img src="{PostAuthorPortraitURL-30}"
  1351. width="50"
  1352. align="right"
  1353. style="
  1354. border:1px solid {color:sideback};
  1355. -moz-border-radius: 20px;
  1356. border-radius: 75px;
  1357. margin-right: 8px;
  1358. margin-top: -5px ;
  1359. padding: 1px;
  1360. background: white;
  1361. z-index:1;
  1362. opacity:1;
  1363. "/>
  1364.  
  1365. <div style="{block:IndexPage}"
  1366. width: 245px;
  1367. {/block:IndexPage}{block:PermalinkPage}
  1368. width:700px;
  1369. {/block:PermalinkPage}
  1370. "min-height:50px;
  1371. line-height: 20px;
  1372. padding-left: 15px;
  1373. padding-top: 5px;
  1374. padding-right: 50px;
  1375. padding-bottom: 5px;
  1376. margin-left:50px;
  1377. background: {color:answer};
  1378. z-index: 0;
  1379. text-align: right;">
  1380.  
  1381. <div style="
  1382. border-radius:75px;
  1383. border:3px double white;
  1384. padding-left: 15px;
  1385. padding-top: 7px;
  1386. padding-right: 50px;
  1387. padding-bottom: 5px;
  1388. width:180px;
  1389. margin-left:10px;
  1390. background:{color:answer};
  1391. text-align:left;
  1392. font-size:15px;
  1393. line-height:15px;
  1394. ">{Answer}</div></div>
  1395.  
  1396. <div style="padding-top:9px;"></div>
  1397.  
  1398. {/block:IndexPage}
  1399. {/block:Answer}
  1400.  
  1401.  
  1402. {block:PostNotes}<div align="middle">{caption}</div>
  1403. <center>
  1404.  
  1405. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1406.  
  1407. {block:HasTags}
  1408. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1409. {block:RebloggedFrom}
  1410. reloved from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1411. original love from <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1412.  
  1413. {/block:RebloggedFrom}
  1414. </center></span>
  1415. <br>
  1416. <div id="postnotes">{PostNotes}</div><br>
  1417.  
  1418. <center>{block:ContentSource}
  1419. <br><a href="{SourceURL}">
  1420. {lang:Source}:
  1421. {block:SourceLogo}
  1422. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1423. height="{LogoHeight}" alt="{SourceTitle}" />
  1424. {/block:SourceLogo}
  1425. {block:NoSourceLogo}
  1426. {SourceLink}
  1427. {/block:NoSourceLogo}
  1428. </a>
  1429. {/block:ContentSource}</center>
  1430.  
  1431. {/block:PostNotes}
  1432. </div>
  1433. {/block:Posts}
  1434. </div></div>
  1435.  
  1436. {block:IndexPage}
  1437. {block:Pagination}
  1438. <div id="pagination">
  1439. {block:NextPage}
  1440. <a id="nextPage" href="{NextPage}"></a>
  1441. {/block:NextPage}
  1442. {block:PreviousPage}
  1443. <a href="{PreviousPage}"></a>
  1444. {/block:PreviousPage}
  1445. </div>
  1446. {/block:Pagination}
  1447. {/block:IndexPage}
  1448.  
  1449. <script type="text/javascript" src="http://yourjavascript.com/65112128311/snowstorm.js"></script>
  1450. <script>
  1451. snowStorm.flakesMaxActive = 150;
  1452. snowStorm.snowColor = "{color:sideback2}";
  1453. snowStorm.snowCharacter = "♥";
  1454. snowStick = 1;
  1455. snowStorm.followMouse = false;
  1456. snowStorm.snowStick = false;
  1457. snowStorm.animationInterval = 33;
  1458. snowStorm.flakesMax = 70;
  1459. snowStorm.vMaxX = 5;
  1460. snowStorm.vMaxY = 5;
  1461. var minWiggle = 10;
  1462. var maxWiggle = 40;
  1463. zIndex = 99999;
  1464. </script>
  1465. </body>
  1466.  
  1467. <div id="02" class="popup_block">
  1468. <div style="max-height:400px; overflow:auto;">
  1469. <Center>
  1470. <span style="font-family:'myfirstcrush';font-size:50px;line-height:50px;color:{color:sideback};text-shadow:1px 1px 2px #222;">
  1471. Updates: <br>
  1472. </span>
  1473. Insert updates here yay
  1474. <br>
  1475. <br>
  1476.  
  1477. <span style="font-family:'myfirstcrush';font-size:50px;line-height:50px;color:{color:sideback};text-shadow:1px 1px 2px #222;">
  1478. Other Info: <br>
  1479. </span>
  1480.  
  1481. Insert status and stats and other info or shits and giggles here
  1482. <br>
  1483. <br>
  1484. </center></div>
  1485. </div></div></div></div></div></div></div></div></div></div>
  1486.  
  1487. <div id="03" class="popup_block">
  1488. <div style="max-height:400px; overflow:auto;">
  1489. <Center>
  1490. <span style="font-family:'myfirstcrush';font-size:50px;line-height:50px;color:{color:sideback};text-shadow:1px 1px 2px #222;">
  1491. Playlist: <br>
  1492. </span>
  1493. <br>
  1494. {text:playlist1}<br>
  1495. {text:playlist2}<br>
  1496. {text:playlist3}<br>
  1497. {text:playlist4}<br>
  1498. {text:playlist5}<br>
  1499. {text:playlist6}<br>
  1500. {text:playlist7}<br>
  1501. {text:playlist8}<br>
  1502. {text:playlist9}<br>
  1503. {text:playlist10}<br>
  1504. </div>
  1505. </div></div></div></div></div></div></div></div></div></div>
  1506.  
  1507. </html>
  1508. <div style="border:1px solid #aaa; position:fixed;left:6px;bottom:4px; font-size:20px; height:16px; padding-top:3px; padding-bottom:0px; padding-right:2px; padding-left:2px; line-height:15px; font-family:shit; background:#fff;"><a href="http://sleeping-stfu.tumblr.com" title="Keep Credit Please">♥</a></div>
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!