Isandria

editedpersonaltheme1

May 9th, 2016
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.57 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- THEME #5: HERE THERE BE DRAGONS
  6. BY BOOKERATTANO. HAVE FUN WITH IT,
  7. JUST PLEASE DON'T GET RID OF THE CREDIT--->
  8.  
  9. <!--- TOOLTIP --->
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12. <script>
  13. (function($){
  14. $(document).ready(function(){
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18. tip_delay_time:0,
  19. tip_fade_speed:0,
  20. attribute:"title"
  21.  
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27. <!---CUSTOM FONTS--->
  28. <link href='https://fonts.googleapis.com/css?family=Josefin+Slab' rel='stylesheet' type='text/css'>
  29. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  30.  
  31. <!---POP UP BOX--->
  32. <script type="text/javascript"
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34. <script>
  35. $(document).ready(function() {
  36. //
  37. $('a.poplight[href^=#]').click(function() {
  38. var popID = $(this).attr('rel'); //Get Popup Name
  39. var popURL = $(this).attr('href'); //Get Popup href to define size
  40. var query= popURL.split('?');
  41. var dim= query[1].split('&');
  42. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  43. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  44. var popMargTop = ($('#' + popID).height() + 80) / 2;
  45. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  46. //Apply Margin to Popup
  47. $('#' + popID).css({
  48. 'margin-top' : -popMargTop,
  49. 'margin-left' : -popMargLeft
  50. });
  51. $('body').append('<div id="fade"></div>');
  52. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  53. return false;
  54. });
  55. $('a.close, #fade').live('click', function() {
  56. $('#fade , .popup_block').fadeOut(function() {
  57. $('#fade, a.close').remove(); //fade them both out
  58. });
  59. return false;
  60. });
  61. });
  62. </script>
  63.  
  64. <title>{title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  67. <meta name="description" content="" />
  68. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  69.  
  70. <!--- COLOR OPTIONS --->
  71. <meta name="color:Background" content="#0d1e27"/>
  72. <meta name="color:Posts BG" content="#0d1e27"/>
  73. <meta name="color:Text" content="#f3ebdc"/>
  74. <meta name="color:Post Bold" content="#9c8d6e"/>
  75. <meta name="color:Post Italic" content="#8d9b8a"/>
  76. <meta name="color:Special" content="#d1f5e3"/>
  77. <meta name="color:Borders" content="#6f614f"/>
  78. <meta name="color:Link" content="#589877"/>
  79. <meta name="color:Link Hover" content="#cccccc"/>
  80. <meta name="color:Shadows" content="#b0cad7"/>
  81. <meta name="color:Scrollthumb" content="#6f614f"/>
  82. <meta name="color:Tooltip BG" content="#0d1e27"/>
  83. <meta name="color:Tooltip Font" content="#f3ebdc"/>
  84.  
  85. <!--- IMAGE OPTIONS --->
  86. <meta name="if:Cover BG" content="0"/>
  87. <meta name="image:Background" content="http://static.tumblr.com/c22c71634bbd532e54238f02fb0a4fff/r3qzb80/fLjnr1dg7/tumblr_static_8urk3dfef2o8c4wo8wkw4o44w.png"/>
  88. <meta name="image:entries" content="http://static.tumblr.com/15893462aaf5a0091fb0563b3f24f5c3/r3qzb80/XNunr1d2q/tumblr_static_e52ht1g1w0844s448skwsgcc0.png"/>
  89.  
  90. <!--- LINKS --->
  91. <meta name="text:link 1" content="Link 1 Title"/>
  92. <meta name="text:link 1 url" content="/"/>
  93. <meta name="text:link 2" content="Link 2 Title"/>
  94. <meta name="text:link 2 url" content="/"/>
  95. <meta name="text:link 3" content="Link 3 Title"/>
  96. <meta name="text:link 3 url" content="/"/>
  97. <meta name="text:link 4" content="Link 4 Title"/>
  98. <meta name="text:link 4 url" content="/"/>
  99. <meta name="text:link 5" content="Link 5 Title"/>
  100. <meta name="text:link 5 url" content="/"/>
  101. <meta name="text:link 6" content="Link 6 Title"/>
  102. <meta name="text:link 6 url"content="/"/>
  103.  
  104. <style type="text/css">
  105.  
  106. /* --- THEME BASICS --- */
  107.  
  108. html {
  109. background: url('{image:Background}')
  110. {block:IfCoverBG}
  111. no-repeat center center fixed;
  112. -webkit-background-size: cover;
  113. -moz-background-size: cover;
  114. -o-background-size: cover;
  115. background-size: cover;
  116. {/block:IfCoverBG}
  117. repeat center center fixed;
  118. background-color: {color:background};
  119. }
  120.  
  121. ::-webkit-scrollbar {
  122. width: 1px;
  123. height: 4px;
  124. padding:2px;
  125. background: transparent;
  126. }
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. background-color: {color:scrollthumb};
  130. }
  131.  
  132. body {
  133. margin:0px;
  134. color:{color:text};
  135. font-family:'Josefin Slab';
  136. font-size:12px;
  137. text-align: justify;
  138. line-height:1.25em;
  139. margin-left:435px;
  140. }
  141.  
  142. h1 a {
  143. font-family: 'Homemade Apple';
  144. font-weight:normal;
  145. font-size:15px;
  146. text-align:center;
  147. font-style:normal;
  148. text-transform:none !important;
  149. font-variant:normal !important;
  150. font-style:normal;
  151. line-height:100%;
  152. letter-spacing:1px;
  153. color:{color:text};
  154. }
  155.  
  156. h2 {
  157. font-family: 'Josefin Slab';
  158. font-size:15px;
  159. text-align:center;
  160. text-transform:uppercase;
  161. line-height:100%;
  162. letter-spacing:1px;
  163. color:{color:text};
  164. padding:5px;
  165. padding-bottom:2px;
  166. }
  167.  
  168. h3 {
  169. font-family: 'Homemade Apple', sans-serif;
  170. font-size:18px;
  171. font-style:italic;
  172. font-weight:normal;
  173. line-height:100%;
  174. letter-spacing:1px;
  175. color:{color:text};
  176. padding:5px;
  177. padding-bottom:2px;
  178. }
  179.  
  180. small, sub, sup {
  181. font-size:100% !important;
  182. }
  183.  
  184. a {
  185. color: {color:Link};
  186. text-decoration: none;
  187. -moz-transition-duration: 0.5s;
  188. -o-transition-duration: 0.5s;
  189. -webkit-transition-duration: 0.5s;
  190. transition-duration: 0.5s;
  191. }
  192.  
  193. a:hover {
  194. color: {color:Link Hover};
  195. -moz-transition-duration: 0.5s;
  196. -o-transition-duration: 0.5s;
  197. -webkit-transition-duration: 0.5s;
  198. transition-duration: 0.5s;
  199. text-shadow:
  200. 0.2em 0.1em 0.1em {color:Shadows}
  201. }
  202.  
  203. #post a {
  204. color: {color:Borders};
  205. font-weight:bold;
  206. letter-spacing: 1px;
  207. text-decoration: none;
  208. text-transform:lowercase;
  209. font-variant:small-caps;
  210. -moz-transition-duration: 0.5s;
  211. -o-transition-duration: 0.5s;
  212. -webkit-transition-duration: 0.5s;
  213. transition-duration: 0.5s;
  214. }
  215.  
  216. #post a:hover {
  217. color: #fff783;
  218. -moz-transition-duration: 0.5s;
  219. -o-transition-duration: 0.5s;
  220. -webkit-transition-duration: 0.5s;
  221. transition-duration: 0.5s;
  222. text-shadow:
  223. 0.2em 0.1em 0.1em #e57742
  224. }
  225.  
  226. blockquote {
  227. border-left: solid 1px;
  228. border-color: {color:Borders};
  229. padding:1px;
  230. padding-left:10px;
  231. margin-left: 20px;
  232. -webkit-margin-end: 0px;
  233. }
  234.  
  235. #post {
  236. width:495px;
  237. padding-bottom:40px;
  238. }
  239.  
  240. #post b, strong {
  241. color: {color:Post Bold};
  242. letter-spacing:1px;
  243. }
  244.  
  245. b{
  246. color: {color:Post Bold};
  247. letter-spacing:1px;
  248. }
  249.  
  250.  
  251. #post i, em {
  252. color: {color:Post Italic};
  253. font-family: 'Homemade Apple', sans-serif;
  254. font-style:normal;
  255. font-size:12px;
  256. letter-spacing:0.5px;
  257. }
  258.  
  259. #post pre {
  260. font-family: courier;
  261. white-space: pre-wrap;
  262. white-space: -moz-pre-wrap;
  263. white-space: -pre-wrap;
  264. white-space: -o-pre-wrap;
  265. word-wrap: break-word;
  266. }
  267.  
  268. #post li {
  269. list-style-type:upper-roman;
  270. }
  271.  
  272. /* --- THIS IS HERE TO KEEP IMAGES IN TEXT
  273. POSTS FROM GETTING BIGGER THAN THE CONTAINER,
  274. SO DON'T MESS WITH IT UNLESS YOU KNOW YOUR HTML. --- */
  275.  
  276. #post img.main_photo {
  277. width: 100%;
  278. -webkit-transition: opacity 0.8s linear ;
  279. opacity: 0.5;
  280. }
  281.  
  282. .photoset {
  283. -webkit-transition: opacity 0.8s linear ;
  284. opacity: 0.5;
  285. }
  286.  
  287. #post img {
  288. max-width: 100%;
  289. -webkit-transition: opacity 0.8s linear;
  290. opacity: 0.5;
  291.  
  292. }
  293.  
  294. #post img:hover{
  295. -webkit-transition: opacity 0.8s linear;
  296. -webkit-filter: sepia(0);
  297. opacity: 1;
  298. }
  299.  
  300. #post img.main_photo:hover{
  301. -webkit-transition: opacity 0.8s linear;
  302. -webkit-filter: sepia(0);
  303. opacity: 1;
  304. }
  305.  
  306. .photoset:hover {
  307. -webkit-transition: opacity 0.8s linear;
  308. opacity: 1;
  309. }
  310.  
  311. #post .photo img {
  312. opacity: 1;
  313. -webkit-transition: all 0.5s ease;
  314. -moz-transition: all 0.5s ease;
  315. -o-transition: all 0.5s ease;
  316. transition: all 0.5s ease;
  317. margin: 0px;
  318. line-height: 0;
  319. background: rgba(233,142,93,1);
  320. opacity: 0.5;
  321. }
  322.  
  323. .tumblr_post.photo p {
  324. display: none;
  325. background: rgba(233,142,93,1);
  326. opacity: 0.5;
  327. }
  328.  
  329. /* --- BACK TO YOUR REGULARLY-SCHEDULED CSS --- */
  330.  
  331. .container {
  332. padding:7px;
  333. width:500px;
  334. height:500px;
  335. margin-left:20px;
  336. margin-top:0px;
  337. margin-bottom:0px;
  338. position:fixed;
  339. overflow:scroll;
  340. overflow-x:hidden;
  341. background-color:transparent;
  342. }
  343.  
  344. .backcont {
  345. padding:2px;
  346. width:500px;
  347. height:500px;
  348. position:fixed;
  349. left:800px;
  350. bottom:80px;
  351. background-color:transparent;
  352. }
  353.  
  354. .navlinks {
  355. color:{color:Special};
  356. background: transparent;
  357. padding: 2px;
  358. position: fixed;
  359. height:auto;
  360. width: 25px;
  361. top:100px;
  362. left:800px;
  363. font-family: 'Josefin Slab';
  364. font-weight:bold;
  365. font-style:italic;
  366. text-transform:uppercase;
  367. text-align: center;
  368. font-size: 15px;
  369. letter-spacing:0.5px;
  370. line-height:130%;
  371. padding-top: 2px;
  372. }
  373.  
  374. .navlinks a {
  375. color:{color:link};
  376. }
  377.  
  378. .navlinks a:hover {
  379. color: {color:link hover};
  380. text-transform: uppercase;
  381. text-shadow:
  382. 0.2em 0.1em 0.1em {color:Shadows}
  383. }
  384.  
  385. .navlink1 a {
  386. position: fixed;
  387. height:auto;
  388. width:25px;
  389. top:100px;
  390. left:310px;
  391. font-family: 'Josefin Slab';
  392. font-weight:bold;
  393. font-style:italic;
  394. text-transform:uppercase;
  395. font-size: 20px;
  396. letter-spacing:1px;
  397. text-align:center;
  398. color:{color:Special};
  399. line-height:130%;
  400. text-decoration:none;
  401. opacity:.25;
  402. }
  403.  
  404. .navlink1 a:hover {
  405. opacity:1;
  406. letter-spacing:5px;
  407. -moz-transition-duration:0.5s;
  408. -webkit-transition-duration:0.5s;
  409. -o-transition-duration:0.5s;
  410. }
  411.  
  412. .navlink2 a {
  413. position: fixed;
  414. height:auto;
  415. width: 25px;
  416. top:100px;
  417. left:310px;
  418. font-family: 'Josefin Slab';
  419. font-weight:bold;
  420. font-style:italic;
  421. text-transform:uppercase;
  422. font-size: 20px;
  423. letter-spacing:1px;
  424. text-align:center;
  425. color:{color:Special};
  426. line-height:130%;
  427. text-decoration:none;
  428. opacity:.25;
  429. }
  430.  
  431. .navlink2 a:hover {
  432. opacity:1;
  433. letter-spacing:5px;
  434. -moz-transition-duration:0.5s;
  435. -webkit-transition-duration:0.5s;
  436. -o-transition-duration:0.5s;
  437. }
  438.  
  439. .navlink2 a {
  440. position: fixed;
  441. height:auto;
  442. width: 25px;
  443. top:100px;
  444. left:310px;
  445. font-family: 'Josefin Slab';
  446. font-weight:bold;
  447. font-style:italic;
  448. text-transform:uppercase;
  449. font-size: 20px;
  450. letter-spacing:1px;
  451. text-align:center;
  452. color:{color:Special};
  453. line-height:130%;
  454. text-decoration:none;
  455. opacity:.25;
  456. }
  457.  
  458. .navlink2 a:hover {
  459. opacity:1;
  460. letter-spacing:5px;
  461. -moz-transition-duration:0.5s;
  462. -webkit-transition-duration:0.5s;
  463. -o-transition-duration:0.5s;
  464. }
  465.  
  466. .navlink3 a {
  467. position: fixed;
  468. height:auto;
  469. width: 25px;
  470. top:100px;
  471. left:310px;
  472. font-family: 'Josefin Slab';
  473. font-weight:bold;
  474. font-style:italic;
  475. text-transform:uppercase;
  476. font-size: 20px;
  477. letter-spacing:1px;
  478. text-align:center;
  479. color:{color:Special};
  480. line-height:130%;
  481. text-decoration:none;
  482. opacity:.25;
  483. }
  484.  
  485. .navlink3 a:hover {
  486. opacity:1;
  487. letter-spacing:5px;
  488. -moz-transition-duration:0.5s;
  489. -webkit-transition-duration:0.5s;
  490. -o-transition-duration:0.5s;
  491. }
  492.  
  493. .navlink4 a {
  494. position: fixed;
  495. height:auto;
  496. width: 25px;
  497. top:100px;
  498. left:310px;
  499. font-family: 'Josefin Slab';
  500. font-weight:bold;
  501. font-style:italic;
  502. text-transform:uppercase;
  503. font-size: 20px;
  504. letter-spacing:1px;
  505. text-align:center;
  506. color:{color:Special};
  507. line-height:130%;
  508. text-decoration:none;
  509. opacity:.25;
  510. }
  511.  
  512. .navlink4 a:hover {
  513. opacity:1;
  514. letter-spacing:5px;
  515. -moz-transition-duration:0.5s;
  516. -webkit-transition-duration:0.5s;
  517. -o-transition-duration:0.5s;
  518. }
  519.  
  520. .navlink5 a {
  521. position: fixed;
  522. height:auto;
  523. width: 25px;
  524. top:100px;
  525. left:310px;
  526. font-family: 'Josefin Slab';
  527. font-weight:bold;
  528. font-style:italic;
  529. text-transform:uppercase;
  530. font-size: 20px;
  531. letter-spacing:1px;
  532. text-align:center;
  533. color:{color:Special};
  534. line-height:130%;
  535. text-decoration:none;
  536. opacity:.25;
  537. }
  538.  
  539. .navlink5 a:hover {
  540. opacity:1;
  541. letter-spacing:5px;
  542. -moz-transition-duration:0.5s;
  543. -webkit-transition-duration:0.5s;
  544. -o-transition-duration:0.5s;
  545. }
  546.  
  547. .navlink6 a {
  548. position: fixed;
  549. height:auto;
  550. width: 25px;
  551. top:100px;
  552. left:310px;
  553. font-family: 'Josefin Slab';
  554. font-weight:bold;
  555. font-style:italic;
  556. text-transform:uppercase;
  557. font-size: 20px;
  558. letter-spacing:1px;
  559. text-align:center;
  560. color:{color:Special};
  561. line-height:130%;
  562. text-decoration:none;
  563. opacity:.25;
  564. }
  565.  
  566. .navlink6 a:hover {
  567. opacity:1;
  568. letter-spacing:5px;
  569. -moz-transition-duration:0.5s;
  570. -webkit-transition-duration:0.5s;
  571. -o-transition-duration:0.5s;
  572. }
  573.  
  574. .cred a {
  575. position: fixed;
  576. height:auto;
  577. width: 25px;
  578. top:100px;
  579. left:310px;
  580. font-family: 'Josefin Slab';
  581. font-weight:bold;
  582. font-style:italic;
  583. text-transform:uppercase;
  584. font-size: 20px;
  585. letter-spacing:1px;
  586. text-align:center;
  587. color:{color:Special};
  588. line-height:130%;
  589. text-decoration:none;
  590. opacity:.25;
  591. }
  592.  
  593. .cred a:hover {
  594. opacity:1;
  595. letter-spacing:5px;
  596. -moz-transition-duration:0.5s;
  597. -webkit-transition-duration:0.5s;
  598. -o-transition-duration:0.5s;
  599. }
  600.  
  601. .prev a {
  602. position: fixed;
  603. height:auto;
  604. width: auto;
  605. bottom:322px;
  606. left:523px;
  607. font-family: 'Homemade Apple';
  608. font-weight:bold;
  609. text-transform:LOWERCASE;
  610. text-align: center;
  611. font-size: 12px;
  612. letter-spacing:1px;
  613. text-align:center;
  614. color:#f0e2d4;
  615. text-decoration:none;
  616. text-shadow:0px 0px 3px #9e6e3a;
  617. }
  618.  
  619. .prev a:hover {
  620. opacity:1;
  621. letter-spacing:5px;
  622. -moz-transition-duration:0.5s;
  623. -webkit-transition-duration:0.5s;
  624. -o-transition-duration:0.5s;
  625. }
  626.  
  627. .next a {
  628. position: fixed;
  629. height:auto;
  630. width: auto;
  631. bottom:307px;
  632. left:520px;
  633. font-family: 'Homemade Apple';
  634. font-weight:bold;
  635. text-transform:lowercase;
  636. text-align: center;
  637. font-size: 12px;
  638. letter-spacing:1px;
  639. text-align:center;
  640. color:#f0e2d4;
  641. text-decoration:none;
  642. text-shadow:0px 0px 3px #9e6e3a;
  643. }
  644.  
  645. .next a:hover {
  646. opacity:1;
  647. letter-spacing:5px;
  648. -moz-transition-duration:0.5s;
  649. -webkit-transition-duration:0.5s;
  650. -o-transition-duration:0.5s;
  651. }
  652.  
  653.  
  654. #info {
  655. font-family: 'Josefin Slab', sans-serif;
  656. width:393px;
  657. margin-top:5px;
  658. padding-top:1px;
  659. font-size:11px;
  660. background: transparent;
  661. padding:4px;
  662. color:{color:text};
  663. text-transform:uppercase;
  664. font-style:normal;
  665. text-align:left;
  666. -moz-transition-duration:0.5s;
  667. -webkit-transition-duration:0.5s;
  668. -o-transition-duration:0.5s;
  669. border-top:1px solid {color:Borders};
  670. border-bottom:1px solid {color:Borders};
  671.  
  672. }
  673.  
  674. #info a {
  675. color:{color:link};
  676. font-style:normal;
  677. text-transform:uppercase;
  678. font-size:12px;
  679. }
  680.  
  681. #info a:hover {
  682. color:{color:link hover};
  683. }
  684.  
  685. .tags {
  686. font-family: 'Josefin Slab';
  687. font-style:normal;
  688. width:390px;
  689. text-transform:uppercase;
  690. font-style:normal;
  691. line-height:120%;
  692. padding-right:10px;
  693. font-size:9px;
  694. text-align:left;
  695. padding-top:5px;
  696. padding-bottom:5px;
  697. margin-bottom:20px;
  698. -moz-transition-duration:0.2s;
  699. -webkit-transition-duration:0.2s;
  700. -o-transition-duration:0.2s;
  701. }
  702.  
  703. .tags a{
  704. color:{color:link};
  705. -moz-transition-duration:0.2s;
  706. -webkit-transition-duration:0.2s;
  707. -o-transition-duration:0.2s;
  708. }
  709. .tags a:hover{
  710. color:{color:link hover};
  711. -moz-transition-duration:0.2s;
  712. -webkit-transition-duration:0.2s;
  713. -o-transition-duration:0.2s;
  714. text-shadow:
  715. 0.2em 0.1em 0.1em {color:Shadows}
  716. }
  717.  
  718. .audio{
  719. overflow:hidden;
  720. }
  721.  
  722. #ask {
  723. float:left;
  724. color:{color:text};
  725. }
  726.  
  727. #s-m-t-tooltip {
  728. max-width:150px;
  729. padding:5px 10px 5px 10px;
  730. margin:20px 14px 7px 10px;
  731. background:rgba(240,226,212,0.5);
  732. font-family: 'Homemade Apple', sans-serif;
  733. font-size:10px;
  734. line-height:9px;
  735. letter-spacing:1px;
  736. border-radius:4em;
  737. text-transform:lowercase;
  738. color:{color:Tooltip Font};
  739. z-index:999;
  740. -moz-transition-duration: 0.5s;
  741. -o-transition-duration: 0.5s;
  742. -webkit-transition-duration: 0.5s;
  743. transition-duration: 0.5s;
  744. }
  745.  
  746.  
  747.  
  748. .popup_block{
  749. display:none;
  750. color:{color:Text};
  751. background:{color:Posts BG};
  752. overflow-y:scroll;
  753. overflow-x:hidden;
  754. float:left;
  755. padding:15px;
  756. position:fixed;
  757. border: 1px solid {color:Borders};
  758. top:50%;left:50%;
  759. z-index: 99999999;
  760. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  761. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  762. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  763. -webkit-filter: grayscale(0%);
  764. -moz-filter: grayscale(0%);
  765. filter: grayscale(0%);
  766. }
  767.  
  768. *html #fade {position: absolute;}
  769. *html .popup_block {position: absolute;}
  770. #fade {
  771. display:none;
  772. position:fixed;
  773. left:0px;
  774. top:0px;
  775. width:100%;
  776. height:100%;
  777. z-index:9999999;
  778. background:#000; /* change to #fff for solid white */
  779. opacity:0.8; /* change to opacity:1; */
  780. }
  781.  
  782.  
  783. /*UPDATE THING*/
  784.  
  785. #descbox {
  786. opacity:.5;
  787. left:215px;
  788. bottom:20px;
  789. position:fixed;
  790. transition:0.6s ease-in-out;
  791. -o-transition:0.6s ease-in-out;
  792. -ms-transition:0.6s ease-in-out;
  793. -moz-transition:0.6s ease-in-out;
  794. -webkit-transition:0.6s ease-in-out;
  795. border-radius: 15px;
  796. }
  797.  
  798. #descbox:hover {
  799. opacity:1;
  800. }
  801.  
  802. #updates {
  803. z-index:1;
  804. font-size:12px;
  805. width:160px;
  806. height:60px;
  807. font-family:'Josefin Slab';
  808. overflow:hidden;
  809. line-height:115%;
  810. text-align:justify;
  811. background:rgba(240,226,212,0.75);
  812. border-radius:4em;
  813. transition:0.7s ease-in-out;
  814. -o-transition:0.7s ease-in-out;
  815. -ms-transition:0.7s ease-in-out;
  816. -moz-transition:0.7s ease-in-out;
  817. -webkit-transition:0.7s ease-in-out;
  818. }
  819.  
  820. #updates a {
  821. color: #621f0d !important;
  822. text-decoration: none;
  823. font-size:11px !important;
  824. text-transform:lowercase;
  825. font-weight:bold;
  826. font-variant:small-caps;
  827. font-size:15px;
  828. }
  829.  
  830. #updates i {
  831. font-family: 'Homemade Apple';
  832. }
  833.  
  834. </style></head><body>
  835.  
  836. </div>
  837.  
  838. <div class="navlinks">
  839. <a href="{text:link 1 url}" title="{text:link 1}">01.</a></a><br />
  840. <a href="{text:link 2 url}" title="{text:link 2}">02.</a></a><br />
  841. <a href="{text:link 3 url}" title="{text:link 3}">03.</a></a><br />
  842. <a href="{text:link 4 url}" title="{text:link 4}">04.</a></a><br />
  843. <a href="{text:link 5 url}" title="{text:link 5}">05.</a></a><br />
  844. <a href="#?w=500" rel="askbox" class="poplight" title="message">06.</a><br />
  845. <a href="http://bookerattano.tumblr.com" title="credit">07.</a>
  846. </div>
  847.  
  848. </div>
  849. <div class="navigation">
  850. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"> BACKWARD </a>{/block:PreviousPage}<br />{block:NextPage}<a href="{NextPage}"> FORWARD </a><br />{/block:NextPage}{/block:Pagination}</div>
  851.  
  852. <div class="backcont">
  853. <div class="container">
  854.  
  855. <div class="postcol">
  856. {block:Posts}<div id="post">
  857.  
  858. {block:Text}<h1>{block:Title}<a href={Permalink}>{Title}</a>{/block:Title}</h1>{Body}{/block:Text}
  859.  
  860. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  861.  
  862. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  863.  
  864. {block:Quote}<div style="padding:4px;font-size:18px;letter-spacing:1px;line-height:100%;text-align:center;font-family: 'Playball', sans-serif;font-style:italic;">{Quote}</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  865.  
  866. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  867.  
  868. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  869.  
  870. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  871.  
  872. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  873.  
  874. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br>{Question}<br><br>{Answer}{/block:Answer}
  875.  
  876. {block:Date}<div id="info"> <a href="{Permalink}">{MonthNumberWithZero}▪{DayOfMonthWithZero}▪{Year}</a>
  877. {/block:Date} {block:NoteCount}&nbsp;//&nbsp;<a href="{Permalink}">{NoteCount}</a> {/block:NoteCount} <div style="float:right;">
  878.  
  879. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}{block:ContentSource}&nbsp;/&nbsp;<a title="source" href="{SourceURL}"><big>©</big></a>{/block:ContentSource} {/block:RebloggedFrom}&nbsp;/ <a href="{ReblogURL}"target="_blank">REBLOG</a></div>
  880. </div>
  881.  
  882.  
  883. {block:HasTags}
  884. <div class="tags">
  885. {block:Tags} <a href="{TagURL}">&nbsp; #{Tag}</a> {/block:Tags}</div>
  886. {/block:HasTags}
  887. <div class="postnote">
  888. {block:PostNotes}{PostNotes}{/block:PostNotes}
  889. </div>
  890. </div>
  891. {/block:Posts}
  892. </div>
  893. </div>
  894. </div>
  895. </div></div>
  896.  
  897. <div id="subwords"><a href="/">{text:subtitle}</a></div> </div></div>
  898.  
  899. </body>
  900.  
  901. <div id="askbox" class="popup_block">
  902. <h1>LEAVE A MESSAGE</h1>
  903. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  904. </div>
  905.  
  906. </div></div></div></div></div></div></div></div></div></div>
  907.  
  908. </html>
Advertisement
Add Comment
Please, Sign In to add comment