Fucking_Aj

Quality theme #4??????????? idk fuck i forgot

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