Advertisement
stephyxo

sxc theme

Jun 9th, 2012
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.71 KB | None | 0 0
  1. <!--
  2. sxc theme by dubsteph.com
  3. remove the credit and i'll remove you xo
  4. -->
  5.  
  6. <head>
  7. <script type="text/javascript"
  8. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  9. <script>
  10. $(document).ready(function() {
  11. //
  12. $('a.poplight[href^=#]').click(function() {
  13. var popID = $(this).attr('rel'); //Get Popup Name
  14. var popURL = $(this).attr('href'); //Get Popup href to define size
  15. var query= popURL.split('?');
  16. var dim= query[1].split('&');
  17. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  18. $('#' + 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>');
  19. var popMargTop = ($('#' + popID).height() + 80) / 2;
  20. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  21. //Apply Margin to Popup
  22. $('#' + popID).css({
  23. 'margin-top' : -popMargTop,
  24. 'margin-left' : -popMargLeft
  25. });
  26. $('body').append('<div id="fade"></div>');
  27. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  28. return false;
  29. });
  30. $('a.close, #fade').live('click', function() {
  31. $('#fade , .popup_block').fadeOut(function() {
  32. $('#fade, a.close').remove(); //fade them both out
  33. });
  34. return false;
  35. });
  36. });
  37. </script>
  38.  
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  41. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  42. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  43. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46.  
  47.  
  48. <!-- DEFAULT VARIABLES -->
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  50. <meta name="color:background" content="#d7d7d7"/>
  51. <meta name="image:background" content="" />
  52. <meta name="image:sidebar" content="" />
  53. <meta name="color:text" content="#000"/>
  54. <meta name="color:link" content="#000"/>
  55. <meta name="color:hover" content="#ffffff"/>
  56. <meta name="color:meow" content="#fde2ee"/>
  57. <meta name="color:link shadows" content="#000"/>
  58. <meta name="if:show blog title" content="1"/>
  59. <meta name="if:infinite scrolling" content="1"/>
  60. <meta name="if:shadow links" content="1"/>
  61. <meta name="if:rainbow links" content="0"/>
  62. <meta name="if:show sidebar image" content="0"/>
  63. <meta name="text:Link One Title" content="home" />
  64. <meta name="text:Link One" content="/" />
  65. <meta name="text:Link Two Title" content="ask" />
  66. <meta name="text:Link Two" content="/ask" />
  67. <meta name="text:Link Three Title" content="" />
  68. <meta name="text:Link Three" content="" />
  69. <meta name="text:Link One Title" content="" />
  70. <meta name="text:Link One" content="" />
  71. <meta name="text:Link Two Title" content="" />
  72. <meta name="text:Link Two" content="" />
  73. <meta name="text:Link Three Title" content="" />
  74. <meta name="text:Link Three" content="" />
  75. <meta name="text:Link Four Title" content="" />
  76. <meta name="text:Link Four" content="" />
  77.  
  78. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79.  
  80.  
  81.  
  82. <style type="text/css">
  83. #fade { /*--Transparent background layer--*/
  84. display: none; /*--hidden by default--*/
  85. background: #000;
  86. position: fixed; left: 0; top: 0;
  87. width: 100%; height: 100%;
  88. opacity: .80;
  89. z-index: 9999;
  90. }
  91. .popup_block{
  92. display: none; /*--hidden by default--*/
  93. background: #fff;
  94. padding: 10px;
  95. border: 1px dashed;
  96. float: left;
  97. font-size: 1.2em;
  98. position: fixed;
  99. top: 50%; left: 50%;
  100. z-index: 99999;
  101. /*--CSS3 Box Shadows--*/
  102. -webkit-box-shadow: 0px 0px 20px #000;
  103. -moz-box-shadow: 0px 0px 20px #000;
  104. box-shadow: 0px 0px 20px #000;
  105. /*--CSS3 Rounded Corners--*/
  106. -webkit-border-radius: 10px;
  107. -moz-border-radius: 10px;
  108. border-radius: 10px;
  109. }
  110. img.btn_close {
  111. float: right;
  112. margin: -5px -5px 0 0;
  113. }
  114. /*--Making IE6 Understand Fixed Positioning--*/
  115. *html #fade {
  116. position: absolute;
  117. }
  118. *html .popup_block {
  119. position: absolute;
  120. }
  121. #tumblr_controls{
  122. position:fixed !important;
  123. }
  124.  
  125. .wrapper{
  126. margin: 0px auto;
  127. width: 802px;
  128. }
  129.  
  130. .header{
  131. float: left;
  132. width: 100%;
  133. }
  134.  
  135. .left{
  136. float: left;
  137. margin-right: 20px;
  138. width: 802px;
  139. }
  140.  
  141. .right{
  142. float: right;
  143. width: 200px;
  144. background-color: {color:Background};
  145. }
  146.  
  147.  
  148. body{
  149. margin:0px;
  150. background-color: {color:background};
  151. background-image: url({image:background});
  152. background-attachment: fixed;}
  153. body, div, p, textarea, submit, input{
  154. font-family: 'Happy Monkey', cursive;
  155. font-size: 11px;
  156. line-height: 9px;
  157. letter-spacing:px;
  158. color:{color:text};
  159. }
  160.  
  161. a:link, a:active, a:visited{
  162. color: {color:Link};
  163. text-decoration: none;
  164. -webkit-transition: color 0.4s ease-out;
  165. -moz-transition: color 0.4s ease-out;
  166. }
  167.  
  168. a:hover {
  169. color: {color:hover};
  170. {block:ifshadowlinks}
  171. text-shadow:1px 1px 3px {color:link shadows};{/block:ifshadowlinks}
  172. -webkit-transition: all 0.4s linear;
  173. -webkit-transition: all 0.4s linear;
  174. -moz-transition: all 0.4s linear;
  175. transition: all 0.4s linear;
  176. }
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183. #posts .entry img{
  184. max-width: 100%;
  185. }
  186.  
  187. #posts {
  188. width: 1220px;
  189. margin-left: 50px;
  190. {block:ifshowblogtitle}
  191. margin-top: 0px;{/block:ifshowblogtitle}
  192. {block:ifnotshowblogtitle}
  193. margin-top: 0px;{/block:ifnotshowblogtitle}
  194. float: left;
  195. padding: 2px;
  196. }
  197.  
  198. div#sidebar{
  199. z-index:999999999999999;
  200. position:absolute !important;
  201. position:fixed !important;
  202. font-family: 'Happy Monkey', cursive;
  203. font-size: 13px;
  204. background-color: #ffffff;
  205. width:270px;
  206. height:auto;
  207. margin-top:110px;
  208. margin-left:-250px;
  209. padding:2px;
  210. z-index:10;
  211. overflow:hidden;
  212. border: 1px dotted;
  213. }
  214.  
  215.  
  216.  
  217. .entry img{
  218. 302px;}
  219.  
  220. .entry {
  221. margin-top: 4px;
  222. margin-left: 4px;
  223. margin-right: 4px;
  224. padding: 0px;
  225. float:left;
  226. background-color: transparent;
  227. {block:IndexPage}
  228. width:302px;
  229. {/block:IndexPage}
  230. {block:PermalinkPage}
  231. width:500px;
  232. {/block:PermalinkPage}
  233. }
  234.  
  235.  
  236. .perma{
  237. margin-top: 2px;
  238. font-size: 10px;
  239. font-family: coming soon;
  240. text-transform: uppercase;
  241. text-align: center;}
  242.  
  243.  
  244. .permalink a{
  245. color:#000;
  246. }
  247.  
  248. .entry .permalink{
  249. color: #0000;
  250. margin-left: 0px;
  251. margin-top: 0px;
  252. padding: 2px;
  253. line-height: 28px;
  254. width: 298px;
  255. position: absolute;
  256. font-family: amatic sc;
  257. font-size: 28px;
  258. text-align: center;
  259. overflow:hidden;
  260. opacity: 0.0;
  261. background: white;
  262. }
  263.  
  264. .entry:hover .permalink{
  265. overflow:visible;
  266. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  267. -webkit-transition: all 0.2s linear;
  268. -moz-transition: all 0.2s linear;
  269. transition: all 0.2s linear;
  270. }
  271.  
  272. .shadows{-webkit-box-shadow: 0px 0px 5px black;
  273. -moz-box-shadow: 0px 0px 5px black;
  274. box-shadow: 0px 0px 5px black;}
  275.  
  276. .shadow{-webkit-box-shadow: 0px 0px 5px black;
  277. -moz-box-shadow: 0px 0px 5px black;
  278. box-shadow: 0px 0px 5px black;
  279. border: 1px solid black;
  280. line-height:6px;
  281. }
  282. #sidebar img {
  283. display: block;
  284. margin-bottom: 1px;
  285. }
  286. .photo img{
  287. {block:IndexPage}
  288. border: 1px solid white;
  289. -webkit-box-shadow: 0px 0px 5px black;
  290. -moz-box-shadow: 0px 0px 5px black;
  291. box-shadow: 0px 0px 5px black;
  292. background-color: white;
  293. {/block:IndexPage}
  294. }
  295.  
  296.  
  297. #infscr-loading{
  298. bottom: -70px;
  299. position: absolute;
  300. left: 50%;
  301. margin-left:-8px;
  302. width:16px;
  303. height:11px;
  304. overflow:hidden;
  305. margin-bottom: 50px;
  306. }
  307.  
  308. .credss {
  309. color: #FFFFFF;
  310. letter-spacing:1px;
  311. font-family: arial;
  312. font-size:10px;
  313. line-height:14px;
  314. margin: 2px;
  315. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  316. background-repeat:repeat;
  317. border:1px solid rgba(0,0,0,0.1);
  318. padding:3px 5px;
  319. -webkit-border-radius:2px;
  320. moz-border-radius:2px;
  321. -o-border-radius:2px;
  322. border-radius:2px;
  323. }
  324.  
  325. .credss a { color: #FFF; }
  326.  
  327. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
  328.  
  329. #lawl{
  330. font-size: 40px;
  331. text-align: center;
  332. letter-spacing:10px;
  333. line-height:34px;
  334. color:#444;
  335. font-family: 'Amatic SC' cursive;
  336. text-transform: uppercase;
  337. text-shadow:14px 15px 10px rgba(0,0,0,0.1), 9px -16px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),8px -5px 0px rgba(0,0,0,0.2),3px -8px 0px rgba(0,0,0,0.15);
  338. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
  339. }
  340.  
  341. #lawl:hover{
  342. color:#444;
  343. text-shadow:0px 0px 0px rgba(0,0,0,0.2);
  344. -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
  345.  
  346.  
  347.  
  348. .title{
  349. font-family: 'Amatic SC', cursive;
  350. font-size: 19px;
  351. line-height: 1px;
  352. color: #000;
  353. letter-spacing: 0px;
  354. font-weight: normal;
  355. }
  356.  
  357.  
  358.  
  359. .blogtitle{
  360. font-family: 'Amatic SC', cursive;
  361. font-size: 50px;
  362. line-height: 21px;
  363. color: #000;
  364. letter-spacing: 0px;
  365. font-weight: normal;
  366. }
  367.  
  368. .meow {
  369. display : block;
  370. text-align: center;
  371. background-color: {color:meow};
  372. font-size: 12px;
  373. width: 70px;
  374. height: 20px;
  375. letter-spacing:0px;
  376. margin-top:5px;
  377. margin-left:3px;
  378. line-height:18px;
  379. color: #000;
  380. font-family: 'happy monkey', sans-serif;
  381. border: 1px solid;
  382. text-align:center;
  383. -webkit-transition-duration: .6s;
  384. -webkit-border-radius:2px;
  385. moz-border-radius:2px;
  386. -o-border-radius:2px;
  387. border-radius:2px;
  388. border-top-right-radius:0px;
  389. border-bottom-right-radius:60px;
  390. border-top-left-radius:60px;
  391. border-bottom-left-radius:0px;
  392. display: inline-block;
  393. }
  394.  
  395. .meow:hover {
  396. background-color: {color:meow};
  397. border: 1px solid;
  398. -moz-transition: all .2s ease-in-out;
  399. -o-transition: all .2s ease-in-out;
  400. transition: all .2s ease-in-out;
  401. -webkit-transition: all .2s ease-in-out;
  402. -webkit-transition-duration: .8s;
  403. -webkit-border-radius:2px;
  404. moz-border-radius:2px;
  405. -o-border-radius:2px;
  406. border-radius:2px;
  407. border-top-right-radius:600px;
  408. border-bottom-right-radius:0px;
  409. border-top-left-radius:0px;
  410. border-bottom-left-radius:600px;
  411. -webkit-transition-duration: 1s;
  412. -webkit-transition-duration: 1s;
  413. }
  414.  
  415.  
  416. .heart {display : block; text-indent : -7px; vertical-align : middle; background:
  417. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  418. padding-bottom : 2px;}
  419.  
  420. .heart:hover {display : block; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  421.  
  422. {CustomCSS}
  423.  
  424. </style>
  425.  
  426.  
  427. {block:IndexPage}
  428. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  429.  
  430.  
  431. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  432.  
  433. <script type="text/javascript">
  434. $(window).load(function () {
  435. var $content = $('#posts');
  436. $content.masonry({itemSelector: '.entry'}),
  437. $content.infinitescroll({
  438. navSelector : 'div#pagination',
  439. nextSelector : 'div#pagination a#nextPage',
  440. itemSelector : '.entry',
  441. loading: {
  442. finishedMsg: '',
  443. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  444. },
  445. bufferPx : 600,
  446. debug : false,
  447. },
  448. // call masonry as a callback.
  449. function( newElements ) {
  450. var $newElems = $( newElements );
  451. $newElems.hide();
  452. // ensure that images load before adding to masonry layout
  453. $newElems.imagesLoaded(function(){
  454. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  455. });
  456. });
  457. });
  458. </script>
  459.  
  460. {/block:IndexPage}
  461.  
  462. <style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:,hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  463. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  464. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  465.  
  466. <div style="position: fixed; right:0px;top:28px;">
  467. <span class="credss">
  468. <a href="http://dubsteph.com/" target="_blank">
  469. Theme Credit
  470. </a></span></div>
  471.  
  472. </div>
  473.  
  474. <title>{title}</title>
  475.  
  476. <link rel="shortcut icon" href="http://static.tumblr.com/ny2a9eo/cJDltf41a/tumblr_lkl6pacjpj1qfamg6.gif>
  477. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
  478. <meta name="viewport" content="width=820" />
  479.  
  480.  
  481. {block:ifrainbowlinks}
  482. <script type='text/javascript'>
  483.  
  484. //<![CDATA[
  485.  
  486. var rate = 20;
  487.  
  488. if (document.getElementById)
  489. window.onerror=new Function("return true")
  490.  
  491. var objActive; // The object which event occured in
  492. var act = 0; // Flag during the action
  493. var elmH = 0; // Hue
  494. var elmS = 128; // Saturation
  495. var elmV = 255; // Value
  496. var clrOrg; // A color before the change
  497. var TimerID; // Timer ID
  498.  
  499. if (document.all) {
  500. document.onmouseover = doRainbowAnchor;
  501. document.onmouseout = stopRainbowAnchor;
  502. }
  503. else if (document.getElementById) {
  504. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  505. document.onmouseover = Mozilla_doRainbowAnchor;
  506. document.onmouseout = Mozilla_stopRainbowAnchor;
  507. }
  508.  
  509. function doRainbow(obj)
  510. {
  511. if (act == 0) {
  512. act = 1;
  513. if (obj)
  514. objActive = obj;
  515. else
  516. objActive = event.srcElement;
  517. clrOrg = objActive.style.color;
  518. TimerID = setInterval("ChangeColor()",100);
  519. }
  520. }
  521.  
  522.  
  523. function stopRainbow()
  524. {
  525. if (act) {
  526. objActive.style.color = clrOrg;
  527. clearInterval(TimerID);
  528. act = 0;
  529. }
  530. }
  531.  
  532.  
  533. function doRainbowAnchor()
  534. {
  535. if (act == 0) {
  536. var obj = event.srcElement;
  537. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  538. obj = obj.parentElement;
  539. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  540. break;
  541. }
  542.  
  543. if (obj.tagName == 'A' && obj.href != '') {
  544. objActive = obj;
  545. act = 1;
  546. clrOrg = objActive.style.color;
  547. TimerID = setInterval("ChangeColor()",100);
  548. }
  549. }
  550. }
  551.  
  552.  
  553. function stopRainbowAnchor()
  554. {
  555. if (act) {
  556. if (objActive.tagName == 'A') {
  557. objActive.style.color = clrOrg;
  558. clearInterval(TimerID);
  559. act = 0;
  560. }
  561. }
  562. }
  563.  
  564.  
  565. function Mozilla_doRainbowAnchor(e)
  566. {
  567. if (act == 0) {
  568. obj = e.target;
  569. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  570. obj = obj.parentNode;
  571. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  572. break;
  573. }
  574.  
  575. if (obj.nodeName == 'A' && obj.href != '') {
  576. objActive = obj;
  577. act = 1;
  578. clrOrg = obj.style.color;
  579. TimerID = setInterval("ChangeColor()",100);
  580. }
  581. }
  582. }
  583.  
  584.  
  585. function Mozilla_stopRainbowAnchor(e)
  586. {
  587. if (act) {
  588. if (objActive.nodeName == 'A') {
  589. objActive.style.color = clrOrg;
  590. clearInterval(TimerID);
  591. act = 0;
  592. }
  593. }
  594. }
  595.  
  596.  
  597. function ChangeColor()
  598. {
  599. objActive.style.color = makeColor();
  600. }
  601.  
  602.  
  603. function makeColor()
  604. {
  605. // Don't you think Color Gamut to look like Rainbow?
  606.  
  607. // HSVtoRGB
  608. if (elmS == 0) {
  609. elmR = elmV; elmG = elmV; elmB = elmV;
  610. }
  611. else {
  612. t1 = elmV;
  613. t2 = (255 - elmS) * elmV / 255;
  614. t3 = elmH % 60;
  615. t3 = (t1 - t2) * t3 / 60;
  616.  
  617. if (elmH < 60) {
  618. elmR = t1; elmB = t2; elmG = t2 + t3;
  619. }
  620. else if (elmH < 120) {
  621. elmG = t1; elmB = t2; elmR = t1 - t3;
  622. }
  623. else if (elmH < 180) {
  624. elmG = t1; elmR = t2; elmB = t2 + t3;
  625. }
  626. else if (elmH < 240) {
  627. elmB = t1; elmR = t2; elmG = t1 - t3;
  628. }
  629. else if (elmH < 300) {
  630. elmB = t1; elmG = t2; elmR = t2 + t3;
  631. }
  632. else if (elmH < 360) {
  633. elmR = t1; elmG = t2; elmB = t1 - t3;
  634. }
  635. else {
  636. elmR = 0; elmG = 0; elmB = 0;
  637. }
  638. }
  639.  
  640. elmR = Math.floor(elmR).toString(16);
  641. elmG = Math.floor(elmG).toString(16);
  642. elmB = Math.floor(elmB).toString(16);
  643. if (elmR.length == 1) elmR = "0" + elmR;
  644. if (elmG.length == 1) elmG = "0" + elmG;
  645. if (elmB.length == 1) elmB = "0" + elmB;
  646.  
  647. elmH = elmH + rate;
  648. if (elmH >= 360)
  649. elmH = 0;
  650.  
  651. return '#' + elmR + elmG + elmB;
  652. }
  653.  
  654.  
  655.  
  656. //]]>
  657.  
  658. </script>
  659.  
  660.  
  661. {/block:ifrainbowlinks}
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668. </head>
  669. <body>
  670.  
  671. <div class="wrapper">
  672. <div class="header">
  673. </div>
  674.  
  675.  
  676.  
  677.  
  678. <div id="sidebar">
  679.  
  680.  
  681.  
  682.  
  683.  
  684. {block:ifshowblogtitle}<center><div id="lawl">
  685. <a href="/">{Title}</a>
  686. </div><br>{/block:ifshowblogtitle}{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width="300"/></a>{/block:ifshowsidebarimage}<br><br>
  687. {Description}<br><br>
  688. <div class="meow"><a href="#?w=500" rel="01" class="poplight">message</a></div>
  689. {block:IfLinkOneTitle} <div class="meow"><a href="{text:Link One}">{text:Link One Title}</a></div>{/block:ifLinkOneTitle}
  690.  
  691. {block:IfLinkTwoTitle} <div class="meow"><a href="{text:Link Two}">{text:Link Two Title}</a></div>{/block:ifLinkTwoTitle}
  692.  
  693. {block:IfLinkThreeTitle} <div class="meow"><a href="{text:Link Three}">{text:Link Three Title}</a></div>{/block:ifLinkThreeTitle}
  694.  
  695. {block:IfLinkFourTitle} <div class="meow"><a href="{text:Link Four}">{text:Link Four Title}</a></div>{/block:ifLinkFourTitle}
  696.  
  697. <div class="meow"><a href="http://dubsteph.com/">theme</a></div>
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705. {block:ifnotinfinitescrolling}<br>
  706. {block:PreviousPage}<a href="{PreviousPage}" title="newer entries">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older entries">→</a>{/block:NextPage}{/block:ifnotinfinitescrolling}
  707. </div>
  708.  
  709.  
  710.  
  711. <div class="left">
  712. <div id="posts">
  713. {block:Posts}
  714. <div class="entry">
  715.  
  716. {block:Text}
  717. {block:Title}<span class="title">{Title}</span>{/block:Title}
  718. <span class="entrytext">{Body}</span>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Text}
  719.  
  720. {block:Link}
  721. <a href="{URL}" class="title">{Name}</a><br>
  722. {block:Description}{Description}{/block:Description}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  723. {block:Link}
  724.  
  725. {block:Photo}
  726. {block:IndexPage}{LinkOpenTag}<div class="permalink">
  727. <a href="{permalink}">{NoteCountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a>
  728. ~ {timeago}</div><div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a></div>{LinkCloseTag}{/block:IndexPage}
  729. {block:PermalinkPage}{LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  730. {/block:Photo}
  731.  
  732.  
  733. {block:Photoset}{block:IndexPage}<div class="permalink">
  734. <a href="{permalink}">{NoteCountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a> ~ {timeago}</div><div class="shadow">{Photoset-250}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  735.  
  736. {block:Quote}
  737. {Quote}</span>
  738. {block:Source}<strong>-{Source}</strong>{/block:Source}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  739. {/block:Quote}
  740.  
  741. {block:Chat}
  742. {block:Title}<span class="title">{Title}</span>{/block:Title}
  743. <ul class="chat">
  744. {block:Lines}
  745. <li class="user_{UserNumber}">
  746. {block:Label}
  747. <span class="label">{Label}</span>
  748. {/block:Label}
  749.  
  750. {Line}
  751. </li>
  752. {/block:Lines}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  753. {/block:Chat}
  754.  
  755.  
  756. {block:Audio}
  757. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerwhite}</div></div></center>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Audio}
  758.  
  759. {block:Video}{block:IndexPage}<div class="permalink">
  760. <a href="{permalink}">{NoteCountwithlabel}</a> ~ <a href="{ReblogURL}" target="_blank">reblog</a> ~ {timeago}</div><div class="shadow">{Video-250}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}
  761.  
  762. {block:Answer}<div style="border-radius-50px;"><img src="{AskerPortraitURL-48}" align="left" class="askborder"></div><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div><div class="cum">{Answer}</div> {block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:indexpage}{/block:Answer}
  763.  
  764. {block:PermalinkPage}
  765.  
  766. <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}
  767.  
  768.  
  769. {/block:PermalinkPage}
  770.  
  771.  
  772. {block:PostNotes}{PostNotes}
  773. {/block:PostNotes}
  774. </div>
  775.  
  776.  
  777. {/block:Posts}
  778. </div>
  779. </div>
  780. {block:IndexPage}
  781. {block:Pagination}
  782. <div id="pagination">
  783. {block:NextPage}
  784. <a id="nextPage" href="{NextPage}"></a>
  785. {/block:NextPage}
  786. {block:PreviousPage}
  787. <a href="{PreviousPage}"></a>
  788. {/block:PreviousPage}
  789. </div>
  790. {/block:Pagination}
  791. {/block:IndexPage}
  792. </div>
  793.  
  794.  
  795. </body>
  796.  
  797. <div id="01" class="popup_block">
  798.  
  799. <Center><font size="5" color="#1C1C1C">Message<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  800. </center></div>
  801.  
  802. </div></div></div></div></div></div></div></div></div></div>
  803.  
  804. <div style="position: fixed; right:0px;top:28px;">
  805. <span class="credss">
  806. <a href="http://dubsteph.com/" target="_blank">
  807. Theme Credit
  808.  
  809.  
  810.  
  811. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement