emileesomething

Macbook Theme (donutastic)

Jul 25th, 2014
332
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.84 KB | None | 0 0
  1. <html lang="en">
  2.  
  3. <!-- PLEASE DON'T REMOVE CREDIT (:
  4. theme : emilee (donutastic.tumblr.com)
  5. hope you like the theme
  6. if there's any problems message me
  7. this theme took a really long time to make
  8. so i hope that no one claims it as their own.
  9. if you see anyone doing that please message me
  10. -->
  11.  
  12. <head>
  13.  
  14. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $(".links_body").hide();
  18. $(".links_head").click(function(){
  19. $(this).next(".links_body").slideToggle('fast');
  20. }); }); </script>
  21. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  22. <script type="text/javascript">
  23. $(document).ready(function(){
  24. $(".links_body2").hide();
  25. $(".links_head2").click(function(){
  26. $(this).next(".links_body2").slideToggle('fast');
  27. }); }); </script>
  28. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  29. <script type="text/javascript">
  30. $(document).ready(function(){
  31. $(".links_body3").hide();
  32. $(".links_head3").click(function(){
  33. $(this).next(".links_body3").slideToggle('fast');
  34. }); }); </script>
  35. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  36. <script type="text/javascript">
  37. $(document).ready(function(){
  38. $(".links_body4").hide();
  39. $(".links_head4").click(function(){
  40. $(this).next(".links_body4").slideToggle('fast');
  41. }); }); </script>
  42.  
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48.  
  49. (function($){
  50.  
  51. $(document).ready(function(){
  52.  
  53. $("a[title]").style_my_tooltips({
  54.  
  55. tip_follows_cursor:false,
  56.  
  57. tip_delay_time:0,
  58.  
  59. tip_fade_speed:0,
  60.  
  61. attribute:"title"
  62.  
  63. });
  64.  
  65. });
  66.  
  67. })(jQuery);
  68.  
  69. </script>
  70.  
  71. <script type="text/javascript"
  72. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  73. <script>
  74. $(document).ready(function() {
  75. //
  76. $('a.poplight[href^=#]').click(function() {
  77. var popID = $(this).attr('rel'); //Get Popup Name
  78. var popURL = $(this).attr('href'); //Get Popup href to define size
  79. var query= popURL.split('?');
  80. var dim= query[1].split('&');
  81. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  82. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  83. var popMargTop = ($('#' + popID).height() + 80) / 2;
  84. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  85. //Apply Margin to Popup
  86. $('#' + popID).css({
  87. 'margin-top' : -popMargTop,
  88. 'margin-left' : -popMargLeft
  89. });
  90. $('body').append('<div id="fade"></div>');
  91. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  92. return false;
  93. });
  94. $('a.close, #fade').live('click', function() {
  95. $('#fade , .popup_block').fadeOut(function() {
  96. $('#fade, a.close').remove(); //fade them both out
  97. });
  98. return false;
  99. });
  100. });
  101. </script>
  102.  
  103. <script type="text/javascript"
  104. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  105. {block:IndexPage}
  106. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  107. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  108. <script type="text/javascript">
  109. $(window).load(function(){
  110. var $wall = $('#content');
  111. $wall.imagesLoaded(function(){
  112. $wall.masonry({
  113. itemSelector: '.post, .post_photo',
  114. isAnimated : false
  115. });
  116. });
  117. $wall.infinitescroll({
  118. navSelector : '#pagination',
  119. nextSelector : '#pagination a',
  120. itemSelector : '.post, .post_photo',
  121. bufferPx : 2000,
  122. debug : false,
  123. errorCallback: function() {
  124. $('#infscr-loading').fadeOut('normal');
  125. }},
  126. function( newElements ) {
  127. var $newElems = $( newElements );
  128. $newElems.hide();
  129. $newElems.imagesLoaded(function(){
  130. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  131. });
  132. }); $('#posts').show(500);
  133. });
  134. </script>
  135. {/block:IndexPage}
  136.  
  137. <title>{title}</title>
  138. <link rel="shortcut icon" href="{Favicon}"/>
  139. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  140. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  141.  
  142. <meta name="color:post" content="" />
  143. <meta name="color:text" content="" />
  144. <meta name="color:link" content="" />
  145. <meta name="color:hover" content="" />
  146. <meta name="color:background" content="http://static.tumblr.com/fodnsft/HOgmmao5e/aurora.jpg" />
  147.  
  148. <meta name="if:OneColumn" content="" />
  149. <meta name="if:TwoColumns" content="" />
  150. <meta name="if:BackgroundPicture" content="" />
  151.  
  152. <meta name="image:background" content="" />
  153.  
  154. <meta name="text:your url here" content="" />
  155. <meta name="text:Folder Title 1" content="Link Title 1" />
  156. <meta name="text:Folder Title 2" content="Link Title 2" />
  157. <meta name="text:Folder Title 3" content="Link Title 3" />
  158. <meta name="text:Folder Title 4" content="Link Title 4" />
  159. <meta name="text:Folder Link 1" content="Link 1" />
  160. <meta name="text:Folder Link 2" content="Link 2" />
  161. <meta name="text:Folder Link 3" content="Link 3" />
  162. <meta name="text:Folder Link 4" content="Link 4" />
  163. <meta name="text:Contacts Link" content="http://" />
  164. <meta name="text:iTunes Link" content="http://" />
  165. <meta name="text:iPhoto Link" content="http://" />
  166. <meta name="text:Calculator Link" content="http://" />
  167. <meta name="text:Settings Link" content="http://" />
  168. <meta name="text:Application Link" content="http://" />
  169.  
  170. <link href='http://fonts.googleapis.com/css?family=Anaheim|Share' rel='stylesheet' type='text/css'>
  171. <link href='http://fonts.googleapis.com/css?family=PT+Mono|Contrail+One|Kaushan+Script' rel='stylesheet' type='text/css'>
  172.  
  173. <style type="text/css">
  174.  
  175. #tumblr_controls {
  176. top: 28.5px !important;
  177. margin: -30px 0 0 0;
  178. right: 15px !important;
  179. position: fixed !important;
  180. }
  181.  
  182. @font-face{
  183. font-family:'Myriad';
  184. src:url('http://static.tumblr.com/fodnsft/XpGmmbagv/myriadpro-regular.otf');
  185. }
  186.  
  187. body{
  188. font-family:Myriad;
  189. font-size:12px;
  190. {block:ifBackgroundPicture}
  191. background: url('{image:background}') no-repeat center center fixed;
  192. -webkit-background-size: cover;
  193. -moz-background-size: cover;
  194. -o-background-size: cover;
  195. background-size: cover;
  196. {/block:ifBackgroundPicture}
  197. background-color:{color:background};
  198. color:{color:text};
  199. }
  200.  
  201. a:link, a:active, a:visited{
  202. text-decoration:none;
  203. text-transform:none;
  204. color:{color:link};
  205. }
  206. a:hover{
  207. color:{color:hover};
  208. }
  209.  
  210. #content{
  211. width: 580px;
  212. {block:ifTwoColumns}
  213. margin-left: 425px;
  214. {/block:ifTwoColumns}
  215. {block:ifOneColumn}
  216. margin-left:510px;
  217. {/block:ifOneColumn}
  218. margin-top: 25px;
  219. position: absolute;
  220. padding: 5px;
  221. }
  222.  
  223. .post{
  224. z-index:99;
  225. overflow:hidden;
  226. background-color: {color:post};
  227. {block:ifTwoColumns}
  228. width: 250px;
  229. {/block:ifTwoColumns}
  230. float: left;
  231. margin: 6px;
  232. padding:10px;
  233. padding-bottom:8px;
  234. -webkit-box-shadow: 1px 1px 9px 1px #000;
  235. box-shadow: 1px 1px 9px 1px #000;
  236. opacity:1;
  237. border-top-right-radius:5px;
  238. border-bottom-right-radius:5px;
  239. border-top-left-radius:5px;
  240. border-bottom-left-radius:5px;
  241. {block:ifOneColumn}
  242. width:400px;
  243. {/block:ifOneColumn}
  244. {block:PermalinkPage}
  245. width:522px;
  246. {/block:PermalinkPage}
  247. }
  248.  
  249. #topbar{
  250. z-index:99999;
  251. background-color: #fff;
  252. line-height:8px;
  253. box-shadow:0 1px 5px #000;
  254. width: 100%;
  255. height:15px;
  256. margin-top: -25px;
  257. margin-left: -1%;
  258. position: fixed;
  259. padding: 4px;
  260. opacity:.7;
  261. text-align:center;
  262. {block:PermalinkPage}
  263. margin-top:-8px;
  264. {/block:PermalinkPage}
  265. }
  266.  
  267. .post_title{
  268. text-align:center;
  269. font-size:15px;
  270. }
  271.  
  272. .link_title{
  273. text-align:center;
  274. font-size:15px;
  275. }
  276.  
  277. .post_notes{
  278. padding: 1px;
  279. text-align:right;
  280. }
  281.  
  282. #fade {
  283. display: none;
  284. background: transparent;
  285. position: fixed; left: 0; top: 0;
  286. width: 100%; height: 100%;
  287. opacity: .80;
  288. z-index: 9999;
  289. }
  290. .popup_block{
  291. display: none;
  292. height:auto;
  293. width:auto;
  294. background: transparent;
  295. padding: 20px;
  296. text-transform:uppercase;
  297. letter-spacing:1px;
  298. float: left;
  299. position: fixed;
  300. top: 50%; left: 50%;
  301. z-index: 99999;
  302. }
  303. img.btn_close {
  304. float: right;
  305. margin: -5px -5px 0 0;
  306. }
  307. *html #fade {
  308. position: absolute;
  309. }
  310. *html .popup_block {
  311. position: absolute;
  312. }
  313.  
  314. #dock{
  315. z-index:99999;
  316. bottom:-2px;
  317. background-color:transparent;
  318. margin-left:25%;
  319. position:fixed;
  320. float:center;
  321. text-align:center;
  322. }
  323.  
  324. .app{
  325. display:inline-block;
  326. margin-left:-347px;
  327. width:700px;
  328. position:fixed;
  329. bottom:0px;
  330. }
  331.  
  332. .name{
  333. margin-top:10px;
  334. position:fixed;
  335. background-color:#888;
  336. color:#fff;
  337. opacity:0;
  338. }
  339.  
  340. #s-m-t-tooltip {
  341. max-width:300px;
  342. padding-right:6px;
  343. padding-left:6px;
  344. padding-top:2px;
  345. padding-bottom:2px;
  346. margin:20px 30px 20px -20px;
  347. background-color:#222;
  348. opacity:.8;
  349. font-family:arial;
  350. color:#fff;
  351. letter-spacing:1px;
  352. font-size:12px;
  353. border-top-right-radius:10px;
  354. border-bottom-right-radius:10px;
  355. border-top-left-radius:10px;
  356. border-bottom-left-radius:10px;
  357. z-index:999999999999999999999999999999999999;
  358. }
  359.  
  360. .links_list {
  361. z-index:99999999;
  362. margin-top:-42px;
  363. opacity:1;
  364. position:fixed;
  365. padding:0px;
  366. margin-left:40px;
  367. width:80px;
  368. {block:PermalinkPage}
  369. margin-top:-25px;
  370. {/block:PermalinkPage}
  371. }
  372. .links_head {
  373. font-weight:bold;
  374. cursor:pointer;
  375. position:relative;
  376. font-family:arial;
  377. font-size:16px;
  378. padding-left:8px;
  379. height:24px;
  380. line-height:25px;
  381. text-align:left;
  382. }
  383. .links_head:hover{
  384. background-color:blue;
  385. color:white;
  386. }
  387. .links_body {
  388. padding:8px;
  389. line-height:15px;
  390. padding-bottom:6px;
  391. font-size:13px;
  392. margin-top:-16.5px;
  393. opacity:.9;
  394. background-color:white;
  395. text-align:left;
  396. color: #000;
  397. display:none;
  398. }
  399.  
  400. .links_list2 {
  401. z-index:99999999;
  402. margin-top:-42px;
  403. opacity:1;
  404. position:fixed;
  405. padding:0px;
  406. margin-left:125px;
  407. width:80px;
  408. {block:PermalinkPage}
  409. margin-top:-25px;
  410. {/block:PermalinkPage}
  411. }
  412. .links_head2 {
  413. font-weight:bold;
  414. cursor:pointer;
  415. position:relative;
  416. font-family:arial;
  417. font-size:16px;
  418. padding-left:8px;
  419. height:24px;
  420. line-height:25px;
  421. text-align:left;
  422. }
  423. .links_head2:hover{
  424. background-color:blue;
  425. color:white;
  426. }
  427. .links_body2 {
  428. padding:8px;
  429. line-height:15px;
  430. padding-bottom:6px;
  431. font-size:13px;
  432. margin-top:-16.5px;
  433. opacity:.9;
  434. background-color:white;
  435. text-align:left;
  436. color: #000;
  437. display:none;
  438. }
  439.  
  440.  
  441. .links_list3 {
  442. z-index:99999999;
  443. margin-top:-42px;
  444. opacity:1;
  445. position:fixed;
  446. padding:0px;
  447. margin-left:210px;
  448. width:80px;
  449. {block:PermalinkPage}
  450. margin-top:-25px;
  451. {/block:PermalinkPage}
  452. }
  453. .links_head3 {
  454. font-weight:bold;
  455. cursor:pointer;
  456. position:relative;
  457. font-family:arial;
  458. font-size:16px;
  459. padding-left:8px;
  460. height:24px;
  461. line-height:25px;
  462. text-align:left;
  463. }
  464. .links_head3:hover{
  465. background-color:blue;
  466. color:white;
  467. }
  468. .links_body3 {
  469. padding:8px;
  470. line-height:15px;
  471. padding-bottom:6px;
  472. font-size:13px;
  473. margin-top:-16.5px;
  474. opacity:.9;
  475. background-color:white;
  476. text-align:left;
  477. color: #000;
  478. display:none;
  479. }
  480.  
  481. .links_list4 {
  482. z-index:99999999;
  483. margin-top:-42px;
  484. opacity:1;
  485. position:fixed;
  486. padding:0px;
  487. margin-left:295px;
  488. width:80px;
  489. {block:PermalinkPage}
  490. margin-top:-25px;
  491. {/block:PermalinkPage}
  492. }
  493. .links_head4 {
  494. font-weight:bold;
  495. cursor:pointer;
  496. position:relative;
  497. font-family:arial;
  498. font-size:16px;
  499. padding-left:8px;
  500. height:24px;
  501. line-height:25px;
  502. text-align:left;
  503. }
  504. .links_head4:hover{
  505. background-color:blue;
  506. color:white;
  507. }
  508. .links_body4 {
  509. padding:8px;
  510. line-height:15px;
  511. padding-bottom:6px;
  512. font-size:13px;
  513. margin-top:-16.5px;
  514. width:auto;
  515. opacity:.9;
  516. background-color:white;
  517. text-align:left;
  518. color: #000;
  519. display:none;
  520. }
  521.  
  522.  
  523. .folders{
  524. position:fixed;
  525. display:inline-block;
  526. margin-top:90px;
  527. margin-left:50px;
  528. }
  529.  
  530. .folder_text{
  531. color:#f1eeee;
  532. position:fixed;
  533. margin-top:-35px;
  534. margin-left:58px;
  535. font-family:arial;
  536. font-size:13px;
  537. text-transform:none;
  538. letter-spacing:1px;
  539. font-weight:100;
  540. text-align:left;
  541. opacity:.9;
  542. text-shadow:0px 1px 5px #000;
  543. }
  544.  
  545. .music{
  546. z-index:999999999999999999;
  547. margin-top:-23px;
  548. color:#000;
  549. right:200px;
  550. position:fixed;
  551. }
  552.  
  553. .posttype{
  554. text-align:center;
  555. text-transform:uppercase;
  556. line-height:12px;
  557. border-bottom:1px solid #aaa;
  558. }
  559.  
  560. .postnotes{
  561. text-align:center;
  562. text-transform:uppercase;
  563. line-height:15px;
  564. border-top:1px solid #aaa;
  565. padding-top:2px;
  566. margin-top:11px;
  567. }
  568.  
  569. .closess{
  570. position:absolute;
  571. margin-top:-3px;
  572. }
  573.  
  574. li.chat{ list-style-type: circle; }
  575. li{ list-style-type: square; }
  576. blockquote{ border-left: 2px solid #AAA; margin-left: 5px; padding-left: 3px; }
  577. table{ background-color:#aaa; }
  578.  
  579. {CustomCSS]</style>
  580.  
  581. </head>
  582. <body>
  583.  
  584. <div class="music">
  585.  
  586. </div>
  587.  
  588. <div id="topbar">
  589. <div style="text-align:left; margin-left:20px; font-size:15px; margin-top:-2px;"><a href="/"><img src="http://static.tumblr.com/fodnsft/uQTmmar2y/apple.png" width="15" /></a></div>
  590. </div>
  591.  
  592.  
  593.  
  594.  
  595. <div class="links_list">
  596. <p class="links_head">About</p>
  597. <div class="links_body">
  598. {Description}<br />
  599. </div></div>
  600. <div class="links_list2">
  601. <p class="links_head2">Filters</p>
  602. <div class="links_body2">
  603. <a href="/tagged/text">Text</a><br />
  604. <a href="/tagged/link">Link</a><br />
  605. <a href="/tagged/quote">Quote</a>
  606. <a href="/tagged/video">Video</a>
  607. <a href="/tagged/audio">Audio</a>
  608. <a href="/tagged/answer">Answer</a>
  609. </div></div>
  610. <div class="links_list3">
  611. <p class="links_head3">Stats</p>
  612. <div class="links_body3">
  613. <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script><br />
  614. </div></div>
  615.  
  616. <div class="links_list4">
  617. <p class="links_head4">Help</p>
  618. <div class="links_body4">
  619. <a href="http://donutatstic.tumblr.com">Credit</a>
  620. <a href="http://google.com">Google?</a>
  621. </div></div>
  622. <div class="folders">
  623. <a href="{text:Folder Link 1}"><img src="http://static.tumblr.com/fodnsft/zlHmmbedo/folder.png" width="50" />
  624. <div class="folder_text">{text:Folder Title 1}</div><br />
  625. <a href="{text:Folder Link 2}"><img src="http://static.tumblr.com/fodnsft/zlHmmbedo/folder.png" width="50" />
  626. <div class="folder_text">{text:Folder Title 2}</div><br />
  627. <a href="{text:Folder Link 3}"><img src="http://static.tumblr.com/fodnsft/zlHmmbedo/folder.png" width="50" />
  628. <div class="folder_text">{text:Folder Title 3}</div><br />
  629. <a href="{text:Folder Link 4}"><img src="http://static.tumblr.com/fodnsft/zlHmmbedo/folder.png" width="50" />
  630. <div class="folder_text">{text:Folder Title 4}</div><br />
  631. </a>
  632. </div>
  633.  
  634. <div id="dock">
  635. <center>
  636. <img src="http://static.tumblr.com/fodnsft/Ra8mmb7d7/dock.png" height="60" width="700" />
  637. </center>
  638.  
  639. <div class="app">
  640. <center>
  641. <a href="/" title="Finder"><img src="http://static.tumblr.com/fodnsft/ikdmmb801/findericon.png" width="50"/></a>
  642. <a href="{text:Contacts Link}" title="Contacts"><img src="http://static.tumblr.com/fodnsft/nGRmmb860/address_book_icon.png" width="46" /></a>
  643. <a href="http://www.merriam-webster.com/" title="Dictionary"><img src="http://static.tumblr.com/fodnsft/Y74mmb8a1/dictionaryicon.png" width="50" /></a>
  644. <a href="#?w=500" rel="06" class="poplight" title="Mail"><img src="http://static.tumblr.com/fodnsft/VkVmmb8f4/macmail_icon.png" width="52" /></a>
  645. <a href="{text:iTunes Link}" title="iTunes"><img src="http://static.tumblr.com/fodnsft/g9smmb8hq/itunesicon.png" width="52" /></a>
  646. <a href="/submit" title="TextEdit"><img src="http://static.tumblr.com/fodnsft/P7Mmmb8jf/textediticon.png" width="50" /></a>
  647. <a href="{text:iPhoto Link}" title="iPhoto"><img src="http://static.tumblr.com/fodnsft/zrjmmb8k5/eos_40d_iphoto_icon_by_darkdest1ny.png" width="52" /></a>
  648. <a href="{text:Calculator Link}" title="Calculator"><img src="http://static.tumblr.com/fodnsft/J29mmbhwo/calculator_icon.png" width="50" /></a>
  649. <a href="{text:Settings Link}" title="Preferences"><img src="http://static.tumblr.com/fodnsft/sevmmb8mf/settingsicon.png" width="50" /></a>
  650. <a href="{text:Application Link}" title="Applications"><img src="http://static.tumblr.com/fodnsft/Wommmb98x/applications.png" width="52" /></a>
  651. <a href="/random" title="Documents"><img src="http://static.tumblr.com/fodnsft/J5Emmb9as/documents.png" width="53" /></a>
  652. <a href="/archive" title="Trash"><img src="http://static.tumblr.com/fodnsft/1F5mmb9l3/mac_trashcan_full_new.png" width="48" /></a>
  653. </center>
  654. </div>
  655.  
  656. </div>
  657.  
  658. <div id="content">
  659.  
  660. {block:Posts}
  661.  
  662. <div class="post">
  663.  
  664. {block:IndexPage}
  665. <div class="posttype"><div align="left"><div class="closess"><img src="http://static.tumblr.com/fodnsft/n0fmmbkth/mac-icons-back.png" width="50" /></div></div>{PostType}</div><br />
  666. {/block:IndexPage}
  667.  
  668. {block:Title}
  669. <div class="post_title">{Title}</div>
  670. {/block:Title}
  671.  
  672. {block:Text}{Body}
  673. {/block:Text}
  674.  
  675. {block:Photo}
  676. {block:IndexPage}
  677. {block:ifTwoColumns}
  678. <img src="{PhotoURL-500}" width="250"/>
  679. {/block:ifTwoColumns}
  680. {block:ifOneColumn}
  681. <img src="{PhotoURL-500}" width="400"/>
  682. {/block:ifOneColumn}
  683. {/block:IndexPage}
  684. {block:PermalinkPage}
  685. <img src="{PhotoURL-500}" width="522"/>
  686. {/block:PermalinkPage}
  687. {/block:Photo}
  688.  
  689. {block:Photoset}
  690. {block:IndexPage}
  691. {Photoset-250}
  692. {/block:IndexPage}
  693. {block:PermalinkPage}
  694. {Photoset-500}
  695. {/block:PermalinkPage}
  696. {/block:Photoset}
  697.  
  698.  
  699. {block:Quote}
  700. {Quote}
  701. <div align="right">
  702. {block:Source}-{Source}{/block:Source}
  703. </div>
  704. {/block:Quote}
  705.  
  706.  
  707. {block:Video}
  708. {block:IndexPage}
  709. {Video-250}
  710. {/block:IndexPage}
  711. {block:PermalinkPage}
  712. {Video-500}
  713. {/block:PermalinkPage}
  714. {/block:Video}
  715.  
  716.  
  717. {block:Link}
  718. <div align="center">
  719. <a href="{URL}" class="link" {Target}>
  720. <div class="link_title">{Name}</div>
  721. </a>
  722. </div>
  723. {block:Description}{Description}{/block:Description}
  724. {/block:Link}
  725.  
  726. {block:Chat}
  727. {block:Lines}
  728. <li class="chat">
  729. {block:Label}
  730. <b>{Label}</b>
  731. {/block:Label}
  732. &nbsp;{Line}<br /></li>
  733. {/block:Lines}
  734. {/block:Chat}
  735.  
  736. {block:Audio}
  737. {AudioPlayerBlack}
  738. <br><div align="center">{block:Artist}
  739. {Artist}</div>
  740. {/block:Artist}
  741. {block:Caption}{Caption}{/block:Caption}
  742. {/block:Audio}
  743.  
  744.  
  745. {block:Answer}
  746. <div style="padding: 5px; background-color: transparent; border:1px solid #aaa;"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:8px; margin-top:1px; border:1px solid #dedede;" />
  747.  
  748. <div style="font-family:tahoma; letter-spacing:1px; font-size:10px; line-height:18px;padding:2px; margin-left:15px; text-align:left; ">{Asker} asked:</div><div style="line-height:12px;"> {Question}</div></div>
  749.  
  750. <div style="margin-top:5px; padding: 5px; background-color: transparent;"><div style="margin-top:-8px;line-height:12px; text-align:left;">{Answer}</div></div>
  751. {/block:Answer}
  752.  
  753. {block:IndexPage}
  754. <div class="postnotes">
  755. <a href="{ReblogURL}" target="_blank">REBLOG</a> - <a href="{Permalink}">{notecount}</a>
  756. </div>
  757. {/block:IndexPage}
  758.  
  759. {block:PermalinkPage}
  760. {block:Caption}
  761. {Caption}
  762. {/block:Caption}
  763. <br>
  764. {block:HasTags}
  765. {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}
  766. {/block:hasTags}
  767. <br>
  768. {block:NoteCount}
  769. {NoteCount} notes
  770. {/block:NoteCount}
  771. <Br>
  772. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  773. {/block:PermalinkPage}
  774. </div>
  775.  
  776. {/block:Posts}
  777. {block:IndexPage}
  778. {block:Pagination}
  779. <div id="pagination">
  780. {block:NextPage}
  781. <a id="nextPage" href="{NextPage}"></a>
  782. {/block:NextPage}
  783. {block:PreviousPage}
  784. <a href="{PreviousPage}"></a>
  785. {/block:PreviousPage}
  786. </div>
  787. {/block:Pagination}
  788. {/block:IndexPage}
  789.  
  790. </div>
  791. </body>
  792.  
  793. <div id="06" class="popup_block">
  794. <div style="background-color:white; padding:10px;">
  795. <div class="post_title">New Message</div>
  796. <form>
  797. To: <input type="text" name="fname"><br />
  798. Subject: <input type="text" name="fname"><br />
  799. From: <input type="text" name="fname">
  800. </form><br />
  801. <iframe frameborder="0" scrolling="yes" width="100%" height="100%" src="http://www.tumblr.com/ask_form/{text:your url here}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  802. </div>
  803. </div>
  804.  
  805. <!-- credz to donutastic -->
  806.  
  807. </div>
  808. </html>
Add Comment
Please, Sign In to add comment