Fucking_Aj

personal theme #3 - Niggas

Oct 20th, 2013
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.90 KB | None | 0 0
  1. <!--
  2. here u goez niggas B)
  3. ╋╋╋╋╋╋╋┏┓┏┓
  4. ╋╋╋╋┏┓┏┛┗┫┃
  5. ┏━━┓┗┛┗┓┏┫┗━┳━━┳┓┏┳━━┳━━┓┏━┓┏┳━━┳━━┳━━┓
  6. ┃┏┓┃┏┓╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫━━┫┃┏┓╋┫┏┓┃┏┓┃┏┓┃
  7. ┃┏┓┃┃┃╋┃┗┫┃┃┃┃━┫┃┃┃┃━╋━━┃┃┃┃┃┃┗┛┃┗┛┃┏┓┃
  8. ┗┛┗┛┃┃╋┗━┻┛┗┻━━┻┻┻┻━━┻━━┛┗┛┗┻┻━┓┣━┓┣┛┗┛
  9. ╋╋╋┏┛┃╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┏━┛┣━┛┃
  10. ╋╋╋┗━┛╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┗━━┻━━┛
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18.  
  19. <script type="text/javascript">
  20. <!--
  21.  
  22. // Disable Right Click Script
  23.  
  24. function IE(e)
  25. {
  26. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  27. {
  28. return false;
  29. }
  30. }
  31. function NS(e)
  32. {
  33. if (document.layers || (document.getElementById && !document.all))
  34. {
  35. if (e.which == "2" || e.which == "3")
  36. {
  37. return false;
  38. }
  39. }
  40. }
  41. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  42.  
  43. //-->
  44. </script>
  45.  
  46.  
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49.  
  50. <!--DEFAULT VARIABLES-->
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  52. <meta name="color:background" content="#fff"/>
  53. <meta name="color:background1" content="#fff"/>
  54. <meta name="color:link" content="#777"/>
  55. <meta name="color:text" content="#777"/>
  56. <meta name="color:title" content="#333"/>
  57. <meta name="color:hover" content="#fff"/>
  58. <meta name="color:border" content="#fff"/>
  59. <meta name="image:sidebar" content="1"/>
  60. <meta name="image:background" content="1"/>
  61. <meta name="text:titlez" content="lol wrecking"/>
  62. <meta name="text:Link Three Title" content="link"/>
  63. <meta name="text:Link Three" content=""/>
  64. <meta name="text:Link Four Title" content="link"/>
  65. <meta name="text:Link Four" content=""/>
  66. <meta name="text:Link two Title" content="link"/>
  67. <meta name="text:Link two" content=""/>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. 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-
  74.  
  75. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  76.  
  77. 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;}
  78.  
  79. p {
  80. margin:0px;
  81. margin-top:0px;
  82. }
  83.  
  84.  
  85. body {
  86. padding: 0px;
  87. margin: 0px;
  88. color:{color:text};
  89. font-family: dixel;
  90. line-height:7px;
  91. font-size:8px;
  92. background-color: {color:Background};
  93. background-image:url({image:Background});
  94. background-attachment: fixed;
  95. background-repeat: repeat;
  96. }
  97.  
  98.  
  99. a:link, a:active, a:visited{
  100. text-decoration: none;
  101. -webkit-transition: color 0.3s ease-out;
  102. -moz-transition: color 0.3s ease-out;
  103. transition: color 0.3s ease-out;
  104. color:{color:link};
  105. }
  106.  
  107. a:hover {
  108. text-decoration: none;
  109. font-style:;
  110. color: {color:Hover};
  111. }
  112.  
  113. div#center{
  114. margin:auto;
  115. position:relative;
  116. width:1000px;
  117. background-color:;
  118. overflow:auto;
  119. overflow-y:hidden;
  120. }
  121.  
  122.  
  123. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  124. .entry {
  125. margin:13px;
  126. padding: 10px;
  127. padding-bottom: 10px;
  128. float:left;
  129. line-height:10px;
  130. background-color:white;
  131. border-top-left-radius: 3px;
  132. border-bottom-left-radius: 3px;
  133. border-top-right-radius: 3px;
  134. border-bottom-right-radius: 3px;
  135. opacity: 1;
  136. border: solid 1px #cdcdcd;
  137. box-shadow: 0px 0px 0px {color:posts shadow};
  138. overflow:hidden;
  139. width:220px;
  140. -webkit-transition: all .5s ease;
  141. -moz-transition: all .5s ease;
  142. -o-transition: all .5s ease;
  143. transition: all .5s ease;
  144. {block:PermalinkPage}
  145. width:720px;
  146. text-align:left;
  147. line-height:10px;
  148. top: 70px;
  149. {/block:PermalinkPage}
  150. background-color:white;
  151. background-image:URL();
  152. }
  153.  
  154.  
  155.  
  156. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  157. .entry .perma{
  158. width:auto;
  159. z-index: 9999999999999999;
  160. height:auto;
  161. margin-left:10px;
  162. padding-left:2px;
  163. padding-right:3px;
  164. padding: 3px;
  165. position: absolute;
  166. line-height: 15px;
  167. overflow:hidden;
  168. text-align:left;
  169. bottom: 20px;
  170. background:white;
  171. font-family:verdana;
  172. font-size:8px;
  173. font-style: italic;
  174. letter-spacing:1px;
  175. opacity: 0.0;
  176. border-radius: 0px;
  177. border:1px solid {color:border};
  178. border-left:2px solid {color:border};
  179. -webkit-transition: all .7s ease;
  180. -moz-transition: all .7s ease;
  181. -o-transition: all .7s ease;
  182. transition: all .7s ease;
  183.  
  184. }
  185.  
  186. .entry:hover .perma{
  187. overflow:visible;
  188. opacity:.9;
  189. }
  190.  
  191. .perma:hover{
  192. padding-left:10px;
  193. -webkit-transition: all .7s ease;
  194. -moz-transition: all .7s ease;
  195. -o-transition: all .7s ease;
  196. transition: all .7s ease;
  197. }
  198.  
  199.  
  200.  
  201. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  202. #posts {
  203. width:700px;
  204. margin-top:31px;
  205. z-index:99;
  206. margin-left:289px;
  207. right:auto;
  208. background:transparent;
  209. margin-right:auto;
  210. position:relative;
  211. overflow-y: hidden;
  212. }
  213.  
  214.  
  215. /*CUSTOMIZE SIDEBAR HERE*/
  216. #sidebar {
  217. display: block;
  218. position:fixed;
  219. top:140px;
  220. border-radius:2px;
  221. left:120px;
  222. font-family:consolas;
  223. border:1px solid #eee;
  224. width:203px;
  225. padding:12px;
  226. height:auto;
  227. font-size:10px;
  228. text-align:center;
  229. background-color:#fff;
  230. }
  231.  
  232. #sidebar img{
  233. opacity:0.8;
  234. width:195px;
  235. top:130px;
  236. height:auto;
  237.  
  238. }
  239. #desc{
  240. display: block;
  241. position:fixed;
  242. top:390px;
  243. border-radius:2px;
  244. left:120px;
  245. font-family:consolas;
  246. border:1px solid #eee;
  247. width:203px;
  248. padding:12px;
  249. height:auto;
  250. font-size:10px;
  251. line-height:10px;
  252. text-align:center;
  253. background-color:#fff;
  254. }
  255.  
  256. #link1{
  257. position:fixed;
  258. z-index:9999999999999;
  259. width:203px;
  260. height:5px;
  261. opacity: 1;
  262. font-style: none;
  263. padding-bottom: 15px;
  264. margin-left:0px;
  265. margin-top:10px;
  266. box-shadow: 0px 0px 0px #ddd;
  267. border: 1px solid {color:border};
  268. border-bottom: 1px solid {color:border};
  269. background:white;
  270. line-height:23px;
  271. text-align:center;
  272. color: {color:border};
  273. font-size: 10px;
  274. letter-spacing: 1px;
  275. font-family: verdana;
  276. transition: all 0.6s ease-out;
  277. -o-transition-transition: all 0.6s ease-out;
  278. -webkit-transition: all 0.6s ease-out;
  279. -moz-transition: all 0.6s ease-out;
  280. }
  281.  
  282.  
  283. div#blogtitle{
  284. position:fixed;
  285. font-family:fighter;
  286. color:{color:border};
  287. font-size: 30px;
  288. line-height: 30px;
  289. margin-top: 90px;
  290. margin-left:-70px;
  291. width: 215px;
  292. background:transparent;
  293. text-align:center;
  294. padding:10px;
  295. text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  296. }
  297.  
  298. .lace{
  299. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  300. width:3000px;
  301. height:17px;
  302. top:14px;
  303. margin-left:-500px;
  304. position:fixed;
  305. z-index:120;
  306. z-index:9999999;
  307. }
  308. .lace2{
  309. background: url('http://static.tumblr.com/onnk3od/DF1moey55/merpderp.png') repeat;
  310. width:3000px;
  311. height:17px;
  312. top:1px;
  313. margin-left:-500px;
  314. position:fixed;
  315. z-index:120;
  316. z-index:9999999;
  317. }
  318.  
  319.  
  320. @font-face { font-family: "fighter";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  321.  
  322. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  323.  
  324.  
  325. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  326. .title{
  327. line-height: 12px;
  328. color:{color:Title};
  329. font-weight: normal;
  330. font-family:fighter;
  331. font-size:16px;
  332. }
  333.  
  334.  
  335. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  336. .permalink{
  337. text-transform: normal;
  338. display: block;
  339. text-align: right;
  340. text-decoration: none;
  341. }
  342.  
  343.  
  344. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  345. #infscr-loading{
  346. bottom: -70px;
  347. position: absolute;
  348. left: 50%;
  349. margin-left:-8px;
  350. width:16px;
  351. height:11px;
  352. overflow:hidden;
  353. margin-bottom: 50px;
  354. }
  355.  
  356. #postnotes{
  357. text-align: justify;}
  358.  
  359. #postnotes blockquote{
  360. border: 0px;}
  361.  
  362. blockquote{
  363. padding:0px 0px 2px 5px;
  364. margin:0px 0px 2px 10px;
  365. border-left: 1px dotted #555555;
  366. }
  367.  
  368. blockquote p, ul{
  369. margin:0px;
  370. padding:0px;
  371. }
  372.  
  373. a img{border: 0px;}
  374.  
  375.  
  376. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  377.  
  378. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  379. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  380.  
  381. .notes img{width:10px; position:relative; top:3px;}
  382. <--ses-->
  383. small{font-size: 90%;}
  384.  
  385. {CustomCSS}
  386.  
  387. </style>
  388.  
  389. {block:IndexPage}
  390. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  391. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  392.  
  393. <script type="text/javascript">
  394. $(window).load(function(){
  395. var $wall = $('#posts');
  396. $wall.imagesLoaded(function(){
  397. $wall.masonry({
  398. itemSelector: '.entry, .entry_photo',
  399. isAnimated : false
  400. });
  401. });
  402.  
  403. $wall.infinitescroll({
  404. navSelector : '#pagination',
  405. nextSelector : '#pagination a',
  406. itemSelector : '.entry, .entry_photo',
  407. bufferPx : 2000,
  408. debug : false,
  409. errorCallback: function() {
  410. $('#infscr-loading').fadeOut('normal');
  411. }},
  412. function( newElements ) {
  413. var $newElems = $( newElements );
  414. $newElems.hide();
  415. $newElems.imagesLoaded(function(){
  416. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  417. });
  418. }); $('#posts').show(500);
  419. });
  420. </script>
  421.  
  422.  
  423. {/block:IndexPage}
  424.  
  425.  
  426. <title>{title}</title>
  427.  
  428. <link rel="shortcut icon" href="{Favicon}" />
  429. <meta name="viewport" content="width=820" />
  430. </head>
  431.  
  432. <body>
  433. <BODY onselectstart="return false;" ondragstart="return false;">
  434. <div class="wrapper">
  435. <div class="header">
  436. </div>
  437.  
  438. <div id="cage">
  439. <div id="center">
  440. <div id="blogtitle">
  441. &nbsp
  442. {text:titlez}</div>
  443. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  444. <div id="sidebar">
  445. <center>
  446. <a href="/"><img src="{image:sidebar}" width=100%></a>
  447. <div id="sidebarimg">
  448. <div id="desc">{description}
  449. <div id="link1"><a href="/"> refresh </a> ღ <a href="{text:Link Two}"> {text:Link Two Title} </a> ღ <a href="{text:Link Three}"> {text:Link Three Title} </a> ღ <a href="{text:Link Four}">{text:Link Four Title}</a> </div>
  450.  
  451.  
  452. </center>
  453. </div>
  454. <!------------------------------------->
  455.  
  456.  
  457. <div class="left">
  458. <div class="lace"></div>
  459. <div class="lace2"></div>
  460. <div class="lace3"></div>
  461. <div id="posts">
  462. {block:Posts}
  463. <div class="entry">
  464.  
  465. {block:Answer}
  466. <div style="margin-left:5px; margin-top:16px; min-height:auto; border: 1px dotted #F6CEF5;
  467. border-right: 3px solid {color:border};
  468. border-left: 3px solid {color:border}; padding: 10px; background-color:#f1f1f1; {block:IndexPage} width: 240px; {/block:IndexPage}{block:PermalinkPage} width:410px; {/block:PermalinkPage} ;">
  469. <img src="{AskerPortraitURL-30}" width="25" height="25" align="left" style="margin-left: -11px; margin-top: -6px ;padding: 2px; background: white; border:1px solid #ccc; border-left:3px solid {color:border}; z-index:1;opacity:1; border-radius:40px;"/>
  470. <ask>{Asker}</ask>: {Question}</div> </p> <br>
  471. <img src="{PostAuthorPortraitURL-30}" width="25" align="right" style="margin-right: 4px; margin-top: 13px ;padding: 2px; background: white; border:1px solid #ccc; border-right:3px solid {color:border}; z-index:1;opacity:1; border-radius:40px;"/>
  472. <div style="margin-left:5px; margin-top:9px; min-height:auto; border: 1px dotted {color:bar2}};
  473. border-right: 3px solid {color:border};
  474. border-left: 3px solid {color:border}; padding: 10px; background-color:#f1f1f1; {block:IndexPage} width: 240px; {/block:IndexPage}{block:PermalinkPage} width:430px; {/block:PermalinkPage} font-family:consolas; font-size:11px;"><center>{Answer} {text:name} </center></div><br><br>
  475.  
  476. {block:indexpage}
  477. <span class="permalink1"><a href="{Permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a> </span>
  478. {/block:indexpage}
  479.  
  480.  
  481.  
  482.  
  483. {/block:Answer}
  484.  
  485.  
  486. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span>
  487.  
  488. {block:IndexPage}
  489.  
  490. <div class="permalink">
  491. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  492. </div>
  493.  
  494. {/block:IndexPage}
  495.  
  496. {/block:Text}
  497.  
  498. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}
  499.  
  500. {block:IndexPage}
  501.  
  502. <div class="permalink">
  503. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  504. </div>
  505.  
  506. {/block:IndexPage}
  507.  
  508. {block:Link}
  509.  
  510. {block:Photo}
  511. {block:IndexPage}
  512. <center>
  513.  
  514. <div class="perma">
  515. <a href="{reblog}" target="{_blank}"> Steal - </a> <a href="{Permalink}" target="_blank">{notecount} stole this</a>
  516. </div>
  517.  
  518.  
  519. <div class="photo"><div style="padding:2px; padding-bottom:0px;"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div></div>
  520. {/block:IndexPage}
  521. {block:PermalinkPage}
  522. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  523.  
  524. {LinkCloseTag}
  525. {/block:PermalinkPage}
  526. {/block:Photo}
  527.  
  528. {block:Photoset}
  529. {block:IndexPage}
  530. <center>
  531.  
  532. <div class="perma">
  533. <a href="reblog" target="_blank"> Steal </a> <a href="{Permalink}" target="_blank"> {notecount} stole this</a>
  534. </div>
  535.  
  536. {Photoset-250}</center>
  537. {/block:IndexPage}
  538. {block:PermalinkPage}
  539. <center>
  540. {Photoset-500}</center>
  541. {/block:PermalinkPage}
  542. {/block:Photoset}
  543.  
  544. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br>
  545.  
  546. {block:IndexPage}
  547.  
  548. <div class="permalink">
  549. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  550. </div>
  551.  
  552. {/block:IndexPage}
  553.  
  554. {/block:Quote}
  555.  
  556. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  557. <ul class="chat">
  558. {block:Lines}
  559. <li class="user_{UserNumber}">
  560. {block:Label}
  561. <span class="label">{Label}</span>
  562. {/block:Label}
  563.  
  564. {Line}
  565. </li>
  566. {/block:Lines}
  567.  
  568. {block:IndexPage}
  569.  
  570. <div class="permalink">
  571. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  572. </div>
  573.  
  574. {/block:IndexPage}
  575.  
  576. {/block:Chat}
  577.  
  578. {block:Audio}
  579. <div style="width:200px; height:30px;">
  580. {AudioPlayerBlack}
  581. </div>
  582. {block:IndexPage}
  583.  
  584. {block:IndexPage}
  585.  
  586. <div class="permalink">
  587. <a href="{permalink}">posted {timeago}</a> with <a href="{Permalink}">{notecountwithlabel}</a>
  588. </div>
  589.  
  590. {/block:IndexPage}
  591.  
  592. </span>{/block:IndexPage}
  593. {/block:Audio}
  594.  
  595. {block:Video}
  596. {block:IndexPage}
  597. <center>
  598. <div class="perma">
  599. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  600. {Video-250}</center>
  601. {/block:IndexPage}
  602. {block:PermalinkPage}
  603. <center>
  604. {Video-400}</center>
  605. {/block:PermalinkPage}
  606. {block:Video}
  607.  
  608.  
  609. {block:PostNotes}<div align="middle">{caption}</div>
  610. <center>
  611.  
  612. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  613.  
  614. {block:HasTags}
  615. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  616. {block:RebloggedFrom}
  617. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  618. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  619.  
  620. {/block:RebloggedFrom}
  621. </center></span>
  622. <br>
  623. <div id="postnotes">{PostNotes}</div><br>
  624.  
  625. <center>{block:ContentSource}
  626. <br><a href="{SourceURL}">
  627. {lang:Source}:
  628. {block:SourceLogo}
  629. <img src="{BlackLogoURL}" width="{LogoWidth}"
  630. height="{LogoHeight}" alt="{SourceTitle}" />
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}
  633. {SourceLink}
  634. {/block:NoSourceLogo}
  635. </a>
  636. {/block:ContentSource}</center>
  637.  
  638. {/block:PostNotes}
  639. </div>
  640. {/block:Posts}
  641. </div></div>
  642.  
  643. {block:IndexPage}
  644. {block:Pagination}
  645. <div id="pagination">
  646. {block:NextPage}
  647. <a id="nextPage" href="{NextPage}"></a>
  648. {/block:NextPage}
  649. {block:PreviousPage}
  650. <a href="{PreviousPage}"></a>
  651. {/block:PreviousPage}
  652. </div>
  653. {/block:Pagination}
  654. {/block:IndexPage}
  655. </body>
  656. </html>
Add Comment
Please, Sign In to add comment