API tools faq
paste
Advertisement
ladyvicky

THEME#5 BY LV

ladyvicky
Jan 23rd, 2014
1,972
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 30.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.    
  5. <head>
  6. <!-- THEME BY LADY VICTORIA/KAMIKAZE-LOVE DO NOT STEAL REDISTRUBTE OR REMOVE CREDIT
  7.  
  8. SIDEBAR IMAGE BY anchordrumspic@blogspot
  9.  
  10. ICONS BY STUDIO4-->
  11.  
  12. <!-- SCRIPTS -->
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14.  
  15.     <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  16.    
  17.  
  18. {block:IndexPage}
  19. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  20.  
  21. {block:ifInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:ifInfiniteScrolling}
  22.  
  23. <script type="text/javascript">
  24. $(window).load(
  25.    
  26. function () {
  27.     var $content = $('#content');
  28.     $content.masonry({itemSelector : "article, .load"}),
  29.     $content.infinitescroll({
  30.     navSelector    : '#pagination',  
  31.     nextSelector   : '#pagination a#next',
  32.     itemSelector : "article, .load",
  33.     bufferPx : 40,
  34.     loadingImg : 'http://static.tumblr.com/wk1x3im/mzrmhdjwm/ajax-loader1-1.gif',
  35. },
  36. function( newElements ) {
  37.    var postID = [],
  38.                                 $newElems = $(newElements);
  39.                                
  40.                                 $newElems.each(function(){
  41.                                 $('.like_button').map(function(){
  42.                     postID.push($(this).attr('data-post-id'));
  43.                 });
  44.                                 });
  45.                                
  46.                                 Tumblr.LikeButton.get_status_by_post_ids(postID);
  47.     $newElems.hide();
  48.     $newElems.imagesLoaded(function(){
  49.         $content.masonry(
  50.             'appended',
  51.             $newElems,
  52.             true,
  53.             function(){$newElems.fadeIn(300);}
  54.         );
  55.     }
  56.     );
  57. }
  58. );}
  59. );
  60. </script>
  61. {/block:IndexPage}
  62.  
  63. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  64.    
  65.     <title>
  66.         {block:TagPage}{Tag} - {/block:TagPage}
  67.         {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
  68.         {block:PostSummary}{PostSummary} - {/block:PostSummary}
  69.         {Title}
  70.     </title>
  71.    
  72.     <link rel="shortcut icon" href="{image:Favicon}">
  73.    
  74.     <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}">
  75.    
  76.     <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css">
  77.        
  78. <!-- METATAG THINGS-->
  79.  
  80. <meta name="color:Background" content="#dfdfdf">
  81. <meta name="color:Text" content="#036564">
  82. <meta name="color:Links" content="#cdb380">
  83. <meta name="color:Links Hover" content="036564">
  84. <meta name="color:Headings" content="cdb380">
  85. <meta name="color:Post Background" content="#ffffff">
  86. <meta name="color:Post Alt BG" content="#031634">
  87. <meta name="color:Post Alt Text" content="#e8ddcb">
  88.  
  89.  
  90.  
  91. <meta name="color:Title" content="#e8ddcb">
  92. <meta name="color:Blog Subtitle" content="#cdb380">
  93. <meta name="color:Sidebar Primary BG" content="#bfbfbf">
  94. <meta name="color:Sidebar Secondary BG" content="#ffffff">
  95. <meta name="color:Navigational Labels BG" content="#031634">
  96. <meta name="color:Navigational Labels" content="#ffffff">
  97. <meta name="color:Sidebar Links" content="#031634">
  98. <meta name="color:Sidebar Links Hover BG" content="#033649">
  99. <meta name="color:Sidebar Links Hover" content="#ffffff">
  100. <meta name="color:Description Text" content="#033649">
  101.  
  102.  
  103. <meta name="color:Permalink" content="#ffffff">
  104. <meta name="color:Permalink BG" content="#031634">
  105. <meta name="color:Pagination" content="#033649">
  106. <meta name="color:Scrollbar" content="#031634">
  107.  
  108. <meta name="font:Blog Title" content="Clarendon">
  109. <meta name="font:Blog Sub Title" content="News Gothic">
  110. <meta name="font:Headings" content="Georgia">
  111. <meta name="font:Body" content="Gibson">
  112.  
  113.  
  114.  
  115. <meta name="image:Sidebar Background" content="">
  116. <meta name="image:Sidebar" content="">
  117. <meta name="image:Background" content="">
  118. <meta name="image:Post BG" content="">
  119. <meta name="image:Favicon" content="{Favicon}">
  120.  
  121. <meta name="text:Blog Title" content="Blog Title">
  122. <meta name="text:Blog Subtitle" content="Blog Subtitle">
  123. <meta name="text:Description Title" content="Description Title">
  124. <meta name="text:Navigation Title 1" content="Navigation Title 1">
  125.  
  126. <meta name="text:Body Font Size" content="14">
  127.  
  128. <meta name="text:Link 1" content="Link 1">
  129. <meta name="text:Link 1 URL" content="/">
  130. <meta name="text:Link 2" content="Link 2">
  131. <meta name="text:Link 2 URL" content="/">
  132. <meta name="text:Link 3" content="Link 3">
  133. <meta name="text:Link 3 URL" content="/">
  134. <meta name="text:Link 4" content="Link 4">
  135. <meta name="text:Link 4 URL" content="/">
  136. <meta name="text:Link 5" content="Link 5">
  137. <meta name="text:Link 5 URL" content="/">
  138. <meta name="text:Navigation Title 2" content="Navigation Title 2">
  139. <meta name="text:Link 6" content="Link 6">
  140. <meta name="text:Link 6 URL" content="/">
  141. <meta name="text:Link 7" content="Link 7">
  142. <meta name="text:Link 7 URL" content="/">
  143. <meta name="text:Link 8" content="Link 8">
  144. <meta name="text:Link 8 URL" content="/">
  145. <meta name="text:Link 9" content="Link 9">
  146. <meta name="text:Link 9 URL" content="/">
  147. <meta name="text:Link 10" content="Link 10">
  148. <meta name="text:Link 10 URL" content="/">
  149.  
  150. <meta name="if:Small Sidebar" content="0">
  151. <meta name="if:Infinite Scrolling" content="0">
  152. <meta name="if:Grayscale Images" content="0">
  153. <meta name="if:Large Posts" content="0">
  154. <meta name="if:Medium Posts" content="1">
  155. <meta name="if:Small Posts" content="0">
  156. <meta name="if:Show Post Captions" content="1">
  157. <meta name="if:Single Column" content="0">
  158. <meta name="if:Search" content="1">
  159. <meta name="if:Hover Info" content="0">
  160. <meta name="if:Grayscale Icons" content="1">
  161.  
  162. <style>
  163.  
  164. /* FONTS */
  165.  
  166. /* TOOLS */
  167.  
  168. #infscr-loading {
  169.     position: absolute;
  170.     text-align: center;
  171.     bottom: -50px;
  172.     left: 0;
  173.     right: 0;
  174.     padding:0px;
  175.     overflow: hidden;
  176.     z-index:99999;
  177.     font-size:20px;
  178.     font-family:{font:Headings};
  179.     letter-spacing:5px;
  180. }
  181.  
  182. ::-webkit-scrollbar {
  183.     height: 3px;
  184.     width: 3px;
  185.     background: {color:Scrollbar};
  186.     border:1px solid {color:Background};
  187. }
  188.  
  189. ::-webkit-scrollbar-thumb {
  190.     background-color:{color:Scrollbar};
  191. }
  192.  
  193. ::-webkit-scrollbar-corner {
  194.     background: transparent;
  195. }
  196.  
  197.  
  198. /*  TUMBLR CONTROLS */
  199.  
  200.     iframe#tumblr_controls {
  201.     -webkit-filter:invert(100%);
  202.     -moz-filter:invert(100%);
  203.     -o-filter:invert(100%);
  204.     -ms-filter:invert(100%);
  205.     filter:invert(100%);
  206.     opacity:0.5;
  207. }
  208.  
  209. /* GENERAL */
  210.  
  211. body {
  212.     margin:0px;
  213.     padding:0px;
  214.     color:{color:Text};
  215.     background-image:url('{image:Background}');
  216.     background-color:{color:Background};
  217.     font-family:{font:Body};
  218.     font-size:{text:Body Font Size}px;
  219.     letter-spacing:0px;
  220.     word-wrap:break-word;
  221. }
  222.  
  223. iframe, img, embed, object, video {
  224.     max-width: 100%;
  225. }
  226.  
  227. img {
  228. {block:PermalinkPage}
  229.     margin:0 -90px;
  230. {/block:PermalinkPage}
  231. }
  232.  
  233. a {
  234.     text-decoration:none;
  235.     color:{color:Links};
  236.     -webkit-transition:all 0.3s ease-in-out;
  237.     -moz-transition:all 0.3s ease-in-out;
  238.     -o-transition:all 0.3s ease-in-out;
  239.     transition:all 0.3s ease-in-out;
  240. }
  241.  
  242. a:hover {
  243.     color:{color:Links Hover};
  244.     -webkit-transition:all 0.3s ease-in-out;
  245.     -moz-transition:all 0.3s ease-in-out;
  246.     -o-transition:all 0.3s ease-in-out;
  247.     transition:all 0.3s ease-in-out;
  248. }
  249.  
  250. h1, h2, h3, h4, h5, h6 {
  251.     font-family:{font:Headings};
  252.     color:{color:Headings};
  253. }
  254.  
  255. /* CONTAINERS */
  256.  
  257. #leftbar {
  258.     position:fixed;
  259.     overflow:scroll;
  260.     width:280px;
  261.    
  262. {block:IfSmallSidebar}
  263.     width:200px;
  264. {/block:IfSmallSidebar}
  265.  
  266. top: 0px; bottom: 0px;
  267.     height:100%;
  268.     padding:30px;
  269.     background-image:url('{image:Sidebar Background}');
  270.     background-color:{color:Sidebar Primary BG};
  271.     z-index:9999999;
  272. }
  273.  
  274. #content {
  275.     position:relative;
  276.     margin:20px 360px;
  277. {block:IfSmallSidebar}
  278.     margin:20px 280px;
  279. {/block:IfSmallSidebar}
  280.  
  281. {block:IndexPage}
  282.     width:1200px;
  283.    
  284. {block:IfSingleColumn}
  285.     width:500px;
  286. {block:IfSingleColumn}
  287.  
  288. {block:IfSmallPosts}
  289.     width:1000px;
  290.     {block:IfSingleColumn}
  291.         width:250px
  292.     {/block:IfSingleColumn}
  293. {/block:IfSmallPosts}
  294.  
  295.  
  296. {/block:IndexPage}
  297.  
  298. {block:PermalinkPage}
  299.     margin-top:-100px;
  300.     width:740px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304. article {
  305.     position:relative;
  306.     background-image:url('{image:Post BG}');
  307.     background-color:{color:Post Background};
  308. {block:indexpage}
  309.     margin:10px;
  310. {/block:indexpage}
  311.     {block:IfLargePosts}
  312.         width:500px;
  313.     {/block:IfLargePosts}
  314.     {block:IfMediumPosts}
  315.         width:400px;
  316.     {/block:IfMediumPosts}
  317.     {block:IfSmallPosts}
  318.         width:250px;
  319.     {/block:IfSmallPosts}
  320.         max-width:100%;
  321. {block:PermalinkPage}
  322.     margin:150px 20px;
  323.     width:700px;
  324.     background:transparent;
  325. {/block:PermalinkPage}
  326.     -webkit-transition:all 0.3s ease-in-out;
  327.     -moz-transition:all 0.3s ease-in-out;
  328.     -o-transition:all 0.3s ease-in-out;
  329.     transition:all 0.3s ease-in-out;
  330. }
  331.  
  332. article img {
  333. {block:IfGrayscaleImages}
  334.     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+ */
  335.     filter: gray; /* IE6-9 */
  336.     -webkit-filter: grayscale(1);
  337. {/block:IfGrayscaleImages}
  338.     -webkit-transition: all 0.3s ease-in-out;
  339.     -moz-transition: all 0.3s ease-in-out;
  340.     transition: all 0.3s ease-in-out;
  341. }
  342.  
  343. article img:hover {
  344. {block:IfGrayscaleImages}
  345.     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+ */
  346.     filter: none; /* IE6-9 */
  347.     -webkit-filter: grayscale(0);
  348. {/block:IfGrayscaleImages}
  349.     -webkit-transition:all 0.3s ease-in-out;
  350.     -moz-transition:all 0.3s ease-in-out;
  351.     -o-transition:all 0.3s ease-in-out;
  352.     transition:all 0.3s ease-in-out;
  353. }
  354.  
  355. /* TITLE */
  356.  
  357. .blog_title {
  358.     margin:-30px;
  359.     padding:30px;
  360.     background-color:{color:Navigational Labels BG};
  361.     font-family:{font:Blog Title};
  362.     font-size:50px;
  363.     font-weight:normal;
  364.     letter-spacing:-1px;
  365.     color:{color:Title};
  366. }
  367.  
  368. .blogsub {
  369.     position:relative;
  370.     letter-spacing:0px;
  371.     font-style:italic;
  372.     font-weight:normal;
  373.     font-size:16px;
  374.     padding:30px;
  375.     margin:-40px -30px -30px -30px;
  376.     color:{color:Blog Subtitle};
  377.     background-color:{color:Navigational Labels BG};
  378.     font-family:{font:Blog Sub Title};
  379. }
  380.  
  381. /* LEFT BAR S--T */
  382.  
  383. .navi {
  384.     position:relative;
  385.     background:{color:Sidebar Secondary BG};
  386.     -webkit-transition:all 0.3s ease-in-out;
  387.     -moz-transition:all 0.3s ease-in-out;
  388.     -o-transition:all 0.3s ease-in-out;
  389.     transition:all 0.3s ease-in-out;
  390. }
  391.  
  392. .nlabel {
  393.     display:block;
  394.     font-family:{font:Headings};
  395.     color:{color:Navigational Labels};
  396.     background-color:{color:Navigational Labels BG};
  397.     text-shadow:none;
  398.     text-align:center;
  399.     letter-spacing:1px;
  400.     line-height:400%;
  401. {block:IfSmallSidebar}
  402.     line-height:150%;
  403.     font-size:10px;
  404.     padding:5px 0;
  405. {/block:IfSmallSidebar}
  406.     z-index:99999999;
  407. }
  408.  
  409. .navi a {
  410.     display:block;
  411.     font-family:{font:Body};
  412.     color:{color:Sidebar Links};
  413.     padding-left:20px;
  414.     text-shadow:none;
  415.     text-align:left;
  416.     letter-spacing:1px;
  417.     line-height:400%;
  418. {block:IfSmallSidebar}
  419.     line-height:150%;
  420.     font-size:10px;
  421.     padding:3px;
  422. {/block:IfSmallSidebar}
  423.     z-index:99999999;
  424.     -webkit-transition:all 0.3s ease-in-out;
  425.     -moz-transition:all 0.3s ease-in-out;
  426.     -o-transition:all 0.3s ease-in-out;
  427.     transition:all 0.3s ease-in-out;
  428. }
  429.  
  430. .navi a:hover {
  431.     background:{color:Sidebar Links Hover BG};
  432.     color:{color:Sidebar Links Hover};
  433.     padding-left:100px;
  434.     -webkit-transition:all 0.3s ease-in-out;
  435.     -moz-transition:all 0.3s ease-in-out;
  436.     -o-transition:all 0.3s ease-in-out;
  437.     transition:all 0.3s ease-in-out;
  438. }
  439.  
  440. .desc {
  441.     color:{color:Description Text};
  442.     background:{color:Sidebar Secondary BG};
  443.     text-align:center;
  444.     padding:20px;
  445.     font-family:{font:Headings};
  446.     font-size:12px;
  447.     line-height:200%;
  448. {block:IfSmallSidebar}
  449.     line-height:150%;
  450.     font-size:10px;
  451. {/block:IfSmallSidebar}
  452.     font-style:italic;
  453.     -webkit-transition:all 0.3s ease-in-out;
  454.     -moz-transition:all 0.3s ease-in-out;
  455.     -o-transition:all 0.3s ease-in-out;
  456.     transition:all 0.3s ease-in-out;
  457. }
  458.  
  459. /* INDEX INFO DISPLAY */
  460.  
  461. #info {
  462.     position:relative;
  463.     display:inline-block;
  464.     width:100%;
  465.     padding:10px 0;
  466.     font-style:normal;
  467.     font-size:12px;
  468.     {block:IfSmallPosts}
  469.         font-size:10px;
  470.         display:inline-block;
  471.         padding:10px 0;
  472.         line-height:200%;
  473.     {/block:IfSmallPosts}
  474.     -webkit-transition: all 0.3s ease-in-out;
  475.     -moz-transition: all 0.3s ease-in-out;
  476.     transition: all 0.3s ease-in-out;
  477.     color:{color:Permalink};
  478.     background:{color:Permalink BG};
  479. {block:IfHoverInfo}
  480.     opacity:0;
  481. {/block:IfHoverInfo}
  482. }
  483.  
  484. article:hover #info {
  485. {block:IfHoverInfo}
  486.     opacity:1;
  487. {/block:IfHoverInfo}
  488. }
  489.  
  490. #info a {
  491.     color:{color:Permalink};
  492.     display:inline-block;
  493. }
  494.  
  495. #info img {
  496.     position:absolute;
  497.     {block:IfSmallPosts}
  498.     {/block:IfSmallPosts}
  499.     margin-top:-3px;
  500.     margin-left:-25px;
  501.     opacity:1;
  502.     width:20px;
  503. {block:IfGrayscaleIcons}
  504.     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+ */
  505.     filter: gray; /* IE6-9 */
  506.      -webkit-filter: grayscale(1);
  507. {/block:IfGrayscaleIcons}
  508. }
  509.  
  510. /* POSTS */
  511.  
  512. blockquote {
  513.     padding:5px;
  514.     background: rgba(255, 255, 255, 0.1);
  515. }
  516.  
  517. /* PHOTOS */
  518.  
  519. .html_photoset {
  520. {block:IfGrayscaleImages}
  521.     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+ */
  522.     filter: gray; /* IE6-9 */
  523.     -webkit-filter: grayscale(1);
  524. {/block:IfGrayscaleImages}
  525.     -webkit-transition: all 0.3s ease-in-out;
  526.     -moz-transition: all 0.3s ease-in-out;
  527.     transition: all 0.3s ease-in-out;
  528. }
  529.  
  530. .html_photoset:hover {
  531. {block:IfGrayscaleImages}
  532.     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+ */
  533.     filter: none; /* IE6-9 */
  534.     -webkit-filter: grayscale(0);
  535. {/block:IfGrayscaleImages}
  536.     -webkit-transition: all 0.3s ease-in-out;
  537.     -moz-transition: all 0.3s ease-in-out;
  538.     transition: all 0.3s ease-in-out;
  539. }
  540.  
  541. /* TEXT */
  542.  
  543. .text {
  544.     padding:20px;
  545. }
  546.  
  547. .title {
  548.     font-style:italic;
  549.     font-family:{font:Headings};
  550.     font-size:30px;
  551.     text-align:center;
  552.     margin-top:0px;
  553. }
  554.  
  555. /* QUOTE */
  556.  
  557. .qpost {
  558.     margin:20px;
  559.     padding:10px;
  560.     background:{color:Post Alt BG};
  561.     color:{color:Post Alt Text};
  562. }
  563.  
  564. .quote {
  565.     font-style:italic;
  566.     text-align:center;
  567.     font-weight:normal;
  568.     font-size:16px;
  569. }
  570.  
  571. .source {
  572.     text-align:right;
  573.     font-family:{font:Headings};
  574.     font-size:12px;
  575.     font-weight:bold;
  576. }
  577.  
  578.  
  579. /* CHAT */
  580.  
  581. .chat {
  582.     padding:5px 20px;
  583. }
  584.  
  585. .chat ul {
  586.     list-style: none;
  587. }
  588.  
  589. .chat li {
  590.     margin-left:-40px;
  591.     padding:20px 10px;
  592.     list-style: none;
  593.  
  594. }
  595.  
  596. .chat .even {
  597.     background: {color:Post Alt BG};
  598.     color:{color:Post Alt Text};
  599.     list-style: none;
  600.     text-align:right;
  601. }
  602.  
  603. /* AUDIO */
  604.  
  605. .audio {
  606.     padding:20px;
  607. }
  608.  
  609. .cover {
  610.     position: relative;
  611.     width:100%;
  612.     z-index: 1
  613. }
  614.  
  615. /* ANSWER POSTS */
  616.  
  617. .answer {
  618.     position:relative;
  619.     min-height:96px;
  620. }
  621.  
  622. .answer img {
  623.     float:left;
  624.     margin-top:-13px;
  625. {block:PermalinkPage}
  626.     margin-left:0px;
  627.     float:none;
  628.     position:absolute;
  629. {/block:PermalinkPage}
  630. }
  631.  
  632. .a {
  633.     padding:0 20px;
  634. }
  635.  
  636. .question {
  637.     position:relative;
  638.     font-family:{font:Headings};
  639.     font-size:14px;
  640.     font-weight:normal;
  641.     margin-left:106px;
  642.     padding:10px;
  643. }
  644.  
  645. /* PERMALINK PAGE STUFF*/
  646.  
  647. #tags {
  648.     margin-top:20px;
  649.     text-align:left;
  650.     text-align:center;
  651. }
  652.  
  653. #tags ul {
  654.     margin-left:0;
  655. }
  656.  
  657. #tags li {
  658.     display:inline-block;
  659.     margin-left:0;
  660. }
  661.  
  662. #notes {
  663.     margin-top:50px;
  664.     background:transparent;
  665. }
  666.  
  667. #notes img {
  668.     width:25px;
  669.     margin:-5px 0px;
  670.     float:left;
  671. }
  672.  
  673. #notes ul {
  674.     list-style:none;
  675.     background:transparent;
  676. }
  677.  
  678. #notes li {
  679.     width:600px;
  680.     list-style:none;
  681.     padding:10px;
  682.     margin-bottom:10px;
  683.     background: rgba(255, 255, 255, 0.1);
  684. }
  685.  
  686. .reblogged, .dates {
  687.     text-align:center;
  688.     line-height:200%;
  689. }
  690.  
  691. /* PAGINATIONS */
  692.  
  693.  
  694. #pagination {
  695.     font-size:16px;
  696.     margin-left:370px;
  697.     margin-top:100px;
  698.     width:1030px;
  699.     z-index:99999999999;
  700.     color:{color:Pagination};
  701. {block:IfInfiniteScrolling}
  702.     display:none;
  703. {/block:IfInfiniteScrolling}
  704. }
  705.  
  706. #pagination a {
  707.     text-align:left;
  708.     padding:50px 0;
  709.     z-index:9999999999999999;
  710.     margin-right:10px;
  711.     color:{color:Pagination};
  712. }
  713.  
  714. #redpanda {
  715.     position:fixed;
  716.     bottom:0;
  717.     right:-45px;
  718.     width:85px;
  719.     z-index:999999999999999999999999;
  720.     font-size:10px;
  721.     font-family:'Georgia', Serif;
  722.     font-style:italic;
  723.     padding:5px;
  724.     background:rgba(255, 255, 255, 0.2);
  725.     text-align:center;
  726.     -webkit-transition: all 0.3s ease-in-out;
  727.     -moz-transition: all 0.3s ease-in-out;
  728.     transition: all 0.3s ease-in-out;
  729. }
  730.  
  731. #redpanda:hover {
  732.     right:0;
  733.     background:rgba(255, 255, 255, 1);
  734. }
  735.  
  736. #redpanda a{
  737.     color:#d87598;
  738. }
  739.  
  740. .ooopretty {
  741.     width:30px;
  742.     float:left;
  743.     padding:5px 8px 5px 5px;
  744.     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+ */
  745.     filter: gray; /* IE6-9 */
  746.     -webkit-filter: grayscale(1);
  747.     opacity:0.5;
  748.     -webkit-transition: all 0.3s ease-in-out;
  749.     -moz-transition: all 0.3s ease-in-out;
  750.     transition: all 0.3s ease-in-out;
  751. }
  752.  
  753. #redpanda:hover .ooopretty {
  754.     opacity:1;
  755.     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+ */
  756.     filter: none; /* IE6-9 */
  757.     -webkit-filter: grayscale(0);
  758. }
  759.  
  760. {CustomCSS}
  761.  
  762. </style>
  763.    
  764.    
  765. </head>
  766.  
  767. <body>
  768.  
  769. <div id="redpanda">
  770.     <img src="http://static.tumblr.com/8di24cd/aZXmzvd9o/diamond_by_studio4.png" class="ooopretty"><a href="http://lady-victoria.tumblr.com">Lady Victoria themes</a>
  771. </div>
  772.  
  773. <aside id="leftbar">
  774.    
  775.     <center>
  776.     <h1 class="blog_title">
  777.     {block:IfBlogTitle}{text:Blog Title}<br>{/block:IfBlogTitle}
  778.    
  779.     {block:IfBlogSubtitle}<h2 class="blogsub">{text:Blog Subtitle}</h2>{block:IfBlogSubtitle}
  780.     </h1>
  781.     </center>
  782.     <br><br><br><br>
  783.    
  784.     {block:ifsidebarimage}
  785.     <img src="{image:Sidebar}" style="{block:PermalinkPage}margin-left:0px;{/block:PermalinkPage}"><br><br><br>
  786.     {/block:ifsidebarimage}
  787.    
  788.     <div class="nlabel">Navigation</div>
  789.     <nav class="navi">
  790.     <a href="/">Home</a>
  791.     <a href="/ask">Ask</a>
  792.     <a href="/archive">Archive</a>
  793.     </nav>
  794.    
  795.     <br><br>
  796.    
  797.     {block:IfNavigationTitle1}
  798.     <div class="nlabel">{text:Navigation Title 1}</div>
  799.     {/block:IfNavigationTitle1}
  800.     <nav class="navi">
  801.     {block:IfLink1}
  802.     <a href="{text:Link 1 URL}">{text:Link 1}</a>
  803.     {/block:IfLink1}
  804.     {block:IfLink2}
  805.     <a href="{text:Link 2 URL}">{text:Link 2}</a>
  806.     {/block:IfLink2}
  807.     {block:IfLink3}
  808.     <a href="{text:Link 3 URL}">{text:Link 3}</a>
  809.     {/block:IfLink3}
  810.     {block:IfLink4}
  811.     <a href="{text:Link 4 URL}">{text:Link 4}</a>
  812.     {/block:IfLink4}
  813.     {block:IfLink5}
  814.     <a href="{text:Link 5 URL}">{text:Link 5}</a>
  815.     {/block:IfLink5}
  816.     </nav>
  817.     <br><br>
  818.    
  819.     {block:IfNavigationTitle2}
  820.     <div class="nlabel">{text:Navigation Title 2}</div>
  821.     {/block:IfNavigationTitle2}
  822.     <nav class="navi">
  823.     {block:IfLink6}
  824.     <a href="{text:Link 6 URL}">{text:Link 6}</a>
  825.     {/block:IfLink6}
  826.     {block:IfLink7}
  827.     <a href="{text:Link 7 URL}">{text:Link 7}</a>
  828.     {/block:IfLink7}
  829.     {block:IfLink8}
  830.     <a href="{text:Link 8 URL}">{text:Link 8}</a>
  831.     {/block:IfLink8}
  832.     {block:IfLink9}
  833.     <a href="{text:Link 9 URL}">{text:Link 9}</a>
  834.     {/block:IfLink9}
  835.     {block:IfLink10}
  836.     <a href="{text:Link 10 URL}">{text:Link 10}</a>
  837.     {/block:IfLink10}
  838.     </nav>
  839.     <br><br>
  840.    
  841.     {block:IfDescriptionTitle}
  842.     <div class="nlabel">{text:Description Title}</div>
  843.     {/block:IfDescriptionTitle}
  844.     {block:Description}
  845.         <div class="desc">
  846.         {Description}
  847.         </div>
  848.     {/block:Description}
  849.     <br><br>
  850.  
  851.    
  852.     {block:IfSearch}
  853.     <div class="nlabel">Search</div>
  854.     <form onsubmit="return tagSearch(this)">
  855.     <input type="text" style ="background:{color:Sidebar Secondary BG};color:{color:Description Text};border:none;height:40px;padding:10px;width:257px;{block:IfSmallSidebar}
  856.    font-size:10px;
  857.    width:177px;
  858.    height:20px;
  859. {/block:IfSmallSidebar}" name="tag" value="Search..." onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  860.    
  861.     </form>
  862.     {/block:IfSearch}
  863.     <br><br><br><br><br><br>
  864. </aside>
  865.  
  866. <div id="content">
  867.     {block:Posts}
  868.     <article>
  869.    
  870.     {block:Text}
  871.     <div class="text">
  872.     {block:Title}<h1 class="title"><a href ="{Permalink}">{Title}</a></h1>{/block:Title}
  873.     {Body}
  874.     </div>
  875.     {/block:Text}
  876.    
  877.    
  878.     {block:Photo}
  879.     <div class="photo" align="center" style="margin-bottom:-3px;">
  880.     {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt">{LinkCloseTag}
  881.    
  882.     {block:IfShowPostCaptions}
  883.     {block:Caption}{Caption}{/block:Caption}
  884.     {/block:IfShowPostCaptions}
  885.    
  886.     </div>
  887.     {/block:Photo}
  888.    
  889.     {block:Photoset}
  890.     <div class="photoset" align="center">
  891.    
  892.     {block:IndexPage}
  893.     {block:IfLargePosts}
  894.     {Photoset-500}
  895.     {/block:IfLargePosts}
  896.     {block:IfMediumPosts}
  897.     {Photoset-400}
  898.     {/block:IfMediumPosts}
  899.     {block:IfSmallPosts}
  900.     {Photoset-250}
  901.     {/block:IfSmallPosts}
  902.     {/block:IndexPage}
  903.    
  904.     {block:PermalinkPage}
  905.     {Photoset-700}
  906.     {/block:PermalinkPage}
  907.    
  908.     {block:IfShowPostCaptions}
  909.     {block:Caption}{Caption}{/block:Caption}
  910.     {/block:IfShowPostCaptions}
  911.     </div>
  912.     {/block:Photoset}
  913.    
  914.     {block:Quote}
  915.     <div class="qpost">
  916.     <h1 class="quote">&ldquo; {Quote} &rdquo;</h1>
  917.     {block:Source}<h2 class="source">{Source}</h2>{/block:Source}
  918.     </div>
  919.     {/block:Quote}
  920.    
  921.     {block:Link}
  922.     <div class="qpost">
  923.     <h1 class="title"><a href="{URL}">{Name}</a></h1>
  924.     {block:Description}<span style="text-align:center;">{Description}</span>{/block:Description}
  925.     </div>
  926.     {/block:Link}
  927.    
  928.     {block:Chat}
  929.     <div class="chat">
  930.     <ul>
  931.     {block:Lines}
  932.     <li class="{Alt}">
  933.         {block:Label}
  934.             <span style="font-family:'Georgia', serif;font-weight:bold;">{Label}</span>
  935.         {/block:Label}
  936.          {Line}
  937.     </li>
  938.     {block:Lines}
  939.     </ul>
  940.     </div>
  941.     {/block:Chat}
  942.    
  943.     {block:Audio}
  944.     <center>
  945.     <div class="audio">
  946.     {block:TrackName}
  947.     <h1 class="title">
  948.     <a href="{Permalink}">{TrackName}</a>
  949.     </h1>
  950.     {/block:TrackName}
  951.     <div class="playbox"><div class="playbutton">
  952.     {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  953.     </div></div>
  954.     {block:AlbumArt}
  955.     <img src="{AlbumArtURL}" class="cover">
  956.     {/block:AlbumArt}
  957.     <center>
  958.     {block:AudioEmbed}
  959.     {block:IndexPage}
  960.         {block:IfLargePosts}
  961.             {AudioEmbed-500}
  962.         {/block:IfLargePosts}
  963.         {block:IfMediumPosts}
  964.             {AudioEmbed-400}
  965.         {/block:IfMediumPosts}
  966.         {block:IfSmallPosts}
  967.             {AudioEmbed-250}
  968.         {/block:IfSmallPosts}
  969.     {/block:IndexPage}
  970.    
  971.     {block:PermalinkPage}
  972.         {AudioEmbed-640}
  973.     {/block:PermalinkPage}
  974.     {/block:AudioEmbed}
  975.     </center>
  976.     {block:IfShowPostCaptions}
  977.     {block:Caption}{Caption}{/block:Caption}
  978.     {/block:IfShowPostCaptions}
  979.     </div>
  980.     </center>
  981.     {/block:Audio}
  982.    
  983.     {block:Video}
  984.     <div class="video" align="center">
  985.    
  986.     <div class="videoplayer">
  987.     {block:IndexPage}
  988.     {block:IndexPage}
  989.         {block:IfLargePosts}
  990.             {Video-500}
  991.         {/block:IfLargePosts}
  992.         {block:IfMediumPosts}
  993.             {Video-400}
  994.         {/block:IfMediumPosts}
  995.         {block:IfSmallPosts}
  996.             {Video-250}
  997.         {/block:IfSmallPosts}
  998.     {/block:IndexPage}
  999.     {/block:IndexPage}
  1000.     {block:PErmalinkPage}
  1001.     {Video-700}
  1002.     {/block:PermalinkPage}
  1003.     </div>
  1004.     {block:IfShowPostCaptions}
  1005.     {block:Caption}{Caption}{/block:Caption}
  1006.     {/block:IfShowPostCaptions}
  1007.     </div>
  1008.     {/block:Video}
  1009.    
  1010.     {block:Answer}
  1011.    
  1012.     <div class="answer">
  1013.     <img src="{AskerPortraitURL-96}">
  1014.    
  1015.     <h1 class="question">{Asker} asked: {Question}</h1>
  1016.    
  1017.     </div>
  1018.     <div class="a">{Answer}</div>
  1019.     {/block:Answer}
  1020.    
  1021.     <footer class="info">
  1022.    
  1023.     {block:IndexPage}
  1024.     {block:ContentSource}
  1025.     <!-- {SourceURL}
  1026.    {block:SourceLogo}<img src="{BlackLogoURL}"
  1027.    width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1028.    {/block:SourceLogo}
  1029.    {block:NoSourceLogo}{SourceLink}
  1030.    {/block:NoSourceLogo} -->
  1031.     {/block:ContentSource}
  1032.     {/block:IndexPage}
  1033.    
  1034.     {block:IndexPage}
  1035.     <div id="info" align="center">
  1036.     {block:Date}
  1037.     {block:IfMEdiumPosts}<span style="margin-left:15px;"></span>{/block:IfMediumPosts}<img src="http://static.tumblr.com/8di24cd/lnWmzt42z/clock_by_studio4.png" style="{block:IfSmallPosts}width:15px;margin-top:2px;{/block:IfSmallPosts}">{DayOfMonth}{DayOfMonthSuffix}&nbsp{Month},&nbsp{Year}{block:IfSmallPosts}<br>{/block:IfSmallPosts}
  1038.    {/block:Date}
  1039.    
  1040.    {block:NoteCount}
  1041.    <span style="margin-left:50px;{block:IfSmallPosts}margin-left:0;{/block:IfSmallPosts}"></span><img src="http://static.tumblr.com/8di24cd/V51mzv3zx/heart_by_studio4.png" style="{block:IfSmallPosts}width:15px;margin-top:2px;{/block:IfSmallPosts}">{NoteCountWithLabel}{block:IfSmallPosts}<br>{/block:IfSmallPosts}
  1042.     {/block:NoteCount}
  1043.    
  1044.     <span style="margin-left:50px;{block:IfSmallPosts}margin-left:0;{/block:IfSmallPosts}"></span><a href="{Permalink}"><img src="http://static.tumblr.com/8di24cd/Qc4mzt4au/lock_by_studio4.png" style="{block:IfSmallPosts}width:15px;margin-top:2px;{/block:IfSmallPosts}">Permalink</a>{block:IfSmallPosts}<br>{/block:IfSmallPosts}
  1045.     </div>
  1046.     {/block:IndexPage}
  1047.    
  1048.     {block:Permalink}
  1049.    
  1050.     <div id="permacut" style="background:rgba(255, 255, 255, 0.2)">
  1051.     {block:HasTags}
  1052.     <div id="tags">
  1053.     {block:Tags}
  1054.             <a href="/tagged/{Tag}">&nbsp&nbsp&nbsp#{Tag}</a><br>
  1055.         </li>
  1056.    {/block:Tags}
  1057.    </div>
  1058.    {/block:HasTags}
  1059.    
  1060.    <div class="dates">
  1061.    <br>
  1062.    {block:Date}
  1063.    Posted&nbsp{lang:TimeAgo}{TimeAgo}<br>
  1064.    {/block:Date}
  1065.    {block:NoteCount}
  1066.    {NoteCountWithLabel}<br>
  1067.    {/block:NoteCount}
  1068.    {block:ContentSource}
  1069.    <div class="reblogged">
  1070.    {lang:Source}:&nbsp<a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}<br>{/block:NoSourceLogo}
  1071.    {block:SourceLogo}
  1072.         <img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}">
  1073.    {/block:SourceLogo}</a>
  1074.    </div>
  1075.    {/block:ContentSource}
  1076.    {block:RebloggedFrom}
  1077.    via:&nbsp<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  1078.    origin:&nbsp<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>
  1079.    {/block:RebloggedFrom}
  1080.     </div> 
  1081.    {block:PostNotes}
  1082.    <div id="notes">{PostNotes-64}</div>
  1083.    {/block:PostNotes}
  1084.    {/block:Permalink}
  1085.    </footer>
  1086.    </article>
  1087.    {/block:Posts}
  1088. </div>
  1089.  
  1090.  
  1091. <div id="pagination">
  1092.    {block:Pagination}
  1093.    {block:PreviousPage}
  1094.    <a href="{PreviousPage}">Previous page</a>
  1095.    {/block:PreviousPage}
  1096.    
  1097.    {block:NextPage}
  1098.    <a href="{NextPage}" id="next">Next page</a>
  1099.    {/block:NextPage}
  1100.    {/block:Pagination}
  1101.    
  1102.    <div style="width:100%;margin-top:-20px;{block:IfInfiniteScrolling}display:none;opacity:0;{/block:IfInfiniteScrolling}" align="right">Page <i>{CurrentPage}</i> of <i>{TotalPages}</i></div>
  1103. </div>
  1104.    
  1105. </body>
  1106.  
  1107. </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!