Advertisement
Kimmyvp123

Theme 1 by Preachlarcel

Aug 2nd, 2013
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.02 KB | None | 0 0
  1. <!--
  2. Theme by Cuntstr-ctinq!. Don't remove credit or I will mess up yor wifi!!
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9. <link href='http://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' type='text/css'>
  10.  
  11. <link href='http://static.tumblr.com/blpgwiz/sSZmijydf/slide_in.css' rel='stylesheet' type='text/css'>
  12.  
  13. <link href='http://static.tumblr.com/blpgwiz/usPm404d2/bounce_normal.css' rel='stylesheet' type='text/css'>
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21.  
  22. tip_follows_cursor:true,
  23. tip_delay_time:90,
  24. tip_fade_speed:600,
  25. attribute:"title"
  26. });
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <script type="text/javascript"
  32. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  33. <script>
  34. $(document).ready(function() {
  35. //
  36. $('a.poplight[href^=#]').click(function() {
  37. var popID = $(this).attr('rel'); //Get Popup Name
  38. var popURL = $(this).attr('href'); //Get Popup href to define size
  39. var query= popURL.split('?');
  40. var dim= query[1].split('&');
  41. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  42. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  43. var popMargTop = ($('#' + popID).height() + 80) / 2;
  44. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  45. //Apply Margin to Popup
  46. $('#' + popID).css({
  47. 'margin-top' : -popMargTop,
  48. 'margin-left' : -popMargLeft
  49. });
  50. $('body').append('<div id="fade"></div>');
  51. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  52. return false;
  53. });
  54. $('a.close, #fade').live('click', function() {
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  62.  
  63. <script type="text/javascript">
  64. <!--
  65.  
  66. // Disable Right Click Script
  67.  
  68. function IE(e)
  69. {
  70. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  71. {
  72. return false;
  73. }
  74. }
  75. function NS(e)
  76. {
  77. if (document.layers || (document.getElementById && !document.all))
  78. {
  79. if (e.which == "2" || e.which == "3")
  80. {
  81. return false;
  82. }
  83. }
  84. }
  85. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  86.  
  87. //-->
  88. </script>
  89.  
  90.  
  91. <script type="text/javascript"
  92. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  93.  
  94. <!--DEFAULT VARIABLES-->
  95. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  96. <meta name="color:background" content="#fff"/>
  97. <meta name="color:link" content="#777"/>
  98. <meta name="color:text" content="#777"/>
  99. <meta name="color:title" content="#333"/>
  100. <meta name="color:border 1" content="#333"/>
  101. <meta name="color:border 2" content="#333"/>
  102. <meta name="color:hover" content="#fff"/>
  103. <meta name="color:quotebar" content="#ddd"/>
  104. <meta name="color:sidebarbackgrounds" content="1"/>
  105. <meta name="color:quotebar" content="#ddd"/>
  106. <meta name="color:text" content="#777"/>
  107. <meta name="color:title hover color" content="#777"/>
  108. <meta name="color:blogtitle" content="#aaa"/>
  109. <meta name="color:blogtitle shadow" content="#000"/>
  110. <meta name="color:scrollbar" content="#ccc"/>
  111. <meta name="image:sidebar" content="1"/>
  112. <meta name="image:background" content="1"/>
  113. <meta name="image:sidebarbackgrounds" content="1"/>
  114. <meta name="text:socks1 hover" content="hover for playlist" />
  115. <meta name="text:BOTW hover" content="hover for botw" />
  116. <meta name="text:stats" content="online counter" />
  117. <meta name="text:text hit counter" content="text hit counter" />
  118. <meta name="text:BOTW" content="BOTW" />
  119. <meta name="text:blogtitle" content="yo title goes right hurr" />
  120. <meta name="text:blogtitle2" content="yo second title goes right hurr" />
  121. <meta name="text:quote" content="quote here" />
  122. <meta name="text:Link One" content""/>
  123. <meta name="text:Link One Hover Title" content"hover title1"/>
  124. <meta name="text:Link Two" content""/>
  125. <meta name="text:Link Two Hover Title" content"hover title2"/>
  126. <meta name="text:Link Three" content""/>
  127. <meta name="text:Link Three Hover Title" content"hover title3"/>
  128. <meta name="text:Link Four" content="" />
  129. <meta name="text:Link Four Hover Title" content"hover title4"/>
  130.  
  131.  
  132. <style type="text/css">
  133.  
  134. #fade { /*--Transparent background layer--*/
  135. display: none; /*--hidden by default--*/
  136. background:url(http://24.media.tumblr.com/222165b55b774b5f3cb41dcd88cc4b05/tumblr_mm8xqcUmjW1s5um8no1_250.png);
  137. position: fixed; left: 0; top: 0;
  138. width: 100%; height: 100%;
  139. opacity: .80;
  140. z-index: 9999;
  141. }
  142. .popup_block{
  143. display: none; /*--hidden by default--*/
  144. background: #fff;
  145. padding: 20px;
  146. border: 10px solid #ccc;
  147. float: left;
  148. font-size:12px;
  149. font-family:arial;
  150. position: fixed;
  151. top: 50%; left: 50%;
  152. z-index: 99999;
  153. /*--CSS3 Box Shadows--*/
  154. -webkit-box-shadow: 0px 0px 20px #000;
  155. -moz-box-shadow: 0px 0px 20px #000;
  156. box-shadow: 0px 0px 20px #000;
  157. /*--CSS3 Rounded Corners--*/
  158. -webkit-border-radius: 10px;
  159. -moz-border-radius: 10px;
  160. border-radius: 10px;
  161. }
  162. img.btn_close {
  163. float: right;
  164. margin: -5px -5px 0 0;
  165. }
  166. /*--Making IE6 Understand Fixed Positioning--*/
  167. *html #fade {
  168. position: absolute;
  169. }
  170. *html .popup_block {
  171. position: absolute;
  172. }
  173.  
  174.  
  175.  
  176. #s-m-t-tooltip {
  177. max-width:300px;
  178. padding:6px 6px 6px 6px;
  179. margin:20px 0px 0px 20px;
  180. background: #fff; /* change the background color */
  181. border:1px solid #eee; /* change the border color */
  182. border-right:4px solid #eee;
  183. border-left:4px solid #eee;
  184. font-family:pewp; /* change the font */
  185. font-size:10px; /* change the font size */
  186. letter-spacing:1px; /* change the letter spacing */
  187. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  188. color:{color:hoverlink textcolor}; /* change the text color */
  189. z-index:999999;
  190. -moz-border-radius: 35px 20px / 20px 35px;
  191. border-radius: 35px 20px / 20px 35px;
  192. -moz-box-shadow:1px 1px 2px 1px #aaa;
  193. -webkit-box-shadow:1px 1px 2px 1px #aaa;
  194. box-shadow:1px 1px 2px 1px #aaa;
  195. }
  196.  
  197. 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-
  198.  
  199. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  200.  
  201. 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;}
  202.  
  203. p {
  204. margin:0px;
  205. margin-top:0px;
  206. }
  207.  
  208.  
  209. body {
  210. padding: 0px;
  211. margin: 0px;
  212. color:{color:text};
  213. font-family: dixel;
  214. line-height:7px;
  215. font-size:8px;
  216. background-color: {color:Background};
  217. background-image:url({image:Background});
  218. background-attachment: fixed;
  219. background-repeat: repeat;
  220. }
  221.  
  222.  
  223. a:link, a:active, a:visited{
  224. text-decoration: none;
  225. -webkit-transition: color 0.3s ease-out;
  226. -moz-transition: color 0.3s ease-out;
  227. transition: color 0.3s ease-out;
  228. color:{color:link};
  229. }
  230.  
  231. a:hover {
  232. text-decoration: none;
  233. font-style:;
  234. color: {color:Hover};
  235. }
  236.  
  237. div#center{
  238. margin:auto;
  239. position:relative;
  240. width:1000px;
  241. background-color:;
  242. overflow:auto;
  243. overflow-y:hidden;
  244. }
  245.  
  246. ::-webkit-scrollbar-thumb:vertical {
  247. height:9px;
  248. background-color: {color:scrollbar};
  249. }
  250.  
  251. ::-webkit-scrollbar-thumb:horizontal {
  252. width:0px;
  253. height:0px;
  254. overflow:hidden;
  255. background:#fff;
  256. margin-right:px;
  257. }
  258.  
  259. ::-webkit-scrollbar {
  260. width:3px;
  261. height:5px;
  262. overflow:hidden;
  263. background:#ddd;
  264. margin-right:5px;
  265. }
  266.  
  267. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  268. .entry {
  269. float:left;
  270. display: block;
  271. margin:7px;
  272. padding: 7px;
  273. padding-bottom: 2px;
  274. overflow:hidden;
  275. width:218px;
  276. border: 1px solid #c9c9c9;
  277. box-shadow:2px 2px 2px #919191;
  278. {block:PermalinkPage}
  279. width:500px;
  280. text-align:left;
  281. line-height:10px;
  282. {/block:PermalinkPage}
  283. background-color: white;
  284. background-image:URL();
  285. -webkit-animation: SlideIn 2s;
  286. -moz-animation: SlideIn 2s;
  287. -ms-animation: SlideIn 2s;
  288. }
  289. .entry:hover {
  290. opacity:1;
  291. -webkit-transition: all 0.4s linear;
  292. -moz-transition: all 0.4s linear;
  293. transition: all 0.4s linear;
  294. }
  295.  
  296. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  297.  
  298. .entry .perma a{
  299. color:#000;
  300. }
  301. .entry .perma{
  302. width:230px;
  303. height:22px;
  304. font-family: consolas;
  305. text-transform:uppercase;
  306. position: absolute;
  307. font-size: 8.5px;
  308. line-height: 28px;
  309. text-align:left;
  310. overflow:hidden;
  311. opacity: 0.0;
  312. padding-left:0px;
  313. background-color:#fff;
  314. letter-spacing:0px;
  315. top:-10px;
  316. margin-left: 0px;
  317. border-radius: 0px;
  318. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  319. -webkit-transition: all 0.5s linear;
  320. -moz-transition: all 0.5s linear;
  321. transition: all 0.5s linear;
  322. }
  323.  
  324. .entry:hover .perma{
  325. opacity:0.9;
  326. top:0px;}
  327.  
  328.  
  329.  
  330.  
  331. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  332.  
  333.  
  334. .permalinktext {
  335. display: block;
  336. padding: 4px;
  337. margin: 0px 0px 0px 8px;
  338. font-family: "calibri";
  339. text-transform:uppercase;
  340. letter-spacing: 2px;
  341. font-size: 8.5px;
  342. color: #000;
  343. line-height: 8px;
  344. text-align: center;
  345. text-decoration: none;
  346. -webkit-transition: color 0.5s ease-out;
  347. -moz-transition: color 0.5s ease-out;
  348. border-top: 1px solid #ddd;
  349. }
  350.  
  351. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  352. #posts {
  353. width:800px;
  354. font-family: calibri;
  355. font-size: 12px;
  356. line-height: 16px;
  357. margin-top:45px;
  358. z-index:18;
  359. margin-right:-58px;
  360. right:auto;
  361. background:transparent;
  362. margin-left:auto;
  363. position:relative;
  364. overflow-y: hidden;
  365. }
  366.  
  367. .duck{
  368. position: fixed !important;
  369. z-index: 99;
  370. font-family: arial;
  371. line-height:10px;
  372. font-size: 1px;
  373. padding: 3px;
  374. bottom:5px;
  375. left:1325px;
  376. height:15px;
  377. width:18px;
  378. border-radius:10px;
  379. border:1px solid {color:borders};
  380. background:white;
  381. }
  382.  
  383. /*CUSTOMIZE SIDEBAR HERE*/
  384. #sidebar {
  385. position:fixed !important;
  386. width:280px;
  387. background:white;
  388. height:401px;
  389. margin-top:110px;
  390. margin-left:-140px;
  391. text-align:center;
  392. z-index:9;
  393. border-top:20px solid {color:border 1};
  394. border-bottom:26px solid {color:border 1};
  395. border-right:18px solid {color:border 2};
  396. border-left:18px solid {color:border 2};
  397. }
  398.  
  399. #thingy {
  400. position:fixed !important;
  401. z-index:1;
  402. width:300px;
  403. height:450px;
  404. opacity: 4;
  405. padding:3px;
  406. margin-top:105px;
  407. margin-left:-140px;
  408. background-color: #d0d2d7;
  409. border: 1px solid #d9d9d9;
  410. opacity:.8;
  411. -webkit-transform: rotate(5deg);
  412. -moz-transform: rotate(5deg);
  413. -o-transform: rotate(5deg);
  414. -ms-transform: rotate(5deg);
  415. }
  416.  
  417. #thingy2 {
  418. position:fixed !important;
  419. z-index:2;
  420. width:300px;
  421. height:450px;
  422. opacity: 3;
  423. padding:3px;
  424. margin-top:105px;
  425. margin-left:-135px;
  426. background-color: #797979;
  427. border: 1px solid #afafaf;
  428. opacity:.3;
  429. -webkit-transform: rotate(-5deg);
  430. -moz-transform: rotate(-5deg);
  431. -o-transform: rotate(-5deg);
  432. -ms-transform: rotate(-5deg);
  433. }
  434.  
  435.  
  436. #sidebar .phineas{
  437. position:fixed !important;
  438. width: 400px;
  439. opacity:1;
  440. margin-top: -57px;
  441. margin-left:42px;
  442. text-align: left;
  443. line-height: 54px;
  444. color:{color:blogtitle};
  445. font-weight: normal;
  446. font-family: caviardreams;
  447. text-shadow: 1px 1px 3px {color:blogtitle shadow};
  448. font-size: 45px;
  449. z-index:6;
  450. -webkit-animation: SlideIn 2s;
  451. -moz-animation: SlideIn 2s;
  452. -ms-animation: SlideIn 2s;
  453. }
  454. #sidebar:hover .phineas{
  455. text-transform:none;
  456. font-size:60px;
  457. color: {color:title hover color};
  458. font-family: CelesteHand;
  459. letter-spacing: 1px;
  460. }
  461.  
  462. div#title2{
  463. position:fixed !important;
  464. width:550px;
  465. opacity:0;
  466. background:transparent;
  467. height:auto;
  468. margin-top:-72px;
  469. margin-left:-200px;
  470. text-align:center;
  471. border:0px solid transparent;
  472. font-size:25px;
  473. font-family:"caviar";
  474. text-shadow:0px 0px 1px {color:title shadow};
  475. color:#000;
  476. padding:8px;
  477. -webkit-transition: all .7s ease;
  478. -moz-transition: all .7s ease;
  479. -o-transition: all .7s ease;
  480. transition: all .7s ease;
  481. }
  482.  
  483.  
  484. #sidebar:hover #title2{
  485. opacity:1;
  486. margin-left:-145px;
  487. -webkit-transition: all .7s ease;
  488. -moz-transition: all .7s ease;
  489. -o-transition: all .7s ease;
  490. transition: all .7s ease;
  491. }
  492.  
  493. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  494. @font-face { font-family: "comesinhandy"; src: url('http://static.tumblr.com/ygfurav/eGLmkhogi/comesinhandy.ttf'); }
  495. @font-face {font-family: "cedarville"; src: url('http://static.tumblr.com/fxpo5zq/oefmes3gi/cedarville_pnkfun_1_cursive.ttf');}
  496. @font-face { font-family: "dreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  497. @font-face{ font-family:jane;src: url('http://static.tumblr.com/bm7b8hm/vnWmf9864/janeaust.ttf');,}
  498. @font-face { font-family: "neou"; src: url('http://static.tumblr.com/t5cadah/Qzumnxg66/neou-thin.ttf'); }
  499. @font-face{font-family:"Jane Austen";src:url('http://static.tumblr.com/9wzbixa/ncHmj2mmb/janeaust.ttf');}
  500. @font-face { font-family: "pacifico"; src: url('http://static.tumblr.com/jdjsstr/Julm7s6p2/pacifico_1_.ttf'); }
  501. @font-face { font-family: "cutty"; src: url('http://static.tumblr.com/dcylwch/HvDmhxbob/cuttyfruty.ttf'); }
  502. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  503. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  504. @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  505. @font-face { font-family: "bold"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  506. @font-face { font-family: "bond"; src: url('hhttp://static.tumblr.com/t5cadah/QLlmki683/bondoluopeek.otf'); }
  507. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  508. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  509. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  510. @font-face { font-family: "sb"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  511. @font-face { font-family: "lala"; src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff');}
  512. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  513. @font-face { font-family: "icons"; src: url('http://static.tumblr.com/8hrjcus/Q3fmg7rhn/breezi_font-webfont.ttf'); }
  514. @font-face {font-family:"CelesteHand"; src: url('http://static.tumblr.com/y5evvpz/dVCmkz0sf/celeste_hand.ttf');}
  515. @font-face {font-family:"Springtime"; src: url('http://static.tumblr.com/y5evvpz/7iomdz3n1/springtime.ttf');}
  516. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  517. @font-face { font-family: "dawning"; src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf'); }
  518.  
  519. .sidebarbackground2{
  520. position:fixed;
  521. margin-top: 18px;
  522. margin-left:202px;
  523. top: -5px;
  524. background-color:{color:sidebarbackgrounds};
  525. background-image:url({image:sidebarbackgrounds});
  526. height:105%;
  527. width:35px;
  528. border-bottom:4px solid #fff;
  529. border-left: 3px solid #fff;
  530. border-right: 4px solid #fff;
  531. opacity:1;
  532. z-index: 999;
  533. -webkit-animation: fadeInDown 3s;
  534. -moz-animation: fadeInDown 3s;
  535. -o-animation: fadeInDown 3s;
  536. animation: fadeInDown 3s;
  537. }
  538. .sidebarbackground2:hover{
  539. background-position:right;
  540. transition: all 0.6s ease-out;
  541. -o-transition-transition: all 0.6s ease-out;
  542. -webkit-transition: all 0.6s ease-out;
  543. -moz-transition: all 0.6s ease-out;
  544. }
  545. .sidebarbackground2:hover{
  546. background-position:right;
  547. transition: all 0.6s ease-out;
  548. -o-transition-transition: all 0.6s ease-out;
  549. -webkit-transition: all 0.6s ease-out;
  550. -moz-transition: all 0.6s ease-out;
  551. }
  552.  
  553. .sidebarbackground3{
  554. position:fixed;
  555. margin-top: 18px;
  556. margin-left:1015px;
  557. top: -5px;
  558. background-color:{color:sidebarbackgrounds};
  559. background-image:url({image:sidebarbackgrounds});
  560. height:105%;
  561. width:45px;
  562. border-bottom:4px solid #fff;
  563. border-left: 3px solid #fff;
  564. border-right:4px solid #fff;
  565. opacity:1;
  566. z-index: 2;
  567. -webkit-animation: fadeInDown 3s;
  568. -moz-animation: fadeInDown 3s;
  569. -o-animation: fadeInDown 3s;
  570. animation: fadeInDown 3s;
  571. }
  572. .sidebarbackground3:hover{
  573. background-position:right;
  574. transition: all 0.6s ease-out;
  575. -o-transition-transition: all 0.6s ease-out;
  576. -webkit-transition: all 0.6s ease-out;
  577. -moz-transition: all 0.6s ease-out;
  578. }
  579. .sidebarbackground3:hover{
  580. background-position:right;
  581. transition: all 0.6s ease-out;
  582. -o-transition-transition: all 0.6s ease-out;
  583. -webkit-transition: all 0.6s ease-out;
  584. -moz-transition: all 0.6s ease-out;
  585. }
  586.  
  587. #quotebar{
  588. position: fixed;
  589. margin-top: -46px;
  590. margin-left: 202px;
  591. height: 15px;
  592. width: 848px;
  593. background-color: {color:quotebar};
  594. z-index: 9999999999999;
  595. opacity: 1;
  596. font-family: calibri;
  597. text-transform: uppercase;
  598. text-align:center;
  599. font-size: 12px;
  600. border-bottom:0px solid transparent;
  601. border-top:1px solid #fff;
  602. border-left:3px solid #fff;
  603. border-right:3px solid #fff;
  604. box-shadow: 0px 0px 0px #aaa;
  605. padding-top: 6px;
  606. padding-bottom: 4px;
  607. padding-left: 10px;
  608. letter-spacing: 1px;
  609. line-height: 13px;
  610. color: #fff;
  611. }
  612. #quotebar:hover{
  613. text-transform:none;
  614. font-family: poop;
  615. font-size: 16px;
  616. letter-spacing: 4px;
  617. }
  618.  
  619.  
  620. #link1{
  621. position:fixed !important;
  622. z-index:999;
  623. width:25px;
  624. height:25px;
  625. padding:3px;
  626. margin-left:-134px;
  627. margin-top:200px;
  628. background: white;
  629. border: 3px solid #eee;
  630. line-height:25px;
  631. text-align:center;
  632. text-color: {color:text};
  633. font-size: 15px;
  634. letter-spacing: 1px;
  635. font-family: calibri;
  636. border-radius:10px;
  637. }
  638. #sidebar:hover #link1{
  639. opacity:1;
  640. margin-top:-380px;
  641. margin-left:270px;
  642. -webkit-animation: fadeInDown 2s;
  643. -moz-animation: fadeInDown 2s;
  644. -ms-animation: fadeInDown 2s;
  645. }
  646.  
  647.  
  648. #link2{
  649. position:fixed !important;
  650. z-index:999;
  651. width:25px;
  652. height:25px;
  653. opacity: 2;
  654. padding:3px;
  655. margin-left:-134px;
  656. margin-top:240px;
  657. background: white;
  658. border: 3px solid #eee;
  659. line-height:25px;
  660. text-align:center;
  661. text-color: {color:text};
  662. font-size: 15px;
  663. letter-spacing: 1px;
  664. font-family: calibri;
  665. border-radius:10px;
  666. }
  667. #sidebar:hover #link2{
  668. opacity:1;
  669. -webkit-animation: fadeInDown 2s;
  670. -moz-animation: fadeInDown 2s;
  671. -ms-animation: fadeInDown 2s;
  672. margin-top:-320px;
  673. margin-left:270px;
  674. }
  675.  
  676.  
  677. #link3{
  678. position:fixed !important;
  679. z-index:999;
  680. width:25px;
  681. height:25px;
  682. opacity: 2;
  683. padding:3px;
  684. margin-left:-134px;
  685. margin-top:280px;
  686. background: white;
  687. border: 3px solid #eee;
  688. line-height:25px;
  689. text-align:center;
  690. text-color: {color:text};
  691. font-size: 15px;
  692. letter-spacing: 1px;
  693. font-family: calibri;
  694. border-radius:10px;
  695. }
  696. #sidebar:hover #link3{
  697. opacity:1;
  698. -webkit-animation: fadeInDown 2s;
  699. -moz-animation: fadeInDown 2s;
  700. -ms-animation: fadeInDown 2s;
  701. margin-top:-260px;
  702. margin-left:270px;
  703. }
  704.  
  705.  
  706. #link4{
  707. position:fixed !important;
  708. z-index:999;
  709. width:25px;
  710. height:25px;
  711. opacity: 2;
  712. padding:3px;
  713. margin-left:-134px;
  714. margin-top:320px;
  715. background: white;
  716. border: 3px solid #eee;
  717. line-height:25px;
  718. text-align:center;
  719. text-color: {color:text};
  720. font-size: 15px;
  721. letter-spacing: 1px;
  722. font-family: calibri;
  723. border-radius:10px;
  724. }
  725. #sidebar:hover #link4{
  726. opacity:1;
  727. -webkit-animation: fadeInDown 2s;
  728. -moz-animation: fadeInDown 2s;
  729. -ms-animation: fadeInDown 2s;
  730. margin-top:-200px;
  731. margin-left:270px;
  732. }
  733.  
  734. #link5{
  735. position:fixed !important;
  736. z-index:999;
  737. width:25px;
  738. height:25px;
  739. opacity: 2;
  740. padding:3px;
  741. margin-left:-134px;
  742. margin-top:360px;
  743. background: white;
  744. border: 3px solid #eee;
  745. line-height:25px;
  746. text-align:center;
  747. text-color: {color:text};
  748. font-size: 15px;
  749. letter-spacing: 1px;
  750. font-family: calibri;
  751. border-radius:10px;
  752. }
  753. #sidebar:hover #link5{
  754. opacity:1;
  755. -webkit-animation: fadeInDown 2s;
  756. -moz-animation: fadeInDown 2s;
  757. -ms-animation: fadeInDown 2s;
  758. margin-top:-140px;
  759. margin-left:270px;
  760. }
  761.  
  762.  
  763. #socks1{
  764. position:fixed !important;
  765. width:80px;
  766. padding:6px;
  767. background:white;
  768. height:auto;
  769. margin-top:-255px;
  770. margin-left:7px;
  771. text-align:center;
  772. z-index:5;
  773. font-family:pewp;
  774. color:#000;
  775. font-size:11px;
  776. line-height:15px;
  777. border: 2px solid #ccc;
  778. opacity:0;
  779. -o-transition-transition: all 0.7s linear;
  780. -webkit-transition: all 0.7s linear;
  781. -moz-transition: all 0.7s linear;
  782. -webkit-transform-origin: center center;
  783. -webkit-transform: rotate(-400deg);
  784. -moz-transform-origin: center center;
  785. -moz-transform: rotate(-400deg);
  786. -o-transform-origin: center center;
  787. -o-transform: rotate(-400deg);
  788. transform-origin: center center;
  789. transform: rotate(-400deg);
  790. box-shadow: 1px 1px 3px #aaa;
  791. border-radius: 10px 10px 10px 10px;
  792. border-right:7px solid #ccc;
  793. border-left:7px solid #ccc;
  794. -moz-border-radius: 35px 20px / 20px 35px;
  795. border-radius: 35px 20px / 20px 35px;
  796. }
  797.  
  798. #sidebar:hover #socks1{
  799. opacity:1;
  800. -webkit-transform-origin: center center;
  801. -webkit-transform: rotate(0);
  802. -moz-transform-origin: center center;
  803. -moz-transform: rotate(0);
  804. -o-transform-origin: center center;
  805. -o-transform: rotate(0);
  806. transform-origin: center center;
  807. transform: rotate(0);
  808. margin-top:-90px;
  809. margin-left:10px;
  810. }
  811.  
  812. #socks2{
  813. position:fixed !important;
  814. width:80px;
  815. padding:6px;
  816. background:white;
  817. height:auto;
  818. margin-top:-255px;
  819. margin-left:7px;
  820. text-align:center;
  821. z-index:5;
  822. font-family:pewp;
  823. color:#000;
  824. font-size:11px;
  825. line-height:15px;
  826. border: 2px solid #ccc;
  827. opacity:0;
  828. -o-transition-transition: all 0.7s linear;
  829. -webkit-transition: all 0.7s linear;
  830. -moz-transition: all 0.7s linear;
  831. -webkit-transform-origin: center center;
  832. -webkit-transform: rotate(-400deg);
  833. -moz-transform-origin: center center;
  834. -moz-transform: rotate(-400deg);
  835. -o-transform-origin: center center;
  836. -o-transform: rotate(-400deg);
  837. transform-origin: center center;
  838. transform: rotate(-400deg);
  839. box-shadow: 1px 1px 3px #aaa;
  840. border-radius: 10px 10px 10px 10px;
  841. border-right:7px solid #ccc;
  842. border-left:7px solid #ccc;
  843. -moz-border-radius: 35px 20px / 20px 35px;
  844. border-radius: 35px 20px / 20px 35px;
  845. }
  846.  
  847. #sidebar:hover #socks2{
  848. opacity:1;
  849. -webkit-transform-origin: center center;
  850. -webkit-transform: rotate(0);
  851. -moz-transform-origin: center center;
  852. -moz-transform: rotate(0);
  853. -o-transform-origin: center center;
  854. -o-transform: rotate(0);
  855. transform-origin: center center;
  856. transform: rotate(0);
  857. margin-top:-90px;
  858. margin-left:160px;
  859. }
  860.  
  861. #BOTW{
  862. position:fixed !important;
  863. width:80px;
  864. padding:6px;
  865. background:white;
  866. height:auto;
  867. margin-top:-255px;
  868. margin-left:7px;
  869. text-align:center;
  870. z-index:5;
  871. font-family:pewp;
  872. color:#000;
  873. font-size:11px;
  874. line-height:15px;
  875. border: 2px solid #ccc;
  876. opacity:0;
  877. -o-transition-transition: all 0.7s linear;
  878. -webkit-transition: all 0.7s linear;
  879. -moz-transition: all 0.7s linear;
  880. box-shadow: 1px 1px 3px #aaa;
  881. border-radius: 10px 10px 10px 10px;
  882. border-right:7px solid #ccc;
  883. border-left:7px solid #ccc;
  884. -webkit-transform-origin: center center;
  885. -webkit-transform: rotate(-400deg);
  886. -moz-transform-origin: center center;
  887. -moz-transform: rotate(-400deg);
  888. -o-transform-origin: center center;
  889. -o-transform: rotate(-400deg);
  890. transform-origin: center center;
  891. transform: rotate(-400deg);
  892. -moz-border-radius: 35px 20px / 20px 35px;
  893. border-radius: 35px 20px / 20px 35px;
  894. }
  895.  
  896. #sidebar:hover #BOTW{
  897. opacity:1;
  898. -webkit-transform-origin: center center;
  899. -webkit-transform: rotate(0);
  900. -moz-transform-origin: center center;
  901. -moz-transform: rotate(0);
  902. -o-transform-origin: center center;
  903. -o-transform: rotate(0);
  904. transform-origin: center center;
  905. transform: rotate(0);
  906. margin-top:-180px;
  907. margin-left:8px;
  908. }
  909.  
  910. #texthitcounter{
  911. position:fixed !important;
  912. width:31px;
  913. padding:6px;
  914. background:white;
  915. height:auto;
  916. margin-top:-255px;
  917. margin-left:7px;
  918. text-align:left;
  919. z-index:5;
  920. font-family:pewp;
  921. color:#000;
  922. font-size:11px;
  923. line-height:15px;
  924. border: 1.5px solid #ccc;
  925. opacity:0;
  926. -o-transition-transition: all 0.7s linear;
  927. -webkit-transition: all 0.7s linear;
  928. -moz-transition: all 0.7s linear;
  929. box-shadow: 1px 1px 3px #aaa;
  930. border-radius: 10px 10px 10px 10px;
  931. border-right:7px solid #ccc;
  932. border-left:7px solid #ccc;
  933. -webkit-transform-origin: center center;
  934. -webkit-transform: rotate(-400deg);
  935. -moz-transform-origin: center center;
  936. -moz-transform: rotate(-400deg);
  937. -o-transform-origin: center center;
  938. -o-transform: rotate(-400deg);
  939. transform-origin: center center;
  940. transform: rotate(-400deg);
  941. -moz-border-radius: 35px 20px / 20px 35px;
  942. border-radius: 35px 20px / 20px 35px;
  943. }
  944.  
  945. #sidebar:hover #texthitcounter{
  946. opacity:1;
  947. -webkit-transform-origin: center center;
  948. -webkit-transform: rotate(0);
  949. -moz-transform-origin: center center;
  950. -moz-transform: rotate(0);
  951. -o-transform-origin: center center;
  952. -o-transform: rotate(0);
  953. transform-origin: center center;
  954. transform: rotate(0);
  955. margin-top:-180px;
  956. margin-left:180px;
  957. }
  958.  
  959. #stats{
  960. position:fixed !important;
  961. width:25px;
  962. padding:5px;
  963. background:white;
  964. height:auto;
  965. margin-top:-255px;
  966. margin-left:7px;
  967. text-align:center;
  968. z-index:5;
  969. font-family:pewp;
  970. color:#000;
  971. font-size:11px;
  972. line-height:15px;
  973. border: 2px solid #ccc;
  974. opacity:0;
  975. -o-transition-transition: all 0.7s linear;
  976. -webkit-transition: all 0.7s linear;
  977. -moz-transition: all 0.7s linear;
  978. box-shadow: 1px 1px 3px #aaa;
  979. border-radius: 10px 10px 10px 10px;
  980. border-right:7px solid #ccc;
  981. border-left:7px solid #ccc;
  982. -webkit-transform-origin: center center;
  983. -webkit-transform: rotate(-400deg);
  984. -moz-transform-origin: center center;
  985. -moz-transform: rotate(-400deg);
  986. -o-transform-origin: center center;
  987. -o-transform: rotate(-400deg);
  988. transform-origin: center center;
  989. transform: rotate(-400deg);
  990. -moz-border-radius: 35px 20px / 20px 35px;
  991. border-radius: 35px 20px / 20px 35px;
  992. }
  993.  
  994. #sidebar:hover #stats{
  995. opacity:1;
  996. -webkit-transform-origin: center center;
  997. -webkit-transform: rotate(0);
  998. -moz-transform-origin: center center;
  999. -moz-transform: rotate(0);
  1000. -o-transform-origin: center center;
  1001. -o-transform: rotate(0);
  1002. transform-origin: center center;
  1003. transform: rotate(0);
  1004. margin-top:-180px;
  1005. margin-left:120px;
  1006. }
  1007.  
  1008. #socks7{
  1009. position:fixed !important;
  1010. width:140px;
  1011. padding:30px;
  1012. background:white;
  1013. height:auto;
  1014. margin-top:-255px;
  1015. margin-left:7px;
  1016. text-align:center;
  1017. z-index:5;
  1018. font-family:pewp;
  1019. color:#000;
  1020. font-size:11px;
  1021. line-height:15px;
  1022. border: 2px solid #ccc;
  1023. opacity:0;
  1024. -o-transition-transition: all 0.7s linear;
  1025. -webkit-transition: all 0.7s linear;
  1026. -moz-transition: all 0.7s linear;
  1027. box-shadow: 1px 1px 3px #aaa;
  1028. border-radius: 10px 10px 10px 10px;
  1029. border-right:7px solid #ccc;
  1030. border-left:7px solid #ccc;
  1031. -webkit-transform-origin: center center;
  1032. -webkit-transform: rotate(-400deg);
  1033. -moz-transform-origin: center center;
  1034. -moz-transform: rotate(-400deg);
  1035. -o-transform-origin: center center;
  1036. -o-transform: rotate(-400deg);
  1037. transform-origin: center center;
  1038. transform: rotate(-400deg);
  1039. -moz-border-radius: 35px 20px / 20px 35px;
  1040. border-radius: 35px 20px / 20px 35px;
  1041. }
  1042.  
  1043. #sidebar:hover #socks7{
  1044. opacity:1;
  1045. -webkit-transform-origin: center center;
  1046. -webkit-transform: rotate(0);
  1047. -moz-transform-origin: center center;
  1048. -moz-transform: rotate(0);
  1049. -o-transform-origin: center center;
  1050. -o-transform: rotate(0);
  1051. transform-origin: center center;
  1052. transform: rotate(0);
  1053. margin-top:-300px;
  1054. margin-left:30px;
  1055. }
  1056.  
  1057. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  1058. .title{
  1059. font-family:Freestyle Script;
  1060. font-size: 36px;
  1061. line-height: 29px;
  1062. color:{color:title};
  1063. text-shadow:16px 16px 16px #f7ddca;
  1064. font-weight: normal;
  1065. }
  1066.  
  1067.  
  1068. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  1069. .permalink a { color:#000; }
  1070.  
  1071. .entry .permalink {
  1072. text-align:right;
  1073. opacity:0;
  1074. text-transform:uppercase;
  1075. margin-bottom:0px;
  1076. font-family:calibri;
  1077. font-size:10px;
  1078. color:#000000;
  1079. margin-right:-20px;
  1080. -webkit-transition: all 0.5s ease-out;
  1081. -moz-transition: all 0.5s ease-out;
  1082. transition: all 0.5s ease-out;}
  1083.  
  1084. .entry:hover .permalink {
  1085. margin-right:5px;
  1086. opacity:1;
  1087. -webkit-transition: all 0.5s ease-out;
  1088. -moz-transition: all 0.5s ease-out;
  1089. transition: all 0.5s ease-out;
  1090. }
  1091.  
  1092.  
  1093. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  1094. #infscr-loading{
  1095. bottom: -70px;
  1096. position: absolute;
  1097. left: 50%;
  1098. margin-left:-8px;
  1099. width:16px;
  1100. height:11px;
  1101. overflow:hidden;
  1102. margin-bottom: 50px;
  1103. }
  1104.  
  1105. #postnotes{
  1106. text-align: justify;}
  1107.  
  1108. #postnotes blockquote{
  1109. border: 0px;}
  1110.  
  1111. blockquote{
  1112. padding:0px 0px 2px 5px;
  1113. margin:0px 0px 2px 10px;
  1114. border-left: 1px dotted #555555;
  1115. }
  1116.  
  1117. blockquote p, ul{
  1118. margin:0px;
  1119. padding:0px;
  1120. }
  1121.  
  1122. a img{border: 0px;}
  1123.  
  1124.  
  1125. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  1126.  
  1127. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  1128. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  1129.  
  1130. .notes img{width:10px; position:relative; top:3px;}
  1131. <--ses-->
  1132. small{font-size: 90%;}
  1133.  
  1134. {CustomCSS}
  1135.  
  1136. </style>
  1137.  
  1138. {block:IndexPage}
  1139. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1140. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1141.  
  1142. <script type="text/javascript">
  1143. $(window).load(function(){
  1144. var $wall = $('#posts');
  1145. $wall.imagesLoaded(function(){
  1146. $wall.masonry({
  1147. itemSelector: '.entry, .entry_photo',
  1148. isAnimated : false
  1149. });
  1150. });
  1151.  
  1152. $wall.infinitescroll({
  1153. navSelector : '#pagination',
  1154. nextSelector : '#pagination a',
  1155. itemSelector : '.entry, .entry_photo',
  1156. bufferPx : 2000,
  1157. debug : false,
  1158. errorCallback: function() {
  1159. $('#infscr-loading').fadeOut('normal');
  1160. }},
  1161. function( newElements ) {
  1162. var $newElems = $( newElements );
  1163. $newElems.hide();
  1164. $newElems.imagesLoaded(function(){
  1165. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1166. });
  1167. }); $('#posts').show(500);
  1168. });
  1169. </script>
  1170.  
  1171. {/block:IndexPage}
  1172.  
  1173.  
  1174. <title>{title}</title>
  1175.  
  1176. <link rel="shortcut icon" href="{Favicon}" />
  1177. <meta name="viewport" content="width=820" />
  1178. </head>
  1179.  
  1180. <body onkeydown="return false">
  1181. <BODY onselectstart="return false;" ondragstart="return false;">
  1182. <div class="wrapper">
  1183. <div class="header">
  1184. </div>
  1185.  
  1186. <div id="cage">
  1187. <div id="center">
  1188.  
  1189. <div id="thingy">
  1190.  
  1191. </div>
  1192.  
  1193. <div id="thingy2">
  1194.  
  1195. </div>
  1196.  
  1197.  
  1198. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  1199. <div id="sidebar">
  1200. <div class="phineas">{text:blogtitle}</div>
  1201. <div id="title2">{text:blogtitle2}</div>
  1202. <div class="cover"></div>
  1203. <center>
  1204. <a href="/"><img src="{image:sidebar}" width=100%></a>
  1205. <div id="socks1"><a href='#?w=350' rel='02' class='poplight 'title="{text:socks1 hover}">Playlist</a> </div>
  1206. <div id="socks7">{description}</div>
  1207. </center>
  1208. <div id="BOTW"><a href="{text:BOTW}" title="{text:BOTW hover}">BOTW</a> </div>
  1209. <div id="stats"></a>{text:stats}</a> </div>
  1210. <div id="texthitcounter"></a>{text:text hit counter}</a></div>
  1211. <div id="socks2"></a>MUSIC CODE</a>
  1212.  
  1213. </div>
  1214. <div class="linkback1"></div>
  1215. <div class="linkback2"></div>
  1216. <div class="linkback3"></div>
  1217. <div class="linkback4"></div>
  1218. <div class="linkback5"></div>
  1219.  
  1220. <div id="link1"><a href="{text:link one}"title="{text:link one hover title}">.01</a></div>
  1221.  
  1222. <div id="link2"><a href="{text:link two}"title="{text:link two hover title}">.02</a></div>
  1223.  
  1224. <div id="link3"><a href="{text:link three}"title="{text:link three hover title}">.03</a></div>
  1225.  
  1226. <div id="link4"><a href="{text:link four}"title="{text:link four hover title}">.04</a></div>
  1227.  
  1228. <div id="link5"><a href="http://cuntstr-ctinq.tumblr.com"title="Theme Credit">.05</a></div>
  1229.  
  1230. </div>
  1231.  
  1232.  
  1233. <!------------------------------------->
  1234.  
  1235.  
  1236. <div class="left">
  1237. <div class="sidebarbackground2"></div>
  1238. <div class="sidebarbackground3"></div>
  1239. <div id="quotebar">{text:quote}</div>
  1240. <div id="posts">
  1241. {block:Posts}
  1242. <div class="entry">
  1243.  
  1244.  
  1245. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  1246.  
  1247. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  1248. {/block:Text}
  1249.  
  1250. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  1251.  
  1252. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  1253.  
  1254. {block:Photo}
  1255. {block:IndexPage}
  1256. <center>
  1257. <div class="perma">
  1258. <a href="{Permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}" target="_blank"> spread some love / {timeago}</a> </div>
  1259.  
  1260. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1261. {/block:IndexPage}
  1262. {block:PermalinkPage}
  1263. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  1264.  
  1265. {LinkCloseTag}
  1266. {/block:PermalinkPage}
  1267. {/block:Photo}
  1268.  
  1269. {block:Photoset}
  1270. {block:IndexPage}
  1271. <center>
  1272.  
  1273. <div class="perma">
  1274. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1275.  
  1276. {Photoset-250}</center>
  1277. {/block:IndexPage}
  1278. {block:PermalinkPage}
  1279. <center>
  1280. {Photoset-500}</center>
  1281. {/block:PermalinkPage}
  1282. {/block:Photoset}
  1283.  
  1284. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  1285.  
  1286. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  1287.  
  1288. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  1289. <ul class="chat">
  1290. {block:Lines}
  1291. <li class="user_{UserNumber}">
  1292. {block:Label}
  1293. <span class="label">{Label}</span>
  1294. {/block:Label}
  1295.  
  1296. {Line}
  1297. </li>
  1298. {/block:Lines}
  1299. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  1300. {/block:Chat}
  1301.  
  1302. {block:Audio}
  1303. <div style="width:200px; height:30px;">
  1304. {AudioPlayerBlack}
  1305. </div>
  1306. {block:IndexPage}<span class="permalink">
  1307. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  1308. </span>{/block:IndexPage}
  1309. {/block:Audio}
  1310.  
  1311. {block:Video}
  1312. {block:IndexPage}
  1313. <center>
  1314. <div class="perma">
  1315. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  1316. {Video-250}</center>
  1317. {/block:IndexPage}
  1318. {block:PermalinkPage}
  1319. <center>
  1320. {Video-400}</center>
  1321. {/block:PermalinkPage}
  1322. {block:Video}
  1323.  
  1324.  
  1325.  
  1326. {block:Answer}<br>
  1327. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-left: -1px; margin-top: -15px; padding: 1px; border: 1px solid #ddd; border-top-left-radius: 5px; border-bottom-left-radius: 12px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; z-index:1; opacity:1; background: white; text-align:left;box-shadow:1px 1px 1px #aaa;"/>
  1328.  
  1329. <div style="border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 2px solid #ddd; margin-top: -7px; margin-left:5px; text-align: left; line-height:13px; min-height:30px; padding-left: 5px; padding-top: 5px; padding-right: 0px; padding-bottom: 2px; background: white; z-index: 0;box-shadow:1px 1px 1px #aaa;width:210px;">&nbsp;<askk>{Asker}:</askk><div style="margin-top:0px;">{Question}</div></div>
  1330.  
  1331. <div style="padding-top:9px;"></div>
  1332.  
  1333. <div style="border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 2px solid #fff; margin-top: 2px; margin-left: 2px; {block:IndexPage} width: 210px; {/block:IndexPage}{block:PermalinkPage} width:690px; {/block:PermalinkPage} min-height:28px; line-height: 13px; padding-left: 5px; padding-top: 5px; padding-right: 4px; padding-bottom: 2px; background: white; z-index: 0; text-align: left;box-shadow:1px 1px 1px #fff;"><div style="margin-top:0px;">{Answer}</div></div>
  1334. {block:IndexPage}<div style="align: right; border-top: 1px solid {color:borders}; margin-top:5px; text-align: center">♥<a href="{Permalink}"> {NoteCount} </a>notes ♥</div>{/block:IndexPage}
  1335. {/block:Answer}
  1336. {/block:Answer}
  1337.  
  1338.  
  1339.  
  1340. {/block:IndexPage}
  1341.  
  1342.  
  1343. {block:PermalinkPage}
  1344. <center>
  1345. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1346.  
  1347.  
  1348. {/block:PermalinkPage}
  1349.  
  1350.  
  1351. {block:PostNotes}{PostNotes}
  1352. {/block:PostNotes}
  1353. </div>
  1354.  
  1355.  
  1356. {/block:Posts}
  1357. </div>
  1358.  
  1359. {block:IndexPage}
  1360. {block:Pagination}
  1361. <div id="pagination">
  1362. {block:NextPage}
  1363. <a id="nextPage" href="{NextPage}"></a>
  1364. {/block:NextPage}
  1365. {block:PreviousPage}
  1366. <a href="{PreviousPage}"></a>
  1367. {/block:PreviousPage}
  1368. </div>
  1369. {/block:Pagination}
  1370. {/block:IndexPage}
  1371. </div>
  1372. </body>
  1373.  
  1374. <div id="02" class="popup_block">
  1375.  
  1376. Put your playlist here babe c:<br><br><br><br>
  1377. Make it as long as you want c:<br><br>
  1378. To customize how you want your pop ups to look go under style<br><br> type=”text/css <br><br>and find the pop up code then customize it however you like c:
  1379.  
  1380.  
  1381.  
  1382.  
  1383. </div></div></div></div></div></div></div></div></div></div>
  1384.  
  1385. <div class="duck"><center><a href="http://cuntstr-ctinq.tumblr.com/"title="Theme by Cunstr-ctinq"><img src="http://media.tumblr.com/tumblr_lkl5s8Ay6F1qfamg6.gif" width=14/></a></center></div>
  1386. </div>
  1387. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement