abss_99

theme b theme

Oct 29th, 2013
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.39 KB | None | 0 0
  1. <!--
  2. Theme 32 by
  3. ╱╱╱╱╱╱╱╱╱╱╱╱╭╮╱╱╱╱╭╮╱╭╮╱╱╱╱╭╮
  4. ╱╱╱╱╱╱╱╱╱╱╱╱┃┃╱╱╱╭╯╰┳╯╰╮╱╱╭╯╰╮
  5. ╭━━┳━━┳━━┳━━┫╰━┳━┻╮╭┻╮╭╋╮╱╰╮╭╋━━┳━━┳━━┳━━╮
  6. ┃━━┫╭╮┃╭╮┃╭╮┃╭╮┃┃━┫┃╱┃┃┣╋━━┫┃┃╭╮┃╭━┫╭╮┃━━┫
  7. ┣━━┃╰╯┃╭╮┃╰╯┃┃┃┃┃━┫╰╮┃╰┫┣━━┫╰┫╭╮┃╰━┫╰╯┣━━┃
  8. ╰━━┫╭━┻╯╰┻━╮┣╯╰┻━━┻━╯╰━┻╯╱╱╰━┻╯╰┻━━┻━━┻━━╯
  9. ╱╱╱┃┃╱╱╱╱╱╱┃┃
  10. ╱╱╱╰╯╱╱╱╱╱╱╰╯
  11.  
  12. Please don't remove credit or keep it in your faq!
  13. This theme got stolen so i'm posting it because fuck you
  14. PUT THE CREDIT SOMEWHERE ON YOUR THEME BLOG OR I WILL REPORT YOU NO HESITATION.
  15. -->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19.  
  20. <head>
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23. <script>
  24. (function($){
  25. $(document).ready(function(){
  26. $("a[title]").style_my_tooltips({
  27. tip_follows_cursor:true,
  28. tip_delay_time:90,
  29. tip_fade_speed:600,
  30. attribute:"title"
  31. });
  32. });
  33. })(jQuery);
  34. </script>
  35. <script type="text/javascript">
  36. function tb8_makeArray(n){
  37. this.length = n;
  38. return this.length;
  39. }
  40. tb8_messages = new tb8_makeArray(3);
  41. tb8_messages[0] = "this blog follows back";
  42. tb8_messages[1] = "themes by abby <3";
  43. tb8_messages[2] = "ILY";
  44. tb8_rptType = 'infinite';
  45. tb8_rptNbr = 5;
  46. tb8_speed = 100;
  47. tb8_delay = 2000;
  48. var tb8_counter=1;
  49. var tb8_currMsg=0;
  50. var tb8_tekst ="";
  51. var tb8_i=0;
  52. var tb8_TID = null;
  53. function tb8_pisi(){
  54. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  55. document.title = tb8_tekst;
  56. tb8_sp=tb8_speed;
  57. tb8_i++;
  58. if (tb8_i==tb8_messages[tb8_currMsg].length){
  59. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  60. }
  61. if (tb8_currMsg == tb8_messages.length){
  62. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  63. clearTimeout(tb8_TID);
  64. return;
  65. }
  66. tb8_counter++;
  67. tb8_currMsg = 0;
  68. }
  69. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  70. }
  71. tb8_pisi()
  72. </script>
  73.  
  74. <html lang="en">
  75. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  76. <html xmlns="http://www.w3.org/1999/xhtml">
  77. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  78.  
  79. <script type="text/javascript"
  80. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  81.  
  82. <script>
  83. $(document).ready(function() {
  84. //
  85. $('a.poplight[href^=#]').click(function() {
  86. var popID = $(this).attr('rel'); //Get Popup Name
  87. var popURL = $(this).attr('href'); //Get Popup href to define size
  88. var query= popURL.split('?');
  89. var dim= query[1].split('&');
  90. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  91. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprq9jrfsI1qcn2vb.png" class="btn_close" title="Close" alt="Close" /></a>');
  92. var popMargTop = ($('#' + popID).height() + 80) / 2;
  93. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  94. //Apply Margin to Popup
  95. $('#' + popID).css({
  96. 'margin-top' : -popMargTop,
  97. 'margin-left' : -popMargLeft
  98. });
  99. $('body').append('<div id="fade"></div>');
  100. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  101. return false;
  102. });
  103. $('a.close, #fade').live('click', function() {
  104. $('#fade , .popup_block').fadeOut(function() {
  105. $('#fade, a.close').remove(); //fade them both out
  106. });
  107. return false;
  108. });
  109. });
  110. </script>
  111.  
  112. <script type="text/javascript">
  113. <!--
  114.  
  115. // Disable Right Click Script
  116.  
  117. function IE(e)
  118. {
  119. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  120. {
  121. return false;
  122. }
  123. }
  124. function NS(e)
  125. {
  126. if (document.layers || (document.getElementById && !document.all))
  127. {
  128. if (e.which == "2" || e.which == "3")
  129. {
  130. return false;
  131. }
  132. }
  133. }
  134. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  135.  
  136. //-->
  137.  
  138. </script>
  139.  
  140.  
  141. <script type="text/javascript"
  142. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  143.  
  144. <!--DEFAULT VARIABLES-->
  145. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  146. <meta name="color:background" content="#fff"/>
  147. <meta name="color:link" content="#777"/>
  148. <meta name="color:text" content="#777"/>
  149. <meta name="color:title" content="#333"/>
  150. <meta name="color:linktext" content="#777"/>
  151. <meta name="color:hover" content="#fff"/>
  152. <meta name="color:ask background" content="#333"/>
  153. <meta name="text:put your name here" content="put your name here"/>
  154. <meta name="image:sidebar" content="1"/>
  155. <meta name="image:background" content="1"/>
  156. <meta name="image:sideback" content="1"/>
  157. <meta name="image:sideback1" content="1"/>
  158. <meta name="image:topbar" content="1"/>
  159. <meta name="image:bar" content="1"/>
  160. <meta name="color:titlebar" content="7c7c7c"/>
  161. <meta name="color:borders" content="7c7c7c">
  162. <meta name="color:scrollbar" content="7c7c7c">
  163. <meta name="color:links" content="7c7c7c">
  164. <meta name="text:stats" content="stats"/>
  165. <meta name="text:title2" content="title2"/>
  166. <meta name="color:title2" content="#ddd"/>
  167. <meta name="color:tooltip" content="#ddd"/>
  168. <meta name="text:Link 1" content="">
  169. <meta name="text:Link 2" content="">
  170. <meta name="text:Link 3" content="">
  171. <meta name="text:Link 4" content="">
  172.  
  173. <style type="text/css">
  174.  
  175. #s-m-t-tooltip {
  176. max-width:300px;
  177. padding:6px 6px 6px 6px;
  178. margin:20px 0px 0px 20px;
  179. background: #fff; /* change the background color */
  180. border:2px solid {color:tooltip}; /* change the border color */
  181. font-family:oops; /* change the font */
  182. font-size:18px; /* change the font size */
  183. letter-spacing:0px; /* change the letter spacing */
  184. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  185. color:#000; /* change the text color */
  186. z-index:999999999999999999999999999999999999;
  187. border-radius:10px 25px/10px 15px;
  188. }
  189.  
  190. #fade { /*--Transparent background layer--*/
  191. display: none; /*--hidden by default--*/
  192. background:#000;
  193. position: fixed; left: 0; top: 0;
  194. width: 100%; height: 100%;
  195. opacity: .8;
  196. z-index: 9999;
  197. }
  198.  
  199. .popup_block{
  200. display: none; /*--hidden by default--*/
  201. background: #ffffff;
  202. background-image: url();
  203. padding: 20px;
  204. font-family: ronda;
  205. float: left;
  206. font-size: 8px;
  207. position: fixed;
  208. top: 50%; left: 50%;
  209. border: 2px solid #aaaaaa;
  210. border-top-left-radius: 8px;
  211. border-top-right-radius: 8px;
  212. border-bottom-left-radius: 8px;
  213. border-bottom-right-radius: 8px;
  214. z-index: 99999;
  215. /*--CSS3 Box Shadows--*/
  216. -webkit-box-shadow: 0px 0px 20px #000;
  217. -moz-box-shadow: 0px 0px 20px #000;
  218. box-shadow: 1px 1px 20px #000;
  219. -webkit-transition: all .7s ease;
  220. -moz-transition: all .7s ease;
  221. -o-transition: all .7s ease;
  222. transition: all .7s ease;
  223. }
  224. .popup_block:hover{
  225. opacity:1;
  226. -webkit-transition: all .7s ease;
  227. -moz-transition: all .7s ease;
  228. -o-transition: all .7s ease;
  229. transition: all .7s ease;
  230. }
  231. img.btn_close {
  232. float: right;
  233. margin: -15px -15px 0 0;
  234. }
  235. *html .popup_block {
  236. position: absolute;
  237. }
  238.  
  239.  
  240. ::-webkit-scrollbar-thumb{
  241. background-color:white;
  242. border: 2px solid white;
  243. height:auto;
  244. -moz-border-radius: 10px;
  245. border-radius: 10px;
  246. }
  247.  
  248. ::-webkit-scrollbar {
  249. height:3px;
  250. width:3px;
  251. background-color:{color:scrollbar};
  252. }
  253.  
  254.  
  255.  
  256.  
  257. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
  258.  
  259. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  260.  
  261. 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;}
  262.  
  263. p {
  264. margin:0px;
  265. margin-top:0px;
  266. }
  267.  
  268.  
  269. body {
  270. padding: 0px;
  271. margin: 0px;
  272. color:{color:text};
  273. font-family: dixel;
  274. line-height:7px;
  275. font-size:8px;
  276. background-color: {color:Background};
  277. background-image:url({image:Background});
  278. background-attachment: fixed;
  279. background-repeat: repeat;
  280. }
  281.  
  282.  
  283. a:link, a:active, a:visited{
  284. text-decoration: none;
  285. -webkit-transition: color 0.3s ease-out;
  286. -moz-transition: color 0.3s ease-out;
  287. transition: color 0.3s ease-out;
  288. color:{color:link};
  289. }
  290.  
  291. a:hover {
  292. text-decoration: line-through;
  293. font-style:;
  294. color: {color:Hover};
  295. }
  296.  
  297. div#center{
  298. margin:auto;
  299. position:relative;
  300. width:1000px;
  301. background-color:;
  302. overflow:auto;
  303. overflow-y:hidden;
  304. }
  305.  
  306. ask {
  307. font-family: 'nessa';
  308. text-align: right;
  309. margin-top: 10px;
  310. margin-left: 5px;
  311. font-size:18px;
  312. color: #838383;
  313. line-height: 5px;
  314. }
  315.  
  316. askk {
  317. font-family: 'nessa';
  318. text-align: center;
  319. font-size:22px;
  320. color: {color:name}
  321. line-height: 5px;
  322. text-shadow: 1.5px 1px #ddd;
  323. }
  324.  
  325.  
  326. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  327. .entry {
  328. float:left;
  329. display: block;
  330. margin: 12px;
  331. padding: 8px;
  332. padding-bottom: 8px;
  333. overflow:hidden;
  334. width:470px;
  335. border: 1px solid {color:borders};
  336. {block:PermalinkPage}
  337. width:600px;
  338. text-align:left;
  339. line-height:10px;
  340. {/block:PermalinkPage}
  341. background-image:URL();
  342. }
  343.  
  344.  
  345. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  346. .entry .perma{
  347. width:470px;
  348. height:45px;
  349. margin-left:0px;
  350. position: absolute;
  351. line-height: 50px;
  352. overflow:hidden;
  353. text-align:center;
  354. top:60px;
  355. font-family: throw my hands up in the air;
  356. font-size: 25px;
  357. border-top: 2px solid #ddd;
  358. border-bottom: 2px solid #ddd;
  359. background:white;
  360. word-spacing:2px;
  361. letter-spacing:1px;
  362. opacity: 0.0;
  363. -webkit-transition: all .7s ease;
  364. -moz-transition: all .7s ease;
  365. -o-transition: all .7s ease;
  366. transition: all .7s ease;
  367. }
  368.  
  369. .entry:hover .perma{
  370. overflow:visible;
  371. opacity:3;
  372. }
  373.  
  374.  
  375. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  376. #posts {
  377. width:500px;
  378. font-family: pewp;
  379. font-size: 12px;
  380. line-height: 15px;
  381. margin-top:5px;
  382. z-index:999;
  383. margin-right:230px;
  384. right:auto;
  385. background:transparent;
  386. margin-left:auto;
  387. position:relative;
  388. overflow-x: hidden;
  389. }
  390.  
  391.  
  392. /*CUSTOMIZE SIDEBAR HERE*/
  393.  
  394. #sidebar{
  395. z-index: 1;
  396. position:fixed !important;
  397. width:270px;
  398. padding: 8px;
  399. padding-bottom:8px;
  400. border: 2px solid {color:borders};
  401. background:white;
  402. height:auto;
  403. margin-top:100px;
  404. margin-left:-130px;
  405. text-align:center;
  406. }
  407.  
  408. #sidebar #desc{
  409. position:fixed !important;
  410. width:200px;
  411. height:auto;
  412. margin-left:-75px;
  413. margin-top:100px;
  414. font-family:throw my hands up in the air;
  415. font-size:15px;
  416. line-height:15px;
  417. padding-right:5px;
  418. padding-top:5px;
  419. padding-left:5px;
  420. padding-bottom:5px;
  421. border:2px solid #fff;
  422. border-radius:20px 10px/20px 10px;
  423. opacity:0;
  424. background-color:white;
  425. transition: all 0.7s ease-out;
  426. -o-transition-transition: all 0.7s ease-out;
  427. -webkit-transition: all 0.7s ease-out;
  428. -moz-transition: all 0.7s ease-out;
  429. }
  430.  
  431. #sidebar:hover #desc{
  432. opacity:1;
  433. margin-left:30px;
  434. margin-top:100px;
  435. }
  436.  
  437. #title{
  438. position:fixed !important;
  439. z-index:3;
  440. width:400px;
  441. height:40px;
  442. opacity: 1;
  443. padding:3px;
  444. margin-top:27px;
  445. margin-left:-200px;
  446. background:white;
  447. line-height:50px;
  448. text-align:center;
  449. color: {color:title2};
  450. letter-spacing:2px;
  451. font-size: 75px;
  452. text-shadow: 2px 2px 3px #000;
  453. font-family: 'halo handletter';
  454. border-top-left-radius: 5px;
  455. border-top-right-radius: 5px;
  456. border-bottom-left-radius: 2px;
  457. border-bottom-right-radius: 2px;
  458. }
  459.  
  460. #lea{
  461. position:fixed !important;
  462. z-index:3;
  463. width:250px;
  464. height:15px;
  465. opacity: 2;
  466. padding:3px;
  467. margin-top:390px;
  468. margin-left:-113px;
  469. background:white;
  470. line-height:18px;
  471. border: 1px dotted {color:borders};
  472. border-left: 0px;
  473. border-right: 0px;
  474. text-align:center;
  475. text-color: {color:title};
  476. letter-spacing:2px;
  477. font-size: 13px;
  478. font-family: 'throw my hands up in the air';
  479. }
  480.  
  481. #lea1{
  482. position:fixed !important;
  483. z-index:3;
  484. width:250px;
  485. height:165px;
  486. opacity: 2;
  487. padding:3px;
  488. margin-top:70px;
  489. margin-left:873px;
  490. background:white;
  491. line-height:18px;
  492. border: 5px solid {color:borders};
  493. text-align:center;
  494. text-color: {color:title};
  495. letter-spacing:2px;
  496. font-size: 13px;
  497. font-family: 'pewp';
  498. overflow-y:scroll;
  499. overflow-x:hidden;
  500. }
  501.  
  502. #lea2{
  503. position:fixed !important;
  504. z-index:3;
  505. width:250px;
  506. height:105px;
  507. opacity: 2;
  508. padding:3px;
  509. margin-top:300px;
  510. margin-left:873px;
  511. background:white;
  512. line-height:18px;
  513. border: 5px solid {color:borders};
  514. text-align:center;
  515. text-color: {color:title};
  516. letter-spacing:2px;
  517. font-size: 13px;
  518. font-family: 'pewp';
  519. overflow-y:scroll;
  520. overflow-x:hidden;
  521. }
  522.  
  523. #lea3{
  524. position:fixed !important;
  525. z-index:3;
  526. width:250px;
  527. height:125px;
  528. opacity: 2;
  529. padding:3px;
  530. margin-top:460px;
  531. margin-left:873px;
  532. background:white;
  533. line-height:18px;
  534. border: 5px solid {color:borders};
  535. text-align:center;
  536. text-color: {color:title};
  537. letter-spacing:2px;
  538. font-size: 13px;
  539. font-family: 'pewp';
  540. overflow-y:scroll;
  541. overflow-x:hidden;
  542. }
  543.  
  544. #lea4{
  545. position:fixed !important;
  546. z-index:3;
  547. width:250px;
  548. height:125px;
  549. opacity: 2;
  550. padding:3px;
  551. margin-top:20px;
  552. margin-left:-1000px;
  553. background:white;
  554. line-height:18px;
  555. border: 5px solid {color:borders};
  556. text-align:center;
  557. text-color: {color:title};
  558. letter-spacing:2px;
  559. font-size: 13px;
  560. font-family: 'pewp';
  561. overflow-y:scroll;
  562. overflow-x:hidden;
  563. }
  564.  
  565. #feet1{
  566. position:fixed;
  567. z-index:3;
  568. width:25px;
  569. height:20px;
  570. opacity: 2;
  571. padding:3px;
  572. margin-left:214px;
  573. margin-top:150px;
  574. background: {color:links};
  575. border:2px solid {color:borders};
  576. line-height:20px;
  577. text-align:center;
  578. text-color: {color:linktext};
  579. font-size: 20px;
  580. letter-spacing: 1px;
  581. font-family: "ashley marie";
  582. border-top-left-radius: 5px;
  583. border-top-right-radius: 5px;
  584. border-bottom-left-radius: 5px;
  585. border-bottom-right-radius: 5px;
  586. -webkit-animation: fadeInDownBig 2s;
  587. -moz-animation: fadeInDownBig 2s;
  588. -ms-animation: fadeInDownBig 2s;
  589. }
  590.  
  591. #feet2{
  592. position:fixed;
  593. z-index:3;
  594. width:25px;
  595. height:20px;
  596. opacity: 2;
  597. padding:3px;
  598. margin-left:214px;
  599. margin-top:210px;
  600. background: {color:links};
  601. border:2px solid {color:borders};
  602. line-height:20px;
  603. text-align:center;
  604. text-color: {color:linktext};
  605. font-size: 20px;
  606. letter-spacing: 1px;
  607. font-family: "ashley marie";
  608. border-top-left-radius: 5px;
  609. border-top-right-radius: 5px;
  610. border-bottom-left-radius: 5px;
  611. border-bottom-right-radius: 5px;
  612. -webkit-animation: fadeInDownBig 2s;
  613. -moz-animation: fadeInDownBig 2s;
  614. -ms-animation: fadeInDownBig 2s;
  615. }
  616.  
  617. #feet3{
  618. position:fixed;
  619. z-index:3;
  620. width:25px;
  621. height:20px;
  622. opacity: 2;
  623. padding:3px;
  624. margin-left:214px;
  625. margin-top:270px;
  626. background: {color:links};
  627. border:2px solid {color:borders};
  628. line-height:20px;
  629. text-align:center;
  630. text-color: {color:linktext};
  631. font-size: 20px;
  632. letter-spacing: 1px;
  633. font-family: "ashley marie";
  634. border-top-left-radius: 5px;
  635. border-top-right-radius: 5px;
  636. border-bottom-left-radius: 5px;
  637. border-bottom-right-radius: 5px;
  638. -webkit-animation: fadeInDownBig 2s;
  639. -moz-animation: fadeInDownBig 2s;
  640. -ms-animation: fadeInDownBig 2s;
  641. }
  642.  
  643. #feet4{
  644. position:fixed;
  645. z-index:3;
  646. width:25px;
  647. height:20px;
  648. opacity: 2;
  649. padding:3px;
  650. margin-left:214px;
  651. margin-top:330px;
  652. background: {color:links};
  653. border:2px solid {color:borders};
  654. line-height:20px;
  655. text-align:center;
  656. text-color: {color:linktext};
  657. font-size: 20px;
  658. letter-spacing: 1px;
  659. font-family: "ashley marie";
  660. border-top-left-radius: 5px;
  661. border-top-right-radius: 5px;
  662. border-bottom-left-radius: 5px;
  663. border-bottom-right-radius: 5px;
  664. -webkit-animation: fadeInDownBig 2s;
  665. -moz-animation: fadeInDownBig 2s;
  666. -ms-animation: fadeInDownBig 2s;
  667. }
  668.  
  669. #feet5{
  670. position:fixed;
  671. z-index:3;
  672. width:25px;
  673. height:20px;
  674. opacity: 2;
  675. padding:3px;
  676. margin-left:214px;
  677. margin-top:390px;
  678. background: {color:links};
  679. border:2px solid {color:borders};
  680. line-height:20px;
  681. text-align:center;
  682. text-color: {color:linktext};
  683. font-size: 20px;
  684. letter-spacing: 1px;
  685. font-family: "ashley marie";
  686. border-top-left-radius: 5px;
  687. border-top-right-radius: 5px;
  688. border-bottom-left-radius: 5px;
  689. border-bottom-right-radius: 5px;
  690. -webkit-animation: fadeInDownBig 2s;
  691. -moz-animation: fadeInDownBig 2s;
  692. -ms-animation: fadeInDownBig 2s;
  693. }
  694.  
  695. #feet6{
  696. position:fixed;
  697. z-index:3;
  698. width:80px;
  699. height:40px;
  700. opacity: 2;
  701. padding:3px;
  702. margin-left:845px;
  703. margin-top:7px;
  704. background: white;
  705. border:2px solid {color:borders};
  706. line-height:40px;
  707. text-align:center;
  708. text-color: {color:linktext};
  709. font-size: 22px;
  710. letter-spacing: 1px;
  711. font-family: "Shark in the water";
  712. border-top-left-radius: 5px;
  713. border-top-right-radius: 5px;
  714. border-bottom-left-radius: 5px;
  715. border-bottom-right-radius: 5px;
  716. }
  717.  
  718. #eraser{
  719. position:fixed !important;
  720. width:20px;
  721. height:550px;
  722. margin-left: 220px;
  723. margin-top:-10px;
  724. background-image: url({image:bar});
  725. border:1px solid;
  726. border-color:grey;
  727. border-radius:20px;
  728. -webkit-animation: fadeInDownBig 2s;
  729. -moz-animation: fadeInDownBig 2s;
  730. -ms-animation: fadeInDownBig 2s;
  731. }
  732.  
  733. #topbar{
  734. position:fixed !important;
  735. width:75px;
  736. height:550px;
  737. margin-left:-95px;
  738. margin-top:-225px;
  739. border:1px solid;
  740. border-color:grey;
  741. background-color:{color:titlebar};
  742. -webkit-transform: rotate(810deg);
  743. }
  744.  
  745. .sideback1{
  746. position:fixed;
  747. margin-left:814px;
  748. top: 0px;
  749. background-image:url({image:sideback1});
  750. height:100%;
  751. border-left: 3px solid #fff;
  752. width:3000px;
  753. box-shadow: 0px 0px 3px #919191;
  754. }
  755.  
  756. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  757.  
  758. @font-face {font-family: 'Throw My Hands Up in the Air'; src: url('http://static.tumblr.com/npggxjg/wFnm1xltk/throw_my_hands_up_in_the_air.ttf');}
  759.  
  760. @font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }
  761.  
  762. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  763.  
  764. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  765.  
  766. @font-face{font-family:'Ashley Marie' ;src: url('http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf');}
  767.  
  768. @font-face {font-family: 'Shark in the Water'; src: url('http://static.tumblr.com/npggxjg/LOFm22rwq/shark_in_the_water.ttf');}
  769.  
  770. @font-face{font-family:'Halo Handletter' ;src: url('http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf');}
  771.  
  772. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  773. .title{
  774. font-family: "throw my hands up in the air";
  775. font-size: 24px;
  776. line-height: 25px;
  777. color:{color:Title};
  778. font-weight: normal;
  779. }
  780.  
  781.  
  782. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  783. .permalink{
  784. text-transform: normal;
  785. display: block;
  786. text-align: right;
  787. text-decoration: none;
  788. }
  789.  
  790.  
  791. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  792. #infscr-loading{
  793. bottom: -70px;
  794. position: absolute;
  795. left: 50%;
  796. margin-left:-8px;
  797. width:16px;
  798. height:11px;
  799. overflow:hidden;
  800. margin-bottom: 50px;
  801. }
  802.  
  803. #postnotes{
  804. text-align: justify;}
  805.  
  806. #postnotes blockquote{
  807. border: 0px;}
  808.  
  809. blockquote{
  810. padding:0px 0px 2px 5px;
  811. margin:0px 0px 2px 10px;
  812. border-left: 1px dotted #555555;
  813. }
  814.  
  815. blockquote p, ul{
  816. margin:0px;
  817. padding:0px;
  818. }
  819.  
  820. a img{border: 0px;}
  821.  
  822.  
  823. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  824.  
  825. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  826. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  827.  
  828. .notes img{width:20px; position:relative; top:3px;}
  829. <--ses-->
  830. small{font-size: 90%;}
  831.  
  832. @-webkit-keyframes fadeInDownBig {
  833. 0% {
  834. opacity: 0;
  835. -webkit-transform: translateY(-2000px);
  836. }
  837. 100% {
  838. opacity: 1;
  839. -webkit-transform: translateY(0);
  840. }
  841. }
  842. @-moz-keyframes fadeInDownBig {
  843. 0% {
  844. opacity: 0;
  845. -moz-transform: translateY(-2000px);
  846. }
  847. 100% {
  848. opacity: 1;
  849. -moz-transform: translateY(0);
  850. }
  851. }
  852. @-ms-keyframes fadeInDownBig {
  853. 0% {
  854. opacity: 0;
  855. -ms-transform: translateY(-2000px);
  856. }
  857. 100% {
  858. opacity: 1;
  859. -ms-transform: translateY(0);
  860. }
  861. }
  862. @-o-keyframes fadeInDownBig {
  863. 0% {
  864. opacity: 0;
  865. -o-transform: translateY(-2000px);
  866. }
  867. 100% {
  868. opacity: 1;
  869. -o-transform: translateY(0);
  870. }
  871. }
  872. @keyframes fadeInDownBig {
  873. 0% {
  874. opacity: 0;
  875. transform: translateY(-2000px);
  876. }
  877. 100% {
  878. opacity: 1;
  879. transform: translateY(0);
  880. }
  881. }
  882. .fadeInDownBig {
  883. -webkit-animation-name: fadeInDownBig;
  884. -moz-animation-name: fadeInDownBig;
  885. -ms-animation-name: fadeInDownBig;
  886. -o-animation-name: fadeInDownBig;
  887. animation-name: fadeInDownBig;
  888. }
  889.  
  890. {CustomCSS}
  891.  
  892. </style>
  893.  
  894. {block:IndexPage}
  895. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  896. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  897.  
  898. <script type="text/javascript">
  899. $(window).load(function(){
  900. var $wall = $('#posts');
  901. $wall.imagesLoaded(function(){
  902. $wall.masonry({
  903. itemSelector: '.entry, .entry_photo',
  904. isAnimated : false
  905. });
  906. });
  907.  
  908. $wall.infinitescroll({
  909. navSelector : '#pagination',
  910. nextSelector : '#pagination a',
  911. itemSelector : '.entry, .entry_photo',
  912. bufferPx : 2000,
  913. debug : false,
  914. errorCallback: function() {
  915. $('#infscr-loading').fadeOut('normal');
  916. }},
  917. function( newElements ) {
  918. var $newElems = $( newElements );
  919. $newElems.hide();
  920. $newElems.imagesLoaded(function(){
  921. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  922. });
  923. }); $('#posts').show(500);
  924. });
  925. </script>
  926.  
  927.  
  928. {/block:IndexPage}
  929.  
  930.  
  931. <title>{title}</title>
  932.  
  933. <link rel="shortcut icon" href="{Favicon}" />
  934. <meta name="viewport" content="width=820" />
  935. </head>
  936.  
  937. <body onselectstart="return false;" ondragstart="return false;">
  938. <div class="wrapper">
  939. <div class="header">
  940. </div>
  941.  
  942. <div id="cage">
  943. <div id="center">
  944.  
  945. <div id="title"><center>{title}</center></div>
  946. <div id="lea"><center>{text:stats}</center></div>
  947. <div id="lea1"><center>FAQ <BR> Q: may i edit your themes? <BR> A: yes for personal use ONLY and you MUST keep credit to me or the original maker! <BR> Q: did you make these themes? <BR> A: no i either use a basecode by outlasting or edit them from someone else. <BR> Q: someone stole/removed credit on one of your themes! <BR> A: thank you so much! i'll promo you on my main blog asap! <BR>Q: do you make custom themes? <BR> A: no i dont sorry, im too busy.<BR> Q: how did you make themes? <BR> A: it's complicated. just fool around with html and you'll catch on i promise. it just takes time! <BR> </center></div>
  948. <div id="lea2"><center> 07/08: i edited this theme from spaqhetti-tacos <BR></center></div>
  949. <div id="lea3"><center>send me ideas!
  950.  
  951. <div id="lea4"><center><a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US"><img alt="Creative Commons License" src="http://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Themes by h0ran-wbu</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/deed.en_US">Creative Commons Attribution 3.0 Unported License</a>.</center></div>
  952.  
  953. <Center><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/abbsthemes.tumblr.com" width="200" height="200"></iframe>
  954. </center></div>
  955.  
  956. <div id="feet1"><a href="http://abbsthemes.tumblr.com"title="refresh">I</a></div>
  957. <div id="feet2"><a href="http://deanna-backgrounds.tumblr.com"title="backgrounds">II</a></div>
  958. <div id="feet3"><a href="http://abbsthemes.tumblr.com/really"title="more themes">III</a></div>
  959. <div id="feet4"><a href="http://deanna-sidebars.tumblr.com"title="sidebars">IV</a></div>
  960. <div id="feet5"><a href="http://h0ran-wbu.tumblr.com"title="creator">V</a></div>
  961. <div id="eraser"></div>
  962. <div id="topbar"></div>
  963.  
  964. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  965. <div id="sidebar">
  966. <center>
  967. <div id="desc">{description}</div>
  968. <a href="/"><div style="padding:5px; padding-bottom: 5px;
  969. border: dashed 2px #ddd;"><img src="{image:sidebar}" width=100%; height=330px;></a>
  970. </center>
  971. </div>
  972. <!------------------------------------->
  973.  
  974.  
  975. <div class="left">
  976. <div class="sideback"></div>
  977. <div class="sideback1"></div>
  978. <div class="sideback2"></div>
  979. <div id="posts">
  980. {block:Posts}
  981. <div class="entry">
  982.  
  983. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  984.  
  985. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  986. {/block:Text}
  987.  
  988. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  989.  
  990. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  991.  
  992. {block:Answer}
  993. <div style="margin: 1px 2px 1px 2px; min-height:37px; border: 2px solid #ddd; padding: 3px; background: white;">
  994. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:3px;margin-top:2px; border: 1px solid #ddd;"/>
  995. <ask>{Asker}</ask>: {Question}</div>
  996. <div style="padding: -1px 5px -1px 5px; background: transparent;"><center>{Answer}</center></div> <br><div style="text-align: right;"><askk>{text:put your name here}</askk></div>
  997. <small><P ALIGN=Right><a href="{Permalink}">{NoteCount}</a></small>
  998. {/block:Answer}
  999.  
  1000. {block:Photo}
  1001. {block:IndexPage}
  1002. <center>
  1003. <div class="perma">
  1004. <a href="{Permalink}">{NoteCount}</a> ♡ <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1005.  
  1006. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1007. {/block:IndexPage}
  1008. {block:PermalinkPage}
  1009. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1010.  
  1011. {LinkCloseTag}
  1012. {/block:PermalinkPage}
  1013. {/block:Photo}
  1014.  
  1015. {block:Photoset}
  1016. {block:IndexPage}
  1017. <center>
  1018.  
  1019. <div class="perma">
  1020. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1021.  
  1022. {Photoset-250}</center>
  1023. {/block:IndexPage}
  1024. {block:PermalinkPage}
  1025. <center>
  1026. {Photoset-500}</center>
  1027. {/block:PermalinkPage}
  1028. {/block:Photoset}
  1029.  
  1030. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1031.  
  1032. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1033.  
  1034. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1035. <ul class="chat">
  1036. {block:Lines}
  1037. <li class="user_{UserNumber}">
  1038. {block:Label}
  1039. <span class="label">{Label}</span>
  1040. {/block:Label}
  1041.  
  1042. {Line}
  1043. </li>
  1044. {/block:Lines}
  1045. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1046. {/block:Chat}
  1047.  
  1048. {block:Audio}
  1049. <div style="width:200px; height:30px;">
  1050. {AudioPlayerBlack}
  1051. </div>
  1052. {block:IndexPage}<span class="permalink">
  1053. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1054. </span>{/block:IndexPage}
  1055. {/block:Audio}
  1056.  
  1057. {block:Video}
  1058. {block:IndexPage}
  1059. <center>
  1060. <div class="perma">
  1061. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1062. {Video-250}</center>
  1063. {/block:IndexPage}
  1064. {block:PermalinkPage}
  1065. <center>
  1066. {Video-400}</center>
  1067. {/block:PermalinkPage}
  1068. {block:Video}
  1069.  
  1070.  
  1071. {block:PostNotes}<div align="middle">{caption}</div>
  1072. <center>
  1073.  
  1074. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1075.  
  1076. {block:HasTags}
  1077. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  1078. {block:RebloggedFrom}
  1079. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1080. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1081.  
  1082. {/block:RebloggedFrom}
  1083. </center></span>
  1084. <br>
  1085. <div id="postnotes">{PostNotes}</div><br>
  1086.  
  1087. <center>{block:ContentSource}
  1088. <br><a href="{SourceURL}">
  1089. {lang:Source}:
  1090. {block:SourceLogo}
  1091. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1092. height="{LogoHeight}" alt="{SourceTitle}" />
  1093. {/block:SourceLogo}
  1094. {block:NoSourceLogo}
  1095. {SourceLink}
  1096. {/block:NoSourceLogo}
  1097. </a>
  1098. {/block:ContentSource}</center>
  1099.  
  1100. {/block:PostNotes}
  1101. </div>
  1102. {/block:Posts}
  1103. </div></div>
  1104.  
  1105. {block:IndexPage}
  1106. {block:Pagination}
  1107. <div id="pagination">
  1108. {block:NextPage}
  1109. <a id="nextPage" href="{NextPage}"></a>
  1110. {/block:NextPage}
  1111. {block:PreviousPage}
  1112. <a href="{PreviousPage}"></a>
  1113. {/block:PreviousPage}
  1114. </div>
  1115. {/block:Pagination}
  1116. {/block:IndexPage}
  1117. </body>
  1118. <div style="position:fixed; bottom:3px; right:3px; background:white; border: 3px double {color:borders}; padding: 3px; font-size: 15px; line-height: 10px;"><a href="http://spaqhetti-tacos.tumblr.com">☮</a></div>
  1119. </html>
Advertisement
Add Comment
Please, Sign In to add comment