Advertisement
spaqhetti-tacos

Theme 32 by spaqhetti-tacos

Jun 7th, 2013
769
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.72 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.  
  22. <html lang="en">
  23. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24. <html xmlns="http://www.w3.org/1999/xhtml">
  25. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  26.  
  27. <script type="text/javascript"
  28. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  29.  
  30. <script>
  31. $(document).ready(function() {
  32. //
  33. $('a.poplight[href^=#]').click(function() {
  34. var popID = $(this).attr('rel'); //Get Popup Name
  35. var popURL = $(this).attr('href'); //Get Popup href to define size
  36. var query= popURL.split('?');
  37. var dim= query[1].split('&');
  38. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  39. $('#' + 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>');
  40. var popMargTop = ($('#' + popID).height() + 80) / 2;
  41. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  42. //Apply Margin to Popup
  43. $('#' + popID).css({
  44. 'margin-top' : -popMargTop,
  45. 'margin-left' : -popMargLeft
  46. });
  47. $('body').append('<div id="fade"></div>');
  48. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  49. return false;
  50. });
  51. $('a.close, #fade').live('click', function() {
  52. $('#fade , .popup_block').fadeOut(function() {
  53. $('#fade, a.close').remove(); //fade them both out
  54. });
  55. return false;
  56. });
  57. });
  58. </script>
  59.  
  60. <script type="text/javascript">
  61. <!--
  62.  
  63. // Disable Right Click Script
  64.  
  65. function IE(e)
  66. {
  67. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  68. {
  69. return false;
  70. }
  71. }
  72. function NS(e)
  73. {
  74. if (document.layers || (document.getElementById && !document.all))
  75. {
  76. if (e.which == "2" || e.which == "3")
  77. {
  78. return false;
  79. }
  80. }
  81. }
  82. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  83.  
  84. //-->
  85.  
  86. </script>
  87.  
  88.  
  89. <script type="text/javascript"
  90. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  91.  
  92. <!--DEFAULT VARIABLES-->
  93. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  94. <meta name="color:background" content="#fff"/>
  95. <meta name="color:link" content="#777"/>
  96. <meta name="color:text" content="#777"/>
  97. <meta name="color:title" content="#333"/>
  98. <meta name="color:linktext" content="#777"/>
  99. <meta name="color:hover" content="#fff"/>
  100. <meta name="color:ask background" content="#333"/>
  101. <meta name="text:put your name here" content="put your name here"/>
  102. <meta name="image:sidebar" content="1"/>
  103. <meta name="image:background" content="1"/>
  104. <meta name="image:sideback" content="1"/>
  105. <meta name="image:sideback1" content="1"/>
  106. <meta name="image:topbar" content="1"/>
  107. <meta name="color:topbar" content="7c7c7c"/>
  108. <meta name="color:borders" content="7c7c7c">
  109. <meta name="color:scrollbar" content="7c7c7c">
  110. <meta name="color:link1" content="7c7c7c">
  111. <meta name="color:link2" content="7c7c7c">
  112. <meta name="color:link3" content="7c7c7c">
  113. <meta name="color:link4" content="7c7c7c">
  114. <meta name="text:stats" content="stats"/>
  115. <meta name="text:title2" content="title2"/>
  116. <meta name="color:title2" content="#ddd"/>
  117. <meta name="text:Link 1" content="">
  118. <meta name="text:Link 1 Title" content="Link 1">
  119. <meta name="text:Link 2" content="">
  120. <meta name="text:Link 2 Title" content="Link 2">
  121. <meta name="text:Link 3" content="">
  122. <meta name="text:Link 3 Title" content="Link 3">
  123. <meta name="text:Link 4" content="">
  124. <meta name="text:Link 4 Title" content="Link 4">
  125. <meta name="text:Link 5" content="">
  126. <meta name="text:Link 5 Title" content="Link 5">
  127.  
  128.  
  129.  
  130.  
  131. <style type="text/css">
  132.  
  133.  
  134. #fade { /*--Transparent background layer--*/
  135. display: none; /*--hidden by default--*/
  136. background:#000;
  137. position: fixed; left: 0; top: 0;
  138. width: 100%; height: 100%;
  139. opacity: .8;
  140. z-index: 9999;
  141. }
  142.  
  143. .popup_block{
  144. display: none; /*--hidden by default--*/
  145. background: #ffffff;
  146. background-image: url();
  147. padding: 20px;
  148. font-family: ronda;
  149. float: left;
  150. font-size: 8px;
  151. position: fixed;
  152. top: 50%; left: 50%;
  153. border: 2px solid #aaaaaa;
  154. border-top-left-radius: 8px;
  155. border-top-right-radius: 8px;
  156. border-bottom-left-radius: 8px;
  157. border-bottom-right-radius: 8px;
  158. z-index: 99999;
  159. /*--CSS3 Box Shadows--*/
  160. -webkit-box-shadow: 0px 0px 20px #000;
  161. -moz-box-shadow: 0px 0px 20px #000;
  162. box-shadow: 1px 1px 20px #000;
  163. -webkit-transition: all .7s ease;
  164. -moz-transition: all .7s ease;
  165. -o-transition: all .7s ease;
  166. transition: all .7s ease;
  167. }
  168. .popup_block:hover{
  169. opacity:1;
  170. -webkit-transition: all .7s ease;
  171. -moz-transition: all .7s ease;
  172. -o-transition: all .7s ease;
  173. transition: all .7s ease;
  174. }
  175. img.btn_close {
  176. float: right;
  177. margin: -15px -15px 0 0;
  178. }
  179. *html .popup_block {
  180. position: absolute;
  181. }
  182.  
  183.  
  184. ::-webkit-scrollbar-thumb{
  185. background-color:white;
  186. border: 2px solid white;
  187. height:auto;
  188. -moz-border-radius: 10px;
  189. border-radius: 10px;
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193. height:3px;
  194. width:3px;
  195. background-color:{color:scrollbar};
  196. }
  197.  
  198.  
  199.  
  200.  
  201. 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-
  202.  
  203. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  204.  
  205. 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;}
  206.  
  207. p {
  208. margin:0px;
  209. margin-top:0px;
  210. }
  211.  
  212.  
  213. body {
  214. padding: 0px;
  215. margin: 0px;
  216. color:{color:text};
  217. font-family: dixel;
  218. line-height:7px;
  219. font-size:8px;
  220. background-color: {color:Background};
  221. background-image:url({image:Background});
  222. background-attachment: fixed;
  223. background-repeat: repeat;
  224. }
  225.  
  226.  
  227. a:link, a:active, a:visited{
  228. text-decoration: none;
  229. -webkit-transition: color 0.3s ease-out;
  230. -moz-transition: color 0.3s ease-out;
  231. transition: color 0.3s ease-out;
  232. color:{color:link};
  233. }
  234.  
  235. a:hover {
  236. text-decoration: line-through;
  237. font-style:;
  238. color: {color:Hover};
  239. }
  240.  
  241. div#center{
  242. margin:auto;
  243. position:relative;
  244. width:1000px;
  245. background-color:;
  246. overflow:auto;
  247. overflow-y:hidden;
  248. }
  249.  
  250. ask {
  251. font-family: 'nessa';
  252. text-align: right;
  253. margin-top: 10px;
  254. margin-left: 5px;
  255. font-size:18px;
  256. color: #838383;
  257. line-height: 5px;
  258. }
  259.  
  260. askk {
  261. font-family: 'nessa';
  262. text-align: center;
  263. font-size:22px;
  264. color: {color:name}
  265. line-height: 5px;
  266. text-shadow: 1.5px 1px #ddd;
  267. }
  268.  
  269.  
  270. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  271. .entry {
  272. float:left;
  273. display: block;
  274. margin: 12px;
  275. padding: 8px;
  276. padding-bottom: 8px;
  277. overflow:hidden;
  278. width:470px;
  279. border: 1px solid {color:borders};
  280. {block:PermalinkPage}
  281. width:600px;
  282. text-align:left;
  283. line-height:10px;
  284. {/block:PermalinkPage}
  285. background-image:URL();
  286. }
  287.  
  288.  
  289. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  290. .entry .perma{
  291. width:470px;
  292. height:45px;
  293. margin-left:0px;
  294. position: absolute;
  295. line-height: 50px;
  296. overflow:hidden;
  297. text-align:center;
  298. top:60px;
  299. font-family: throw my hands up in the air;
  300. font-size: 25px;
  301. border-top: 2px solid #ddd;
  302. border-bottom: 2px solid #ddd;
  303. background:white;
  304. word-spacing:2px;
  305. letter-spacing:1px;
  306. opacity: 0.0;
  307. -webkit-transition: all .7s ease;
  308. -moz-transition: all .7s ease;
  309. -o-transition: all .7s ease;
  310. transition: all .7s ease;
  311. }
  312.  
  313. .entry:hover .perma{
  314. overflow:visible;
  315. opacity:3;
  316. }
  317.  
  318.  
  319. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  320. #posts {
  321. width:500px;
  322. font-family: pewp;
  323. font-size: 12px;
  324. line-height: 15px;
  325. margin-top:5px;
  326. z-index:999;
  327. margin-right:230px;
  328. right:auto;
  329. background:transparent;
  330. margin-left:auto;
  331. position:relative;
  332. overflow-x: hidden;
  333. }
  334.  
  335.  
  336. /*CUSTOMIZE SIDEBAR HERE*/
  337. #sidebar{
  338. z-index: 1;
  339. position:fixed !important;
  340. width:270px;
  341. padding: 8px;
  342. padding-bottom:120px;
  343. border: 2px solid {color:borders};
  344. background:white;
  345. height:auto;
  346. margin-top:100px;
  347. margin-left:-130px;
  348. text-align:center;
  349. border-top-left-radius: 8px;
  350. border-top-right-radius: 8px;
  351. border-bottom-left-radius: 8px;
  352. border-bottom-right-radius: 8px;
  353. }
  354.  
  355.  
  356. #title{
  357. position:fixed !important;
  358. z-index:3;
  359. width:300px;
  360. height:40px;
  361. opacity: 1;
  362. padding:3px;
  363. margin-top:10px;
  364. margin-left:-140px;
  365. background:transperant;
  366. line-height:50px;
  367. text-align:center;
  368. color: {color:title};
  369. letter-spacing:2px;
  370. font-size: 30px;
  371. text-shadow: 2px 2px 3px #fff;
  372. font-family: 'throw my hands up in the air';
  373. border-top-left-radius: 5px;
  374. border-top-right-radius: 5px;
  375. border-bottom-left-radius: 2px;
  376. border-bottom-right-radius: 2px;
  377. }
  378.  
  379. #title2{
  380. position:fixed !important;
  381. z-index:3;
  382. width:300px;
  383. height:40px;
  384. opacity: 1;
  385. padding:3px;
  386. margin-top:55px;
  387. margin-left:-110px;
  388. background:transperant;
  389. line-height:50px;
  390. text-align:center;
  391. color: {color:title2};
  392. letter-spacing:2px;
  393. font-size: 50px;
  394. text-shadow: 2px 2px 3px #fff;
  395. font-family: 'halo handletter';
  396. border-top-left-radius: 5px;
  397. border-top-right-radius: 5px;
  398. border-bottom-left-radius: 2px;
  399. border-bottom-right-radius: 2px;
  400. }
  401.  
  402.  
  403. #lea{
  404. position:fixed !important;
  405. z-index:3;
  406. width:250px;
  407. height:15px;
  408. opacity: 2;
  409. padding:3px;
  410. margin-top:390px;
  411. margin-left:-113px;
  412. background:white;
  413. line-height:18px;
  414. border: 1px dotted {color:borders};
  415. border-left: 0px;
  416. border-right: 0px;
  417. text-align:center;
  418. text-color: {color:title};
  419. letter-spacing:2px;
  420. font-size: 13px;
  421. font-family: 'throw my hands up in the air';
  422. }
  423.  
  424. #lea1{
  425. position:fixed !important;
  426. z-index:3;
  427. width:250px;
  428. height:165px;
  429. opacity: 2;
  430. padding:3px;
  431. margin-top:70px;
  432. margin-left:873px;
  433. background:white;
  434. line-height:18px;
  435. border: 2px solid {color:borders};
  436. text-align:center;
  437. text-color: {color:title};
  438. letter-spacing:2px;
  439. font-size: 13px;
  440. font-family: 'pewp';
  441. overflow-y:scroll;
  442. overflow-x:hidden;
  443. border-top-left-radius: 5px;
  444. border-top-right-radius: 5px;
  445. border-bottom-left-radius: 5px;
  446. border-bottom-right-radius: 5px;
  447. }
  448.  
  449. #lea2{
  450. position:fixed !important;
  451. z-index:3;
  452. width:250px;
  453. height:105px;
  454. opacity: 2;
  455. padding:3px;
  456. margin-top:300px;
  457. margin-left:873px;
  458. background:white;
  459. line-height:18px;
  460. border: 2px solid {color:borders};
  461. text-align:center;
  462. text-color: {color:title};
  463. letter-spacing:2px;
  464. font-size: 13px;
  465. font-family: 'pewp';
  466. overflow-y:scroll;
  467. overflow-x:hidden;
  468. border-top-left-radius: 5px;
  469. border-top-right-radius: 5px;
  470. border-bottom-left-radius: 5px;
  471. border-bottom-right-radius: 5px;
  472. }
  473.  
  474. #lea3{
  475. position:fixed !important;
  476. z-index:3;
  477. width:250px;
  478. height:125px;
  479. opacity: 2;
  480. padding:3px;
  481. margin-top:460px;
  482. margin-left:873px;
  483. background:white;
  484. line-height:18px;
  485. border: 2px solid {color:borders};
  486. text-align:center;
  487. text-color: {color:title};
  488. letter-spacing:2px;
  489. font-size: 13px;
  490. font-family: 'pewp';
  491. overflow-y:scroll;
  492. overflow-x:hidden;
  493. border-top-left-radius: 5px;
  494. border-top-right-radius: 5px;
  495. border-bottom-left-radius: 5px;
  496. border-bottom-right-radius: 5px;
  497. }
  498.  
  499. #feet1{
  500. position:fixed;
  501. z-index:3;
  502. width:90px;
  503. height:20px;
  504. opacity: 2;
  505. padding:3px;
  506. margin-left:-105px;
  507. margin-top:475px;
  508. background: {color:link1};
  509. border:2px solid {color:borders};
  510. line-height:20px;
  511. text-align:center;
  512. text-color: {color:linktext};
  513. font-size: 14px;
  514. letter-spacing: 1px;
  515. font-family: "ashley marie";
  516. border-top-left-radius: 5px;
  517. border-top-right-radius: 5px;
  518. border-bottom-left-radius: 5px;
  519. border-bottom-right-radius: 5px;
  520. }
  521.  
  522. #feet2{
  523. position:fixed;
  524. z-index:3;
  525. width:90px;
  526. height:20px;
  527. opacity: 2;
  528. padding:3px;
  529. margin-left:35px;
  530. margin-top:475px;
  531. background: {color:link2};
  532. border:2px solid {color:borders};
  533. line-height:20px;
  534. text-align:center;
  535. text-color: {color:linktext};
  536. font-size: 14px;
  537. letter-spacing: 1px;
  538. font-family: "ashley marie";
  539. border-top-left-radius: 5px;
  540. border-top-right-radius: 5px;
  541. border-bottom-left-radius: 5px;
  542. border-bottom-right-radius: 5px;
  543. }
  544.  
  545. #feet3{
  546. position:fixed;
  547. z-index:3;
  548. width:90px;
  549. height:20px;
  550. opacity: 2;
  551. padding:3px;
  552. margin-left:-105px;
  553. margin-top:525px;
  554. background: {color:link3};
  555. border:2px solid {color:borders};
  556. line-height:20px;
  557. text-align:center;
  558. text-color: {color:linktext};
  559. font-size: 14px;
  560. letter-spacing: 1px;
  561. font-family: "ashley marie";
  562. border-top-left-radius: 5px;
  563. border-top-right-radius: 5px;
  564. border-bottom-left-radius: 5px;
  565. border-bottom-right-radius: 5px;
  566. }
  567.  
  568. #feet4{
  569. position:fixed;
  570. z-index:3;
  571. width:90px;
  572. height:20px;
  573. opacity: 2;
  574. padding:3px;
  575. margin-left:35px;
  576. margin-top:525px;
  577. background: {color:link4};
  578. border:2px solid {color:borders};
  579. line-height:20px;
  580. text-align:center;
  581. text-color: {color:linktext};
  582. font-size: 14px;
  583. letter-spacing: 1px;
  584. font-family: "ashley marie";
  585. border-top-left-radius: 5px;
  586. border-top-right-radius: 5px;
  587. border-bottom-left-radius: 5px;
  588. border-bottom-right-radius: 5px;
  589. }
  590.  
  591. #feet5{
  592. position:fixed;
  593. z-index:3;
  594. width:90px;
  595. height:40px;
  596. opacity: 2;
  597. padding:3px;
  598. margin-left:725px;
  599. margin-top:7px;
  600. background: white;
  601. border:2px solid {color:borders};
  602. line-height:40px;
  603. text-align:center;
  604. text-color: {color:linktext};
  605. font-size: 22px;
  606. letter-spacing: 1px;
  607. font-family: "Shark in the water";
  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. }
  613.  
  614. #feet6{
  615. position:fixed;
  616. z-index:3;
  617. width:80px;
  618. height:40px;
  619. opacity: 2;
  620. padding:3px;
  621. margin-left:845px;
  622. margin-top:7px;
  623. background: white;
  624. border:2px solid {color:borders};
  625. line-height:40px;
  626. text-align:center;
  627. text-color: {color:linktext};
  628. font-size: 22px;
  629. letter-spacing: 1px;
  630. font-family: "Shark in the water";
  631. border-top-left-radius: 5px;
  632. border-top-right-radius: 5px;
  633. border-bottom-left-radius: 5px;
  634. border-bottom-right-radius: 5px;
  635. }
  636.  
  637.  
  638.  
  639. .sideback{
  640. position:fixed;
  641. margin-left:-189px;
  642. top: 0px;
  643. background-image:url({image:sideback});
  644. height:100%;
  645. border-right: 3px solid #fff;
  646. border-left: 3px solid #fff;
  647. box-shadow: 0px 0px 3px #919191;
  648. width:430px;
  649. }
  650.  
  651. .sideback1{
  652. position:fixed;
  653. margin-left:814px;
  654. top: 0px;
  655. background-image:url({image:sideback1});
  656. height:100%;
  657. border-left: 3px solid #fff;
  658. width:3000px;
  659. box-shadow: 0px 0px 3px #919191;
  660. }
  661.  
  662.  
  663.  
  664.  
  665. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  666.  
  667. @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');}
  668.  
  669. @font-face { font-family: "nessa"; src: url('http://static.tumblr.com/lyl1wkn/WRymgbxn5/vanessalovesyou.ttf'); }
  670.  
  671. @font-face { font-family: "pewp"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  672.  
  673. @font-face { font-family: "oops"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  674.  
  675. @font-face{font-family:Ashley Marie;src:url(http://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  676.  
  677. @font-face {font-family: 'Shark in the Water'; src: url('http://static.tumblr.com/npggxjg/LOFm22rwq/shark_in_the_water.ttf');}
  678.  
  679. @font-face{font-family:Halo Handletter;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  680.  
  681. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  682. .title{
  683. font-family: "throw my hands up in the air";
  684. font-size: 24px;
  685. line-height: 25px;
  686. color:{color:Title};
  687. font-weight: normal;
  688. }
  689.  
  690.  
  691. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  692. .permalink{
  693. text-transform: normal;
  694. display: block;
  695. text-align: right;
  696. text-decoration: none;
  697. }
  698.  
  699.  
  700. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  701. #infscr-loading{
  702. bottom: -70px;
  703. position: absolute;
  704. left: 50%;
  705. margin-left:-8px;
  706. width:16px;
  707. height:11px;
  708. overflow:hidden;
  709. margin-bottom: 50px;
  710. }
  711.  
  712. #postnotes{
  713. text-align: justify;}
  714.  
  715. #postnotes blockquote{
  716. border: 0px;}
  717.  
  718. blockquote{
  719. padding:0px 0px 2px 5px;
  720. margin:0px 0px 2px 10px;
  721. border-left: 1px dotted #555555;
  722. }
  723.  
  724. blockquote p, ul{
  725. margin:0px;
  726. padding:0px;
  727. }
  728.  
  729. a img{border: 0px;}
  730.  
  731.  
  732. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  733.  
  734. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  735. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  736.  
  737. .notes img{width:20px; position:relative; top:3px;}
  738. <--ses-->
  739. small{font-size: 90%;}
  740.  
  741. {CustomCSS}
  742.  
  743. </style>
  744.  
  745. {block:IndexPage}
  746. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  747. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  748.  
  749. <script type="text/javascript">
  750. $(window).load(function(){
  751. var $wall = $('#posts');
  752. $wall.imagesLoaded(function(){
  753. $wall.masonry({
  754. itemSelector: '.entry, .entry_photo',
  755. isAnimated : false
  756. });
  757. });
  758.  
  759. $wall.infinitescroll({
  760. navSelector : '#pagination',
  761. nextSelector : '#pagination a',
  762. itemSelector : '.entry, .entry_photo',
  763. bufferPx : 2000,
  764. debug : false,
  765. errorCallback: function() {
  766. $('#infscr-loading').fadeOut('normal');
  767. }},
  768. function( newElements ) {
  769. var $newElems = $( newElements );
  770. $newElems.hide();
  771. $newElems.imagesLoaded(function(){
  772. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  773. });
  774. }); $('#posts').show(500);
  775. });
  776. </script>
  777.  
  778.  
  779. {/block:IndexPage}
  780.  
  781.  
  782. <title>{title}</title>
  783.  
  784. <link rel="shortcut icon" href="{Favicon}" />
  785. <meta name="viewport" content="width=820" />
  786. </head>
  787.  
  788. <body onselectstart="return false;" ondragstart="return false;">
  789. <div class="wrapper">
  790. <div class="header">
  791. </div>
  792.  
  793. <div id="cage">
  794. <div id="center">
  795.  
  796. <div id="title"><center>{title}</center></div>
  797. <div id="title2"><center>{text:title2}</center></div>
  798. <div id="lea"><center>{text:stats}</center></div>
  799. <div id="lea1"><center>WRITE FAQ HERE</center></div>
  800. <div id="lea2"><center>WRITE UPDATES HERE</center></div>
  801. <div id="lea3"><center>ask me
  802.  
  803. <Center><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/URLHERE.tumblr.com" width="200" height="200"></iframe>
  804. </center></div>
  805.  
  806.  
  807.  
  808. <div id="feet1"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>
  809. <div id="feet2"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>
  810. <div id="feet3"><a href="{text:Link 3}">{text:Link 3 Title}</a></div>
  811. <div id="feet4"><a href="http://spaqhetti-tacos.tumblr.com">Credit</a></div>
  812.  
  813.  
  814.  
  815. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  816. <div id="sidebar">
  817. <center>
  818. <a href="/"><div style="padding:5px; padding-bottom: 5px;
  819. border: dashed 2px #ddd;"><img src="{image:sidebar}" width=100%; height=330px;></a>
  820. </center>
  821. </div>
  822. <!------------------------------------->
  823.  
  824.  
  825. <div class="left">
  826. <div class="sideback"></div>
  827. <div class="sideback1"></div>
  828. <div class="sideback2"></div>
  829. <div id="posts">
  830. {block:Posts}
  831. <div class="entry">
  832.  
  833. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  834.  
  835. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  836. {/block:Text}
  837.  
  838. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  839.  
  840. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  841.  
  842. {block:Answer}
  843. <div style="margin: 1px 2px 1px 2px; min-height:37px; border: 2px solid #ddd; padding: 3px; background: white;">
  844. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left:3px;margin-top:2px; border: 1px solid #ddd;"/>
  845. <ask>{Asker}</ask>: {Question}</div>
  846. <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>
  847. <small><P ALIGN=Right><a href="{Permalink}">{NoteCount}</a></small>
  848. {/block:Answer}
  849.  
  850. {block:Photo}
  851. {block:IndexPage}
  852. <center>
  853. <div class="perma">
  854. <a href="{Permalink}">{NoteCount}</a> ♡ <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  855.  
  856. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  857. {/block:IndexPage}
  858. {block:PermalinkPage}
  859. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  860.  
  861. {LinkCloseTag}
  862. {/block:PermalinkPage}
  863. {/block:Photo}
  864.  
  865. {block:Photoset}
  866. {block:IndexPage}
  867. <center>
  868.  
  869. <div class="perma">
  870. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  871.  
  872. {Photoset-250}</center>
  873. {/block:IndexPage}
  874. {block:PermalinkPage}
  875. <center>
  876. {Photoset-500}</center>
  877. {/block:PermalinkPage}
  878. {/block:Photoset}
  879.  
  880. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  881.  
  882. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  883.  
  884. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  885. <ul class="chat">
  886. {block:Lines}
  887. <li class="user_{UserNumber}">
  888. {block:Label}
  889. <span class="label">{Label}</span>
  890. {/block:Label}
  891.  
  892. {Line}
  893. </li>
  894. {/block:Lines}
  895. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  896. {/block:Chat}
  897.  
  898. {block:Audio}
  899. <div style="width:200px; height:30px;">
  900. {AudioPlayerBlack}
  901. </div>
  902. {block:IndexPage}<span class="permalink">
  903. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  904. </span>{/block:IndexPage}
  905. {/block:Audio}
  906.  
  907. {block:Video}
  908. {block:IndexPage}
  909. <center>
  910. <div class="perma">
  911. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  912. {Video-250}</center>
  913. {/block:IndexPage}
  914. {block:PermalinkPage}
  915. <center>
  916. {Video-400}</center>
  917. {/block:PermalinkPage}
  918. {block:Video}
  919.  
  920.  
  921. {block:PostNotes}<div align="middle">{caption}</div>
  922. <center>
  923.  
  924. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  925.  
  926. {block:HasTags}
  927. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  928. {block:RebloggedFrom}
  929. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  930. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  931.  
  932. {/block:RebloggedFrom}
  933. </center></span>
  934. <br>
  935. <div id="postnotes">{PostNotes}</div><br>
  936.  
  937. <center>{block:ContentSource}
  938. <br><a href="{SourceURL}">
  939. {lang:Source}:
  940. {block:SourceLogo}
  941. <img src="{BlackLogoURL}" width="{LogoWidth}"
  942. height="{LogoHeight}" alt="{SourceTitle}" />
  943. {/block:SourceLogo}
  944. {block:NoSourceLogo}
  945. {SourceLink}
  946. {/block:NoSourceLogo}
  947. </a>
  948. {/block:ContentSource}</center>
  949.  
  950. {/block:PostNotes}
  951. </div>
  952. {/block:Posts}
  953. </div></div>
  954.  
  955. {block:IndexPage}
  956. {block:Pagination}
  957. <div id="pagination">
  958. {block:NextPage}
  959. <a id="nextPage" href="{NextPage}"></a>
  960. {/block:NextPage}
  961. {block:PreviousPage}
  962. <a href="{PreviousPage}"></a>
  963. {/block:PreviousPage}
  964. </div>
  965. {/block:Pagination}
  966. {/block:IndexPage}
  967. </body>
  968.  
  969. <Script Language='Javascript'>
  970. document.write(unescape('%20%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%20%74%6F%70%3A%33%35%70%78%3B%20%72%69%67%68%74%3A%35%70%78%3B%20%62%61%63%6B%67%72%6F%75%6E%64%3A%77%68%69%74%65%3B%20%62%6F%72%64%65%72%3A%20%31%70%78%20%73%6F%6C%69%64%20%23%63%63%63%3B%20%70%61%64%64%69%6E%67%3A%20%33%70%78%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%33%70%78%3B%20%66%6F%6E%74%2D%66%61%6D%69%6C%79%3A%63%61%6C%69%62%72%69%3B%20%6C%69%6E%65%2D%68%65%69%67%68%74%3A%20%31%30%70%78%3B%22%3E%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%70%61%71%68%65%74%74%69%2D%74%61%63%6F%73%2E%74%75%6D%62%6C%72%2E%63%6F%6D%22%3E%49%6E%73%74%61%6C%6C%20%54%68%65%6D%65%3C%2F%61%3E%3C%2F%64%69%76%3E'));
  971. //-->
  972. </Script>
  973.  
  974. <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>
  975. </html>
  976.  
  977. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement