API tools faq
paste
Fucking_Aj

Quality Theme #2 Woot

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