Fucking_Aj

Quality Theme #1 yay!

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