API tools faq
paste
Fucking_Aj

Ask Layout #1

Fucking_Aj
Feb 8th, 2014
669
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.48 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ╋┏┓╋╋╋┏┓┏┓╋╋╋╋╋╋╋╋┏┓┏┓
  3. ┏┛┗┓╋╋┃┃┃┃╋╋╋╋╋╋╋┏┛┗┫┃
  4. ┗┓┏╋┓┏┫┃┃┃┏━━┳━━┓┗┓┏┫┗━┳━━┳┓┏┳━━┳━━┓
  5. ╋┃┃┃┃┃┃┃┃┃┃━━┫┃━┫╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫━━┫
  6. ╋┃┗┫┗┛┃┗┫┗╋━━┃┃━┫╋┃┗┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  7. ╋┗━┻━━┻━┻━┻━━┻━━┛╋┗━┻┛┗┻━━┻┻┻┻━━┻━━┛
  8.  
  9. -->
  10.  
  11. <html lang="en">
  12. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("a[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:90,
  54. tip_fade_speed:600,
  55. attribute:"title"
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60. <script type="text/javascript"
  61. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  62. <script>
  63. $(document).ready(function() {
  64. //
  65. $('a.poplight[href^=#]').click(function() {
  66. var popID = $(this).attr('rel'); //Get Popup Name
  67. var popURL = $(this).attr('href'); //Get Popup href to define size
  68. var query= popURL.split('?');
  69. var dim= query[1].split('&');
  70. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  71. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">');
  72. var popMargTop = ($('#' + popID).height() + 80) / 2;
  73. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  74. //Apply Margin to Popup
  75. $('#' + popID).css({
  76. 'margin-top' : -popMargTop,
  77. 'margin-left' : -popMargLeft
  78. });
  79. $('body').append('<div id="fade"></div>');
  80. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  81. return false;
  82. });
  83. $('a.close, #fade').live('click', function() {
  84. $('#fade , .popup_block').fadeOut(function() {
  85. $('#fade, a.close').remove(); //fade them both out
  86. });
  87. return false;
  88. });
  89. });
  90. </script>
  91. <script type="text/javascript">
  92. <!--
  93.  
  94. // Disable Right Click Script
  95.  
  96. function IE(e)
  97. {
  98. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  99. {
  100. return false;
  101. }
  102. }
  103. function NS(e)
  104. {
  105. if (document.layers || (document.getElementById && !document.all))
  106. {
  107. if (e.which == "2" || e.which == "3")
  108. {
  109. return false;
  110. }
  111. }
  112. }
  113. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  114.  
  115. //-->
  116. </script>
  117.  
  118.  
  119. <script type="text/javascript"
  120. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  121.  
  122. <!--DEFAULT VARIABLES-->
  123. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  124. <meta name="color:background" content="#fff"/>
  125. <meta name="color:link" content="#777"/>
  126. <meta name="color:text" content="#777"/>
  127.  
  128. <meta name="color:title" content="#333"/>
  129. <meta name="color:hover" content="#fff"/>
  130. <meta name="image:sidebar" content="1"/>
  131. <meta name="image:background" content="1"/>
  132.  
  133.  
  134. <style type="text/css">
  135.  
  136. #s-m-t-tooltip {
  137. background: #CEE3F6; /* change the background color */
  138. padding: 4px;
  139. height:8px;
  140. display: none;
  141. text-align: center;
  142. font-size:8px;
  143. position: absolute;
  144. font-family:calibri;
  145. line-height:8px;
  146. letter-spacing:1px;
  147. border-radius:5px;
  148. z-index: 999999999999;
  149. border:1px solid white;
  150.  
  151. color:white;
  152. text-transform:uppercase;
  153. letter-spacing: 1px;
  154. }
  155. #fade { /*--Transparent background layer--*/
  156. display: none; /*--hidden by default--*/
  157. background: #000;/*--color of background--*/
  158. position: fixed; left: 0; top: 0;
  159. width: 100%; height: 100%;
  160. opacity: 5345349;
  161. z-index: 9999;
  162. background-image:url(http://media.tumblr.com/26e2b23f171b1a3eb1bd386b7c75ac03/tumblr_inline_mge45cBh4W1qh9yw5.jpg);
  163. background-size:cover;
  164. }
  165. .popup_block{
  166. display: none; /*--hidden by default--*/
  167. background-image:url(http://i47.tinypic.com/288rzpe.png);/*--color of background of the popup--*/
  168. padding: 10px;
  169. float: left;
  170. font-size: 11px;
  171. font-family:calibri;
  172. position: fixed;
  173. top: 50%; left: 50%;
  174. z-index: 99999;
  175. /*--CSS3 Box Shadows--*/
  176. -webkit-box-shadow: 0px 0px 20px #fff;
  177. -moz-box-shadow: 0px 0px 20px #fff;
  178. box-shadow: 0px 0px 20px #fff;
  179. /*--CSS3 Rounded Corners--*/
  180. border-left:9px solid #0B0B61;
  181. -webkit-animation:tada 2s;
  182. -moz-animation:tada 2s;
  183. -ms-animation:tada 2s;
  184. -webkit-transition: all .7s ease;
  185. -moz-transition: all .7s ease;
  186. -o-transition: all .7s ease;
  187. transition: all .7s ease;
  188. }
  189. .popup_block:hover{
  190. border-right:9px solid #0B0B61;
  191. border-left:0px solid #fff;
  192. -webkit-transition: all .7s ease;
  193. -moz-transition: all .7s ease;
  194. -o-transition: all .7s ease;
  195. transition: all .7s ease;
  196. }
  197. img.btn_close {
  198. float: right;
  199. margin: -20 -20px 0 0;
  200. }
  201. /*--Making IE6 Understand Fixed Positioning--*/
  202. *html #fade {
  203. position: absolute;
  204. }
  205. *html .popup_block {
  206. position: absolute;
  207. }
  208. 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-
  209.  
  210. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  211.  
  212. 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;}
  213.  
  214. p {
  215. margin:0px;
  216. margin-top:0px;
  217. }
  218.  
  219.  
  220. body {
  221. padding: 0px;
  222. margin: 0px;
  223. color:{color:text};
  224. font-family: dixel;
  225. line-height:7px;
  226. font-size:8px;
  227. background-color: {color:Background};
  228. background-image:url(http://i47.tinypic.com/28qpxmg.png);
  229. background-attachment: fixed;
  230. background-repeat: repeat;
  231. }
  232.  
  233.  
  234. a:link, a:active, a:visited{
  235. text-decoration: none;
  236. -webkit-transition: color 0.3s ease-out;
  237. -moz-transition: color 0.3s ease-out;
  238. transition: color 0.3s ease-out;
  239. color:{color:link};
  240. }
  241.  
  242. a:hover {
  243. text-decoration: none;
  244. font-style:;
  245. color: {color:Hover};
  246. }
  247.  
  248. div#center{
  249. margin:auto;
  250. position:relative;
  251. width:1000px;
  252. background-color:;
  253. overflow:auto;
  254. overflow-y:hidden;
  255. }
  256.  
  257.  
  258. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  259. .entry {
  260. float:left;
  261. display: block;
  262. margin:5px;
  263. overflow:hidden;
  264. border:1px solid #aaa;
  265. padding:10px;
  266. border-radius:3px;
  267. width:220px;
  268.  
  269. {block:PermalinkPage}
  270. width:450px;
  271.  
  272. text-align:left;
  273. line-height:10px;
  274. {/block:PermalinkPage}
  275. background:white;
  276. background-image:URL();
  277. }
  278.  
  279.  
  280. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  281. .entry .perma{
  282. width:240px;
  283. height:300px;
  284. margin-left:-10px;
  285. position: absolute;
  286. line-height: 17px;
  287. overflow:hidden;
  288. text-align:center;
  289. font-family:calibri;
  290. font-size:11px;
  291. text-transform:uppercase;
  292. border-top:5px solid {color:permalinks};
  293. top:290px;
  294. background:white;
  295. word-spacing:2px;
  296. letter-spacing:2px;
  297.  
  298. opacity: 0.0;
  299. -webkit-transition: all .9s ease;
  300. -moz-transition: all .9s ease;
  301. -o-transition: all .9s ease;
  302. transition: all .9s ease;
  303.  
  304. }
  305.  
  306. .entry:hover .perma{
  307. overflow:visible;
  308. opacity:0.8;
  309. top:10px;
  310. -webkit-transition: all .9s ease;
  311. -moz-transition: all .9s ease;
  312. -o-transition: all .9s ease;
  313. transition: all .9s ease;
  314. }
  315.  
  316. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  317. #posts {
  318. width:860px;
  319. margin-top:131px;
  320. z-index:99;
  321. margin-left:109px;
  322. right:auto;
  323. background:transparent;
  324. margin-right:auto;
  325. position:relative;
  326. overflow-y: hidden;
  327. }
  328.  
  329.  
  330. /*CUSTOMIZE SIDEBAR HERE*/
  331.  
  332. #topbar{
  333. position:absolute;
  334. opacity: 0.9;
  335. letter-spacing: 0px;
  336. left: -100px;
  337. top:30px;
  338. font-size: 30px;
  339. width: 1900px;
  340. height:100px;
  341. padding-left:30px;
  342. line-height:70px;
  343. font-family: lol;
  344. text-shadow:-1px 0 #fafafa, 0 1px #fafafa, 1px 0 #fafafa, 0 -1px #fafafa;
  345. color: #bec4cc;
  346. z-index:99;
  347. letter-spacing:3px;
  348. background: white;
  349. text-align: center;
  350. position: fixed !important;
  351.  
  352. }
  353.  
  354. .lace{
  355. background: url('https://31.media.tumblr.com/217e7014f9bbc90a43c512bb36a9d23d/tumblr_inline_mzny8ezz7y1s0dvun.png') repeat;
  356. width:2700px;
  357. height:26px;
  358. left:-100px;
  359. top:130px;
  360. opacity:.9;
  361. position:fixed;
  362.  
  363. }
  364. .lace2{
  365. background: url('https://31.media.tumblr.com/217e7014f9bbc90a43c512bb36a9d23d/tumblr_inline_mzny8ezz7y1s0dvun.png') repeat;
  366. width:2700px;
  367. height:26px;
  368. left:-100px;
  369. top:4px;
  370. transform: rotate(180deg);
  371. -moz-transform: rotate(180deg);
  372. -webkit-transform: rotate(180deg);
  373. -o-transform: rotate(180deg);
  374. opacity:9;
  375. position:fixed !important;
  376.  
  377. }
  378. #one{
  379. position:fixed !important;
  380. width:290px;
  381. background:white;
  382. height:150px;
  383. text-align:center;
  384. border: 0px solid #aaa;
  385. border-right:7px solid #0B0B61;
  386. border-left:7px solid #0B0B61;
  387. margin-top:200px;
  388. border-top:1px solid #aaa;
  389. border-bottom:1px solid #aaa;
  390. margin-left:200px;
  391. text-transform:uppercase;
  392. font-family: calibri;
  393. font-size: 12px;
  394. line-height: 20px;
  395. padding-top: 20px;
  396. color: #aaa;
  397. padding: 5px;
  398. -webkit-transition: all .7s ease;
  399. -moz-transition: all .7s ease;
  400. -o-transition: all .7s ease;
  401. transition: all .7s ease;
  402. border-radius:0;
  403. }
  404. #one:hover{
  405. -webkit-transition: all .7s ease;
  406. -moz-transition: all .7s ease;
  407. -o-transition: all .7s ease;
  408. transition: all .7s ease;
  409. border:7px solid #610B21;
  410. border-radius:5px;
  411. }
  412.  
  413.  
  414. #two{
  415. position:fixed !important;
  416. width:290px;
  417. background:white;
  418. height:150px;
  419. text-align:center;
  420. border: 0px solid #aaa;
  421. border-right:7px solid #0B0B61;
  422. border-left:7px solid #0B0B61;
  423. margin-top:200px;
  424. margin-left:550px;
  425. text-transform:uppercase;
  426. font-family: calibri;
  427. border-top:1px solid #aaa;
  428. border-bottom:1px solid #aaa;
  429. font-size: 12px;
  430. line-height: 20px;
  431. padding-top: 20px;
  432. color: #aaa;
  433. padding: 5px;
  434. -webkit-transition: all .7s ease;
  435. -moz-transition: all .7s ease;
  436. -o-transition: all .7s ease;
  437. transition: all .7s ease;
  438. border-radius:0;
  439. }
  440. #two:hover{
  441. -webkit-transition: all .7s ease;
  442. -moz-transition: all .7s ease;
  443. -o-transition: all .7s ease;
  444. transition: all .7s ease;
  445. border:7px solid #610B21;
  446. border-radius:5px;
  447. }
  448.  
  449.  
  450. #three{
  451. position:fixed !important;
  452. width:290px;
  453. background:white;
  454. height:150px;
  455. text-align:center;
  456. border: 0px solid #aaa;
  457. border-right:7px solid #0B0B61;
  458. border-left:7px solid #0B0B61;
  459. margin-top:400px;
  460. border-top:1px solid #aaa;
  461. border-bottom:1px solid #aaa;
  462. margin-left:200px;
  463. text-transform:uppercase;
  464. font-family: calibri;
  465. font-size: 12px;
  466. line-height: 20px;
  467. padding-top: 20px;
  468. color: #aaa;
  469. padding: 5px;
  470. -webkit-transition: all .7s ease;
  471. -moz-transition: all .7s ease;
  472. -o-transition: all .7s ease;
  473. transition: all .7s ease;
  474. border-radius:0;
  475. }
  476. #three:hover{
  477. -webkit-transition: all .7s ease;
  478. -moz-transition: all .7s ease;
  479. -o-transition: all .7s ease;
  480. transition: all .7s ease;
  481. border:7px solid #610B21;
  482. border-radius:5px;
  483. }
  484.  
  485. #four{
  486. position:fixed !important;
  487. width:290px;
  488. background:white;
  489. height:150px;
  490.  
  491. text-align:center;
  492. border: 0px solid #aaa;
  493. border-right:7px solid #0B0B61;
  494. border-left:7px solid #0B0B61;
  495. border-top:1px solid #aaa;
  496. border-bottom:1px solid #aaa;
  497. margin-top:400px;
  498. margin-left:550px;
  499. text-transform:uppercase;
  500. font-family: calibri;
  501. font-size: 12px;
  502. line-height: 20px;
  503. padding-top: 20px;
  504. color: #aaa;
  505. padding: 5px;
  506. border-radius:0px;
  507. -webkit-transition: all .7s ease;
  508. -moz-transition: all .7s ease;
  509. -o-transition: all .7s ease;
  510. transition: all .7s ease;
  511.  
  512. }
  513. #four:hover{
  514. -webkit-transition: all .7s ease;
  515. -moz-transition: all .7s ease;
  516. -o-transition: all .7s ease;
  517. transition: all .7s ease;
  518. border:7px solid #610B21;
  519. border-radius:5px;
  520. }
  521.  
  522.  
  523.  
  524.  
  525. #ask {
  526. position:fixed !important;
  527. z-index: 3;
  528. overflow: hidden;
  529. opacity: 1;
  530. width: 460px;
  531. line-height:35px;
  532. height: 28px;
  533. padding: 0px;
  534. padding-left:15px;
  535. text-align:center;
  536. background:white;
  537. box-shadow: 0px 0px 1px #333; /*--color for the shadow change it if you want (behind the #)--*/
  538. border-right:7px solid #0B0B61;
  539. border-left:7px solid #0B0B61;
  540. border-top:1px solid #aaa;
  541. border-bottom:1px solid #aaa; bigger or change the color after #--*/
  542. background-color: #eee; /*--change the background color--*/
  543. margin-left: 280px;
  544. margin-top: 605px;
  545. font-family: lol;
  546. font-size:18px;
  547. border-radius:0px;
  548. -webkit-transition: all .7s ease;
  549. -moz-transition: all .7s ease;
  550. -o-transition: all .7s ease;
  551. transition: all .7s ease;
  552.  
  553. }
  554.  
  555. #ask:hover{
  556. -webkit-transition: all .7s ease;
  557. -moz-transition: all .7s ease;
  558. -o-transition: all .7s ease;
  559. transition: all .7s ease;
  560. border:7px solid #610B21;
  561. border-radius:5px;
  562. }
  563. #link1{
  564. position:fixed;
  565. width:25px;
  566. height:20px;
  567. opacity: 1;
  568. padding:4px;
  569. padding-bottom:6px;
  570. margin-left:958px;
  571. margin-top:160px;
  572. background:#fff;
  573. border: 3px double #aaa;
  574. font-weight: normal;
  575. line-height:20px;
  576. text-align:center;
  577. color:#000;
  578. font-size:9px;
  579. letter-spacing: 0px;
  580. text-transform:uppercase;
  581. font-family: calibri;
  582. z-index:3;
  583. text-transform: normal;
  584. border-radius:30px;
  585. -webkit-transition: all .7s ease;
  586. -moz-transition: all .7s ease;
  587. -o-transition: all .7s ease;
  588. transition: all .7s ease;
  589. }
  590. #link1:hover {
  591. text-decoration:none;
  592. display:inline-block;
  593. margin-left:958px;
  594. margin-top:160px;
  595.  
  596. width:30px;
  597. letter-spacing: 3px;
  598. border-radius:0px;
  599. background-color: #f6f6f6;
  600. z-index:99;
  601. -webkit-transition: all .7s ease;
  602. -moz-transition: all .7s ease;
  603. -o-transition: all .7s ease;
  604. transition: all .7s ease;
  605. }
  606. #link2{
  607. position:fixed;
  608. width:25px;
  609. height:20px;
  610. opacity: 1;
  611. padding:4px;
  612. padding-bottom:6px;
  613. margin-left:958px;
  614. margin-top:200px;
  615. background:#fff;
  616. border: 3px double #aaa;
  617. font-weight: normal;
  618. line-height:20px;
  619. text-align:center;
  620. color:#000;
  621. font-size: 9px;
  622. letter-spacing: 0px;
  623. font-family: calibri;
  624. text-transform:uppercase;
  625. z-index:3;
  626. text-transform: normal;
  627. border-radius:30px;
  628. -webkit-transition: all .7s ease;
  629. -moz-transition: all .7s ease;
  630. -o-transition: all .7s ease;
  631. transition: all .7s ease;
  632. }
  633. #link2:hover {
  634. text-decoration:none;
  635. display:inline-block;
  636.  
  637. width:30px;
  638. letter-spacing: 2px;
  639. border-radius:0px;
  640. background-color: #f6f6f6;
  641. z-index:99;
  642. -webkit-transition: all .7s ease;
  643. -moz-transition: all .7s ease;
  644. -o-transition: all .7s ease;
  645. transition: all .7s ease;
  646. }
  647. #link3{
  648. position:fixed;
  649. width:25px;
  650. height:20px;
  651. opacity: 1;text-transform:uppercase;
  652. padding:4px;
  653. padding-bottom:6px;
  654. margin-left:958px;
  655. margin-top:240px;
  656. background:#fff;;
  657. border: 3px double #aaa;
  658. font-weight: normal;
  659. line-height:20px;
  660. text-align:center;
  661. color:#000;
  662. font-size:9px;
  663. letter-spacing: 0px;
  664. font-family: calibri;
  665. z-index:3;
  666. text-transform: normal;
  667. border-radius:30px;
  668. -webkit-transition: all .7s ease;
  669. -moz-transition: all .7s ease;
  670. -o-transition: all .7s ease;
  671. transition: all .7s ease;
  672. }
  673. #link3:hover {
  674. text-decoration:none;
  675. display:inline-block;
  676.  
  677. width:30px;
  678. letter-spacing: 2px;
  679. border-radius:0px;
  680. background-color: #f6f6f6;
  681. z-index:99;
  682. -webkit-transition: all .7s ease;
  683. -moz-transition: all .7s ease;
  684. -o-transition: all .7s ease;
  685. transition: all .7s ease;
  686. }
  687. #line{
  688. height:150px;
  689. width:100px;
  690. margin-top:240px;
  691. margin-left:258px;
  692. position:fixed;
  693. border-left: 958px transparent solid;
  694. }
  695.  
  696. #line2{
  697. height:5px;
  698. width:1px;
  699. top:150px;
  700. margin-left:978px;
  701. position:fixed;
  702. border-top: 150px #aaa solid;
  703. }
  704. #cred{
  705. width:auto;
  706. position:fixed;
  707. bottom:75px;
  708. left:0px;
  709. -webkit-transition: all .7s ease;
  710. -moz-transition: all .7s ease;
  711. -o-transition: all .7s ease;
  712. transition: all .7s ease;
  713. }
  714. #cred2{
  715. font-size:12px;
  716. font-family:arial;
  717. line-height:16px;
  718. text-align:center;
  719. height:15px;
  720. margin-top:33px;
  721. width:5px;
  722. padding:5px;
  723. padding-right:10px;
  724. background:#ffffff;
  725. margin-left:0px;
  726. position:fixed;
  727. -webkit-transition: all .7s ease;
  728. -moz-transition: all .7s ease;
  729. -o-transition: all .7s ease;
  730. transition: all .7s ease;
  731. border:1px solid #aaa;
  732. }
  733.  
  734. #cred3{
  735. text-align:center;
  736. width:100px;
  737. font-size:10px;
  738. background:#ffffff;
  739. height:5px;
  740. padding-top:10px;
  741. padding-bottom:10px;
  742. font-family:calibri;
  743. text-transform:uppercase;
  744. margin-left:-100px;
  745. margin-top:33px;
  746. position:fixed;
  747. -webkit-transition: all .7s ease;
  748. -moz-transition: all .7s ease;
  749. -o-transition: all .7s ease;
  750. transition: all .7s ease;
  751. border:1px solid #aaa;
  752. line-height:5px;
  753. }
  754.  
  755. #cred:hover #cred3{
  756. margin-left:50px;
  757. }
  758.  
  759. @font-face { font-family:lol; src: url(http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf);}
  760. @font-face {font-family:"simplicity";src:url('http://static.tumblr.com/7glhdxz/kdkmgevnh/simplicity.ttf');}
  761.  
  762. @font-face {font-family: 'complicated'; src: url('http://static.tumblr.com/tk7f1db/Iwgmx1ps2/simply_complicated.ttf');}
  763.  
  764. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  765.  
  766.  
  767. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  768. .title{
  769. line-height: 12px;
  770. color:{color:Title};
  771. font-weight: normal;
  772. }
  773.  
  774.  
  775. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  776. .permalink{
  777. text-transform: normal;
  778. display: block;
  779. text-align: right;
  780. text-decoration: none;
  781. }
  782.  
  783.  
  784. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  785. #infscr-loading{
  786. bottom: -70px;
  787. position: absolute;
  788. left: 50%;
  789. margin-left:-8px;
  790. width:16px;
  791. height:11px;
  792. overflow:hidden;
  793. margin-bottom: 50px;
  794. }
  795.  
  796. #postnotes{
  797. text-align: justify;}
  798.  
  799. #postnotes blockquote{
  800. border: 0px;}
  801.  
  802. blockquote{
  803. padding:0px 0px 2px 5px;
  804. margin:0px 0px 2px 10px;
  805. border-left: 1px dotted #555555;
  806. }
  807.  
  808. blockquote p, ul{
  809. margin:0px;
  810. padding:0px;
  811. }
  812.  
  813. a img{border: 0px;}
  814.  
  815.  
  816. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  817.  
  818. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  819. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  820.  
  821. .notes img{width:10px; position:relative; top:3px;}
  822. <--ses-->
  823. small{font-size: 90%;}
  824.  
  825. {CustomCSS}
  826.  
  827. </style>
  828. <a href=
  829. "http://tullse.tumblr.com/"><img src="http://i50.tinypic.com/3325qp0.png" style="position:fixed; right:2px; opacity:.4; top:130px;z-index:99; -webkit-filter: invert(100%)"></a>
  830. {block:IndexPage}
  831. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  832. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  833.  
  834. <script type="text/javascript">
  835. $(window).load(function(){
  836. var $wall = $('#posts');
  837. $wall.imagesLoaded(function(){
  838. $wall.masonry({
  839. itemSelector: '.entry, .entry_photo',
  840. isAnimated : false
  841. });
  842. });
  843.  
  844. $wall.infinitescroll({
  845. navSelector : '#pagination',
  846. nextSelector : '#pagination a',
  847. itemSelector : '.entry, .entry_photo',
  848. bufferPx : 2000,
  849. debug : false,
  850. errorCallback: function() {
  851. $('#infscr-loading').fadeOut('normal');
  852. }},
  853. function( newElements ) {
  854. var $newElems = $( newElements );
  855. $newElems.hide();
  856. $newElems.imagesLoaded(function(){
  857. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  858. });
  859. }); $('#posts').show(500);
  860. });
  861. </script>
  862.  
  863.  
  864. {/block:IndexPage}
  865.  
  866.  
  867. <title>Any Questions? ♡</title>
  868.  
  869. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6u2Pii71qfamg6.gif" />
  870. <meta name="viewport" content="width=820" />
  871. </head>
  872.  
  873. <body>
  874. <BODY onselectstart="return false;" ondragstart="return false;">
  875. <div class="wrapper">
  876. <div class="header">
  877. </div>
  878.  
  879. <div id="cage">
  880. <div id="center">
  881. <div class="lace"></div>
  882. <div class="lace2"></div>
  883. <div id="topbar">Ask Me Anything</div>
  884. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  885. <div id="sidebar">
  886. <div id="link1">
  887. <a href="/" title="Refresh" >Back</a>
  888. </div>
  889. <div id="line"></div>
  890. <div id="line2"></div>
  891. <div id="link2">
  892. <a href="LINK TWO" title="{text:Link two Title}" >Links</a>
  893. </div>
  894.  
  895. <div id="link3">
  896. <a href="http://tullse.tumblr.com" title="theme maker" >Cred</a>
  897. </div>
  898. <center>
  899. <div id="one">this is where you put your description thing. wow you can put everything you know about yourself. keep it some what short or long. just dont make it go over the box or itll look crappy as hell.</div>
  900. <div id="two">wow you can put what you like or dislike i don't know what the fuck you put here. just put something. <i>please.</i><i><b>please.</b></i></div>
  901. <div id="three">put the things you will do for your followers that arent rude as fuck. yay.. um so like <i>please please please</i> don't screw up on this, its simple af.</div>
  902. <div id="four">and add something thats cute idk what you quality people put in these boxes. i just make the themes i like pie. <b>i like pie a lot</b> <s>you can't spell cyrus without us cry</s></div>
  903. <div id="ask">
  904. <img src="http://static.tumblr.com/vilw5yj/o9fmw06k7/30v0qp4__1_.gif"><a href='#?w=435' rel='02' class='poplight'>Click for ask box!</a><img src="http://static.tumblr.com/vilw5yj/Pu9mw06me/30v0qp4.gif">
  905. </div>
  906.  
  907.  
  908. </center>
  909. </div>
  910. <!------------------------------------->
  911.  
  912.  
  913. </body>
  914.  
  915. <div id="02" class="popup_block">
  916.  
  917. <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/URL HERE .tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  918. <!--[if IE]>
  919. <script type="text/javascript">
  920. document.getElementById('ask_form').allowTransparency = true;
  921. </script>
  922. <!-[endif]-->
  923.  
  924. </div></div></div></div></div></div></div></div></div></div>
  925. <div id="cred"><div id="cred2">☪</div>
  926. <div id="cred3">
  927. <a href="http://tullse.tumblr.com/" title="theme maker, tullse made this layout">Theme by Tullse ✌</a>
  928.  
  929. </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!