API tools faq
paste
Advertisement
brigail

RSTHEME

brigail
May 9th, 2016
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.75 KB | None | 0 0
raw download clone embed print report
  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 1 by wehrmxcht.tumblr.com
  6. Do not claim as your own, use as a base, or remove credit --->
  7.  
  8.  
  9. <!--- HERE ARE THE CUSTOM FONTS --->
  10.  
  11.  
  12. <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>
  13. <link href='https://fonts.googleapis.com/css?family=Roboto:700' rel='stylesheet' type='text/css'>
  14. <link href='https://fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
  15. <link href='https://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  16. <link href='https://fonts.googleapis.com/css?family=Lobster+Two:400italic' rel='stylesheet' type='text/css'>
  17. <link href='https://fonts.googleapis.com/css?family=Prata' rel='stylesheet' type='text/css'>
  18.  
  19. <!-- TOOLTIP SCRIPT -->
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21.  
  22. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  23.  
  24. <script>
  25.  
  26. (function($){
  27.  
  28. $(document).ready(function(){
  29.  
  30. $("a[title]").style_my_tooltips({
  31.  
  32. tip_follows_cursor:true,
  33.  
  34. tip_delay_time:90,
  35.  
  36. tip_fade_speed:600,
  37.  
  38. attribute:"title"
  39.  
  40. });
  41.  
  42. });
  43.  
  44. })(jQuery);
  45.  
  46. </script>
  47.  
  48. <!-- TOOLTIP SCRIPT END -->
  49.  
  50.  
  51.  
  52. <!---POP UP ASK BOX--->
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55. <script>
  56. $(document).ready(function() {
  57. //
  58. $('a.poplight[href^=#]').click(function() {
  59. var popID = $(this).attr('rel'); //Get Popup Name
  60. var popURL = $(this).attr('href'); //Get Popup href to define size
  61. var query= popURL.split('?');
  62. var dim= query[1].split('&');
  63. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  64. $('#' + popID).fadeIn().css({ 'width': ( popWidth ) }).prepend('<a href="#" class="close"></a>');
  65. var popMargTop = ($('#' + popID).height() + 100) / 2;
  66. var popMargLeft = ($('#' + popID).width() + 100) / 2;
  67. //Apply Margin to Popup
  68. $('#' + popID).css({
  69. 'margin-top' : -popMargTop,
  70. 'margin-left' : -popMargLeft
  71. });
  72. $('body').append('<div id="fade"></div>');
  73. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  74. return false;
  75. });
  76. $('a.close, #fade').live('click', function() {
  77. $('#fade , .popup_block').fadeOut(function() {
  78. $('#fade, a.close').remove(); //fade them both out
  79. });
  80. return false;
  81. });
  82. });
  83. </script>
  84. <!---END--->
  85.  
  86. <!---POP UP LINKS--->
  87. <script>
  88. $(document).ready(function() {
  89. //When you click on a link with class of poplight and the href starts with a #
  90. $('a.poplight[href^=#]').click(function() {
  91. var popID = $(this).attr('rel'); //Get Popup Name
  92. var popURL = $(this).attr('href'); //Get Popup href to define size
  93.  
  94. //Pull Query & Variables from href URL
  95. var query= popURL.split('?');
  96. var dim= query[1].split('&');
  97. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  98.  
  99. //Fade in the Popup and add close button
  100. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.corporate-ir.net/media_files/IROL/12/129751/images/2015/icon-close.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  101.  
  102. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  103. var popMargTop = ($('#' + popID).height(400) + 80) / 2;
  104. var popMargLeft = ($('#' + popID).width(400) + 80) / 2;
  105.  
  106. //Apply Margin to Popup
  107. $('#' + popID).css({
  108. 'margin-top' : -popMargTop,
  109. 'margin-left' : -popMargLeft
  110. });
  111.  
  112. //Fade in Background
  113. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  114. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  115.  
  116. return false;
  117. });
  118.  
  119. //Close Popups and Fade Layer
  120. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  121. $('#fade , .popup_block').fadeOut(function() {
  122. $('#fade, a.close').remove(); //fade them both out
  123. });
  124. return false;
  125. });
  126. });
  127. </script>
  128. <!---POPUP LINKS END--->
  129.  
  130. <title>{title}</title>
  131. <link rel="shortcut icon" href="{Favicon}">
  132. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  133. <meta name="description" content="" />
  134. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  135.  
  136. <!--- COLOR OPTIONS --->
  137. <meta name="color:Background" content="#000000"/>
  138. <meta name="color:Posts BG" content="#222222"/>
  139. <meta name="color:Text" content="#ffffff"/>
  140. <meta name="color:Post Bold" content="#aaaaaa"/>
  141. <meta name="color:Post Italic" content="#cccccc"/>
  142. <meta name="color:Link" content="#0099ff"/>
  143. <meta name="color:Link Hover" content="#00ffdd"/>
  144. <meta name="color:Scrollthumb" content="#ffffff"/>
  145. <meta name="color:Info BG" content="#000000"/>
  146. <meta name="color:Tooltip BG" content="#000000"/>
  147. <meta name="color:Tooltip Font" content="#ffffff"/>
  148.  
  149. <!--- IMAGE OPTIONS --->
  150. <meta name="if:Cover BG" content="1"/>
  151. <meta name="image:Background" content=""/>
  152.  
  153. <!--- LINKS --->
  154. <meta name="text:link 1" content="Link 1 Title"/>
  155. <meta name="text:link 1 url" content="/"/>
  156. <meta name="text:link 2" content="Link 2 Title"/>
  157. <meta name="text:link 2 url" content="/"/>
  158. <meta name="text:link 3" content="Link 3 Title"/>
  159. <meta name="text:link 3 url" content="/"/>
  160. <meta name="text:link 4" content="Link 4 Title"/>
  161. <meta name="text:link 4 url" content="/"/>
  162. <meta name="text:link 5" content="Link 5 Title"/>
  163. <meta name="text:link 5 url" content="/"/>
  164. <meta name="text:link 6" content="Link 6 Title"/>
  165. <meta name="text:link 6 url" content="/"/>
  166.  
  167.  
  168. <style type="text/css">
  169.  
  170.  
  171. #updatestab {
  172. height:15px;
  173. width:400px;
  174. left:885px;
  175. top:578px;
  176. z-index:9999;
  177. position:fixed;}
  178.  
  179. #updatestab:hover {
  180. height:auto;}
  181.  
  182. .updatescontent {
  183. width:235px;
  184. height:auto;
  185. margin-top:-200px;
  186. margin-left:-540px;
  187. padding:6px 5px 6px 5px;
  188. font-size:12px; /* CHANGE THE FONT SIZE */
  189. letter-spacing:1px; /* CHENGE THE LETTER SPACING*/
  190. font-family:'Kokila'; /* CHANGE THE FONT */
  191. line-height:1.10; /* CHAGE THE LINE HEIGHT */
  192. text-transform:uppercase; /* lowercase OR LOWERCASE */
  193. color:#949494; /* TEXT COLOR */
  194. text-align:center;
  195. background-color:transparent;
  196. opacity: 0;
  197. -moz-transition-duration:0.5s;
  198. -webkit-transition-duration:0.5s;
  199. -o-transition-duration:0.5s;
  200. }
  201.  
  202. /*– margin-left same as updatescontent. –*/
  203.  
  204. #updatestab:hover .updatescontent {
  205. margin-left:85x;
  206. opacity: 1;
  207. }
  208.  
  209. .updatesheadline {
  210. text-shadow: 0px 0px 3px #000;
  211. padding:4px 72px;
  212. font-size:10px; /* CHANGE THE TITLE FONT SIZE */
  213. letter-spacing:5px; /* CHENGE THE TITLE LETTER SPACING*/
  214. font-family:OptimusPrinceps; /* CHANGE THE TITLE FONT */
  215. text-transform:uppercase; /* TITLE lowercase OR LOWERCASE */
  216. color:#8a8a8a; /* UN-HOVER TITLE TEXT COLOR */
  217. background-color:transparent; /* UN-HOVER TITLE BACKGROUND COLOR */
  218. -webkit-transform: rotate(-0deg);
  219. -moz-transform: rotate(-60deg);
  220. -o-transform: rotate(-60deg);}
  221.  
  222.  
  223. #updatestab:hover .updatesheadline {
  224. color:#b4b4b4; /* HOVER TITLE TEXT COLOR */
  225. background-color:transparent; /* HOVER TITLE BACKGROUND COLOR */
  226. -webkit-transition:all 0.4s ease-out;
  227. -moz-transition:all 0.4s ease-out;
  228. transition:all 0.4s ease-out;}
  229.  
  230.  
  231. /* --- THEME BASICS --- */
  232.  
  233.  
  234. ::-webkit-scrollbar {
  235. width: 1px;
  236. height: 8px;
  237. padding:2px;
  238. background: transparent;
  239. }
  240.  
  241. ::-webkit-scrollbar-thumb {
  242. background-color: {color:scrollthumb};
  243. }
  244.  
  245. body {
  246.  
  247. background-image: url('http://imgur.com/4CzbHdZ.png');
  248. background-repeat: no-repeat;
  249. background-attachment:absolute;
  250. background-size:cover;
  251. color:{color:text};
  252. font-family:Ebrima;
  253. text-transform:none;
  254. font-size:10px;
  255. line-height:130%;
  256. letter-spacing:0px;
  257. margin:0px;
  258. }
  259.  
  260. h1 {
  261. font-family:cambria;
  262. font-weight:normal;
  263. font-size:12px;
  264. text-align:center;
  265. font-style:normal;
  266. line-height:100%;
  267. letter-spacing:1px;
  268. color:{color:text};
  269. }
  270.  
  271. h2 {
  272. font-family:cambria;
  273. font-size:10px;
  274. text-align:center;
  275. font-style:italic;
  276. line-height:100%;
  277. letter-spacing:1px;
  278. color:{color:text};
  279. padding:5px;
  280. padding-top:2px;
  281. }
  282.  
  283. h3 {
  284. font-family: cambria;
  285. font-size:16px;
  286. text-align:center;
  287. line-height:100%;
  288. letter-spacing:1px;
  289. color:{color:text};
  290. padding:5px;
  291. padding-top:2px;
  292. }
  293.  
  294. a {
  295. color: {color:Link};
  296. text-decoration: none;
  297. -moz-transition-duration: 0.5s;
  298. -o-transition-duration: 0.5s;
  299. -webkit-transition-duration: 0.5s;
  300. transition-duration: 0.5s;
  301. }
  302.  
  303. a:hover {
  304. color: {color:Link Hover};
  305. -moz-transition-duration: 0.5s;
  306. -o-transition-duration: 0.5s;
  307. -webkit-transition-duration: 0.5s;
  308. transition-duration: 0.5s;
  309. }
  310.  
  311. blockquote {
  312. padding-left:5px;
  313. border-left:2px solid;
  314. }
  315.  
  316. blockquote blockquote {
  317. padding-left:5px;
  318. border-left:2px solid;
  319. }
  320.  
  321. blockquote {
  322. border-left: solid;
  323. border-radius: 0px;
  324. border-left-width: 2px;
  325. border-color:#fff;
  326. padding:5px;
  327. padding-left: 7px;
  328. margin-left: 10px; }
  329.  
  330. #post {
  331. width:260px;
  332. padding-top:20px;
  333. padding-left:10px;
  334. opacity:0.4;
  335. -webkit-transition: all 0.6s ease-in-out;
  336. -moz-transition: all 0.6s ease-in-out;
  337. -o-transition: all 0.6s ease-in-out;
  338. -ms-transition: all 0.6s ease-in-out;
  339. transition: all 0.6s ease-in-out;
  340. -webkit-filter:grayscale(100%);
  341. -webkit-transition: all 0.6s ease-in-out;
  342. }
  343.  
  344.  
  345. #post:hover {
  346.  
  347. opacity:1;
  348. -webkit-transition: all 0.6s ease-in-out;
  349. -moz-transition: all 0.6s ease-in-out;
  350. -o-transition: all 0.6s ease-in-out;
  351. -ms-transition: all 0.6s ease-in-out;
  352. transition: all 0.6s ease-in-out;
  353. -webkit-filter:none;
  354. -webkit-transition: all 0.6s ease-in-out;
  355. }
  356.  
  357.  
  358. #post img {
  359.  
  360. opacity:0.8;
  361.  
  362. -webkit-transition: all 0.6s ease-in-out;
  363.  
  364. -moz-transition: all 0.6s ease-in-out;
  365.  
  366. -o-transition: all 0.6s ease-in-out;
  367.  
  368. -ms-transition: all 0.6s ease-in-out;
  369.  
  370. transition: all 0.6s ease-in-out;
  371.  
  372. }
  373.  
  374. #post img:hover {
  375.  
  376. opacity:1;
  377.  
  378. -webkit-transition: all 0.6s ease-in-out;
  379.  
  380. -moz-transition: all 0.6s ease-in-out;
  381.  
  382. -o-transition: all 0.6s ease-in-out;
  383.  
  384. -ms-transition: all 0.6s ease-in-out;
  385.  
  386. transition: all 0.6s ease-in-out;
  387.  
  388. }
  389.  
  390. #post b, strong {
  391. color: {color:Post Bold};
  392. font-family: 'Prata', serif;
  393. text-transform:uppercase;
  394. text-shadow: 1px 0px 0px #8c3737;
  395. font-size:10px;
  396. letter-spacing:0px;
  397. }
  398.  
  399.  
  400. #post i, em {
  401. color: {color:Post Italic};
  402. font-family: 'Lobster Two', cursive;
  403. text-shadow: 0px 0px 3px #a6a290;
  404. text-transform:none;
  405. font-size:11px;
  406. letter-spacing:2px;
  407. }
  408.  
  409. #post pre {
  410. font-family: times;
  411. color:{color:Post Bold};
  412. white-space: pre-wrap;
  413. white-space: -moz-pre-wrap;
  414. white-space: -pre-wrap;
  415. white-space: -o-pre-wrap;
  416. word-wrap: break-word;
  417. }
  418.  
  419.  
  420. small {
  421.  
  422. word-spacing:0px;
  423. font-size:10px;
  424. letter-spacing:0px;
  425. line-height:180%;
  426. }
  427.  
  428. small small {
  429. font-size:7px;
  430. }
  431.  
  432. sup, sub {
  433. word-spacing:0px;
  434. font-size:10px;
  435. }
  436.  
  437.  
  438. big {
  439. font-size:12px;
  440. line-height:110%;
  441. text-shadow:1px 1px 0px #a77c62;
  442. }
  443.  
  444.  
  445. big big {
  446. font-size:14px;
  447. font-weight:800;
  448. line-height:110%;
  449. font-family:times;
  450. text-transform:none;
  451. text-shadow:1px 1px 0px #a77c62;
  452. }
  453.  
  454. big big big {
  455. font-size:16px;
  456. font-weight:800;
  457. line-height:110%;
  458. text-shadow:1px 1px 0px #a77c62;
  459. }
  460.  
  461. /* --- THIS IS HERE TO KEEP IMAGES IN TEXT
  462. POSTS FROM GETTING BIGGER THAN THE CONTAINER,
  463. SO DON'T MESS WITH IT UNLESS YOU KNOW YOUR HTML. --- */
  464.  
  465. #post img.main_photo {
  466. width: 80%;
  467. }
  468.  
  469. #post img {
  470. max-width: 90%;
  471. height: auto;
  472. }
  473.  
  474. #post .photo img {
  475. opacity: 1;
  476. -webkit-transition: all 0.5s ease;
  477. -moz-transition: all 0.5s ease;
  478. -o-transition: all 0.5s ease;
  479. transition: all 0.5s ease;
  480. margin: 0;
  481. line-height: 0;
  482. }
  483.  
  484. .tumblr_post.photo p {
  485. display: none;
  486. }
  487.  
  488. /* --- BACK TO YOUR REGULARLY-SCHEDULED CSS --- */
  489.  
  490. .content {
  491. text-align:justify;
  492. padding:0px;
  493. width:267px;
  494. height:350px;
  495. margin-left:-127px;
  496. margin-top:15px;
  497. position:absolute;
  498. overflow:scroll;
  499. overflow-x:hidden;
  500. background-color:transparent;
  501. }
  502.  
  503. .backcont {
  504. padding:2px;
  505. width:251px;
  506. height:190px;
  507. left:740px;
  508. top:307px;
  509. position:fixed;
  510. background-color:transparent;
  511. }
  512.  
  513.  
  514. /* --- JUMBLE LINKS --- */
  515.  
  516.  
  517.  
  518. .anavlinks {
  519. transform: rotate(10deg);
  520. text-shadow:1px 1px 3px #000;
  521. color:{color:Special};
  522. text-shadow: #7f7f7f 0 0 7px;
  523. background: transparent;
  524. padding: 2px;
  525. position: fixed;
  526. height:auto;
  527. width: 100px;
  528. top:230px;
  529. left:990px;
  530. font-family: tahoma;
  531. text-transform:uppercase;
  532. text-align: right;
  533. font-size: 17px;
  534. opacity:0.5;
  535. letter-spacing:0.5px;
  536. line-height:130%;
  537. padding-top: 2px;
  538. }
  539.  
  540. .navlinks a {
  541. color:{color:link};
  542. }
  543.  
  544. a:hover{
  545.  
  546. color: transparent;
  547.  
  548. text-shadow: #7f7f7f 0 0 5px;
  549.  
  550. text-decoration:none;
  551.  
  552. }
  553.  
  554. .bnavlinks {
  555. transform: rotate(-10deg);
  556. text-shadow:1px 1px 3px #000;
  557. color:{color:Special};
  558. text-shadow: #7f7f7f 0 0 7px;
  559. background: transparent;
  560. padding: 2px;
  561. position: fixed;
  562. height:auto;
  563. width: 100px;
  564. top:290px;
  565. left:1010px;
  566. font-family: tahoma;
  567. text-transform:uppercase;
  568. text-align: right;
  569. font-size: 15px;
  570. opacity:0.5;
  571. letter-spacing:0.5px;
  572. line-height:130%;
  573. padding-top: 2px;
  574. }
  575.  
  576. .navlinks a {
  577. color:{color:link};
  578. }
  579.  
  580. .navlinks a:hover {
  581. color: {color:link hover};
  582. text-transform: uppercase;
  583. }
  584.  
  585.  
  586. .cnavlinks {
  587. transform: rotate(5deg);
  588. text-shadow:1px 1px 3px #000;
  589. color:{color:Special};
  590. text-shadow: #7f7f7f 0 0 7px;
  591. background: transparent;
  592. padding: 2px;
  593. position: fixed;
  594. height:auto;
  595. width: 100px;
  596. top:320px;
  597. left:1025px;
  598. font-family: tahoma;
  599. text-transform:uppercase;
  600. text-align: right;
  601. font-size: 20px;
  602. opacity:0.5;
  603. letter-spacing:0.5px;
  604. line-height:130%;
  605. padding-top: 2px;
  606. }
  607.  
  608. .navlinks a {
  609. color:{color:link};
  610. }
  611.  
  612. .navlinks a:hover {
  613. color: {color:link hover};
  614. text-transform: uppercase;
  615. }
  616.  
  617.  
  618. .dnavlinks {
  619. transform: rotate(-15deg);
  620. text-shadow:1px 1px 3px #000;
  621. color:{color:Special};
  622. text-shadow: #7f7f7f 0 0 7px;
  623. background: transparent;
  624. padding: 2px;
  625. position: fixed;
  626. height:auto;
  627. width: 100px;
  628. top:370px;
  629. left:1020px;
  630. font-family: tahoma;
  631. text-transform:uppercase;
  632. text-align: right;
  633. font-size: 25px;
  634. opacity:0.5;
  635. letter-spacing:0.5px;
  636. line-height:130%;
  637. padding-top: 2px;
  638. }
  639.  
  640. .navlinks a {
  641. color:{color:link};
  642. }
  643.  
  644. .navlinks a:hover {
  645. color: {color:link hover};
  646. text-transform: uppercase;
  647. }
  648.  
  649.  
  650. .enavlinks {
  651. transform: rotate(-30deg);
  652. text-shadow:1px 1px 3px #000;
  653. color:{color:Special};
  654. text-shadow: #7f7f7f 0 0 7px;
  655. background: transparent;
  656. padding: 2px;
  657. position: fixed;
  658. height:auto;
  659. width: 100px;
  660. top:430px;
  661. left:1005px;
  662. font-family: tahoma;
  663. text-transform:uppercase;
  664. text-align: right;
  665. font-size: 20px;
  666. opacity:0.5;
  667. letter-spacing:0.5px;
  668. line-height:130%;
  669. padding-top: 2px;
  670. }
  671.  
  672. .navlinks a {
  673. color:{color:link};
  674. }
  675.  
  676. .navlinks a:hover {
  677. color: {color:link hover};
  678. text-transform: uppercase;
  679. }
  680.  
  681.  
  682. .fnavlinks {
  683. transform: rotate(-10deg);
  684. text-shadow:1px 1px 3px #000;
  685. color:{color:Special};
  686. text-shadow: #7f7f7f 0 0 7px;
  687. background: transparent;
  688. padding: 2px;
  689. position: fixed;
  690. height:auto;
  691. width: 100px;
  692. top:470px;
  693. left:1000px;
  694. font-family: tahoma;
  695. text-transform:uppercase;
  696. text-align: right;
  697. font-size: 21px;
  698. opacity:0.5;
  699. letter-spacing:0.5px;
  700. line-height:130%;
  701. padding-top: 2px;
  702. }
  703.  
  704. .navlinks a {
  705. color:{color:link};
  706. }
  707.  
  708. .navlinks a:hover {
  709. color: {color:link hover};
  710. text-transform: uppercase;
  711. }
  712.  
  713. /* --- JUMBLE LINKS --- */
  714.  
  715. .navlinks {
  716. color:{color:Special};
  717. background: transparent;
  718. padding: 2px;
  719. position: fixed;
  720. height:auto;
  721. width: 100px;
  722. top:200px;
  723. left:130px;
  724. font-family: times;
  725. text-transform:uppercase;
  726. text-align: right;
  727. font-size: 13px;
  728. letter-spacing:0.5px;
  729. line-height:130%;
  730. padding-top: 2px;
  731. }
  732.  
  733. .navlinks a {
  734. color:{color:link};
  735. }
  736.  
  737. .navlinks a:hover {
  738. color: {color:link hover};
  739. text-transform: uppercase;
  740. }
  741.  
  742. .navigation {
  743. font-family: cambria;
  744. width:120px;
  745. font-size:9px;
  746. margin-top:690px;
  747. margin-left:480px;
  748. padding-left:5px;
  749. letter-spacing:1px;
  750. font-style:italic;
  751. text-align:center;
  752. }
  753.  
  754. .navigation a {
  755. color:#fff;
  756. }
  757. .navigation a:hover {
  758. color:{color:Link Hover};
  759. }
  760.  
  761. #info {
  762.  
  763. font-family: verdana;
  764.  
  765. margin-top:10px;
  766. height:30px;
  767.  
  768. font-size:7px;
  769.  
  770. background-color:{color:infobg};
  771. background-image:url('https://41.media.tumblr.com/912d5f60704f921c348c0c83a99f9097/tumblr_inline_o588im9CKt1u1nxhd_540.png');
  772. background-repeat:no-repeat;
  773. padding:5px;
  774.  
  775. color:{color:text};
  776. text-transform:uppercase;
  777. font-style:normal;
  778. text-align:center;
  779. -moz-transition-duration:0.5s;
  780. -webkit-transition-duration:0.5s;
  781. -o-transition-duration:0.5s;
  782. }
  783.  
  784. #info a {
  785. color:{color:link};
  786. font-style:normal;
  787. }
  788.  
  789. #info a:hover {
  790. color:{color:link hover};
  791. }
  792.  
  793. .tags {
  794. font-family:tahoma;
  795. font-style:normal;
  796. width:240px;
  797. text-transform:normal;
  798. background:transparent;
  799. font-style:normal;
  800. line-height:120%;
  801. padding-left:5px;
  802. font-size:8px;
  803. margin-top:1px;
  804. margin-left:1px;
  805. text-align:center;
  806. padding-top:0px;
  807. -moz-transition-duration:0.2s;
  808. -webkit-transition-duration:0.2s;
  809. -o-transition-duration:0.2s;
  810. }
  811.  
  812. #post:hover .tags { opacity:1; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }
  813.  
  814. .tags a{
  815. color:{color:link};
  816. -moz-transition-duration:0.2s;
  817. -webkit-transition-duration:0.2s;
  818. -o-transition-duration:0.2s;
  819. }
  820. .tags a:hover{
  821. color:{color:link hover};
  822. -moz-transition-duration:0.2s;
  823. -webkit-transition-duration:0.2s;
  824. -o-transition-duration:0.2s;
  825. }
  826.  
  827. .audio{
  828. overflow:hidden;
  829. }
  830.  
  831. #ask {
  832. float:left;
  833. color:{color:text};
  834. }
  835.  
  836. #s-m-t-tooltip {
  837. max-width:300px;
  838. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  839. padding:4px; /* space around the text */
  840. margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  841. color:#fff; /* text color */
  842. border:1px solid #fff; /* optional border and border color */
  843. font-family: ‘Orator STD’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
  844. font-size:10px; /* font size of your hover info */
  845. letter-spacing:2px; /* optional letter spacing */
  846. background:#000; /* change the background color of your hover info */
  847. z-index:999;}
  848. }
  849.  
  850. #credit {
  851. font-size:9px;
  852. font-family:verdana;
  853. font-style:italic;
  854. letter-spacing:1px;
  855. -moz-transition-duration:0.5s;
  856. -webkit-transition-duration:0.5s;
  857. -o-transition-duration:0.5s;
  858. }
  859.  
  860. #credit a {
  861. background-color:{color:Posts BG};
  862. padding:5px;
  863. position:fixed;
  864. left:15px;
  865. top:10px
  866. }
  867.  
  868. #credit a:hover {
  869. color:{color:Link Hover};
  870. background-color:{color:background};
  871. }
  872.  
  873. #fade { /*--Transparent background layer--*/
  874. display: none; /*--hidden by default--*/
  875. background: #000;
  876. position: fixed; left: 0; top: 0;
  877. width: 100%; height: 100%;
  878. opacity: .80;
  879. z-index: 9999;
  880. }
  881. .popup_block{
  882. width: 500px;
  883. height: 300px;
  884. overflow-y:scroll;
  885. overflow-x:hidden;
  886. display: none; /*--hidden by default--*/
  887. background:#1a1a1a;
  888. padding: 20px;
  889. border: 0px solid #ddd;
  890. float: left;
  891. font-size: 9px;
  892. word-spacing:2px;
  893. position: fixed;
  894. top: 50%; left: 59%;
  895. z-index: 99999;
  896. /*--CSS3 Box Shadows--*/
  897. -webkit-box-shadow: 0px 0px 20px #000;
  898. -moz-box-shadow: 0px 0px 20px #000;
  899. box-shadow: 0px 0px 20px #000;
  900. /*--CSS3 Rounded Corners--*/
  901. -webkit-border-radius: 0px;
  902. -moz-border-radius: 0px;
  903. border-radius: 0px;
  904. }
  905. img.btn_close {
  906. float: right;
  907. margin: 0px 0px 0 0;
  908. }
  909. /*--Making IE6 Understand Fixed Positioning--*/
  910. *html #fade {
  911. position: absolute;
  912. }
  913. *html .popup_block {
  914. position: absolute;
  915. }
  916.  
  917. h2 {
  918. font-size: 10px;
  919. font-family: arial;
  920. font-weight:normal;
  921. line-height:15px;
  922. margin:0px;
  923. text-decoration: none;
  924. color: {color:Post Text};
  925. }
  926.  
  927. h2 a {
  928. text-decoration: none;
  929. color: {color:Post Link};
  930. }
  931.  
  932. .popup_block b, strong {
  933. color: {color:Post Bold};
  934. font-family: 'Prata', serif;
  935. text-transform:uppercase;
  936. text-shadow: 1px 0px 0px ##8c3737;
  937. font-size:11px;
  938. letter-spacing:0px;
  939. }
  940.  
  941.  
  942. .popup_block i, em {
  943. color: {color:Post Italic};
  944. font-family: 'Lobster Two', cursive;
  945. text-shadow: 0px 0px 3px #a6a290;
  946. text-transform:none;
  947. font-size:11px;
  948. letter-spacing:2px;
  949. }
  950.  
  951.  
  952. {CustomCSS}
  953.  
  954.  
  955.  
  956. </style></head><body>
  957.  
  958.  
  959.  
  960.  
  961.  
  962. <div id="updatestab">
  963. <div class="updatesheadline"></div>
  964. <div class="updatescontent">
  965.  
  966.  
  967.  
  968. </div></div></div>
  969.  
  970.  
  971.  
  972. <div class="anavlinks">
  973. <a href="/" title="return">.01</a></a><br /><br /></div>
  974.  
  975. <div class="bnavlinks">
  976. <a href="#?w=500" rel="askbox" class="poplight" title="ask">.02</a></a><br /><br /></div>
  977. <div class="cnavlinks">
  978. <a href="#?w=500" rel="03" class="poplight" title="">.03</a></a><br /><br /></div>
  979.  
  980. <div class="dnavlinks">
  981. <a href="#?w=500" rel="04" class="poplight" title="about">.04</a><br /><br /></div>
  982. <div class="enavlinks">
  983. <a href="#?w=500" rel="05" class="poplight" title="navigation">.05</a><br /><br /></div>
  984.  
  985. <div class="fnavlinks">
  986. <a href="#?w=500" rel="06" class="poplight" title="verses">.06</a><br /><br /></div>
  987. </div>
  988.  
  989. <div class="navigation">
  990. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">retreat</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">advance</a>{/block:NextPage}{/block:Pagination}</div>
  991.  
  992.  
  993.  
  994. <div class="backcont">
  995. <div class="content">
  996.  
  997. <div class="postcol">
  998. {block:Posts}<div id="post">
  999.  
  1000. {block:Text}<h1>{block:Title}<a href={Permalink}>{Title}</a>{/block:Title}</h1>{Body}{/block:Text}
  1001.  
  1002. {block:Photo}{LinkOpenTag}<div align="center"><img src="{PhotoURL-250}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1003.  
  1004. {block:Photoset}
  1005. {Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1006.  
  1007. {block:Quote}<div style="padding:4px;font-size:13px;line-height:1.5em;color:{color:text};text-align:center;font-family: times;font-style:italic;">{Quote}</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  1008.  
  1009. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1010.  
  1011. {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}
  1012.  
  1013. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1014.  
  1015. {block:Video}<div align="center">{Video-250}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1016.  
  1017. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br>{Question}<br><br>{Answer}{/block:Answer}
  1018.  
  1019. <div id="info">
  1020. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></div>
  1021.  
  1022. {block:HasTags}
  1023. <div class="tags">
  1024. {block:Tags} <a href="{TagURL}">&nbsp; #{Tag}</a> {/block:Tags}</div>
  1025. {/block:HasTags}
  1026. <div class="postnote">
  1027. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1028. </div>
  1029. </div>
  1030. {/block:Posts}
  1031.  
  1032.  
  1033. <div id="credit"><a href="http://wehrmxcht.tumblr.com">x</a></div> </div></div>
  1034.  
  1035. <div id="03" class="popup_block">
  1036.  
  1037. <body>
  1038.  
  1039. </div>
  1040.  
  1041.  
  1042. </body>
  1043. </html>
  1044.  
  1045.  
  1046. </div>
  1047.  
  1048.  
  1049. <div id="04" class="popup_block">
  1050.  
  1051. <body>
  1052.  
  1053. </div>
  1054. </div>
  1055.  
  1056. <div id="06" class="popup_block">
  1057. <body>
  1058.  
  1059.  
  1060. </div>
  1061. </body>
  1062. </html>
  1063.  
  1064. </div>
  1065.  
  1066.  
  1067. <div id="05" class="popup_block">
  1068. <p>
  1069. About the mun, tags, whatever else you want!
  1070.  
  1071. </div>
  1072.  
  1073. <div id="07" class="popup_block">
  1074. <br><br>
  1075.  
  1076. </div>
  1077.  
  1078. <div id="askbox" class="popup_block">
  1079. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe>
  1080. </div>
  1081.  
  1082. </div></div></div></div></div></div></div></div></div></div>
  1083.  
  1084. </body>
  1085. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!