API tools faq
paste
Fucking_Aj

Layout #3 ^_^

Fucking_Aj
Aug 30th, 2013
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.92 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.  
  16. <html lang="en">
  17. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <html xmlns="http://www.w3.org/1999/xhtml">
  19. <head><style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  20. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  21. </style>
  22.  
  23. <script type="text/javascript">
  24. <!--
  25.  
  26. // Disable Right Click Script
  27.  
  28. function IE(e)
  29. {
  30. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  31. {
  32. return false;
  33. }
  34. }
  35. function NS(e)
  36. {
  37. if (document.layers || (document.getElementById && !document.all))
  38. {
  39. if (e.which == "2" || e.which == "3")
  40. {
  41. return false;
  42. }
  43. }
  44. }
  45. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  46.  
  47. //-->
  48. </script>
  49.  
  50.  
  51. <script type="text/javascript"
  52. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  53.  
  54. <!--DEFAULT VARIABLES-->
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  56. <meta name="color:background" content="#fff"/>
  57. <meta name="color:link" content="#777"/>
  58. <meta name="color:text" content="#777"/>
  59. <meta name="color:title" content="#333"/>
  60. <meta name="color:hover" content="#fff"/>
  61. <meta name="image:sidebar" content="1"/>
  62. <meta name="image:background" content="1"/>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. 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-
  69.  
  70. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  71.  
  72. 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;}
  73.  
  74. p {
  75. margin:0px;
  76. margin-top:0px;
  77. }
  78.  
  79.  
  80. body {
  81. padding: 0px;
  82. margin: 0px;
  83. color:{color:text};
  84. font-family: dixel;
  85. line-height:7px;
  86. font-size:8px;
  87. background-color: {color:Background};
  88. background-image:url({image:Background});
  89. background-attachment: fixed;
  90. background-repeat: repeat;
  91. }
  92.  
  93.  
  94. a:link, a:active, a:visited{
  95. text-decoration: none;
  96. -webkit-transition: color 0.3s ease-out;
  97. -moz-transition: color 0.3s ease-out;
  98. transition: color 0.3s ease-out;
  99. color:{color:link};
  100. }
  101.  
  102. a:hover {
  103. text-decoration: none;
  104. font-style:;
  105. color: {color:Hover};
  106. }
  107.  
  108. div#center{
  109. margin:auto;
  110. position:relative;
  111. width:1000px;
  112. background-color:;
  113. overflow:auto;
  114. overflow-y:hidden;
  115. }
  116.  
  117.  
  118. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  119. .entry {
  120. float:left;
  121. display: block;
  122. margin:5px;
  123. overflow:hidden;
  124. width:220px;
  125. {block:PermalinkPage}
  126. width:450px;
  127. text-align:left;
  128. line-height:10px;
  129. {/block:PermalinkPage}
  130. background:white;
  131. background-image:URL();
  132. }
  133.  
  134.  
  135. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  136. .entry .perma{
  137. width:220px;
  138. height:16px;
  139. margin-left:0px;
  140. position: absolute;
  141. overflow:hidden;
  142. text-align:center;
  143. top:0px;
  144. background:white;
  145. word-spacing:2px;
  146. letter-spacing:1px;
  147. opacity: 0.0;
  148. -webkit-transition: all .7s ease;
  149. -moz-transition: all .7s ease;
  150. -o-transition: all .7s ease;
  151. transition: all .7s ease;
  152.  
  153. }
  154.  
  155. .entry:hover .perma{
  156. overflow:visible;
  157. opacity:0.9;
  158. }
  159.  
  160.  
  161. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  162. #posts {
  163. width:500px;
  164. margin-top:1px;
  165. z-index:99;
  166. margin-left:319px;
  167. right:auto;
  168. background:transparent;
  169. margin-right:auto;
  170. position:relative;
  171. overflow-y: hidden;
  172. }
  173.  
  174.  
  175. /*CUSTOMIZE SIDEBAR HERE*/
  176. #sidebar{
  177. position:fixed !important;
  178. width:170px;
  179. background:white;
  180. height:auto;
  181. margin-top:150px;
  182. margin-left:135px;
  183. text-align:center;
  184. }
  185.  
  186.  
  187. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  188.  
  189.  
  190. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  191. .title{
  192. line-height: 12px;
  193. color:{color:Title};
  194. font-weight: normal;
  195. }
  196.  
  197.  
  198. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  199. .permalink{
  200. text-transform: normal;
  201. display: block;
  202. text-align: right;
  203. text-decoration: none;
  204. }
  205.  
  206.  
  207. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  208. #infscr-loading{
  209. bottom: -70px;
  210. position: absolute;
  211. left: 50%;
  212. margin-left:-8px;
  213. width:16px;
  214. height:11px;
  215. overflow:hidden;
  216. margin-bottom: 50px;
  217. }
  218.  
  219. #postnotes{
  220. text-align: justify;}
  221.  
  222. #postnotes blockquote{
  223. border: 0px;}
  224.  
  225. blockquote{
  226. padding:0px 0px 2px 5px;
  227. margin:0px 0px 2px 10px;
  228. border-left: 1px dotted #555555;
  229. }
  230.  
  231. blockquote p, ul{
  232. margin:0px;
  233. padding:0px;
  234. }
  235.  
  236. a img{border: 0px;}
  237.  
  238.  
  239. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  240.  
  241. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  242. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  243.  
  244. .notes img{width:10px; position:relative; top:3px;}
  245. <--ses-->
  246. small{font-size: 90%;}
  247. #title {
  248. position:fixed !important;
  249. z-index: 1;
  250. overflow: hidden;
  251. opacity: 1;
  252. width: auto;
  253. height: 30px;
  254. color: #F6CEF5;
  255. background: transperant;
  256. padding: 10px;
  257. margin-left:635px;
  258. margin-top: 0px;
  259. text-align: center;
  260. letter-spacing: 2px;
  261. font-size: 40px;
  262. font-family: "AmandaRae";
  263. -webkit-border-top-right-radius: 6px;
  264. -webkit-border-bottom-right-radius: 2px;
  265. -webkit-border-bottom-left-radius: 2px;
  266. -webkit-border-top-left-radius: 6px;
  267. }
  268.  
  269. #msg {
  270. position:fixed !important;
  271. overflow: hidden;
  272. opacity: 3;
  273. width: 560px;
  274. height: 220px;
  275. color: #000000;
  276. border: 3px solid #F6CEF5;
  277. /*CHANGE THAT FUCKING SHIT LATER OK */
  278.  
  279. background-color: #ffffff;
  280. padding: 6px;
  281. margin-left: 495px;
  282. margin-top: 80px;
  283. font-family: "KG Seven Sixteen";
  284. font-size: 17px;
  285. -webkit-border-top-right-radius: 5px;
  286. -webkit-border-bottom-right-radius: 5px;
  287. -webkit-border-bottom-left-radius: 5px;
  288. -webkit-border-top-left-radius: 5px;
  289. }
  290.  
  291.  
  292. #ask {
  293. position:fixed !important;
  294. z-index: 1px;
  295. overflow: hidden;
  296. opacity: 1;
  297. background-color:white;
  298. width: 562px;
  299. height: auto;
  300. padding: 5px;
  301. border: 3px solid #F6CEF5;
  302. border-top:0px;
  303. margin-left: 495px;
  304. margin-top: 310px;
  305. font-family: amandarae;
  306. -webkit-border-top-right-radius: 1px;
  307. -webkit-border-bottom-right-radius: 5px;
  308. -webkit-border-bottom-left-radius: 5px;
  309. -webkit-border-top-left-radius: 1px;
  310. }
  311.  
  312. #links {
  313. position:fixed !important;
  314. overflow: hidden;
  315. opacity: 1;
  316. width: 390px;
  317. height: auto;
  318. color: #000:
  319. padding: 0px;
  320. padding-top: 7px;
  321. border: 3px solid #F6CEF5;
  322. background-color:white;
  323. margin-left: 585px;
  324. margin-top: 41px;
  325. font-family: "amandarae";
  326. font-size: 25px;
  327. line-height: 26px;
  328. -webkit-border-top-right-radius: 6px;
  329. -webkit-border-bottom-right-radius: 6px;
  330. -webkit-border-bottom-left-radius: 6px;
  331. -webkit-border-top-left-radius: 6px;
  332. -webkit-transform: rotate(360deg);
  333. -moz-transform: rotate(360deg);
  334. }
  335.  
  336. #credit {
  337. position:fixed !important;
  338. overflow: hidden;
  339. opacity: 1;
  340. width: 15px;
  341. height: 10;
  342. color: #000:
  343. padding: 0px;
  344. padding-top: 7px;
  345. border: 1px solid #ddd;
  346. background-color:white;
  347. margin-left: -16px;
  348. margin-top: -20px;
  349. font-family: "KG Seven Sixteen";
  350. font-size: 12px;
  351. line-height: 2px;
  352. text-align: center;
  353. -webkit-border-top-right-radius: 6px;
  354. -webkit-border-bottom-right-radius: 6px;
  355. -webkit-border-bottom-left-radius: 6px;
  356. -webkit-border-top-left-radius: 6px;
  357. }
  358.  
  359.  
  360. body {
  361. background-image:url("http://media.tumblr.com/a5b00338b2e4a2212a430ce3d1c6e310/tumblr_inline_mkjld65qND1qz4rgp.png");
  362. background-size: repeated;
  363. margin: 0;
  364. padding: 20px;
  365. }
  366. {CustomCSS}
  367.  
  368. </style>
  369.  
  370. {block:IndexPage}
  371. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  372. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  373.  
  374. <script type="text/javascript">
  375. $(window).load(function(){
  376. var $wall = $('#posts');
  377. $wall.imagesLoaded(function(){
  378. $wall.masonry({
  379. itemSelector: '.entry, .entry_photo',
  380. isAnimated : false
  381. });
  382. });
  383.  
  384. $wall.infinitescroll({
  385. navSelector : '#pagination',
  386. nextSelector : '#pagination a',
  387. itemSelector : '.entry, .entry_photo',
  388. bufferPx : 2000,
  389. debug : false,
  390. errorCallback: function() {
  391. $('#infscr-loading').fadeOut('normal');
  392. }},
  393. function( newElements ) {
  394. var $newElems = $( newElements );
  395. $newElems.hide();
  396. $newElems.imagesLoaded(function(){
  397. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  398. });
  399. }); $('#posts').show(500);
  400. });
  401. </script>
  402.  
  403.  
  404. {/block:IndexPage}
  405.  
  406.  
  407. <title>{title}</title>
  408.  
  409. <link rel="shortcut icon" href="{Favicon}" />
  410. <meta name="viewport" content="width=820" />
  411. </head>
  412.  
  413. <body>
  414. <div id="title">
  415. Message N' Faq
  416. </div>
  417.  
  418. <div id="links">
  419.  
  420. <center>
  421. <a href="/url of the link">Linkay</a> &middot
  422. <a href="/LINK">Linkie</a> &middot
  423. <a href="/LINK">Linky</a> &middot
  424. <a href="http://pikachuro.co.vu">Theme</a> &middot
  425.  
  426. </div>
  427.  
  428. <div id="msg">
  429. fucking perf. <br><br>
  430. <br>Da Blogger<br><br><br>
  431. -im perf<br><br><br>
  432. - still perf <br><br><br>
  433. <b>I will :</b><br><br>
  434. - fuck yo bitch up. <br><br>
  435. <br> <b>i will not: </b><br><br>
  436. - fuck your brother (;<br><br><br>
  437. - not LOL<br><br><br>
  438. really cute layout keep cred ok bye! <br><br>
  439. <i><b>replaceeeee username.tumblr.com with yo url niggy</i> </b><br>
  440. </div>
  441.  
  442.  
  443. <div id="ask">
  444.  
  445. <Center><iframe frameborder="0" scrolling="no" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" width="560" height="200"></iframe>
  446. </center>
  447. <center>
  448. <!--I REPEAT REPLACE USERNAME.TUMBLR.COM WITH YOUR URL -->
  449. </div>
  450.  
  451. <div style="position:fixed; bottom:3px; right:3px; background:white; border: 3px double {color:borders}; padding: 3px; font-size: 15px; line-height: 10px;"><a href="http://princess-ajj.tumblr.com">✿</a></div>
  452. <BODY onselectstart="return false;" ondragstart="return false;">
  453. <div class="wrapper">
  454. <div class="header">
  455. </div>
  456.  
  457. <div id="cage">
  458. <div id="center">
  459.  
  460.  
  461. </center>
  462. </div>
  463.  
  464. </body>
  465.  
  466. </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!