Advertisement
sskate

theme 43 - teardrop

Jan 21st, 2014
647
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.46 KB | None | 0 0
  1. <html lang="en">
  2. <head>
  3.  
  4. <!--Theme made by sskate/themesbyurte!-->
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <link href='http://static.tumblr.com/tcjrk42/S1Emwjczx/animate-custom__1_.css' rel='stylesheet' type='text/css'>
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2dixfXRT1qfoi4t.gif">
  10. <script type="text/javascript">
  11. $(window).load(function(){
  12. $("p").remove(":contains('Source:')");
  13. $("p").remove(":contains('via ')");
  14. });
  15. </script>
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31. //Apply Margin to Popup
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove(); //fade them both out
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49.  
  50. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow5.js"></script>
  51. <noscript><a href="http://www.scrolltotop.com">Top Page</a></noscript>
  52.  
  53. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  54. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  57.  
  58. <html lang="en"> <head> <meta name="if:1 Column" content="0"/>
  59. <meta name="if:3 Column" content="1"/><meta name="color:Background" content="#fafafa"/> <meta name="color:Title" content="#aaa"/> <meta name="color:Text" content="#aaa"/> <meta name="color:Link" content="#aaa"/> <meta name="color:scrollbar" content="#ddd"/> <meta name="image:Sidebar" content=""/> <meta name="image:Background" content=""/> <meta name="if:faded posts" content="1"/> <meta name="if:round posts" content="0"/> <meta name="text:blogtitle" content="nostalgia" /> <meta name="color:blogtitle" content="#ddd"/> <meta name="text:Link One Title" content="refresh" /> <meta name="text:Link One" content="/" /> <meta name="text:Link Two Title" content="inbox" /> <meta name="text:Link Two" content="/ask" /> <meta name="text:Link Three Title" content="more" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Four Title" content="themes" /> <meta name="text:Link Four" content="" /> <meta name="text:Link Five Title" content="fave" /> <meta name="if:round posts" content="0"/>
  60. <meta name="color:link3" content=""/>
  61. <meta name="color:link4" content=""/>
  62. <meta name="color:link2" content=""/>
  63. <meta name="color:link1" content=""/>
  64. <meta name="text:Link Five" content="" /> <meta name="image:pop up bg" content="http://static.tumblr.com/fd25cf263f97e81a3b403a06dae0013e/mnxgubd/D9emxfqmf/tumblr_static_cream_pixels.png"/>
  65. </script></script>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  68.  
  69. <style type="text/css">
  70. iframe#tumblr_controls {
  71. top: 0% !important;
  72. right:0% !important;
  73. opacity:0.3;
  74. position: fixed !important;
  75. filter:alpha(opacity=30);
  76. -webkit-transition: all 0.7s ease;
  77. -moz-transition: all 0.7s ease;
  78. -o-transition: all 0.7s ease;
  79. }
  80. iframe#tumblr_controls:hover{
  81. top: 0% !important;
  82. right:0% !important;
  83. opacity:0.8;
  84. position: fixed !important;
  85. filter:alpha(opacity=80);
  86. -webkit-transition: all 0.7s ease;
  87. -moz-transition: all 0.7s ease;
  88. -o-transition: all 0.7s ease;
  89. }
  90.  
  91.  
  92. #entry .perma{
  93. border-bottom: 1px solid {color:border};
  94. color:#777;
  95. font-size:8px;
  96. opacity: 0;
  97. -webkit-transition-duration: .75s;
  98. top:0px;
  99. width:320px;
  100. height:22px;
  101. padding-bottom:4px;
  102. background-color: #fff;
  103. position: absolute;
  104. margin-top:6px;
  105. background: {color:link3};
  106. color:{color:blogtitle};
  107. font-size:8px;
  108. opacity: 1;
  109. border-bottom-right-radius:5px;
  110. border-bottom-left-radius:5px;
  111. border: 1px solid {color:border};
  112. display: block;
  113. height:10px;
  114. padding-top:3px;
  115. padding-bottom:3px;
  116. position: relative;
  117. margin-top:5px;
  118. text-transform:uppercase;
  119. font-family:consolas;
  120. letter-spacing:1px;
  121. text-align:center;
  122. text-transform:uppercase;
  123. font-family:consolas;
  124. letter-spacing:1px;
  125. display:block;
  126. }.title{
  127. display:inline;
  128. font-size:11px;
  129. text-transform:lowercase;
  130. color:#777;
  131. padding-right:3px;
  132. padding-left:3px;
  133. font:consolas;
  134. }
  135. .title a{
  136. color:#777;
  137. }
  138. #entry:hover .perma{
  139.  
  140. }@font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,} #tumblr_controls{ position:fixed !important; -webkit-filter: invert(100%) } @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,} iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;} iframe#tumblr_controls:hofsidebaver{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;} ::-webkit-scrollbar { border-bottom-right-radius: 5px;width: 8px; height: 4px; background: {color:link4};} ::-webkit-scrollbar-thumb { width: 8px; background-color:{color:link4}; border-bottom-right-radius: 5px; } mf{
  141. color:{color:link};
  142. font-family: consolas;
  143. text-transform:uppercase;
  144. font-size:15px;
  145. }
  146. #link1{
  147.  
  148. margin-top:345px;
  149. margin-left:285px;
  150. width:15px;
  151. height:15px;
  152. background: #efefef;
  153. color:#efefef;
  154. position:fixed;
  155. }
  156. #link2{
  157. border-radius:5px;
  158. margin-top:345px;
  159. margin-left:310px;
  160. width:15px;
  161. height:15px;
  162. background: #efefef;
  163. color:#efefef;
  164. position:fixed;
  165. }
  166. #link3{
  167. border-radius:5px;
  168. margin-top:345px;
  169. margin-left:335px;
  170. width:15px;
  171. height:15px;
  172. background: #efefef;
  173. color:#efefef;
  174. position:fixed;
  175. }
  176. #link4{
  177. border-radius:5px;
  178. margin-top:345px;
  179. margin-left:360px;
  180. width:15px;
  181. height:15px;
  182. background: #efefef;
  183. color:#efefef;
  184. position:fixed;
  185. }#windows {
  186. font-family:consolas; font-size:9px; text-align: right; text-transform:uppercase; color: #fdfdfd; padding-right:5px;
  187.  
  188. }
  189.  
  190. #windows a {
  191. color:#fdfdfd;
  192. }
  193.  
  194. .entry img{
  195. {block:ifbandwposts}
  196. -webkit-filter:saturate(0%);
  197. {block:ifbandwposts}
  198. max-width: 100%;
  199. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-out;-moztransition: all 0.5s ease-out;transition: all 0.5s ease-out;
  200. opacity:.7;
  201. {block:permalinkpage}
  202. width: 500px;
  203. padding-bottom:0px;
  204. {/block:permalinkpage}
  205. }
  206.  
  207. .entry img:hover {
  208. padding-bottom:20px-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  209. margin-top:0px;
  210. }
  211. body, a, a:hover { cursor: url("http://img69.imageshack.us/img69/7673/cursorw.png"), progress;}
  212. a:link, a:active, a:visited{ color:{color:link}; text-decoration: none; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out; } a:hover { font-style: none; color:{color:link}; cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto; }
  213. #akina{width:250px; height:auto;} {block:PermalinkPage} width:410px; {/block:PermalinkPage} } #posts{ padding-top:3px; padding-bottom:3px; position:fixed !important; width:250px; height:207px; background-color:white; {block:PermalinkPage} width:410px; height:207px; {/block:PermalinkPage} } body{ color:{color:Text}; margin:5px; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat; }
  214. #audio { width:200px; height:auto; min-height:60px; padding-bottom:0px; } .cover { position:absolute; z-index:1; width:60px; height:60px; } .cover img { float:left; width:60px; height:60px; } .playbox { opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:; } .info { margin-left:73px; margin-top:4px; line-height:14px; } #sidebar{
  215. position: fixed;
  216. font-size:8px;
  217. padding: 3px;
  218. margin-top: 180px;
  219. text-transform:uppercase;
  220. font-family:consolas;
  221. background-color: white;
  222. height: auto;
  223. text-transform:uppercase;
  224. border-radius: 5px;
  225. margin-left:275px;
  226. text-align:left;
  227. line-height: 10px;
  228. width: 106px;
  229. border: 1px solid #ededed;
  230. }#blogtitle{ font-style:italic;
  231. z-index:99999999; position:fixed; font-family:consolas; width:440px;font-size:20px; text-align:center; margin-top: 140px; margin-left:110px; color:{color:blogtitle}; } .title{ font-family:consolas; font-size: 12px; line-height: 10px; font-style:italic; color: {color:Title}; text-transform: normal; padding: 2px 0px 0px 0px; } askk { font-family: georgia; color:{color:title}; font-size:12px; font-style:italic; text-transform:lowercase; z-index:1; }
  232. @font-face {
  233. font-family: "04b03";
  234. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  235. }::-webkit-scrollbar-thumb {background-color:efefef; -webkit-border-radius: 0ex; border: 0px solid transparent;}
  236. ::-webkit-scrollbar {width: 5px; height: 4px; background:#efefef;}
  237.  
  238. #entry{
  239. opacity: 1;
  240. font-size: 10px;
  241. text-align:center;
  242. z-index:0;
  243. float:left;
  244. {/block:indexpage}
  245. {block:if1Column}
  246. width:320px;
  247. margin:15px;
  248. {/block:if1Column}
  249. {block:if3Column}
  250. margin:9px;
  251. width:200px;
  252. {/block:if3Column}
  253.  
  254. height: auto;
  255. {block:PermalinkPage}
  256. width: 349px;
  257. margin-left:0px;
  258. height: auto;
  259. {/block:PermalinkPage}
  260. {block:ifroundposts}
  261. border-radius: 5px;
  262. {/block:ifroundposts}
  263. background-color: white;
  264. padding:3px;
  265. font-family:"Consolas";
  266. margin-right:13px;
  267. line-height: 12px;
  268. overflow:hidden;
  269. margin-bottom:13px;
  270. border: 1px solid #eeeeee;
  271. color:{color:Text};
  272. transition: all 0.9s ease-out;
  273. -o-transition-transition: all 0.9s ease-out;
  274. -webkit-transition: all 0.9s ease-out;
  275. -moz-transition: all 0.9s ease-out;
  276. }
  277. #cunt{width:250px; height:auto;}
  278. {block:PermalinkPage}
  279. width:410px;
  280. {/block:PermalinkPage}
  281. }
  282. #center{
  283. padding-top:3px;
  284. padding-bottom:3px;
  285. position:fixed !important;
  286. width:250px;
  287. height:207px;
  288. background-color:#fff;
  289. {block:PermalinkPage}
  290. width:410px;
  291. height:207px;
  292. {/block:PermalinkPage}
  293. }
  294. #sidebars{
  295. position: fixed;
  296. font-size:8px;
  297. padding: 0px;
  298. margin-top: 165px;
  299. text-transform:uppercase;
  300. font-family:consolas;
  301. background-color: #fcfcfc;
  302. height: 9px;
  303. text-transform:uppercase;
  304. border-radius: 5px;
  305. margin-left:275px;
  306. text-align:left;
  307. line-height: 10px;
  308. width: 112px;
  309. border: 1px solid #ededed;
  310. }
  311. #posts{
  312. float:center;
  313. margin-left:395px;
  314. {block:if3Column}
  315. width:900px;
  316. {/block:if3Column}
  317.  
  318. {block:if1Column}
  319. width:412px;
  320. {/block:if1Column}
  321. {block:permalink}
  322. width:400px;
  323. {/block:permalink}
  324. z-index: 0;
  325. margin-top:15px;
  326. }
  327.  
  328. #entry:hover {
  329. transition: all 0.9s ease-out;
  330. -o-transition-transition: all 0.9s ease-out;
  331. -webkit-transition: all 0.9s ease-out;
  332. -moz-transition: all 0.9s ease-out;
  333. }
  334.  
  335. #entry img{
  336.  
  337. {block:indexpage}
  338. opacity:0.6;
  339. border-top-right-radius:5px;
  340. border-top-left-radius:5px;
  341. max-width:320px;
  342. {/block:indexpage}
  343. {block:permalinkpage}
  344. max-width: 550px;
  345. {/block:permalinkpage}
  346. transition: all 0.9s ease-out;
  347. -o-transition-transition: all 0.9s ease-out;
  348. -webkit-transition: all 0.9s ease-out;
  349. -moz-transition: all 0.9s ease-out;
  350. }
  351. #entry img:hover{
  352. {block:indexpage}
  353. opacity:0.9;
  354. {/block:indexpage}}link1{
  355. background: {color:Link1};
  356. color:{color:Link1};border-top-left-radius:5px;
  357. border-bottom-left-radius:5px;
  358. }
  359. link2{
  360. background: {color:Link2};
  361. color:{color:Link2};
  362. }
  363. link3{
  364. background: {color:Link3};
  365. color:{color:Link3};
  366. }
  367. link4{
  368. background: {color:Link4};
  369. color:{color:Link4};
  370. border-top-right-radius:5px;
  371. border-bottom-right-radius:5px;
  372. }
  373. link5{
  374. background: {color:Link5};
  375. color:{color:Link5};
  376. }
  377. #fade { /*--Transparent background layer--*/
  378.  
  379. background:#000;
  380. background-image: url({image:pop up bg});
  381. position: fixed; left: 0; top: 0;
  382. width: 100%; height: 100%;
  383. opacity: 0.7;
  384. z-index: 9999;
  385. -webkit-transition: all .7s ease;
  386. -moz-transition: all .7s ease;
  387. -o-transition: all .7s ease;
  388. transition: all .7s ease;
  389. }
  390. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/wt5v40t/q2Fme0ncp/wendy.ttf'); } @font-face { font-family: "bebas"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  391. .popup_block{
  392. display: none; /*--hidden by default--*/
  393. background: #ffffff;
  394. background-image: url();
  395. padding: 20px;
  396. float: left;
  397. position: fixed;
  398. top: 50%; left: 50%;
  399. border: 1px solid #eeeeee;
  400. font-family: consolas;
  401. text-transform:uppercase;
  402. font-size:10px;
  403. z-index: 99999;
  404. /*--CSS3 Box Shadows--*/
  405. -webkit-box-shadow: 0px 0px 0px #000;
  406. -moz-box-shadow: 0px 0px 0px #000;
  407. box-shadow: 0px 0px 0px #000;
  408. -webkit-transition: all .7s ease;
  409. -moz-transition: all .7s ease;
  410. -o-transition: all .7s ease;
  411. transition: all .7s ease;
  412. }
  413. .popup_block:hover{
  414. opacity:1;
  415. -webkit-transition: all .7s ease;
  416. -moz-transition: all .7s ease;
  417. -o-transition: all .7s ease;
  418. transition: all .7s ease;
  419. }
  420. img.btn_close {
  421. float: right;
  422. margin: -15px -15px 0 0;
  423. }
  424. *html .popup_block {
  425. position: absolute;
  426. }
  427. #themefix { margin-left:0px; margin-bottom:0px; width:20px; height:auto; position:fixed; background-color:white; z-index:0; font-family:ronda; text-align:; font-size: 9px;} </style>
  428. <title>{title}</title> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /><script type="text/javascript">
  429.  
  430. var snowcolor=new Array("#ffffff","#fad7df","#f3c8d2","#c5c2c2","#dddddd")
  431.  
  432. var snowmax=5
  433. var snowtype=new Array("Times")
  434. var snowletter="*"
  435. var sinkspeed=0.7
  436. var snowmaxsize=40
  437. var snowminsize=8
  438. var snowingzone=1
  439.  
  440.  
  441. var snow=new Array()
  442. var marginbottom
  443. var marginright
  444. var timer
  445. var i_snow=0
  446. var x_mv=new Array();
  447. var crds=new Array();
  448. var lftrght=new Array();
  449. var browserinfos=navigator.userAgent
  450. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  451. var ns6=document.getElementById&&!document.all
  452. var opera=browserinfos.match(/Opera/)
  453. var browserok=ie5||ns6||opera
  454.  
  455. function randommaker(range) {
  456. rand=Math.floor(range*Math.random())
  457. return rand
  458. }
  459.  
  460. function initsnow() {
  461. if (ie5 || opera) {
  462. marginbottom = document.body.scrollHeight
  463. marginright = document.body.clientWidth-15
  464. }
  465. else if (ns6) {
  466. marginbottom = document.body.scrollHeight
  467. marginright = window.innerWidth-15
  468. }
  469. var snowsizerange=snowmaxsize-snowminsize
  470. for (i=0;i<=snowmax;i++) {
  471. crds[i] = 0;
  472. lftrght[i] = Math.random()*15;
  473. x_mv[i] = 0.03 + Math.random()/10;
  474. snow[i]=document.getElementById("s"+i)
  475. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  476. snow[i].size=randommaker(snowsizerange)+snowminsize
  477. snow[i].style.fontSize=snow[i].size+'px';
  478. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  479. snow[i].style.zIndex=1000
  480. snow[i].sink=sinkspeed*snow[i].size/5
  481. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  482. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  483. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  484. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  485. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  486. snow[i].style.left=snow[i].posx+'px';
  487. snow[i].style.top=snow[i].posy+'px';
  488. }
  489. movesnow()
  490. }
  491.  
  492. function movesnow() {
  493. for (i=0;i<=snowmax;i++) {
  494. crds[i] += x_mv[i];
  495. snow[i].posy+=snow[i].sink
  496. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  497. snow[i].style.top=snow[i].posy+'px';
  498.  
  499. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  500. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  501. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  502. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  503. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  504. snow[i].posy=0
  505. }
  506. }
  507. var timer=setTimeout("movesnow()",50)
  508. }
  509.  
  510. for (i=0;i<=snowmax;i++) {
  511. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  512. }
  513. if (browserok) {
  514. window.onload=initsnow
  515. }
  516.  
  517. </script>
  518.  
  519. </head> <body>
  520. <div id="sidebars">
  521. <div style="color:transparent;"><link1><a href='{text:Link One}' style=" width:40px; color: transparent;"title="{text:Link One Title}">-------</a></link1><link2><a href='#?w=500' style=" width:40px; color: transparent;" rel='02' class='poplight' title="{text:Link Two Title}">-------</a></link2><link3><a href='{text:Link Three}' style=" width:40px; color: transparent;"title="{text:Link Three Title}">-------</a></link3><link4><a href='{text:Link Four}' style=" width:40px; color: transparent;" title="{text:Link Four Title}">-------</a></link4><br></div>
  522. </div>
  523.  
  524.  
  525.  
  526.  
  527.  
  528. <div id="blogtitle"><img src="http://static.tumblr.com/efc74a7c47f18cc5fd55a2a6f722f89b/mnxgubd/pmAmz1p2f/tumblr_static_30v0qp4__1_.gif"/>{text:blogtitle}<img src="http://static.tumblr.com/ff54001217994b864052a0c84354d1c7/mnxgubd/ekfmz1p28/tumblr_static_30v0qp4.gif"/></div>
  529. <div id="content"> <div id="themefix"><a href="http://sskate.tumblr.com/">urte</a></div> <div style="width: 106px;border-top-left-radius: 5px;
  530. border-top-right-radius: 5px;"><div id="sidebar"> <img src="{image:sidebar}" style="width: 106px; border-top-left-radius: 5px;-webkit-filter:grayscale(100%);
  531. border-top-right-radius: 5px;"></a><div style="color:{color:text};">{Description}</div></div>
  532. <div id="center">
  533. <div id="content">
  534.  
  535. </div></div>
  536. <div id="posts">
  537. {block:posts}
  538. <div id="entry">
  539. {block:Text}
  540. {block:Title}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  541. width:332px;
  542. {/block:if1Column}
  543.  
  544.  
  545. {block:if3Column}
  546. width:212px;
  547. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}<span class="title">{Title}</span>{/block:Title}
  548. <span class="entrytext">{Body}</span>
  549. {block:IndexPage}
  550. {/block:IndexPage}
  551. {/block:Text}
  552.  
  553. {block:Link}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  554. width:332px;
  555. {/block:if1Column}
  556.  
  557.  
  558. {block:if3Column}
  559. width:212px;
  560. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}
  561. <a href="{URL}" class="title">{Name}</a>
  562. {block:Description}{Description}{/block:Description}
  563. {block:IndexPage}
  564. {/block:IndexPage}
  565. {block:Link}
  566.  
  567. {block:Photo}
  568. {block:IndexPage}
  569. <div style="background:#efefef; width:242px; {block:if1Column}
  570. width:332px;
  571. {/block:if1Column}
  572.  
  573.  
  574. {block:if3Column}
  575. width:212px;
  576. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>
  577. <div style="padding-top:5px;">
  578. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"{block:if3Column}
  579. " width:200px;
  580. {/block:if3Column}"/></a></div>{LinkCloseTag}</div>
  581. {/block:indexpage}
  582. {block:permalinkpage}
  583. {LinkOpenTag}<img src="{PhotoURL-highRes}" alt="{PermalinkPage} width=400px"/>{LinkCloseTag}
  584. {/block:permalinkpage}
  585.  
  586.  
  587. {/block:Photo}
  588.  
  589. {block:Photoset}
  590. {block:IndexPage}
  591. <div style="width: 320px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  592. {/block:IndexPage}{block:IndexPage}<div style="background:#efefef; width:242px; {block:if1Column}
  593. width:332px;
  594. {/block:if1Column}
  595.  
  596.  
  597. {block:if3Column}
  598. width:212px;
  599. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>
  600. {/block:IndexPage}
  601. </center>
  602. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  603. {/block:Photoset}
  604.  
  605. {block:Quote}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  606. width:332px;
  607. {/block:if1Column}
  608.  
  609.  
  610. {block:if3Column}
  611. width:212px;
  612. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}
  613. <span class="entrytext">{Quote}</span>
  614. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  615. {/block:Quote}
  616.  
  617. {block:Chat}{block:IndexPage}<div style="background:#efefef; width:242px; {block:if1Column}
  618. width:332px;
  619. {/block:if1Column}
  620.  
  621.  
  622. {block:if3Column}
  623. width:212px;
  624. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>
  625. {/block:IndexPage}
  626. {block:Title}<span class="title">{Title}</span>{/block:Title}
  627. <ul class="chat">
  628. {block:Lines}
  629. <li class="user_{UserNumber}">
  630. {block:Label}
  631. <span class="label">{Label}</span>
  632. {/block:Label}
  633.  
  634. {Line}
  635. </li>
  636. {/block:Lines}
  637. </ul>
  638.  
  639. {/block:Chat}
  640.  
  641. {block:Audio}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  642. width:332px;
  643. {/block:if1Column}
  644.  
  645.  
  646. {block:if3Column}
  647. width:212px;
  648. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}
  649. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  650. {block:IndexPage}
  651. {block:IndexPage}
  652. {/block:IndexPage}
  653. {/block:IndexPage}
  654. {/block:Audio}
  655.  
  656. {block:Video}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  657. width:332px;
  658. {/block:if1Column}
  659.  
  660.  
  661. {block:if3Column}
  662. width:212px;
  663. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}<center>
  664. <div class="video">{Video-250}</div></center>
  665. {block:IndexPage}
  666. {/block:IndexPage}
  667. {block:Video}
  668.  
  669. <center>
  670. {block:Answer}{block:indexpage}<div style="background:#efefef; width:242px; {block:if1Column}
  671. width:332px;
  672. {/block:if1Column}
  673.  
  674.  
  675. {block:if3Column}
  676. width:212px;
  677. {/block:if3Column} margin-top:-6px; margin-left:-6px; height: 8px;padding-bottom:3px;"><div id="windows"><a href="{Permalink}" title="{NoteCountwithlabel}">▬</a> <a href="{ReblogURL}" title="reblog">✖</a></div></div>{/block:indexpage}
  678. <div style="margin-left: 0px; margin-top: 0px; min-height:32px; padding: 4px; line-height: 10px; {block:indexpage}width:320px;{/block:indexpage}
  679. {block:permalinkpage}width: 320px;{/block:permalinkpage} text-align: center; overflow: auto;"><askk>&nbsp;{Asker} asked:</askk>
  680. {Question}</div><div style="margin-left:0px; margin-top:-10px; padding:0px; text-align:center; line-height: 10px; {block:indexpage}width:320px;{/block:indexpage}{block:permalinkpage}width: 320px;{/block:permalinkpage}">{Answer}</div>
  681. {/block:Answer}
  682. </center>
  683.  
  684.  
  685.  
  686. {block:PostNotes}<div align="middle">{caption}</div>
  687. <center>
  688.  
  689. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  690.  
  691. {block:HasTags}
  692. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  693. {block:RebloggedFrom}
  694. reblogged from <a href="{ReblogParentURL}" title="reblogged this">{ReblogParentName}</a><br>
  695. posted by <a href="{ReblogRootURL}" title="posted by me">{ReblogRootName}</a>
  696.  
  697. {/block:RebloggedFrom}
  698. </center></span>
  699. <br>
  700. <div id="postnotes">{PostNotes}</div><br>
  701.  
  702. <center>{block:ContentSource}
  703. <br><a href="{SourceURL}" title="perfection">
  704. {lang:Source}:
  705. {block:SourceLogo}
  706. <img src="{BlackLogoURL}" width="{LogoWidth}"
  707. height="{LogoHeight}" alt="{SourceTitle}" />
  708. {/block:SourceLogo}
  709. {block:NoSourceLogo}
  710. {SourceLink}
  711. {/block:NoSourceLogo}
  712. </a>
  713. {/block:ContentSource}</center>
  714.  
  715. {/block:PostNotes}
  716. </div>
  717. {/block:Posts}
  718. </div></div>
  719.  
  720. {block:indexpage}
  721. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  722. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  723. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  724. <script type="text/javascript">
  725. $(window).load(function(){
  726. var $wall = $('#posts');
  727. $wall.imagesLoaded(function(){
  728. $wall.masonry({
  729. itemSelector: '#entry, #entry_photo',
  730. isAnimated : false
  731. });
  732. });
  733.  
  734. $wall.infinitescroll({
  735. navSelector : '#page-nav',
  736. nextSelector : '#page-nav a',
  737. itemSelector : '#entry, #entry_photo',
  738. bufferPx : 2000,
  739. debug : false,
  740. errorCallback: function() {
  741. $('#infscr-loading').fadeOut('normal');
  742. }},
  743. function( newElements ) {
  744. var $newElems = $( newElements );
  745. $newElems.hide();
  746. $newElems.imagesLoaded(function(){
  747. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  748. });
  749. }); $('#content').show(500);
  750. });
  751. </script>
  752. {/block:indexpage}
  753.  
  754. </div>
  755.  
  756.  
  757.  
  758. </body></body>
  759. <div id="02" class="popup_block">
  760.  
  761.  
  762. <br>
  763. <p></font><iframe frameborder="0" scrolling="yes" width="100%" height="180" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  764. </div>
  765.  
  766. </div></div></div></div></div></div></div></div></div></div></div></body>
  767.  
  768. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  769. <script type="text/javascript">
  770. $(document).ready(function(){
  771. $('#button').collapser({
  772. target: '#hidden',
  773. effect: 'slide',
  774. changeText: 0
  775. });
  776. });
  777. </script>
  778. </body>
  779. <script type="text/javascript">
  780. <!--
  781.  
  782. // Disable Right Click Script
  783.  
  784. function IE(e)
  785. {
  786. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  787. {
  788. return false;
  789. }
  790. }
  791. function NS(e)
  792. {
  793. if (document.layers || (document.getElementById && !document.all))
  794. {
  795. if (e.which == "2" || e.which == "3")
  796. {
  797. return false;
  798. }
  799. }
  800. }
  801. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  802.  
  803. //-->
  804. </script>
  805. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement