API tools faq
paste
Advertisement
ladyvicky

THEME#6 BY LV

ladyvicky
Jan 27th, 2014
599
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 34.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4. <!-- THEME BY LADY VICTORIA DO NOT STEAL REDISTRUBTE OR REMOVE CREDIT-->
  5.  
  6. <!-- SCRIPTS -->
  7.  
  8. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  9.  
  10. {block:ifInfiniteScrolling}
  11. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  12.  
  13. <script type="text/javascript" src="https://googledrive.com/host/0B1LOqmbUyH_GYTZwT2hPTHAtVkU/jquery.scrollUp.min.js"></script>
  14.  
  15. <script type="text/javascript">
  16. $(function () {
  17.   $.scrollUp({
  18.     scrollName: 'scrollUp', // Element ID
  19.     topDistance: '300', // Distance from top before showing element (px)
  20.     topSpeed: 300, // Speed back to top (ms)
  21.     animation: 'fade', // Fade, slide, none
  22.     animationInSpeed: 200, // Animation in speed (ms)
  23.     animationOutSpeed: 200, // Animation out speed (ms)
  24.     scrollText: 'Scroll to top', // Text for element
  25.     activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  26.   });
  27. });
  28. </script>
  29. {/block:ifInfiniteScrolling}
  30.  
  31. <script type="text/javascript">
  32.  function unhide(divID) {
  33.  var item = document.getElementById(divID);
  34.  if (item) {
  35.  item.className=(item.className=='hidden')?'unhidden':'hidden';
  36.  }
  37.  }
  38. </script>
  39.  
  40.  
  41.  
  42.  
  43.     {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  44.    
  45.     <title>
  46.         {block:TagPage}{Tag} - {/block:TagPage}
  47.         {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
  48.         {block:PostSummary}{PostSummary} - {/block:PostSummary}
  49.         {Title}
  50.     </title>
  51.    
  52.     <link rel="shortcut icon" href="{Favicon}">
  53.    
  54.     <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}">
  55.    
  56.     <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css">
  57.    
  58. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700|Open+Sans' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic' rel='stylesheet' type='text/css'>
  61.        
  62. <!-- METATAG THINGS-->
  63.  
  64. <meta name="color:BlogTitle" content="#9f9f9f">
  65. <meta name="color:Text" content="#9f9f9f">
  66. <meta name="color:Links" content="#d59fac">
  67. <meta name="color:Links Hover" content="#a04e61">
  68. <meta name="color:Description Text" content="#9f9f9f">
  69. <meta name="color:Bold" content="#6f909a">
  70. <meta name="color:Italic" content="#669a81">
  71. <meta name="color:Info BG" content="#000000">
  72. <meta name="color:Background 1" content="#f3f3f3">
  73. <meta name="color:Background 2" content="#f3f3f3">
  74. <meta name="color:Info Text" content="#ffffff">
  75. <meta name="color:Info Text Hover" content="#a04e61">
  76. <meta name="color:Captions BG" content="#ffffff">
  77. <meta name="color:Captions Hover BG" content="#ffebeb">
  78. <meta name="color:Main Nav" content="#a8a8a8">
  79. <meta name="color:Main Nav Hover" content="#d59fac">
  80. <meta name="color:Custom Nav" content="white">
  81. <meta name="color:Custom Nav Hover" content="black">
  82. <meta name="color:Text Post BG" content="#ffffff">
  83. <meta name="color:Text Post Hover BG" content="#ffebeb">
  84. <meta name="color:Quote Post BG" content="#ffffff">
  85. <meta name="color:Quote Post Hover BG" content="#ffebeb">
  86. <meta name="color:Link Post BG" content="#ffffff">
  87. <meta name="color:Link Post Hover BG" content="#ffebeb">
  88. <meta name="color:Chat Post BG" content="#ffffff">
  89. <meta name="color:Chat Post Hover BG" content="#ffebeb">
  90. <meta name="color:Ask Post BG" content="#ffffff">
  91. <meta name="color:Ask Post Hover BG" content="#ffebeb">
  92. <meta name="color:Post Shadow 1" content="#000">
  93. <meta name="color:Post Shadow 2" content="gray">
  94. <meta name="color:Permalink Notes BG" content="#ffffff">
  95. <meta name="color:Permalink Notes Hover BG" content="#ffebeb">
  96. <meta name="color:Current Page Color" content="#6f909a">
  97.  
  98. <meta name="image:Background 1" content="">
  99. <meta name="image:Background 2" content="">
  100. <meta name="image:Info BG" content="">
  101.  
  102. <meta name="text:Blog Title" content=".6 theme number six">
  103. <meta name="text:Navigation Title" content="Navigation">
  104. <meta name="text:Link 1" content="link 1">
  105. <meta name="text:Link 1 URL" content="">
  106. <meta name="text:Link 2" content="link 2">
  107. <meta name="text:Link 2 URL" content="">
  108. <meta name="text:Link 3" content="link 3">
  109. <meta name="text:Link 3 URL" content="">
  110. <meta name="text:Link 4" content="link 4">
  111. <meta name="text:Link 4 URL" content="">
  112. <meta name="text:Link 5" content="link 5">
  113. <meta name="text:Link 5 URL" content="">
  114. <meta name="text:Link 6" content="link 6">
  115. <meta name="text:Link 6 URL" content="">
  116. <meta name="text:Link 7" content="link 7">
  117. <meta name="text:Link 7 URL" content="">
  118. <meta name="text:Link 8" content="link 8">
  119. <meta name="text:Link 8 URL" content="">
  120. <meta name="text:Link 9" content="link 9">
  121. <meta name="text:Link 9 URL" content="">
  122. <meta name="text:Link 10" content="link 10">
  123. <meta name="text:Link 10 URL" content="">
  124.  
  125. <meta name="if:500px Posts" content="1">
  126. <meta name="if:400px Posts" content="0">
  127. <meta name="if:250px Posts" content="0">
  128. <meta name="if:Rounded Posts" content="1">
  129. <meta name="if:Post Separator" content="1">
  130. <meta name="if:Post Shadow" content="1">
  131. <meta name="if:Show Captions" content="1">
  132. <meta name="if:Infinite Scrolling" content="0">
  133. <meta name="if:Grayscale Images" content="1">
  134.  
  135. <meta name="if:Info Style 1" content="1">
  136. <meta name="if:Info Style 2" content="0">
  137. <style>
  138.  
  139. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  140.  
  141. /* fontawesome */
  142. [class*="fontawesome-"]:before {
  143.     font-family: 'FontAwesome', sans-serif;
  144.     font-size:14px;
  145.     letter-spacing:10px;
  146. }
  147.  
  148. /* GENERAL */
  149.  
  150. *, *:after, *::before {
  151.     -webkit-box-sizing: border-box;
  152.     -moz-box-sizing: border-box;
  153.     box-sizing: border-box;
  154.     word-wrap:break-word;
  155.     margin:0px;
  156.     padding:0px;
  157. }
  158.  
  159. html, body {
  160.     width:100%;
  161.     height:100%;
  162.     font-family:'Open Sans', Sans-Serif;
  163.     font-size:12px;
  164. {block:If250pxPosts}
  165.     font-size:10px;
  166. {/block:If250pxPosts}
  167.     color:{color:Text};
  168.     }
  169.    
  170. h1, h2, h3, h4, h5, h6 {
  171.     font-family:'Playfair Display', Serif;
  172.     font-style:italic;
  173. }
  174.  
  175. iframe, img, embed, object, video {
  176.     max-width: 100%;
  177. }
  178.  
  179. img {
  180.     -webkit-transition: all 0.3s ease-in-out;
  181.     -moz-transition: all 0.3s ease-in-out;
  182.     -o-transition: all 0.3s ease-in-out;
  183.     -ms-transition: all 0.3s ease-in-out;
  184.     transition: all 0.3s ease-in-out;
  185. {block:IfGrayscaleImages}
  186.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  187.     filter: gray; /* IE6-9 */
  188.     -webkit-filter: grayscale(1);
  189. {/block:IfGrayscaleImages}
  190. }
  191.  
  192. img:hover {
  193.     -webkit-transition: all 0.3s ease-in-out;
  194.     -moz-transition: all 0.3s ease-in-out;
  195.     -o-transition: all 0.3s ease-in-out;
  196.     -ms-transition: all 0.3s ease-in-out;
  197.     transition: all 0.3s ease-in-out;
  198. {block:IfGrayscaleImages}
  199.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  200.     filter: none; /* IE6-9 */
  201.     -webkit-filter: grayscale(0);
  202. {/block:IfGrayscaleImages}
  203. }
  204.  
  205. ul {
  206.     margin-left:20px;
  207.     line-height:200%;
  208. }
  209.  
  210. body, a, a:link, a:visited {
  211.     cursor:url('http://static.tumblr.com/8di24cd/mC1mwksaw/zorzc.png'), auto; }
  212.  
  213. a:hover, a:active, select {
  214.     cursor:url('http://static.tumblr.com/8di24cd/m7jmwkhhw/th_9-2.png'), auto;
  215. }
  216.  
  217. a {
  218.     color:{color:Links};
  219.     text-decoration:none;
  220.     -webkit-transition: all 0.3s ease-in-out;
  221.     -moz-transition: all 0.3s ease-in-out;
  222.     -o-transition: all 0.3s ease-in-out;
  223.     -ms-transition: all 0.3s ease-in-out;
  224.     transition: all 0.3s ease-in-out;
  225. }
  226.  
  227. a:hover {
  228.     color:{color:Links Hover};
  229.     -webkit-transition: all 0.3s ease-in-out;
  230.     -moz-transition: all 0.3s ease-in-out;
  231.     -o-transition: all 0.3s ease-in-out;
  232.     -ms-transition: all 0.3s ease-in-out;
  233.     transition: all 0.3s ease-in-out;
  234. }
  235.  
  236. b, strong {
  237.     color:{color:Bold};
  238. }
  239.  
  240. i, em {
  241.     color:{color:Italic};
  242. }
  243.  
  244. blockquote {
  245.     text-align:center;
  246.     margin:20px 0;
  247.     font-family:'Playfair Display', Serif;
  248.     font-style:italic;
  249. }
  250.  
  251. /* TOOLS */
  252.  
  253. #scrollUp {
  254.   bottom: 20px;
  255. {block:If500pxPosts}
  256.   left:700px;
  257. {/block:If500pxPosts}
  258. {block:If400pxPosts}
  259.   left:600px;
  260. {/block:If400pxPosts}
  261. {block:If250pxPosts}
  262.   left:450px;
  263. {/block:If250pxPosts}
  264. {block:PermalinkPage}
  265.  left:850px;
  266. {/block:PermalinkPage}
  267.   padding: 10px 20px;
  268.   background:{color:Info BG};
  269.   color: #fff;
  270.   text-transform:uppercase;
  271.     font-family:'tinytots', sans-serif;
  272.     font-size:8px;
  273. }
  274.  
  275. iframe#tumblr_controls {
  276.     -webkit-filter:invert(100%);
  277.     -moz-filter:invert(100%);
  278.     -o-filter:invert(100%);
  279.     -ms-filter:invert(100%);
  280.     filter:invert(100%);
  281.     opacity:0.2;
  282.     margin-top:50px;
  283. }
  284.  
  285. /* CONTAINERS */
  286.  
  287. #fofo {
  288.     float:left;
  289.     width:100px;
  290.     padding:10px 10px 100px 10px;
  291. {block:ifInfoStyle1}
  292.     background-color:{color:Info BG};
  293.     background-image:url({image:Info BG});
  294.     background-attachment:fixed;
  295. {/block:ifInfoStyle1}
  296. {block:ifInfoStyle2}
  297.     background:{color:Background 1};
  298. {/block:ifInfoStyle2}
  299.     min-height:100%;
  300. }
  301.  
  302. #content {
  303.     float:left;
  304. {block:If500pxPosts}
  305.     width:520px;
  306. {/block:If500pxPosts}
  307. {block:If400pxPosts}
  308.     width:420px;
  309. {/block:If400pxPosts}
  310. {block:If250pxPosts}
  311.     width:270px;
  312. {/block:If250pxPosts}
  313. {block:PermalinkPage}
  314.     width:700px;
  315. {/block:PermalinkPage}
  316.     margin-left:15px;
  317.     padding:10px 10px 100px 10px;
  318.     background-color:{color:Background 1};
  319.     background-image:url('{image:Background 1}');
  320.     background-attachment:fixed;
  321.     min-height:100%;
  322. }
  323.  
  324. #bloggy {
  325.     background-color:{color:Background 2};
  326.     background-image:url('{image:Background 2}');
  327.     background-attachment:fixed;
  328.     padding:10px 20px 10px 100px;
  329. {block:If500pxPosts}
  330.     margin-left:650px;
  331. {/block:If500pxPosts}
  332. {block:If400pxPosts}
  333.     margin-left:550px;
  334. {block:If400pxPosts}
  335. {block:If250pxPosts}
  336.     margin-left:400px;
  337. {/block:If250pxPosts}
  338. {block:PermalinkPage}
  339.     margin-left:700px;
  340. {/block:PermalinkPage}
  341.     text-align:right;
  342.     min-height:100%;
  343.     border-right:10px solid {color:Info BG};
  344. }
  345.  
  346. #fofo, #content, #bloggy {
  347.     padding-bottom:32767px;
  348.     margin-bottom:-32767px;
  349. }
  350.  
  351. #wrapper {
  352.     overflow:hidden;
  353.     background-color:{color:Background 1};
  354.     background-image:url('{image:Background 1}');
  355.     background-attachment:fixed;
  356.     min-height:100%;
  357.     padding-bottom:100px;
  358. }
  359.  
  360. .content {
  361.     padding:10px;
  362. }
  363.  
  364. article {
  365. {block:IndexPage}
  366.     margin:50px -10px 50px -10px;
  367. {/block:IndexPage}
  368. {block:PermalinkPage}
  369.     margin-left:-20px;
  370.     margin-top:50px;
  371. {/block:PermalinkPage}
  372.     padding:10px;
  373. {block:ifRoundedPosts}
  374.     border-radius:3px;
  375. {/block:ifRoundedPosts}
  376. }
  377.  
  378. /* INFO */
  379.  
  380. .ofof {
  381.     width:90px;
  382.     position:absolute;
  383.     left:10px;
  384. {block:PermalinkPage}
  385.     left:730px;
  386.     font-size:14px;
  387.     width:500px;
  388. {/block:PermalinkPage}
  389.     color:{color:Info Text};
  390. {block:IndexPage}
  391.     font-size:10px;
  392. {/block:IndexPage}
  393.     font-family:'Calibri', Sans-serif;
  394.     line-height:200%;
  395.     -webkit-transition: all 0.3s ease-in-out;
  396.     -moz-transition: all 0.3s ease-in-out;
  397.     -o-transition: all 0.3s ease-in-out;
  398.     -ms-transition: all 0.3s ease-in-out;
  399.     transition: all 0.3s ease-in-out;
  400. }
  401.  
  402. .ofof a, .ofof p {
  403.     padding-left:5px;
  404.     display:block;
  405.     color:{color:Info Text};
  406. {block:ifInfoStyle2}
  407. {block:IndexPage}
  408.     border-bottom:1px solid {color:Info Text};
  409. {/block:IndexPage}
  410. {/block:ifInfoStyle2}
  411.     -webkit-transition: all 0.3s ease-in-out;
  412.     -moz-transition: all 0.3s ease-in-out;
  413.     -o-transition: all 0.3s ease-in-out;
  414.     -ms-transition: all 0.3s ease-in-out;
  415.     transition: all 0.3s ease-in-out;
  416. }
  417.  
  418. .ofof a:hover, .ofof p:hover {
  419. {block:IndexPage}
  420.     color:{color:Info Text Hover};
  421. {block:ifInfoStyle2}
  422.     background-color:{color:Info Text};
  423. {/block:ifInfoStyle2}
  424.     width:100%;
  425.     -webkit-transition: all 0.3s ease-in-out;
  426.     -moz-transition: all 0.3s ease-in-out;
  427.     -o-transition: all 0.3s ease-in-out;
  428.     -ms-transition: all 0.3s ease-in-out;
  429.     transition: all 0.3s ease-in-out;
  430. {/block:IndexPage}
  431. }
  432.  
  433. .captions {
  434.     font-family:'Playfair Display', Serif;
  435.     font-style:italic;
  436.     text-align:center;
  437.     margin-top:10px;
  438.     padding:10px 0;
  439.     background:{color:Captions BG};
  440. {block:IfPostShadow}
  441.     border-right:1px solid {color:Post Shadow 1};
  442.     border-bottom:1px solid {color:Post Shadow 1};
  443.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  444. {/block:IfPostShadow}
  445. {block:ifRoundedPosts}
  446.     border-radius:3px;
  447. {/block:ifRoundedPosts}
  448.     -webkit-transition: all 0.3s ease-in-out;
  449.     -moz-transition: all 0.3s ease-in-out;
  450.     -o-transition: all 0.3s ease-in-out;
  451.     -ms-transition: all 0.3s ease-in-out;
  452.     transition: all 0.3s ease-in-out;
  453. }
  454.  
  455. article:hover .captions {
  456.     background:{color:Captions Hover BG};
  457.     -webkit-transition: all 0.3s ease-in-out;
  458.     -moz-transition: all 0.3s ease-in-out;
  459.     -o-transition: all 0.3s ease-in-out;
  460.     -ms-transition: all 0.3s ease-in-out;
  461.     transition: all 0.3s ease-in-out;
  462. }
  463. /* TITLE */
  464.  
  465. .primary {
  466.     color:{color:BlogTitle};
  467.     font-style:italic;
  468. {block:IndexPage}
  469.     font-size:100px;
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472.     font-size:50px;
  473. {block:PermalinkPage}
  474.     padding:0;
  475.     line-height:100%;
  476.     opacity:0.5;
  477.     -webkit-transition: all 0.3s ease-in-out;
  478.     -moz-transition: all 0.3s ease-in-out;
  479.     -o-transition: all 0.3s ease-in-out;
  480.     -ms-transition: all 0.3s ease-in-out;
  481.     transition: all 0.3s ease-in-out;
  482. }
  483.  
  484. .primary:hover {
  485.     opacity:1;
  486.     -webkit-transition: all 0.3s ease-in-out;
  487.     -moz-transition: all 0.3s ease-in-out;
  488.     -o-transition: all 0.3s ease-in-out;
  489.     -ms-transition: all 0.3s ease-in-out;
  490.     transition: all 0.3s ease-in-out;
  491. }
  492.  
  493. /* HUGE NAV */
  494.  
  495. .bmenu {
  496.     margin-top:30px;
  497.     font-family:'Playfair Display', Serif;
  498.     font-style:italic;
  499.     padding: 0px;
  500.     position: relative;
  501.     line-height:150%;
  502. }
  503.  
  504. .bmenu a {
  505.     color:{color:Main Nav};
  506. }
  507. .bmenu li {
  508.     font-size:20px;
  509.     display: block;
  510. }
  511.  
  512. .bmenu li a{
  513.     display: block;
  514.     text-shadow: none;
  515.     -webkit-transition: all 0.3s ease-in-out;
  516.     -moz-transition: all 0.3s ease-in-out;
  517.     -o-transition: all 0.3s ease-in-out;
  518.     -ms-transition: all 0.3s ease-in-out;
  519.     transition: all 0.3s ease-in-out;
  520. }
  521.  
  522. .bmenu:hover li a{
  523.     color:transparent;
  524.     text-shadow: 0px 0px 5px #222;
  525. }
  526. .bmenu li a:hover{
  527.     color:{color:Main Nav Hover};
  528.     text-shadow: 0px 0px 1px {color:Main Nav Hover};
  529.     padding-left: 10px;
  530. }
  531.  
  532. .u {
  533.     color:{color:Description Text};
  534.     line-height:150%;
  535.     font-size:10px;
  536.     -webkit-transition: all 0.3s ease-in-out;
  537.     -moz-transition: all 0.3s ease-in-out;
  538.     -o-transition: all 0.3s ease-in-out;
  539.     -ms-transition: all 0.3s ease-in-out;
  540.     transition: all 0.3s ease-in-out;
  541. }
  542.  
  543. .hidden {display: none;}
  544. .unhidden {display: block;}
  545.  
  546. .teenynav {
  547.     margin-top:3px;
  548.     display:block;
  549.     padding:0px 5px;
  550.     line-height:150%;
  551.     font-size:10px;
  552.     color:{color:Custom Nav};
  553.     border-right:0px solid {color:Custom Nav Hover};
  554. }
  555.  
  556. .teenynav:hover {
  557.     color:{color:Custom Nav Hover};
  558.     border-right:10px solid {color:Custom Nav Hover};
  559. }
  560.  
  561. /* PHOTO */
  562.  
  563. .photo img {
  564. {block:IfPostShadow}
  565.     border-right:1px solid {color:Post Shadow 1};
  566.     border-bottom:1px solid {color:Post Shadow 1};
  567.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  568. {/block:IfPostShadow}
  569. {block:ifRoundedPosts}
  570.     border-radius:3px;
  571. {/block:ifRoundedPosts}
  572.     -webkit-transition: all 0.3s ease-in-out;
  573.     -moz-transition: all 0.3s ease-in-out;
  574.     -o-transition: all 0.3s ease-in-out;
  575.     -ms-transition: all 0.3s ease-in-out;
  576.     transition: all 0.3s ease-in-out;
  577. {block:IfGrayscaleImages}
  578.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  579.     filter: gray; /* IE6-9 */
  580.     -webkit-filter: grayscale(1);
  581. {/block:IfGrayscaleImages}
  582. }
  583.  
  584. .photo img:hover {
  585.     -webkit-transition: all 0.3s ease-in-out;
  586.     -moz-transition: all 0.3s ease-in-out;
  587.     -o-transition: all 0.3s ease-in-out;
  588.     -ms-transition: all 0.3s ease-in-out;
  589.     transition: all 0.3s ease-in-out;
  590. {block:IfGrayscaleImages}
  591.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  592.     filter: none; /* IE6-9 */
  593.     -webkit-filter: grayscale(0);
  594. {/block:IfGrayscaleImages}
  595. }
  596.  
  597. .html_photoset {
  598. {block:IfPostShadow}
  599.     border-right:1px solid {color:Post Shadow 1};
  600.     border-bottom:1px solid {color:Post Shadow 1};
  601.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  602. {/block:IfPostShadow}
  603.     -webkit-transition: all 0.3s ease-in-out;
  604.     -moz-transition: all 0.3s ease-in-out;
  605.     -o-transition: all 0.3s ease-in-out;
  606.     -ms-transition: all 0.3s ease-in-out;
  607.     transition: all 0.3s ease-in-out;
  608. {block:IfGrayscaleImages}
  609.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  610.     filter: gray; /* IE6-9 */
  611.     -webkit-filter: grayscale(1);
  612. {/block:IfGrayscaleImages}
  613. }
  614.  
  615. .html_photoset:hover {
  616.     -webkit-transition: all 0.3s ease-in-out;
  617.     -moz-transition: all 0.3s ease-in-out;
  618.     -o-transition: all 0.3s ease-in-out;
  619.     -ms-transition: all 0.3s ease-in-out;
  620.     transition: all 0.3s ease-in-out;
  621. {block:IfGrayscaleImages}
  622.     filter: url(&ldquo;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&rsquo;http://www.w3.org/2000/svg&rsquo;&amp;gt;&amp;lt;filter id=&rsquo;grayscale&rsquo;&amp;gt;&amp;lt;feColorMatrix type=&rsquo;matrix&rsquo; values=&rsquo;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0.3333&nbsp;0.3333&nbsp;0.3333&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;0&nbsp;1&nbsp;0&rsquo;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;/svg&amp;gt;#grayscale&rdquo;); /* Firefox 3.5+ */
  623.     filter: none; /* IE6-9 */
  624.     -webkit-filter: grayscale(0);
  625. {/block:IfGrayscaleImages}
  626. }
  627.  
  628. /* TEXT */
  629.  
  630. .text {
  631.     background:{color:Text Post BG};
  632.     padding:10px;
  633. {block:IfPostShadow}
  634.     border-right:1px solid {color:Post Shadow 1};
  635.     border-bottom:1px solid {color:Post Shadow 1};
  636.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  637. {/block:IfPostShadow}
  638. {block:ifRoundedPosts}
  639.     border-radius:3px;
  640. {/block:ifRoundedPosts}
  641.     -webkit-transition: all 0.3s ease-in-out;
  642.     -moz-transition: all 0.3s ease-in-out;
  643.     -o-transition: all 0.3s ease-in-out;
  644.     -ms-transition: all 0.3s ease-in-out;
  645.     transition: all 0.3s ease-in-out;
  646. }
  647.  
  648. article:hover .text{
  649.     background:{color:Text Post Hover BG};
  650.     -webkit-transition: all 0.3s ease-in-out;
  651.     -moz-transition: all 0.3s ease-in-out;
  652.     -o-transition: all 0.3s ease-in-out;
  653.     -ms-transition: all 0.3s ease-in-out;
  654.     transition: all 0.3s ease-in-out;
  655. }
  656.  
  657. .text h1 {
  658.     text-align:center;
  659.     padding-bottom:10px;
  660. }
  661.  
  662. /* QUOTE */
  663.  
  664. .quote {
  665.     background-color:{color:Quote Post BG};
  666. {block:IfPostShadow}
  667.     border-right:1px solid {color:Post Shadow 1};
  668.     border-bottom:1px solid {color:Post Shadow 1};
  669.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  670. {/block:IfPostShadow}
  671. {block:ifRoundedPosts}
  672.     border-radius:3px;
  673. {/block:ifRoundedPosts}
  674.     padding:10px;
  675.     -webkit-transition: all 0.3s ease-in-out;
  676.     -moz-transition: all 0.3s ease-in-out;
  677.     -o-transition: all 0.3s ease-in-out;
  678.     -ms-transition: all 0.3s ease-in-out;
  679.     transition: all 0.3s ease-in-out;
  680. }
  681.  
  682. article:hover .quote {
  683.     background-color:{color:Quote Post Hover BG};
  684.     -webkit-transition: all 0.3s ease-in-out;
  685.     -moz-transition: all 0.3s ease-in-out;
  686.     -o-transition: all 0.3s ease-in-out;
  687.     -ms-transition: all 0.3s ease-in-out;
  688.     transition: all 0.3s ease-in-out;
  689. }
  690.  
  691. .source {
  692.     text-align:right;
  693.     padding-top:20px;
  694. }
  695.  
  696. /* LINK */
  697.  
  698. .link {
  699.     background-color:{color:Link Post BG};
  700. {block:IfPostShadow}
  701.     border-right:1px solid {color:Post Shadow 1};
  702.     border-bottom:1px solid {color:Post Shadow 1};
  703.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  704. {/block:IfPostShadow}
  705. {block:ifRoundedPosts}
  706.     border-radius:3px;
  707. {/block:ifRoundedPosts}
  708.     padding:10px;
  709.     -webkit-transition: all 0.3s ease-in-out;
  710.     -moz-transition: all 0.3s ease-in-out;
  711.     -o-transition: all 0.3s ease-in-out;
  712.     -ms-transition: all 0.3s ease-in-out;
  713.     transition: all 0.3s ease-in-out;
  714. }
  715.  
  716. article:hover .link{
  717.     background-color:{color:Link Post Hover BG};
  718.     -webkit-transition: all 0.3s ease-in-out;
  719.     -moz-transition: all 0.3s ease-in-out;
  720.     -o-transition: all 0.3s ease-in-out;
  721.     -ms-transition: all 0.3s ease-in-out;
  722.     transition: all 0.3s ease-in-out;
  723. }
  724.  
  725. .linkh {
  726.     text-align:center;
  727.     padding-bottom:10px;
  728. }
  729.  
  730. /* CHAT */
  731.  
  732. .chat {
  733.     background-color:{color:Chat Post BG};
  734. {block:IfPostShadow}
  735.     border-right:1px solid {color:Post Shadow 1};
  736.     border-bottom:1px solid {color:Post Shadow 1};
  737.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  738. {/block:IfPostShadow}
  739. {block:ifRoundedPosts}
  740.     border-radius:3px;
  741. {/block:ifRoundedPosts}
  742.     padding:10px;
  743.     -webkit-transition: all 0.3s ease-in-out;
  744.     -moz-transition: all 0.3s ease-in-out;
  745.     -o-transition: all 0.3s ease-in-out;
  746.     -ms-transition: all 0.3s ease-in-out;
  747.     transition: all 0.3s ease-in-out;
  748. }
  749.  
  750. article:hover .chat {
  751.     background-color:{color:Chat Post Hover BG};
  752.     -webkit-transition: all 0.3s ease-in-out;
  753.     -moz-transition: all 0.3s ease-in-out;
  754.     -o-transition: all 0.3s ease-in-out;
  755.     -ms-transition: all 0.3s ease-in-out;
  756.     transition: all 0.3s ease-in-out;
  757. }
  758.  
  759. .chat ul {
  760.     line-height:300%;
  761.     list-style:none;
  762. }
  763.  
  764. .chat .odd {
  765.     font-family:'Playfair Display', Serif;
  766. }
  767.  
  768. /* ASK */
  769.  
  770. .answer {
  771.     background-color:{color:Ask Post BG};
  772.     padding:10px;
  773. {block:IfPostShadow}
  774.     border-right:1px solid {color:Post Shadow 1};
  775.     border-bottom:1px solid {color:Post Shadow 1};
  776.     box-shadow:5px 5px 0px {color:Post Shadow 2};
  777. {/block:IfPostShadow}
  778. {block:ifRoundedPosts}
  779.     border-radius:3px;
  780. {/block:ifRoundedPosts}
  781.     min-height:96px;
  782.     -webkit-transition: all 0.3s ease-in-out;
  783.     -moz-transition: all 0.3s ease-in-out;
  784.     -o-transition: all 0.3s ease-in-out;
  785.     -ms-transition: all 0.3s ease-in-out;
  786.     transition: all 0.3s ease-in-out;
  787. }
  788.  
  789. article:hover .answer {
  790.     background-color:{color:Ask Post Hover BG};
  791.     -webkit-transition: all 0.3s ease-in-out;
  792.     -moz-transition: all 0.3s ease-in-out;
  793.     -o-transition: all 0.3s ease-in-out;
  794.     -ms-transition: all 0.3s ease-in-out;
  795.     transition: all 0.3s ease-in-out;
  796. }
  797.  
  798. .answer img {
  799.     position:absolute;
  800. {block:IfPostShadow}
  801.     border-right:1px solid {color:Post Shadow 1};
  802. {/block:IfPostShadow}
  803. {block:ifRoundedPosts}
  804.     border-radius:3px;
  805. {/block:ifRoundedPosts}
  806.     float:right;
  807. {block:IndexPage}
  808.     {block:If500pxPosts}
  809.     margin-left:393px;
  810.     margin-top:-74px;
  811.     {/block:If500pxPosts}
  812.     {block:If400pxPosts}
  813.     margin-left:293px;
  814.     margin-top:-74px;
  815.     {/block:If400pxPosts}
  816.     {block:If250pxPosts}
  817.     margin-left:143px;
  818.     margin-top:-118px;
  819.     {/block:If250pxPosts}
  820. {/block:IndexPage}
  821.  
  822. {block:PermalinkPage}
  823.     margin-left:574px;
  824.     margin-top:-42px;
  825. {/block:PermalinkPage}
  826.  
  827. }
  828. .question {
  829. {block:IndexPage}
  830.     padding-right:100px;
  831. {/block:IndexPage}
  832. {block:PermalinkPage}
  833.     padding-right:0;
  834. {/block:PermalinkPage}
  835. }
  836.  
  837. #notes {
  838.     margin-top:50px;
  839. }
  840.  
  841. #notes ol {
  842.     list-style: none;
  843.     line-height:200%;
  844. }
  845.  
  846. #notes li {
  847.     background-color:{color:Permalink Notes BG};
  848. {block:ifRoundedPosts}
  849.     border-radius:3px;
  850. {/block:ifRoundedPosts}
  851.     padding:0px 10px;
  852.     margin:10px 0;
  853.     -webkit-transition: all 0.3s ease-in-out;
  854.     -moz-transition: all 0.3s ease-in-out;
  855.     -o-transition: all 0.3s ease-in-out;
  856.     -ms-transition: all 0.3s ease-in-out;
  857.     transition: all 0.3s ease-in-out;
  858. }
  859.  
  860. #notes li:hover {
  861.     background-color:{color:Permalink Notes Hover BG};
  862.     -webkit-transition: all 0.3s ease-in-out;
  863.     -moz-transition: all 0.3s ease-in-out;
  864.     -o-transition: all 0.3s ease-in-out;
  865.     -ms-transition: all 0.3s ease-in-out;
  866.     transition: all 0.3s ease-in-out;    
  867. }
  868.  
  869. #notes img {
  870.     display:none;
  871. }
  872.  
  873. .pagination {
  874.     position:fixed;
  875.     bottom:0px;
  876.     right:20px;
  877.     font-style:italic;
  878.     margin:50px 0;
  879.     font-size:10px;
  880.     font-style:normal;
  881.     text-transform:uppercase;
  882. {block:IfInfiniteScrolling}
  883.     display:none;
  884. {/block:IfInfiniteScrolling}
  885. }
  886.  
  887. .pagination a {
  888.     margin:0 10px;
  889.     padding:3px 5px;
  890. }
  891.  
  892. .current_page {
  893.     color:{color:Current Page Color};
  894. }
  895.  
  896. #redpanda {
  897.     position:fixed;
  898.     right:0px;
  899.     bottom:-13px;
  900.     width:auto;
  901.     z-index:999999999999999999999999;
  902.     font-family:'Playfair Display', Serif;
  903.     font-size:10px;
  904.     font-style:italic;
  905.     text-align:center;
  906.     -webkit-transition: all 0.3s ease-in-out;
  907.     -moz-transition: all 0.3s ease-in-out;
  908.     transition: all 0.3s ease-in-out;
  909. }
  910.  
  911. #redpanda:hover {
  912.     right:20px;
  913.     bottom:5px;
  914. }
  915.  
  916. #redpanda a {
  917.     color:black;
  918. }
  919.  
  920. #redpanda a:hover {
  921.     color:#d87598;
  922. }
  923.  
  924. </style>
  925.  
  926. </head>
  927.  
  928. <body>
  929.  
  930. <div id="redpanda">
  931. <a href="http://lady-victoria.tumblr.com">theme<br>by Lady Victoria</a>
  932. </div>
  933.  
  934. <div id="wrapper">
  935. {block:IndexPage}
  936. <div id="fofo"></div>
  937. {block:IndexPage}
  938. <div id="content">
  939.  
  940. {block:Posts}
  941.  
  942. {block:ContentSource}
  943.  
  944. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  945. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  946. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  947.  
  948. <article>
  949.  
  950. <div class="ofof">
  951. <p><span class="fontawesome-time">{block:IndexPage}{TimeAgo}{/block:IndexPage}{block:PermalinkPage}{DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year} at {12Hour}:{Minutes} {CapitalAmPm}{/block:PermalinkPage}</span></p>
  952. <p><span class="fontawesome-heart">{NoteCountWithLabel}</p>
  953. {block:IndexPage}
  954. <a href="{Permalink}"><span class="fontawesome-link"></span>Permalink</a>
  955. {/block:IndexPage}
  956. <a href="{ReblogURL}"><span class="fontawesome-retweet"></span>Reblog</a>
  957. {block:RebloggedFrom}
  958. <a href="{ReblogParentURL}"><span class="fontawesome-star-empty"></span>Via{block:PermalinkPage}: {ReblogParentName}{/block:PermalinkPage}</a>
  959. <a href="{ReblogRootURL}"><span class="fontawesome-star"></span>Source{block:PermalinkPage}: {ReblogRootName}{/block:PermalinkPage}</a>
  960. {/block:RebloggedFrom}
  961.  
  962. {block:PermalinkPage}
  963. {block:HasTags}
  964.     <ul id="tags">
  965.         {block:Tags}
  966.             <li>
  967.                 <a href="/tagged/{Tag}"><span class="fontawesome-tag">&nbsp;&nbsp;{Tag}</span></a>
  968.             </li>
  969.         {/block:Tags}
  970.     </ul>
  971. {/block:HasTags}
  972. {block:PermalinkPage}  
  973. </div>
  974.  
  975. {block:Text}
  976. <div class="text">
  977. {block:Title}<h1 class="title"><a href ="{Permalink}">{Title}</a></h1>{/block:Title}
  978. {Body}
  979. </div>
  980. {/block:Text}
  981.  
  982.  
  983. {block:Photo}
  984. <div class="photo" align="center">
  985. {LinkOpenTag}<img src="{PhotoURL-highres}" alt="{PhotoAlt">{LinkCloseTag}
  986.  
  987. {block:IfShowCaptions}
  988. {block:IndexPage}
  989. {block:Caption}
  990.     <div class="captions">{Caption}</div>
  991. {/block:Caption}
  992. {/block:IndexPage}
  993. {/block:IfShowCaptions}
  994. {block:PermalinkPage}
  995. {block:Caption}
  996.     <div class="captions">{Caption}</div>
  997. {/block:Caption}
  998. {/block:PermalinkPage}
  999. </div>
  1000. {/block:Photo}
  1001.  
  1002. {block:Photoset}
  1003. <div align="center">
  1004. {Photoset}
  1005. </div>  
  1006. {block:IfShowCaptions}
  1007. {block:IndexPage}
  1008. {block:Caption}
  1009.     <div class="captions">{Caption}</div>
  1010. {/block:Caption}
  1011. {/block:IndexPage}
  1012. {/block:IfShowCaptions}
  1013. {block:PermalinkPage}
  1014. {block:Caption}
  1015.     <div class="captions">{Caption}</div>
  1016. {/block:Caption}
  1017. {/block:PermalinkPage}
  1018. {/block:Photoset}
  1019.        
  1020.  
  1021. {block:Quote}
  1022. <div class="quote">
  1023. <h1 class="quote1">&ldquo;{Quote}&rdquo;</h1>
  1024. {block:Source}<h2 class="source">{Source}</h2>{/block:Source}
  1025. </div>
  1026. {/block:Quote}
  1027.  
  1028. {block:Link}
  1029. <div class="link">
  1030. <h1 class="linkh"><a href="{URL}">{Name} <span class="fontawesome-arrow-right"></span></a></h1>
  1031. {block:Description}{Description}{/block:Description}
  1032. </div>
  1033. {/block:Link}
  1034.  
  1035. {block:Chat}
  1036. <div class="chat">
  1037. <ul>
  1038.     {block:Lines}
  1039.         <li class="{Alt}">
  1040.             {block:Label}
  1041.                 {Label}
  1042.             {/block:Label}
  1043.             {Line}
  1044.         </li>
  1045.     {block:Lines}
  1046. </ul>
  1047. </div>
  1048. {/block:Chat}
  1049.  
  1050. {block:Audio}
  1051. <div class="audio">
  1052. {block:TrackName}<h1 class="audio" style="margin-top:0;text-align:center;"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  1053. <div class="albumart">
  1054.     {block:AlbumArt}
  1055.         <img src="{albumArtUrl}">
  1056.     {/block:AlbumArt}
  1057. <div>
  1058.  
  1059. <div class="player">{AudiPlayerWhite}</div>
  1060. {block:IndexPage}
  1061. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  1062. {/block:IndexPage}
  1063.  
  1064. {block:PermalinkPage}
  1065. {block:AudioEmbed}<div align="center">{AudioEmbed-640}</div>{/block:AudioEmbed}
  1066. {/block:PermalinkPage}
  1067.  
  1068. {block:IfShowCaptions}
  1069. {block:IndexPage}
  1070. {block:Caption}
  1071.     <div class="captions">{Caption}</div>
  1072. {/block:Caption}
  1073. {/block:IndexPage}
  1074. {/block:IfShowCaptions}
  1075. {block:PermalinkPage}
  1076. {block:Caption}
  1077.     <div class="captions">{Caption}</div>
  1078. {/block:Caption}
  1079. {/block:PermalinkPage}
  1080. </div>
  1081. {/block:Audio}
  1082.  
  1083. {block:Video}
  1084. <div class="video">
  1085. {block:IndexPage}
  1086. <div class="videoplayer">{Video}</div>
  1087. {block:IndexPage}
  1088. {block:PermalinkPage}
  1089. <div class="videoplayer">{Video-700}</div>
  1090. {/block:PermalinkPage}
  1091.  
  1092. {block:IfShowCaptions}
  1093. {block:IndexPage}
  1094. {block:Caption}
  1095.     <div class="captions">{Caption}</div>
  1096. {/block:Caption}
  1097. {/block:IndexPage}
  1098. {/block:IfShowCaptions}
  1099. {block:PermalinkPage}
  1100. {block:Caption}
  1101.     <div class="captions">{Caption}</div>
  1102. {/block:Caption}
  1103. {/block:PermalinkPage}
  1104. </div>
  1105. {/block:Video}
  1106.  
  1107. {block:Answer}
  1108. <div class="answer">
  1109. <h1 class="question">{Asker} asked: {Question}</h1>
  1110. <div class="asker"><img src="{AskerPortraitURL-96}">
  1111. </div>
  1112. <br>{Answer}
  1113. </div>
  1114. {/block:Answer}
  1115.  
  1116. {block:PermalinkPage}
  1117. {block:PostNotes}
  1118. <div id="notes">{PostNotes}</div>
  1119. {/block:PostNotes}
  1120. {/block:PermalinkPage}
  1121. <center>
  1122. {block:IfPostSeparator}
  1123. <img src="http://static.tumblr.com/8di24cd/79An0269c/58.png" style="margin-top:10px;"></center>
  1124. {/block:IfPostSeparator}
  1125. </article>
  1126. {/block:Posts}
  1127. </div> <!-- end content -->
  1128.  
  1129. <div id="bloggy">
  1130. <h1 class="primary">{text:Blog Title}</h1>
  1131.  
  1132. <ul class="bmenu">
  1133.     <li><a href="/">Home</a></li>
  1134. {block:AskEnabled}
  1135.     <li><a href="/ask">Ask</a></li>
  1136. {/block:AskEnabled}
  1137. {block:SubmissionsEnabled}
  1138.     <li><a href="/submit">Submit</a></li>
  1139. {/block:SubmissionsEnabled}
  1140.     <li><a href="/archive">Archive</a></li>
  1141. </ul>
  1142.  
  1143. {block:IndexPage}
  1144. {block:Description}
  1145.     <span class="u">
  1146.         <br><br>{Description}<br><br>
  1147.     </span>
  1148. {/block:Description}
  1149. {/block:IndexPage}
  1150.  
  1151. <script type="text/javascript">
  1152. jQuery(document).ready(function() {
  1153. jQuery(".sub").hide();
  1154. //toggle the componenet with class msg_body
  1155. jQuery(".cthrough").click(function()
  1156. {
  1157. jQuery(this).next(".sub").slideToggle(500);
  1158. });});
  1159. </script>
  1160. <a href="#" class="cthrough"><h2 style="font-weight:normal;color:{color:Main Nav}">{block:PermalinkPage}<br>{/block:PermalinkPage}{text:Navigation Title}</h2></a>
  1161. <div class="sub">
  1162. {block:IfLink1}
  1163.     <a href="{text:Link 1 URL}" class="teenynav">{text:Link 1}</a>
  1164. {/block:IfLink1}
  1165. {block:IfLink2}
  1166.     <a href="{text:Link 2 URL}" class="teenynav">{text:Link 2}</a>
  1167. {/block:IfLink2}
  1168. {block:IfLink3}
  1169.     <a href="{text:Link 3 URL}" class="teenynav">{text:Link 3}</a>
  1170. {/block:IfLink3}
  1171. {block:IfLink4}
  1172.     <a href="{text:Link 4 URL}" class="teenynav">{text:Link 4}</a>
  1173. {/block:IfLink4}
  1174. {block:IfLink5}
  1175.     <a href="{text:Link 5 URL}" class="teenynav">{text:Link 5}</a>
  1176.     {/block:IfLink5}
  1177. {block:IfLink6}
  1178.     <a href="{text:Link 6 URL}" class="teenynav">{text:Link 6}</a>
  1179. {/block:IfLink6}
  1180. {block:IfLink7}
  1181.     <a href="{text:Link 7 URL}" class="teenynav">{text:Link 7}</a>
  1182. {/block:IfLink7}
  1183. {block:IfLink8}
  1184.     <a href="{text:Link 8 URL}" class="teenynav">{text:Link 8}</a>
  1185. {/block:IfLink8}
  1186. {block:IfLink9}
  1187.     <a href="{text:Link 9 URL}" class="teenynav">{text:Link 9}</a>
  1188. {/block:IfLink9}
  1189. {block:IfLink10}
  1190.     <a href="{text:Link 10 URL}" class="teenynav">{text:Link 10}</a>
  1191. {/block:IfLink10}
  1192. </div>
  1193.  
  1194.  
  1195.  
  1196. {block:Pagination}
  1197. <div class="pagination" align="center">
  1198. {block:Pagination}
  1199. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&larr; previous</a>{/block:PreviousPage}
  1200. {block:JumpPagination length="20"}
  1201. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1202. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1203. {block:NextPage}<a href="{NextPage}" id="next" class="jump_page">next &rarr;</a>{/block:NextPage}
  1204. {/block:Pagination}
  1205. </div>
  1206. {/block:Pagination}
  1207.  
  1208. </div> <!-- end outer3 -->
  1209.  
  1210. </div><!-- end #wrapper -->
  1211.  
  1212. </body>
  1213. </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!