Advertisement
sweetestgale

kate bishop

Apr 15th, 2016
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.93 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11.  
  12.  
  13. <meta name="color:background" content="#">
  14. <meta name="image:background" content="">
  15. <meta name="color:font" content="#fff">
  16. <meta name="color:postback" content="#fff">
  17. <meta name="color:links" content="#fff">
  18. <meta name="color:linkshover" content=#000>
  19. <meta name="color:tags" content=#fff>
  20. <meta name="color:bold" content="#000">
  21. <meta name="color:italics" content="#000">
  22. <meta name="image:tags" content="">
  23. <meta name="color:info" content="#fff">
  24. <meta name="color:otherlinks" content="#a54141">
  25. <meta name="image:popup" content="">
  26.  
  27.  
  28.  
  29.  
  30. <meta name="text:Link 1" content=""/>
  31. <meta name="text:Link 1 URL" content=""/>
  32. <meta name="text:Link 2" content=""/>
  33. <meta name="text:Link 2 URL" content=""/>
  34. <meta name="text:Link 3" content=""/>
  35. <meta name="text:Link 3 URL" content=""/>
  36. <meta name="text:Link 4" content=""/>
  37. <meta name="text:Link 4 URL" content=""/>
  38. <meta name="text:Link 5" content=""/>
  39. <meta name="text:Link 5 URL" content=""/>
  40.  
  41. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700' rel='stylesheet' type='text/css'>
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  48. <link href='https://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'>
  49. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  50. <link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
  51. <link href='https://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
  52. <link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
  53. <link href='https://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:90,
  71.  
  72. tip_fade_speed:600,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83. <!--basic tooltip from tutorial-baby! Enjoy-->
  84. <style>
  85. .tooltip{
  86. display: inline;
  87. position: relative;
  88. }
  89. #s-m-t-tooltip {
  90. max-width:300px; /*how big the tooltip can be at most*/
  91. border-radius: 0px; /*change your border radius*/
  92. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  93. margin:10px 7px -2px 10px; /*distance from word*/
  94. background-color:#f0f0f0; /*background color*/
  95. border:0px solid #E0E0E0; /*border info*/
  96. font-family:calibri; /*tooltip font*/
  97. font-size:9px; /*tooltip font size*/
  98. letter-spacing:2px; /*tooltip letter spacing*/
  99. text-transform:uppercase; /*makes the tooltip title uppercase*/
  100. color:#000; /*tooltip font color*/
  101. z-index:999999999999999999999999999999999999;
  102. }
  103. </style>
  104.  
  105. <style type="text/css">A:hover{letter-spacing: 2px;}</style>
  106.  
  107.  
  108.  
  109. <script type="text/javascript"
  110. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  111. <script>
  112. $(document).ready(function() {
  113. //
  114. $('a.poplight[href^=#]').click(function() {
  115. var popID = $(this).attr('rel'); //Get Popup Name
  116. var popURL = $(this).attr('href'); //Get Popup href to define size
  117. var query= popURL.split('?');
  118. var dim= query[1].split('&');
  119. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  120. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: transparent; padding: 2px; color:#555;" /></a>');
  121. var popMargTop = ($('#' + popID).height() + 80) / 2;
  122. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  123. //Apply Margin to Popup
  124. $('#' + popID).css({
  125. 'margin-top' : -popMargTop,
  126. 'margin-left' : -popMargLeft
  127. });
  128. $('body').append('<div id="fade"></div>');
  129. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  130. return false;
  131. });
  132. $('a.close, #fade').live('click', function() {
  133. $('#fade , .popup_block').fadeOut(function() {
  134. $('#fade, a.close').remove(); //fade them both out
  135. });
  136. return false;
  137. });
  138. });
  139. </script>
  140. <script>
  141. $(document).ready(function(){
  142.  
  143. $('ul.tabs li').click(function(){
  144. var tab_id = $(this).attr('data-tab');
  145.  
  146. $('ul.tabs li').removeClass('current');
  147. $('.tab-content').removeClass('current');
  148.  
  149. $(this).addClass('current');
  150. $("#"+tab_id).addClass('current');
  151. })
  152.  
  153. })
  154. </script>
  155.  
  156.  
  157. <style type="text/css">
  158.  
  159.  
  160.  
  161. ::selection {
  162. background: #730000;
  163. color: #fff;
  164. }
  165.  
  166. ::-moz-selection {
  167. background: #HEX selection color;
  168. color: #HEX font color;
  169. }
  170.  
  171. ::-webkit-selection {
  172. background: #HEX selection color;
  173. color: #HEX font color;
  174. }
  175.  
  176. #fade {
  177. display: none;
  178. background: #000;
  179. position: fixed;
  180. left: 0;
  181. top: 0;
  182. width: 100%;
  183. height: 100%;
  184. opacity: 0.8;
  185. z-index: 999;}
  186.  
  187. .popup_block{
  188. width: 440px;
  189. max-height: 320px;
  190. overflow-y:scroll;
  191. overflow-x:hidden;
  192. color:#fff;
  193. display:none;
  194. background:#313131;
  195. background-image: url({image:popup});
  196. padding:20px;
  197. border:0px solid #eee;
  198. text-shadow:2px 2px 2px #000;
  199. float:left;
  200. position:fixed;
  201. top:50%;left:50%;
  202. z-index: 99999;
  203. }
  204.  
  205.  
  206. img.btn_close {float: right; margin: -25px -25px 0 0;}
  207.  
  208.  
  209.  
  210. *html #fade {position: absolute;}
  211.  
  212. *html .popup_block {position: absolute;}
  213.  
  214.  
  215. #text1 {
  216.  
  217.  
  218.  
  219. font-family: 'Trebuchet MS', serif;
  220. line-height: 1.6
  221. }
  222. .container{
  223.  
  224.  
  225.  
  226. text-align: right;
  227. top: 200px;
  228. padding: 10px;
  229. }
  230.  
  231.  
  232.  
  233. ul.tabs{
  234. margin: 0px;
  235. padding: 0px;
  236. list-style: none;
  237. text-transform: uppercase;
  238. }
  239. ul.tabs li{
  240. background: none;
  241. color: #;
  242. display: inline-block;
  243. padding: 10px 15px;
  244. cursor: pointer;
  245. }
  246.  
  247. ul.tabs li.current{
  248. background: #000;
  249. color: #;
  250. }
  251.  
  252. .tab-content{
  253. display: none;
  254. background: #;
  255. padding: 15px;
  256. width: 300px;
  257. margin: 0 auto;
  258. height: 300px;
  259. padding:10px;
  260. font: 9px arial;
  261. height: 300px;
  262. color:#fff;
  263. letter-spacing:1px;
  264. text-align:justify;
  265.  
  266. }
  267.  
  268. .tab-content.current{
  269. display: inherit;
  270. }
  271.  
  272. #popupimage img{
  273. max-width:200px;
  274. background-image:{image:popup};
  275. }
  276.  
  277. #askblock {
  278. width:400px;
  279.  
  280. padding:10px;
  281. font: 9px arial;
  282. height: 400px;
  283. color:#555;
  284. letter-spacing:1px;
  285. text-align:right;
  286. }
  287.  
  288.  
  289. .title {
  290. font: oblique bold 25px arial;
  291. letter-spacing:2px;
  292. color:#333;
  293. text-align:center;
  294. margin-top:-10px;
  295. font-family: 'Archivo Narrow', sans-serif;
  296.  
  297. position:fixed;
  298. }
  299.  
  300. #nav {
  301. width:300px;
  302. background:#;
  303. padding:10px;
  304. height: 300px;
  305. margin-top: 10px;
  306. text-align:justify;
  307.  
  308. }
  309.  
  310. #nav a{
  311. text-decoration:none;
  312. font: 9px arial;
  313. color:#fff;
  314. letter-spacing:1px;
  315. display:inline-block;
  316. text-align:center;
  317. background:#202020;
  318. top: 20px;
  319. padding: 2px;
  320. width:50px;
  321. margin:5px;
  322. -webkit-transition:all 0.7s ease-in-out;
  323. -moz-transition:all 0.7s ease-in-out;
  324. -o-transition:all 0.7s ease-in-out;
  325. transition:all 0.7s ease-in-out;}
  326.  
  327. #nav a:hover{background:#111;color:#fff;}
  328.  
  329.  
  330.  
  331.  
  332.  
  333.  
  334. #text2 {
  335. width:300px;
  336. background:#;
  337. padding:10px;
  338. height: 300px;
  339. margin-top: 10px;
  340. text-align:justify;
  341. padding-bottom: 10px;
  342.  
  343. }
  344.  
  345. #text2 a {
  346. color:{color:otherlinks};
  347. }
  348.  
  349.  
  350.  
  351. #text3 {
  352. width:300px;
  353. background:#;
  354. padding:10px;
  355. height: 300px;
  356. margin-top: 10px;
  357. text-align:justify;
  358. padding-bottom: 10px;
  359.  
  360. }
  361.  
  362.  
  363. body {
  364. background-image: url({image:Background});
  365.  
  366. font-family: 'Source Sans Pro', sans-serif;
  367. font-size: 10px;
  368. color: {color:font};
  369. background-position: top left;
  370. background-repeat: no-repeat;
  371. background-attachment: fixed;
  372. }
  373.  
  374. a {
  375. text-decoration: none;
  376. color: {color:links};
  377. font-family: 'Yanone Kaffeesatz', sans-serif;
  378. text-transform: uppercase;
  379. font-weight: bold;
  380. font-size: 10.5px;
  381. letter-spacing: .5px;
  382. -webkit-transition: all 0.7s ease;
  383. -moz-transition: all 0.7s ease;
  384. -o-transition: all 0.7s ease;
  385. }
  386.  
  387. a:hover {
  388. color: {color:linkshover};
  389. color: transparent;
  390.  
  391. text-shadow: #000 0 0 5px;
  392.  
  393. text-decoration:none;
  394.  
  395.  
  396. }
  397.  
  398. small, sub, sup {
  399. font-size: 9.5px;
  400. }
  401.  
  402. border: 10px solid #fff;
  403.  
  404.  
  405. img {
  406. max-width: 100%;
  407. }
  408.  
  409. blockquote {
  410. border-left: 3px solid #f0f0f0;
  411. margin-left: 6px;
  412. padding-left: 10px;
  413. }
  414.  
  415. blockquote img {
  416. MAX-WIDTH:100%;
  417. HEIGHT:AUTO;
  418. }
  419.  
  420. li {
  421. list-style-type: square;
  422. padding-bottom: 10px;
  423.  
  424. }
  425.  
  426. b, strong {
  427. color: {color:bold};
  428. font-family: 'Playfair Display SC', serif;
  429. font-size: 12px;
  430. font-weight: bold;
  431. text-shadow: 0 0 0.3em #3c3c3c;
  432. text-transform: uppercase;
  433. }
  434.  
  435.  
  436. i, em {
  437. color: {color:italics};
  438. font-family: 'Playfair Display SC', serif;
  439. font-weight: italic;
  440. font-size: 12px;
  441. text-shadow: 0 0 0.3em #3c3c3c;
  442. text-transform: none;
  443. letter-spacing: 1px;
  444. }
  445.  
  446. h1 {
  447. font-size:10px;
  448. line-height:30px;
  449. text-align:center;
  450. text-transform: uppercase;
  451. padding:10px;
  452. font-family: 'Oswald', sans-serif;
  453.  
  454. }
  455.  
  456.  
  457. h2 {
  458. font-size:12px;
  459. text-align:center;
  460. line-height:100%;
  461. letter-spacing:-0.5px;
  462. color:#868686;
  463. font-weight:bold;
  464. text-transform:uppercase;
  465. font-family: 'Anton', sans-serif;
  466. padding:5px;
  467. padding-bottom:2px;
  468. letter-spacing: 1px;
  469. }
  470.  
  471. h3 {
  472. font-size:15px;
  473. text-align:left;
  474. line-height:100%;
  475. letter-spacing:-0.5px;
  476. color:{color:title};
  477. font-weight:bold;
  478. text-transform:uppercase;
  479. padding:5px;
  480. padding-bottom:2px;
  481. }
  482.  
  483.  
  484.  
  485.  
  486. /* For the "inset" look only */
  487. html {
  488. overflow: auto;
  489. }
  490. body {
  491. position: absolute;
  492. top: 20px;
  493. left: 20px;
  494. bottom: 20px;
  495. right: 20px;
  496. padding: 30px;
  497. overflow-y: scroll;
  498. overflow-x: hidden;
  499. }
  500.  
  501. /*basic*/
  502.  
  503. ::-webkit-scrollbar-thumb:vertical {
  504.  
  505. border: 1px solid#fff;
  506. background-color: ;
  507.  
  508. }
  509.  
  510. ::-webkit-scrollbar {
  511.  
  512. width: 1px;
  513.  
  514. }
  515.  
  516.  
  517. .posts {
  518. width: 250px;
  519. padding: 10px;
  520. padding-bottom: 10px;
  521. background: ;
  522. margin-bottom: 30px;
  523.  
  524.  
  525. }
  526.  
  527.  
  528. #container {
  529. position: absolute;
  530. left: 580px;
  531. margin-top:300px;
  532. HEIGHT:250px;
  533. OVERFLOW-Y:SCROLL;
  534. padding: 10px;
  535.  
  536. }
  537.  
  538. #sidebar {
  539. position:fixed;
  540. left:0px;
  541. top:0px;
  542. height:100%;
  543. width:270px;
  544. background:#000;
  545. border: solid 1px #000;
  546. color: #fff;
  547. padding: 5px;
  548. text-align: center;
  549.  
  550.  
  551. }
  552.  
  553. #title {
  554. display: none;
  555. }
  556.  
  557. #description {
  558. font-size:10px;
  559. color:#fff;
  560. text-align: left;
  561. left:452px;
  562. top:350px;
  563. position:fixed;
  564. width: 140px;
  565. padding:10px;
  566. height:200px;
  567. OVERFLOW-Y:SCROLL;
  568. padding: 10px;
  569.  
  570. }
  571.  
  572.  
  573.  
  574. .links {
  575. font-size: 10px;
  576. padding: 10px;
  577. position: absolute;
  578. left: 470px;
  579. top:505px;
  580. color: {color:otherlinks};
  581. line-height: 250%;
  582. word-spacing: 10px;
  583. }
  584.  
  585. .links a {
  586. color: {color:otherlinks};
  587. display:inline-block;
  588. -webkit-transition: all 0.7s ease;
  589. -moz-transition: all 0.7s ease;
  590. -o-transition: all 0.7s ease;
  591. }
  592.  
  593. .links a:hover {
  594. color: {color:linkshover};
  595. -webkit-transition: all 0.7s ease;
  596. -moz-transition: all 0.7s ease;
  597. -o-transition: all 0.7s ease;
  598. }
  599.  
  600. ol.notes {
  601. padding: 0px;
  602. margin: 25px 0px;
  603. list-style-type: none;
  604. border-bottom: solid 1px #ccc;
  605. }
  606.  
  607. ol.notes li.note {
  608. border-top: solid 1px #ccc;
  609. padding: 10px;
  610. }
  611.  
  612. ol.notes li.note img.avatar {
  613. vertical-align: -4px;
  614. margin-right: 10px;
  615. width: 16px;
  616. height: 16px;
  617. }
  618.  
  619. ol.notes li.note span.action {
  620. font-weight: bold;
  621. }
  622.  
  623. ol.notes li.note .answer_content {
  624. font-weight: normal;
  625. }
  626.  
  627. ol.notes li.note blockquote {
  628. border-color: #eee;
  629. padding: 4px 10px;
  630. margin: 10px 0px 0px 25px;
  631. }
  632.  
  633. ol.notes li.note blockquote a {
  634. text-decoration: none;
  635. }
  636.  
  637. /* Chat Posts */
  638. .format-chat .entry-content p{
  639. background: #e0f1f3; /* The background color of first paragraph */
  640. border-left: 7px solid #2ba6cb; /* The setting for border of first paragraph */
  641. margin-bottom: 2px;
  642. padding-left: 13px;
  643. }
  644. .format-chat .entry-content p:nth-child(odd) {
  645. background: #e9e9e9; /* The background color of next paragraph */
  646. border-left-color: #5da423; /* The setting for border of next paragraph */
  647. }
  648.  
  649. #pagination {
  650. position:fixed;
  651. bottom:70px;
  652. left:920px;
  653. }
  654.  
  655. #pagination a {
  656. color:#fff;
  657. font-size:10px;
  658. -webkit-transition: all 0.7s ease;
  659. -moz-transition: all 0.7s ease;
  660. -o-transition: all 0.7s ease;
  661. }
  662.  
  663. #pagination a:hover {
  664. color:#000;
  665. }
  666.  
  667.  
  668. #permalink {
  669.  
  670. text-align: center;
  671. font-size: 10px;
  672. text-decoration: none;
  673. font-family: 'Roboto Condensed', sans-serif;
  674. background-image: url({image:tags});
  675. border: 1px; border-color: #f0f0f0;
  676. border-style: solid;
  677. padding: 15px;
  678. background-color:#;
  679. height:15px;
  680. letter-spacing: 2px;
  681. position: relative;
  682.  
  683. }
  684.  
  685. #permalink a {
  686. color: {color:info};
  687. text-align: center;
  688.  
  689. }
  690.  
  691.  
  692. #permalink a:hover {
  693.  
  694. color: {color:linkshover};
  695. }
  696.  
  697.  
  698. .tags {
  699. text-align: center;
  700. font-family: 'Roboto Condensed', sans-serif;
  701. font-size: 9px;
  702. padding: 5px;
  703.  
  704. }
  705.  
  706. .tags a {
  707. color: {color:tags};
  708. }
  709.  
  710. .tags a:hover {
  711. color: {color:linkshover};
  712.  
  713. }
  714.  
  715.  
  716. .date {
  717. text-align: center;
  718. color: #fff;
  719. }
  720.  
  721. .date a {
  722. text-align: center;
  723. }
  724.  
  725. .reblogs {
  726.  
  727. text-align: center;
  728. }
  729.  
  730.  
  731.  
  732. .asker {
  733. font-size:15px;
  734. font-style: italic;
  735. text-align:center;
  736. border-bottom:1px solid #eee;
  737. margin-bottom:5px;
  738. padding-bottom:3px;
  739.  
  740. }
  741.  
  742. .question {
  743. font-style: italic;
  744. padding-left:50px;
  745. padding-right:50px;
  746. }
  747.  
  748.  
  749. .quote {
  750. font-size:13px;
  751. letter-spacing:1px;
  752. text-align:center;
  753. font-family: 'Pathway Gothic One', sans-serif;
  754. margin-bottom:5px;
  755. padding-bottom:3px;
  756. }
  757.  
  758. .quotesource {
  759. font-size:10px;
  760. letter-spacing:1px;
  761. text-align:center;
  762. border-bottom:1px solid #eee;
  763. margin-bottom:5px;
  764.  
  765. }
  766.  
  767. #credit {
  768.  
  769. bottom:125px;
  770. right:150px;
  771. height:30px;
  772. width:30px;
  773. font-family: 'Oswald', sans-serif;
  774. position:absolute;
  775. padding:5px;
  776. color: white;
  777. font-size:15px;
  778. }
  779.  
  780. </style>
  781.  
  782.  
  783. <body>
  784. <div id="title"><h1>{Title}</h1></div>
  785.  
  786.  
  787.  
  788.  
  789.  
  790. {block:sidebar}<p id="sidebar"></p>{/block:sidebar}
  791.  
  792. {block:Description}
  793. <div id="description"><p><center>
  794. <h2>I got this.</h2>
  795. <p>
  796.  
  797. Independent Kate Bishop<p>
  798.  
  799. Earth 616
  800.  
  801. <h2>Established Nov. 2013</h2>
  802. <p>Written by Alicia</p>
  803.  
  804. </div> <div class="links">
  805. <a href="{text:Link 1 URL}" title="home">.01</a>
  806. <a href="#?w=440" rel="01" class="poplight" title="ask">.02</a>
  807. <a href="#?w=440" rel="03" class="poplight" title="about">.03</a>
  808.  
  809. </div>
  810. </div>
  811. {/block:Description}
  812.  
  813.  
  814.  
  815. <div id="pagination">{block:Pagination}
  816. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>
  817. {/block:NextPage}
  818. {/block:Pagination}</div>
  819.  
  820. <div id="container">
  821. {block:Posts}<div class="posts">
  822.  
  823.  
  824. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  825.  
  826. {block:Photo}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{block:Caption}
  827. <div class="caption">{Caption}</div>
  828. {/block:Caption}{/block:Photo}
  829.  
  830. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  831.  
  832. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  833.  
  834. {block:Quote}<div class="quote">"{Quote}"<br>{block:Source}{Source}{/block:Source}</div>{/block:Quote}
  835.  
  836. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  837.  
  838. {block:Chat}{block:Title}<h1>{Title}</h1></a>{/block:Title}
  839. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  840.  
  841. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  842.  
  843. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  844.  
  845. {block:Answer}
  846. <div class="asker">{Asker} asked</div>
  847. <div class="question">{Question}</div>
  848. {Answer}
  849. {/block:Answer}
  850.  
  851. <div id="permalink"><div class="date"><a href="{permalink}">{block:Date}<a href="{permalink}" title="{TimeAgo}">&#10006;</a> {/block:Date}</a><a href="{Permalink}" title="{NoteCountWithLabel}">&#10006; </a>{/block:NoteCount}</a>{block:RebloggedFrom}<a href="{Permalink}"><a title="{ReblogParentName}" href="{ReblogParentURL}">&#10006;</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}"href="{SourceURL}">&#10006;</a>{/block:ContentSource} {/block:RebloggedFrom}
  852. <a href="{ReblogURL}" title="reblog">Reblog</a></div></div>
  853.  
  854.  
  855. <div class="tags">{block:HasTags}
  856. <ul class="tags">
  857. {block:Tags}
  858.  
  859. <a href="{TagURL}">{Tag}</a>
  860.  
  861. {/block:Tags}
  862. </ul>
  863. {/block:HasTags}</div>
  864. {block:PostNotes}{PostNotes} {/block:PostNotes}
  865.  
  866.  
  867. </div>
  868.  
  869. {/block:Posts}
  870.  
  871.  
  872.  
  873. </div>
  874.  
  875.  
  876.  
  877. {block:ContentSource}
  878. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  879. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  880. {/block:SourceLogo}
  881. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  882. {/block:ContentSource}
  883.  
  884.  
  885.  
  886.  
  887. </body>
  888.  
  889. <div id="01" class="popup_block"><div id="askblock">
  890. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="no" titlle="ask away" src="http://www.tumblr.com/ask_form/iwasborncareful.tumblr.com" width="100%"></iframe></p>
  891. </div></div></div></div></div></div></div></div></div></div></div></div>
  892.  
  893.  
  894.  
  895. <div id="03" class="popup_block"><div class="text1" div class="container">
  896.  
  897. <ul class="tabs">
  898. <li class="tab-link current" data-tab="tab-1">tab 1</li>
  899. <li class="tab-link" data-tab="tab-2">tab 2</li>
  900. <li class="tab-link" data-tab="tab-3">tab 3</li>
  901. <li class="tab-link" data-tab="tab-4">tab 4</li>
  902. </ul>
  903.  
  904. <div id="tab-1" class="tab-content current">
  905.  
  906. <p>Tab content goes here!</p>
  907. <h1>Title 1</h1>
  908. </div>
  909.  
  910.  
  911. <div id="tab-2" class="tab-content">
  912. <p>next tab content</p>
  913. </div>
  914.  
  915.  
  916.  
  917. <div id="tab-3" class="tab-content">
  918.  
  919. <div id="nav">
  920. <p> any content you like, but I put in links here</p>
  921. <a href="link here">like so</a>
  922. </div>
  923. </div>
  924.  
  925.  
  926. <div id="tab-4" class="tab-content">
  927. <p>more content here</p>
  928. </div>
  929. </div>
  930. </div><!-- container --></div>
  931.  
  932.  
  933.  
  934.  
  935.  
  936.  
  937. </html>
  938.  
  939.  
  940.  
  941.  
  942.  
  943. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement