Advertisement
spaqhetti-tacos

Theme 21 by spaqhetti-tacos

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