API tools faq
paste
Advertisement
abss_99

Theme #7 by h0ran-wbu (2 column)

abss_99
Sep 4th, 2013
173
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.80 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #7 by h0ran-wbu! please keep credits, i love this theme!!
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <script src="http://static.tumblr.com/is5f0mm/0cxlrpwye/rainbow_links.txt" type="text/javascript"></script>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i47.tinypic.com/mawh08.png" class="btn_close" title="Close" alt="Close" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script>
  44. (function($){
  45. $(document).ready(function(){
  46. $("a[title]").style_my_tooltips({
  47. tip_follows_cursor:true,
  48. tip_delay_time:90,
  49. tip_fade_speed:600,
  50. attribute:"title"
  51. });
  52. });
  53. })(jQuery);
  54. </script>
  55.  
  56. <script type="text/javascript">
  57. <!--
  58.  
  59. // Disable Right Click Script
  60.  
  61. function IE(e)
  62. {
  63. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  64. {
  65. return false;
  66. }
  67. }
  68. function NS(e)
  69. {
  70. if (document.layers || (document.getElementById && !document.all))
  71. {
  72. if (e.which == "2" || e.which == "3")
  73. {
  74. return false;
  75. }
  76. }
  77. }
  78. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  79.  
  80. //-->
  81. </script>
  82.  
  83.  
  84. <script type="text/javascript"
  85. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  86.  
  87. <!--DEFAULT VARIABLES-->
  88. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  89. <meta name="color:background" content="#fff"/>
  90. <meta name="color:link" content="#777"/>
  91. <meta name="color:text" content="#777"/>
  92. <meta name="color:title" content="#333"/>
  93. <meta name="color:hover" content="#fff"/>
  94. <meta name="color:sidebar border" content="#333"/>
  95. <meta name="color:sidebar border2" content="#333"/>
  96. <meta name="color:scrollbar" content="#333"/>
  97. <meta name="color:post border" content="#333"/>
  98. <meta name="color:link title" content="#333"/>
  99. <meta name="color:links" content="#333"/>
  100. <meta name="color:permalinks" content="#ddd"/>
  101. <meta name="image:sidebar" content="1"/>
  102. <meta name="image:sidebar2" content="1"/>
  103. <meta name="image:background" content="1"/>
  104. <meta name="color:bar1" content="#fff"/>
  105. <meta name="text:Link One" content=""/>
  106. <meta name="text:Link One Message" content"link1 title"/>
  107. <meta name="text:Link Two" content=""/>
  108. <meta name="text:Link Two Message" content"link2 title"/>
  109. <meta name="text:Link Three" content=""/>
  110. <meta name="text:Link Three Message" content"link3 title"/>
  111. <meta name="text:Link Four" content="" />
  112. <meta name="text:Link Four Message" content"link4 title"/>
  113. <meta name="text:Link Five" content="" />
  114. <meta name="text:Link Five Message" content"link5 title"/>
  115. <meta name="text:your name" content="your name here"/>
  116. <meta name="text:title2" content=""/>
  117. <meta name="text:music" content="music code goes hur"/>
  118. <meta name="text:quote" content="quote goes hur"/>
  119.  
  120. <style type="text/css">
  121.  
  122. #fade { /*--Transparent background layer--*/
  123. display: none; /*--hidden by default--*/
  124. background:#000;
  125. position: fixed; left: 0; top: 0;
  126. width: 100%; height: 100%;
  127. opacity: .80;
  128. z-index: 9999;
  129. }
  130. .popup_block{
  131. display: none; /*--hidden by default--*/
  132. background: #fff;
  133. padding: 20px;
  134. border: 8px inset {color:sidebar border2};
  135. float: left;
  136. font-size:27px;
  137. font-family:lemons can fly;
  138. position: fixed;
  139. line-height:18px;
  140. top: 50%; left: 50%;
  141. z-index: 99999;
  142. /*--CSS3 Box Shadows--*/
  143. -webkit-box-shadow: 0px 0px 20px #000;
  144. -moz-box-shadow: 0px 0px 20px #000;
  145. box-shadow: 0px 0px 20px #000;
  146. /*--CSS3 Rounded Corners--*/
  147. -webkit-border-radius: 10px;
  148. -moz-border-radius: 10px;
  149. border-radius: 5px 14px/15px 25px;
  150. }
  151. img.btn_close {
  152. float: right;
  153. margin: -5px -5px 0 0;
  154. }
  155. /*--Making IE6 Understand Fixed Positioning--*/
  156. *html #fade {
  157. position: absolute;
  158. }
  159. *html .popup_block {
  160. position: absolute;
  161. }
  162.  
  163. #s-m-t-tooltip {
  164. max-width:300px;
  165. padding:6px 6px 6px 6px;
  166. margin:20px 0px 0px 20px;
  167. background: #fff; /* change the background color */
  168. border-top:2px solid {color:link title}; /* change the border color */
  169. border-bottom:2px solid {color:link title};
  170. font-family:aderyn; /* change the font */
  171. font-size:16px; /* change the font size */
  172. letter-spacing:1px; /* change the letter spacing */
  173. text-transform:none; /* can be uppercase, lowercase, none*/
  174. color:#000; /* change the text color */
  175. z-index:999999999999999999999999999999999999;
  176. }
  177.  
  178. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  179.  
  180. ::-webkit-scrollbar-thumb:vertical {
  181. height:9px;
  182. background-color: {color:scrollbar};
  183. }
  184.  
  185. ::-webkit-scrollbar-thumb:horizontal {
  186. width:0px;
  187. height:0px;
  188. overflow:hidden;
  189. background:#fff;
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193. width:5px;
  194. height:5px;
  195. overflow:hidden;
  196. background:#ddd;
  197. margin-right:5px;
  198. }
  199.  
  200. 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-
  201.  
  202. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  203.  
  204. 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;}
  205.  
  206. p {
  207. margin:0px;
  208. margin-top:0px;
  209. }
  210.  
  211. body {
  212. padding: 0px;
  213. margin: 0px;
  214. color:{color:text};
  215. font-family: dixel;
  216. line-height:7px;
  217. font-size:8px;
  218. background-color: {color:Background};
  219. background-image:url({image:Background});
  220. background-attachment: fixed;
  221. background-repeat: repeat;
  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:1000px;
  242. background-color:;
  243. overflow:auto;
  244. overflow-y:hidden;
  245. }
  246.  
  247. askk{
  248. font-size:20px;
  249. font-family:zebra;
  250. line-height:18px;
  251. text-shadow:1px 1px 1px #000;
  252. }
  253.  
  254. gee{
  255. font-size:16px;
  256. font-family:punkboy;
  257. line-height:18px;
  258. }
  259.  
  260. mah{
  261. font-size:56px;
  262. font-family:zebra;
  263. line-height:28px;
  264. text-shadow:2px 2px 15px #000;
  265. color:{color:title}
  266. }
  267.  
  268. @font-face {font-family:"Punkboy"; src:url('http://static.tumblr.com/9wzbixa/kMum26o0j/punkboy_tbs.ttf');}
  269.  
  270. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  271.  
  272. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  273. .entry {
  274. float:left;
  275. display: block;
  276. margin:13px;
  277. overflow:hidden;
  278. width:232px;
  279. border:6px solid {color:post border};
  280. padding:8px;
  281. border-radius:15px;
  282. box-shadow:5px 5px #ddd;
  283. font-family:aderyn;
  284. font-size:16px;
  285. line-height:16px;
  286. {block:PermalinkPage}
  287. width:450px;
  288. text-align:left;
  289. line-height:10px;
  290. {/block:PermalinkPage}
  291. background:white;
  292. background-image:URL();
  293. }
  294.  
  295.  
  296. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  297. .entry .perma{
  298. width:220px;
  299. height:16px;
  300. margin-left:0px;
  301. position: absolute;
  302. line-height: 16px;
  303. overflow:hidden;
  304. text-align:center;
  305. top:10px;
  306. background:white;
  307. word-spacing:2px;
  308. letter-spacing:1px;
  309. opacity: 0.0;
  310. border:2px solid {color:permalinks};
  311. font-family:soopafresh;
  312. font-size:20px;
  313. padding:5px;
  314. border-radius:20px/10px;
  315. -webkit-transition: all .7s ease;
  316. -moz-transition: all .7s ease;
  317. -o-transition: all .7s ease;
  318. transition: all .7s ease;
  319. }
  320.  
  321. .entry:hover .perma{
  322. overflow:visible;
  323. opacity:1;
  324. top:30px;
  325. }
  326.  
  327. .entry .perma2{
  328. width:220px;
  329. height:16px;
  330. margin-left:0px;
  331. position: absolute;
  332. line-height: 16px;
  333. overflow:hidden;
  334. text-align:center;
  335. top:130px;
  336. background:white;
  337. word-spacing:2px;
  338. letter-spacing:1px;
  339. opacity: 0.0;
  340. border:2px solid {color:permalinks};
  341. font-family:soopafresh;
  342. font-size:20px;
  343. padding:5px;
  344. border-radius:20px/10px;
  345. -webkit-transition: all .7s ease;
  346. -moz-transition: all .7s ease;
  347. -o-transition: all .7s ease;
  348. transition: all .7s ease;
  349. }
  350.  
  351. .entry:hover .perma2{
  352. overflow:visible;
  353. opacity:1;
  354. top:90px;
  355. }
  356.  
  357.  
  358. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  359. #posts {
  360. width:700px;
  361. margin-top:80px;
  362. z-index:99;
  363. margin-left:380px;
  364. right:auto;
  365. background:transparent;
  366. margin-right:auto;
  367. position:relative;
  368. overflow-y: hidden;
  369. overflow-x:hidden;
  370. }
  371.  
  372. /*CUSTOMIZE SIDEBAR HERE*/
  373. #sidebar{
  374. position:fixed !important;
  375. width:330px;
  376. background:white;
  377. height:250px;
  378. margin-top:150px;
  379. margin-left:-80px;
  380. text-align:center;
  381. padding:10px;
  382. padding-bottom:30px;
  383. border-radius:10px;
  384. border:6px double {color:sidebar border};
  385. box-shadow:0px 1px 8px #000;
  386. }
  387.  
  388. #sidebar img{
  389. border:3px solid {color:sidebar border2};
  390. border-radius:50px;
  391. width:130px;
  392. height:130px;
  393. margin-left:-195px;
  394. }
  395.  
  396. #sidebar2{
  397. position:fixed;
  398. width:340px;
  399. background:transparent;
  400. height:auto;
  401. margin-top:5px;
  402. margin-left:-50px;
  403. text-align:center;
  404. border-radius:10px;
  405. opacity:1;
  406. }
  407.  
  408. #sidebar2 img{
  409. width:330px;
  410. height:270px;
  411. margin-left:48px;
  412. border-radius:0px;
  413. margin-top:-7px;
  414. transition: all 0.7s ease-out;
  415. -o-transition-transition: all 0.7s ease-out;
  416. -webkit-transition: all 0.7s ease-out;
  417. -moz-transition: all 0.7s ease-out;
  418. }
  419.  
  420. #sidebar:hover #sidebar2 img{
  421. opacity:0;
  422. width:330px;
  423. height:0px;
  424. margin-top:100px;
  425. margin-left:48px;
  426. }
  427.  
  428. #desc{
  429. position:fixed;
  430. height:75px;
  431. margin-top: -115px;
  432. margin-left:150px;
  433. width:150px;
  434. opacity:0;
  435. font-family:lemons can fly;
  436. color:#000;
  437. line-height: 15px;
  438. padding-top:15px;
  439. padding-bottom:5px;
  440. padding-left:10px;
  441. padding-right:10px;
  442. background-color:white;
  443. font-size:23px;
  444. text-align:center;
  445. border-left:5px solid {color:sidebar border};
  446. border-right:5px solid {color:sidebar border};
  447. overflow-y:scroll;
  448. transition: all 0.8s ease-out;
  449. -o-transition-transition: all 0.8s ease-out;
  450. -webkit-transition: all 0.8s ease-out;
  451. -moz-transition: all 0.8s ease-out;
  452. }
  453.  
  454. #sidebar:hover #desc{
  455. opacity:1;
  456. }
  457.  
  458. #sidebar #blogtitle{
  459. position:fixed;
  460. width:auto;
  461. height:auto;
  462. margin-top:-90px;
  463. margin-left:-25px;
  464. opacity:1;
  465. font-family:caviar dreams;
  466. font-size:65px;
  467. color:{color:title};
  468. background:transparent;
  469. line-height:80px;
  470. height: 65px;
  471. z-index: 3;
  472. text-shadow:1px 2px 5px #000;
  473. transition: all 0.8s ease-out;
  474. -o-transition-transition: all 0.8s ease-out;
  475. -webkit-transition: all 0.8s ease-out;
  476. -moz-transition: all 0.8s ease-out;
  477. }
  478.  
  479. #sidebar:hover #blogtitle{
  480. opacity:0;
  481. margin-left:-100px;
  482. transition: all 0.8s ease-out;
  483. -o-transition-transition: all 0.8s ease-out;
  484. -webkit-transition: all 0.8s ease-out;
  485. -moz-transition: all 0.8s ease-out;
  486. }
  487.  
  488. #title2{
  489. position:fixed;
  490. width:150px;
  491. height:auto;
  492. margin-top:-80px;
  493. margin-left:50px;
  494. opacity:0;
  495. font-family:little days;
  496. font-size:55px;
  497. color:{color:title};
  498. background:transparent;
  499. line-height:80px;
  500. height: 65px;
  501. z-index: 3;
  502. text-shadow:1px 2px 5px #000;
  503. transition: all 0.8s ease-out;
  504. -o-transition-transition: all 0.8s ease-out;
  505. -webkit-transition: all 0.8s ease-out;
  506. -moz-transition: all 0.8s ease-out;
  507. }
  508.  
  509. #sidebar:hover #title2{
  510. opacity:1;
  511. margin-left:120px;
  512. transition: all 0.8s ease-out;
  513. -o-transition-transition: all 0.8s ease-out;
  514. -webkit-transition: all 0.8s ease-out;
  515. -moz-transition: all 0.8s ease-out;
  516. }
  517.  
  518. #updates{
  519. position:fixed !important;
  520. width:45px;
  521. padding:8px;
  522. padding-right:18px;
  523. background:white;
  524. height:auto;
  525. margin-top:38px;
  526. margin-left:170px;
  527. text-align:center;
  528. z-index:5;
  529. font-family:lemons can fly;
  530. font-size:25px;
  531. border-left:3px solid {color:links};
  532. border-right:3px solid {color:links};
  533. opacity:0;
  534. border-radius:10px;
  535. transition: all 0.6s ease-out;
  536. -o-transition-transition: all 0.6s ease-out;
  537. -webkit-transition: all 0.6s ease-out;
  538. -moz-transition: all 0.6s ease-out;
  539. }
  540.  
  541. #sidebar:hover #updates{
  542. opacity:1;
  543. }
  544.  
  545. #playlist{
  546. position:fixed !important;
  547. width:45px;
  548. padding:8px;
  549. padding-right:12px;
  550. background:white;
  551. height:auto;
  552. margin-top:38px;
  553. margin-left:260px;
  554. text-align:center;
  555. z-index:5;
  556. font-family:lemons can fly;
  557. font-size:25px;
  558. border-left:3px solid {color:links};
  559. border-right:3px solid {color:links};
  560. opacity:0;
  561. border-radius:10px;
  562. transition: all 0.6s ease-out;
  563. -o-transition-transition: all 0.6s ease-out;
  564. -webkit-transition: all 0.6s ease-out;
  565. -moz-transition: all 0.6s ease-out;
  566. }
  567.  
  568. #sidebar:hover #playlist{
  569. opacity:1;
  570. }
  571.  
  572. #pencil{
  573. position:fixed;
  574. width:1500px;
  575. height:5px;
  576. margin-left:-200px;
  577. margin-top:40px;
  578. background-color:{color:bar1};
  579. border:3px double #fff;
  580. z-index:99;
  581. }
  582.  
  583. #eraser{
  584. position:fixed;
  585. width:1700px;
  586. height:5px;
  587. margin-left:-970px;
  588. margin-top:200px;
  589. background-color:{color:bar1};
  590. border:2px double #fff;
  591. -webkit-transform:rotate(450deg);
  592. }
  593.  
  594. #pop{
  595. position:fixed;
  596. width:2000px;
  597. height:5px;
  598. margin-left:-675px;
  599. margin-top:0px;
  600. background-color:{color:bar1};
  601. border:2px double #fff;
  602. -webkit-transform:rotate(450deg);
  603. }
  604.  
  605. #player{
  606. position:fixed !important;
  607. width:auto;
  608. padding:8px;
  609. padding-bottom:18px;
  610. background:white;
  611. height:8px;
  612. margin-top:95px;
  613. margin-left:170px;
  614. text-align:center;
  615. z-index:5;
  616. border-right:3px solid {color:links};
  617. border-left:3px solid {color:links};
  618. border-radius:10px;
  619. opacity:0;
  620. transition: all 0.6s ease-out;
  621. -o-transition-transition: all 0.6s ease-out;
  622. -webkit-transition: all 0.6s ease-out;
  623. -moz-transition: all 0.6s ease-out;
  624. }
  625.  
  626. #sidebar:hover #player{
  627. opacity:1;
  628. }
  629.  
  630. .quote{
  631. position: fixed !important;
  632. width:830px;
  633. height:33px;
  634. font-family:meow;
  635. font-size: 25px;
  636. line-height: 25px;
  637. text-shadow: 2px 2px 2px #888;
  638. background-color: #fff;
  639. padding: 8px;
  640. padding-bottom:10px;
  641. text-align:center;
  642. margin-top: -305px;
  643. margin-left: 395px;
  644. z-index:999;
  645. }
  646.  
  647. @font-face {font-family: "Meow";src: url("http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf") format("truetype");}
  648.  
  649. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  650.  
  651. @font-face{font-family:"Lemons Can Fly"; src: url('http://static.tumblr.com/9wzbixa/9Bsmj3k8e/lemons_can_fly.ttf');}
  652.  
  653. @font-face{font-family:"Soopafresh";src: url('http://static.tumblr.com/9wzbixa/PQlm26p56/soopafre.ttf');}
  654.  
  655. @font-face {font-family:"Caviar Dreams";src:url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  656.  
  657. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  658.  
  659. @font-face {font-family:"little days"; src: url('http://static.tumblr.com/ejm8w78/WPwlvia7a/little_days.ttf');}
  660.  
  661. @font-face {font-family: "Zebra"; src: url('http://static.tumblr.com/ejm8w78/vsylviai8/zebra_01-49-58.ttf'); }
  662.  
  663. #cutie1{
  664. position:fixed;
  665. width:20px;
  666. height:15px;
  667. padding-top:5px;
  668. padding-bottom:5px;
  669. padding:10px;
  670. margin-left:5px;
  671. margin-top:170px;
  672. line-height:18px;
  673. text-align:center;
  674. font-size: 20px;
  675. letter-spacing:2px;
  676. font-family: caviar dreams;
  677. opacity:0;
  678. z-index: 3;
  679. border-left:2px solid {color:links};
  680. border-right:2px solid {color:links};
  681. border-radius:10px;
  682. transition: all 0.6s ease-out;
  683. -o-transition-transition: all 0.6s ease-out;
  684. -webkit-transition: all 0.6s ease-out;
  685. -moz-transition: all 0.6s ease-out;
  686. }
  687.  
  688. #sidebar:hover #cutie1{
  689. opacity:1;
  690. }
  691.  
  692. #cutie2{
  693. position:fixed;
  694. width:20px;
  695. height:15px;
  696. padding-top:5px;
  697. padding-bottom:5px;
  698. padding:10px;
  699. margin-left:60px;
  700. margin-top:170px;
  701. line-height:18px;
  702. text-align:center;
  703. font-size: 20px;
  704. letter-spacing:2px;
  705. font-family: caviar dreams;
  706. opacity:0;
  707. z-index: 3;
  708. border-left:2px solid {color:links};
  709. border-right:2px solid {color:links};
  710. border-radius:10px;
  711. transition: all 0.6s ease-out;
  712. -o-transition-transition: all 0.6s ease-out;
  713. -webkit-transition: all 0.6s ease-out;
  714. -moz-transition: all 0.6s ease-out;
  715. }
  716.  
  717. #sidebar:hover #cutie2{
  718. opacity:1;
  719. }
  720.  
  721. #cutie3{
  722. position:fixed;
  723. width:20px;
  724. height:15px;
  725. padding-top:5px;
  726. padding-bottom:5px;
  727. padding:10px;
  728. margin-left:115px;
  729. margin-top:170px;
  730. line-height:18px;
  731. text-align:center;
  732. font-size: 20px;
  733. letter-spacing:2px;
  734. font-family: caviar dreams;
  735. opacity:0;
  736. z-index: 3;
  737. border-left:2px solid {color:links};
  738. border-right:2px solid {color:links};
  739. border-radius:10px;
  740. transition: all 0.6s ease-out;
  741. -o-transition-transition: all 0.6s ease-out;
  742. -webkit-transition: all 0.6s ease-out;
  743. -moz-transition: all 0.6s ease-out;
  744. }
  745.  
  746. #sidebar:hover #cutie3{
  747. opacity:1;
  748. }
  749.  
  750. #cutie4{
  751. position:fixed;
  752. width:20px;
  753. height:15px;
  754. padding-top:5px;
  755. padding-bottom:5px;
  756. padding:10px;
  757. margin-left:5px;
  758. margin-top:230px;
  759. line-height:18px;
  760. text-align:center;
  761. font-size: 20px;
  762. letter-spacing:2px;
  763. font-family: caviar dreams;
  764. opacity:0;
  765. z-index: 3;
  766. border-left:2px solid {color:links};
  767. border-right:2px solid {color:links};
  768. border-radius:10px;
  769. transition: all 0.6s ease-out;
  770. -o-transition-transition: all 0.6s ease-out;
  771. -webkit-transition: all 0.6s ease-out;
  772. -moz-transition: all 0.6s ease-out;
  773. }
  774.  
  775. #sidebar:hover #cutie4{
  776. opacity:1;
  777. }
  778.  
  779. #cutie5{
  780. position:fixed;
  781. width:20px;
  782. height:15px;
  783. padding-top:5px;
  784. padding-bottom:5px;
  785. padding:10px;
  786. margin-left:60px;
  787. margin-top:230px;
  788. line-height:18px;
  789. text-align:center;
  790. font-size: 20px;
  791. letter-spacing:2px;
  792. font-family: caviar dreams;
  793. opacity:0;
  794. z-index: 3;
  795. border-left:2px solid {color:links};
  796. border-right:2px solid {color:links};
  797. border-radius:10px;
  798. transition: all 0.6s ease-out;
  799. -o-transition-transition: all 0.6s ease-out;
  800. -webkit-transition: all 0.6s ease-out;
  801. -moz-transition: all 0.6s ease-out;
  802. }
  803.  
  804. #sidebar:hover #cutie5{
  805. opacity:1;
  806. }
  807.  
  808. #cutie6{
  809. position:fixed;
  810. width:20px;
  811. height:15px;
  812. padding-top:5px;
  813. padding-bottom:5px;
  814. padding:10px;
  815. margin-left:115px;
  816. margin-top:230px;
  817. line-height:18px;
  818. text-align:center;
  819. font-size: 20px;
  820. letter-spacing:2px;
  821. font-family: caviar dreams;
  822. opacity:0;
  823. z-index: 3;
  824. border-left:2px solid {color:links};
  825. border-right:2px solid {color:links};
  826. border-radius:10px;
  827. transition: all 0.6s ease-out;
  828. -o-transition-transition: all 0.6s ease-out;
  829. -webkit-transition: all 0.6s ease-out;
  830. -moz-transition: all 0.6s ease-out;
  831. }
  832.  
  833. #sidebar:hover #cutie6{
  834. opacity:1;
  835. }
  836.  
  837. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  838. .title{
  839. line-height: 12px;
  840. color:{color:Title};
  841. font-weight: normal;
  842. font-size:18px;
  843. font-family:joe schmoe;
  844. line-height:20px;
  845. }
  846.  
  847. @font-face {font-family:"Joe Schmoe"; src:url('http://static.tumblr.com/9wzbixa/grOm26n8m/dk_joe_schmoe.ttf');}
  848.  
  849. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  850. .permalink{
  851. text-transform: normal;
  852. display: block;
  853. text-align: right;
  854. text-decoration: none;
  855. }
  856.  
  857.  
  858. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  859. #infscr-loading{
  860. bottom: -70px;
  861. position: absolute;
  862. left: 50%;
  863. margin-left:-8px;
  864. width:16px;
  865. height:11px;
  866. overflow:hidden;
  867. margin-bottom: 50px;
  868. }
  869.  
  870. #postnotes{
  871. text-align: justify;}
  872.  
  873. #postnotes blockquote{
  874. border: 0px;}
  875.  
  876. blockquote{
  877. padding:0px 0px 2px 5px;
  878. margin:0px 0px 2px 10px;
  879. border-left: 1px dotted #555555;
  880. }
  881.  
  882. blockquote p, ul{
  883. margin:0px;
  884. padding:0px;
  885. }
  886.  
  887. a img{border: 0px;}
  888.  
  889.  
  890. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  891.  
  892. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  893. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  894.  
  895. .notes img{width:10px; position:relative; top:3px;}
  896. <--ses-->
  897. small{font-size: 90%;}
  898.  
  899. {CustomCSS}
  900.  
  901. </style>
  902.  
  903. {block:IndexPage}
  904. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  905. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  906.  
  907. <script type="text/javascript">
  908. $(window).load(function(){
  909. var $wall = $('#posts');
  910. $wall.imagesLoaded(function(){
  911. $wall.masonry({
  912. itemSelector: '.entry, .entry_photo',
  913. isAnimated : false
  914. });
  915. });
  916.  
  917. $wall.infinitescroll({
  918. navSelector : '#pagination',
  919. nextSelector : '#pagination a',
  920. itemSelector : '.entry, .entry_photo',
  921. bufferPx : 2000,
  922. debug : false,
  923. errorCallback: function() {
  924. $('#infscr-loading').fadeOut('normal');
  925. }},
  926. function( newElements ) {
  927. var $newElems = $( newElements );
  928. $newElems.hide();
  929. $newElems.imagesLoaded(function(){
  930. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  931. });
  932. }); $('#posts').show(500);
  933. });
  934. </script>
  935.  
  936.  
  937. {/block:IndexPage}
  938.  
  939.  
  940. <title>{title}</title>
  941.  
  942. <link rel="shortcut icon" href="{Favicon}" />
  943. <meta name="viewport" content="width=820" />
  944. </head>
  945.  
  946. <body>
  947. <BODY onselectstart="return false;" ondragstart="return false;">
  948. <div class="wrapper">
  949. <div class="header">
  950. </div>
  951.  
  952. <div id="cage">
  953. <div id="center">
  954.  
  955. <div id="pencil"></div>
  956. <div id="eraser"></div>
  957. <div id="pop"></div>
  958.  
  959. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  960. <div id="sidebar">
  961. <center>
  962. <div id="sidebar2"><img src="{image:sidebar2}" width=100% height=140%></a></div>
  963. <div id="cutie1"><a href="{text:Link One}" title="{text:Link One Message}">01</a></div>
  964. <div id="cutie2"><a href="{text:Link two}" title="{text:Link Two Message}">02</a></div>
  965. <div id="cutie3"><a href="{text:Link three}" title="{text:Link Three Message}">03</a></div>
  966. <div id="cutie4"><a href="{text:Link four}" title="{text:Link Four Message}">04</a></div>
  967. <div id="cutie5"><a href="{text:Link five}" title="{text:Link Five Message}">05</a></div>
  968. <div id="cutie6"><a href="http://h0ran-wbu.tumblr.com" title="Theme by horan-wbu!">06</a></div>
  969. <div id="blogtitle">{blogtitle}</div>
  970. <div id="title2">{text:title2}</div>
  971. <a href="/"><img src="{image:sidebar}" width=100%></a>
  972. <div id="desc">{description}</div>
  973. <div id="playlist"><a href='#?w=350' rel='01' class='poplight'>playlist</a> </div>
  974. <div id="updates"><a href='#?w=350' rel='02' class='poplight'>updates</a> </div>
  975. <div id="player"></a>{text:music}</a>
  976. </div>
  977. <div class="quote">{text:quote}
  978. </center>
  979. </div>
  980. <!------------------------------------->
  981.  
  982.  
  983. <div class="left">
  984. <div id="posts">
  985. {block:Posts}
  986. <div class="entry">
  987.  
  988. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  989.  
  990. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  991. {/block:Text}
  992.  
  993. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  994.  
  995. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  996.  
  997. {block:Answer}
  998. <div style="margin: 1px 2px 1px 2px; min-height:30px; padding: 10px; border:1px solid; background-color: white;
  999. ">
  1000. <img src="{AskerPortraitURL-40}" width="35" align="Left" style="margin-left:-5px; margin-top: -5px; padding:5px; padding-top:2px; border-radius:20px;"/>
  1001. <gee>{Asker}</gee>: {Question} </div>
  1002. <div style="background: transparent;"><center><br>{Answer}</center></div><br><br>
  1003. <askk>{text:your name}</askk>
  1004. <P ALIGN=Right><a href="{Permalink}"</a>
  1005. {/block:Answer}
  1006.  
  1007. {block:Photo}
  1008. {block:IndexPage}
  1009. <center>
  1010. <div class="perma">
  1011. <a href="{ReblogURL}" target="_blank"> reblog </a></div>
  1012.  
  1013. <div class="perma2">
  1014. <a href="{Permalink}">{notecountwithlabel}</a>
  1015. </div>
  1016.  
  1017. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1018. {/block:IndexPage}
  1019. {block:PermalinkPage}
  1020. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1021.  
  1022. {LinkCloseTag}
  1023. {/block:PermalinkPage}
  1024. {/block:Photo}
  1025.  
  1026. {block:Photoset}
  1027. {block:IndexPage}
  1028. <center>
  1029.  
  1030. <div class="perma">
  1031. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1032.  
  1033. {Photoset-250}</center>
  1034. {/block:IndexPage}
  1035. {block:PermalinkPage}
  1036. <center>
  1037. {Photoset-500}</center>
  1038. {/block:PermalinkPage}
  1039. {/block:Photoset}
  1040.  
  1041. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1042.  
  1043. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1044.  
  1045. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1046. <ul class="chat">
  1047. {block:Lines}
  1048. <li class="user_{UserNumber}">
  1049. {block:Label}
  1050. <span class="label">{Label}</span>
  1051. {/block:Label}
  1052.  
  1053. {Line}
  1054. </li>
  1055. {/block:Lines}
  1056. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1057. {/block:Chat}
  1058.  
  1059. {block:Audio}
  1060. <div style="width:200px; height:30px;">
  1061. {AudioPlayerBlack}
  1062. </div>
  1063. {block:IndexPage}<span class="permalink">
  1064. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1065. </span>{/block:IndexPage}
  1066. {/block:Audio}
  1067.  
  1068. {block:Video}
  1069. {block:IndexPage}
  1070. <center>
  1071. <div class="perma">
  1072. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1073. {Video-250}</center>
  1074. {/block:IndexPage}
  1075. {block:PermalinkPage}
  1076. <center>
  1077. {Video-400}</center>
  1078. {/block:PermalinkPage}
  1079. {block:Video}
  1080.  
  1081.  
  1082. {block:PostNotes}<div align="middle">{caption}</div>
  1083. <center>
  1084.  
  1085. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1086.  
  1087. {block:HasTags}
  1088. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1089. {block:RebloggedFrom}
  1090. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1091. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1092.  
  1093. {/block:RebloggedFrom}
  1094. </center></span>
  1095. <br>
  1096. <div id="postnotes">{PostNotes}</div><br>
  1097.  
  1098. <center>{block:ContentSource}
  1099. <br><a href="{SourceURL}">
  1100. {lang:Source}:
  1101. {block:SourceLogo}
  1102. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1103. height="{LogoHeight}" alt="{SourceTitle}" />
  1104. {/block:SourceLogo}
  1105. {block:NoSourceLogo}
  1106. {SourceLink}
  1107. {/block:NoSourceLogo}
  1108. </a>
  1109. {/block:ContentSource}</center>
  1110.  
  1111. {/block:PostNotes}
  1112. </div>
  1113. {/block:Posts}
  1114. </div></div>
  1115.  
  1116. {block:IndexPage}
  1117. {block:Pagination}
  1118. <div id="pagination">
  1119. {block:NextPage}
  1120. <a id="nextPage" href="{NextPage}"></a>
  1121. {/block:NextPage}
  1122. {block:PreviousPage}
  1123. <a href="{PreviousPage}"></a>
  1124. {/block:PreviousPage}
  1125. </div>
  1126. {/block:Pagination}
  1127. {/block:IndexPage}
  1128. </body>
  1129. <div style="position:fixed; bottom:5px; right:5px; background:white; padding: 3px; font-size: 18px; line-height: 10px; border:2px solid; border-radius:10px;" title= "theme by h0ran-wbu!"><a href="http://h0ran-wbu.tumblr.com"><img src="http://i1225.photobucket.com/albums/ee381/enix-directory/Pixels/tumblr_lkl5x4Rh131qfamg6.gif"></a></div>
  1130. <div id="01" class="popup_block">
  1131.  
  1132. <center><mah>Playlist:</mah></center>
  1133. <br>
  1134.  
  1135. put your playlist here
  1136. use a music player from here http://flash-mp3-player.net/players/multi/ :) <br>
  1137. if you need help, qirls has a tutorial for it!
  1138. Use <br> to make a new line & <p> for a new paragraph !
  1139.  
  1140. </div></div></div></div></div></div></div></div></div></div>
  1141.  
  1142. <div id="02" class="popup_block">
  1143.  
  1144. <center><mah>Updates:</mah></center>
  1145. <br>
  1146.  
  1147. put your updates here
  1148. I'm currently online! <br>
  1149. Follow my BOTW for a promo!<br>
  1150. Use <br> to make a new line & <p> for a new paragraph !
  1151.  
  1152. </div></div></div></div></div></div></div></div></div></div>
  1153. </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!