API tools faq
paste
Advertisement
ladyvicky

THEME #7 BY LV

ladyvicky
Feb 17th, 2014
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.66 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. <!-- SCRIPTS -->
  9.  
  10. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  11.  
  12. {block:ifInfiniteScrolling}
  13. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  14.  
  15.  
  16.     {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  17.    
  18.     <title>
  19.         {block:TagPage}{Tag} - {/block:TagPage}
  20.         {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}
  21.         {block:PostSummary}{PostSummary} - {/block:PostSummary}
  22.         {Title}
  23.     </title>
  24.    
  25.     <link rel="shortcut icon" href="{Favicon}">
  26.    
  27.     <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}">
  28.    
  29.     <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css">
  30.        
  31.     <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  32.  
  33. <!-- METATAG THINGS-->
  34.  
  35. <meta name="color:Background" content="#e1daef">
  36. <meta name="color:Text" content="#a498bc">
  37. <meta name="color:Bold" content="#a498bc">
  38. <meta name="color:Italic" content="#a498bc">
  39. <meta name="color:Links" content="#6f52a1">
  40. <meta name="color:Sidebars Background" content="#bbaacc">
  41. <meta name="color:Sidebars Border" content="#c4b9d6">
  42. <meta name="color:Sidebars Links" content="#6c5e88">
  43. <meta name="color:Sidebars Links Hover" content="#c4b9d6">
  44. <meta name="color:Hover Text" content="white">
  45. <meta name="color:Description Text" content="#3a304b">
  46. <meta name="color:Description BG" content="#6c5e88">
  47. <meta name="color:Blog Title" content="#c3b8d5">
  48. <meta name="color:Info" content="#999">
  49. <meta name="color:Info Hover" content="black">
  50.  
  51. <meta name="text:Blog Title" content="Blog Title Here">
  52. <meta name="text:Blog Subtitle" content="Blog Sub title will be displayed here">
  53.  
  54. <meta name="text:Font Size" content="10">
  55. <meta name="text:Description Top" content="">
  56. <meta name="text:Navigation Top" content="">
  57.  
  58. <meta name="text:Link 1" content="Link 1" />
  59. <meta name="text:Link 1 URL" content="/" />
  60. <meta name="text:Link 2" content="Link 2" />
  61. <meta name="text:Link 2 URL" content="/" />
  62. <meta name="text:Link 3" content="Link 3" />
  63. <meta name="text:Link 3 URL" content="/" />
  64. <meta name="text:Link 4" content="Link 4" />
  65. <meta name="text:Link 4 URL" content="/" />
  66. <meta name="text:Link 5" content="Link 5" />
  67. <meta name="text:Link 5 URL" content="/" />
  68. <meta name="text:Link 6" content="Link 6" />
  69. <meta name="text:Link 6 URL" content="/" />
  70. <meta name="text:Link 7" content="Link 7" />
  71. <meta name="text:Link 7 URL" content="/" />
  72. <meta name="text:Link 8" content="Link 8" />
  73. <meta name="text:Link 8 URL" content="/" />
  74. <meta name="text:Link 9" content="Link 9" />
  75. <meta name="text:Link 9 URL" content="/" />
  76. <meta name="text:Link 10" content="Link 10" />
  77. <meta name="text:Link 10 URL" content="/" />
  78.  
  79. <meta name="image:Background" content="">
  80. <meta name="image:Sidebars Background" content="">
  81.  
  82. <meta name="image:Left Image" content="">
  83. <meta name="image:Right Image" content="">
  84.  
  85. <meta name="if:Fancy Font" content="1">
  86. <meta name="if:Hide Sidebars" content="1">
  87.  
  88. <meta name="if:Infinite Scrolling" content="0">
  89.  
  90. <meta name="if:Post Backgrounds" content="1">
  91. <meta name="if:Black" content="0">
  92.  
  93. <meta name="if:Grayscale Images" content="1">
  94. <meta name="if:700px Posts" content="0">
  95. <meta name="if:500px Posts" content="1">
  96. <meta name="if:400px Posts" content="0">
  97. <meta name="if:250px Posts" content="0">
  98.  
  99.  
  100.  
  101. <style>
  102.  
  103. /* FONTS */
  104.  
  105. @font-face {font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  106.  
  107. @font-face {font-family: 'sail'; src: url('https://googledrive.com/host/0B1LOqmbUyH_GYTZwT2hPTHAtVkU/Sail-Regular.otf');}
  108.  
  109.  
  110. /* TOOLS */
  111.  
  112. /*  TUMBLR CONTROLS */
  113.  
  114.     iframe#tumblr_controls {
  115.     -webkit-filter:invert(100%);
  116.     -moz-filter:invert(100%);
  117.     -o-filter:invert(100%);
  118.     -ms-filter:invert(100%);
  119.     filter:invert(100%);
  120. }
  121.  
  122. #scrollUp {
  123.     z-index:99999999999999;
  124.     left:350px;
  125.     bottom:20px;
  126.     width:50px;
  127.     height:50px;
  128.     overflow:hidden;
  129.     background-image:url('http://static.tumblr.com/8di24cd/95bmyk6xe/arrow64.png');
  130.     color:{color:Background};
  131.     text-shadow:none;
  132. }
  133.  
  134. #scrollUP a {
  135.     text-shadow:none;
  136. }
  137. #scrollUp a:hover {
  138.     text-shadow:none;
  139. }
  140.  
  141. /* GENERAL */
  142.  
  143. body {
  144.     margin:0px;
  145.     padding:0px;
  146.     color:{color:Text};
  147.     background-image:url('{image:Background}');
  148.     background-color:{color:Background};
  149.     font-family:'calibri', sans-serif;
  150.     font-size:{text:Font Size}px;
  151.     letter-spacing:1px;
  152. }
  153.  
  154. iframe, img, embed, object, video {
  155.     max-width: 100%;
  156. }
  157.  
  158.  
  159. a {
  160.     text-decoration:none;
  161.     color:{color:Links};
  162.     -webkit-transition:all 0.5s ease;
  163.     -moz-transition:all 0.5s ease;
  164.     -o-transition:all 0.5s ease;
  165.     transition:all 0.5s ease-in-out;
  166. }
  167.  
  168. a:hover, .blogtitle a:hover {
  169.     color:{color:Background};
  170.     text-shadow:1px 1px gray;
  171.     -webkit-transition:all 0.5s ease;
  172.     -moz-transition:all 0.5s ease;
  173.     -o-transition:all 0.5s ease;
  174.     transition:all 0.5s ease-in-out;
  175. }
  176.  
  177. h1, h2, h3, h4, h5, h6 {
  178.     font-weight:normal;
  179.     font-family:'Playfair Display', Serif;
  180. {block:IfFancyFont}
  181.     font-family:'Sail', Sans-Serif;
  182. {/block:IfFancyFont}
  183. }
  184.  
  185. body, a, a:link, a:visited {
  186.     cursor:url('http://static.tumblr.com/8di24cd/mC1mwksaw/zorzc.png'), auto; }
  187.  
  188. a:hover, a:active, select {
  189.     cursor:url('http://static.tumblr.com/8di24cd/m7jmwkhhw/th_9-2.png'), auto;
  190. }
  191.  
  192. b, strong {
  193.     color:{color:Bold};
  194. }
  195.  
  196. i, em {
  197.     color:{color:Italic};
  198. }
  199.  
  200. /* CONTAINERS */
  201.  
  202. #topbar {
  203.     width:100%;
  204.     z-index:999999;
  205.     margin-top:-54px;
  206. }
  207.  
  208. #rightbar:hover #topbar {
  209.     opacity:1;
  210. }
  211.  
  212. #rightbar {
  213.     position:fixed;
  214.     margin-top:-100px;
  215.     width:300px;
  216.     height:100%;
  217. {block:IfHideSideBars}
  218.     right:-300px;
  219. {/block:IfHideSidebars}
  220. {block:IfNotHideSideBars}
  221.     right:0px;
  222. {/block:IfNotHideSidebars}
  223.     background-image:url('{image:Sidebars Background}');
  224.     background-color:{color:Sidebars Background};
  225.     border-left:30px solid {color:Sidebars Border};
  226.     -webkit-transition:all 0.3s ease-in-out;
  227.     -moz-transition:all 0.3s ease-in-out;
  228.     -o-transition:all 0.3s ease-in-out;
  229.     transition:all 0.3s ease-in-out;
  230.     z-index:999999;
  231. }
  232.  
  233. #rightbar:hover {
  234.     right:0;
  235.     -webkit-transition:all 0.3s ease-in-out;
  236.     -moz-transition:all 0.3s ease-in-out;
  237.     -o-transition:all 0.3s ease-in-out;
  238.     transition:all 0.3s ease-in-out;
  239. }
  240.  
  241. #leftbar {
  242.     position:fixed;
  243.     margin-top:-100px;
  244.     width:300px;
  245.     height:100%;
  246. {block:IfHideSideBars}
  247.     left:-300px;
  248. {/block:IfHideSidebars}
  249. {block:IfNotHideSideBars}
  250.     left:0px;
  251. {/block:IfNotHideSidebars}
  252.     background-image:url('{image:Sidebars Background}');
  253.     background-color:{color:Sidebars Background};
  254.     border-right:30px solid {color:Sidebars Border};
  255.     -webkit-transition:all 0.3s ease-in-out;
  256.     -moz-transition:all 0.3s ease-in-out;
  257.     -o-transition:all 0.3s ease-in-out;
  258.     transition:all 0.3s ease-in-out;
  259.     z-index:999999;
  260. }
  261.  
  262. #leftbar:hover {
  263.     left:0;
  264.     -webkit-transition:all 0.3s ease-in-out;
  265.     -moz-transition:all 0.3s ease-in-out;
  266.     -o-transition:all 0.3s ease-in-out;
  267.     transition:all 0.3s ease-in-out;
  268. }
  269.  
  270. #rightbar:hover .navi {
  271.     opacity:1;
  272. }
  273.  
  274. #content {
  275.     margin:auto;
  276. {block:IndexPage}
  277.  
  278.     {block:If700pxPosts}
  279.         width:740px;
  280.     {/block:If700pxPosts}
  281.     {block:If500pxPosts}
  282.         width:540px;
  283.     {/block:If500pxPosts}
  284.     {block:If400pxPosts}
  285.         width:440px;
  286.     {/block:If400pxPosts}
  287.     {block:If250pxPosts}
  288.         width:290px;
  289.     {/block:If250pxPosts}
  290.    
  291. {/block:IndexPage}
  292.  
  293. {block:PermalinkPage}
  294.     width:740px;
  295. {/block:PermalinkPage}
  296. }
  297.  
  298. article {
  299. {block:IfPostBackgrounds}
  300.     background:rgba(255, 255, 255, 0.2);
  301.     {block:IfBlack}
  302.     background:rgba(0, 0, 0, 0.2);
  303.     {/block:IfBlack}
  304. {/block:IfPostBackgrounds}
  305.     margin:100px 0px 100px 0px;
  306.     padding:20px;
  307.     border-radius:3px 3px 0px 0px;
  308.     -webkit-transition:all 0.3s ease-in-out;
  309.     -moz-transition:all 0.3s ease-in-out;
  310.     -o-transition:all 0.3s ease-in-out;
  311.     transition:all 0.3s ease-in-out;
  312. }
  313.  
  314. article:hover {
  315. {block:IndexPage}
  316. {block:IfPostBackgrounds}
  317.     background:rgba(255, 255, 255, 0.4);
  318.     {block:IfBlack}
  319.     background:rgba(0, 0, 0, 0.4);
  320.     {/block:IfBlack}
  321. {/block:IfPostBackgrounds}
  322.     -webkit-transition:all 0.3s ease-in-out;
  323.     -moz-transition:all 0.3s ease-in-out;
  324.     -o-transition:all 0.3s ease-in-out;
  325.     transition:all 0.3s ease-in-out;
  326. {/block:IndexPage}
  327. }
  328.  
  329. /* TITLE */
  330.  
  331. .blogtitle, .blogtitle a {
  332.     font-family:'Playfair Display', Serif;
  333. {block:IfFancyFont}
  334.     font-family: 'Sail', sans-serif;
  335. {/block:IfFancyFont}
  336.     font-size:60px;
  337.     font-weight:normal;
  338.     color:{color:Blog Title};
  339.     text-align:center;
  340.     width:100%;
  341.     padding-top:20px;
  342.     text-shadow:1px 1px gray;
  343.     -webkit-transition:all 0.3s ease-in-out;
  344.     -moz-transition:all 0.3s ease-in-out;
  345.     -o-transition:all 0.3s ease-in-out;
  346.     transition:all 0.3s ease-in-out;
  347. }
  348.  
  349. .blogsubtitle {
  350.     font-family:'tinytots', sans-serif;
  351.     font-size:8px;
  352.     text-transform:uppercase;
  353.     color:{color:Blog Title};
  354.     width:100%;
  355.     text-align:center;
  356.     font-weight:normal;
  357.     margin-top:-30px;
  358. }
  359.  
  360.  
  361. /* LEFT BAR SH-T */
  362.  
  363. .navi {
  364.     padding:20px;
  365.     margin-top:{text:Navigation Top}px;
  366. }
  367.  
  368. .navi a {
  369.     display:block;
  370.     margin:0px 0px 5px 0px;
  371.     font-family:'tinytots', sans-serif;
  372.     font-size:8px;
  373.     font-weight:normal;
  374.     text-align:center;
  375.     text-transform:uppercase;
  376.     background:{color:Sidebars Links Hover};
  377.     color:{color:Sidebars Links};
  378.     padding:10px 1px;
  379.     -webkit-transition:all 1s ease-in-out;
  380.     -moz-transition:all 1s ease-in-out;
  381.     -o-transition:all 1s ease-in-out;
  382.     transition:all 1s ease-in-out;
  383. }
  384.  
  385. .navi a:hover {
  386.     text-shadow:none;
  387.     background:{color:Sidebars Links};
  388.     color:{color:Sidebars Links Hover};
  389.     -webkit-transition:all 0.3s ease-in-out;
  390.     -moz-transition:all 0.3s ease-in-out;
  391.     -o-transition:all 0.3s ease-in-out;
  392.     transition:all 0.3s ease-in-out;
  393. }
  394.  
  395. .limg {
  396.     position:absolute;
  397.     left:0;
  398.     bottom:0;
  399.     max-width:300px;
  400. }
  401.  
  402. .hoverovermel {
  403. {block:IfHideSideBars}
  404.     position:absolute;
  405.     font-family:'Calibri', Sans-Serif;
  406.     text-transform:uppercase;
  407.     font-size:10px;
  408.     right:-20px;
  409.     bottom:20px;
  410.     color:{color:Hover Text};
  411. {/block:IfHideSideBars}
  412. {block:IfNotHideSidebars}
  413.     display:none;
  414.     opacity:0;
  415. {/block:IfNotHideSidebars}
  416. }
  417.  
  418. /* RIGHT BAR SH-T */
  419.  
  420. .desc {
  421.     font-family:'tinytots', 'calibri', sans-serif;
  422.     font-size:8px;
  423.     color:{color:Description Text};
  424.     text-align:center;
  425.     background:{color:Description BG};
  426.     padding:20px;
  427.     margin:20px;
  428.     margin-top:{text:Description Top}px;
  429.     -webkit-transition:all 0.3s ease-in-out;
  430.     -moz-transition:all 0.3s ease-in-out;
  431.     -o-transition:all 0.3s ease-in-out;
  432.     transition:all 0.3s ease-in-out;
  433. }
  434.  
  435. #rightbar:hover .desc {
  436.     opacity:1;
  437.     -webkit-transition:all 0.3s ease-in-out;
  438.     -moz-transition:all 0.3s ease-in-out;
  439.     -o-transition:all 0.3s ease-in-out;
  440.     transition:all 0.3s ease-in-out;
  441. }
  442.  
  443. .rimg {
  444.     position:absolute;
  445.     right:0;
  446.     bottom:0;
  447.     max-width:300px;
  448. }
  449.  
  450. .hoverovermer {
  451. {block:IfHideSideBars}
  452.     position:absolute;
  453.     font-family:'Calibri', Sans-Serif;
  454.     text-transform:uppercase;
  455.     font-size:10px;
  456.     left:-20px;
  457.     bottom:20px;
  458.     color:{color:Hover Text};
  459. {/block:IfHideSideBars}
  460. {block:IfNotHideSidebars}
  461.     display:none;
  462.     opacity:0;
  463. {/block:IfNotHideSidebars}
  464. }
  465.  
  466. /* INDEX INFO DISPLAY */
  467.  
  468. #info {
  469.     position:absolute;
  470.     margin-top:20px;
  471.     margin-left:-20px;
  472.     padding:10px;
  473.     height:auto;
  474. {block:If700pxPosts}
  475.     width:720px;
  476. {/block:If700pxPosts}
  477. {block:If500pxPosts}
  478.     width:520px;
  479. {/block:If500pxPosts}
  480. {block:If400pxPosts}
  481.     width:420px;
  482. {/block:If400pxPosts}
  483. {block:If250pxPosts}
  484.     width:270px;
  485. {/block:If250pxPosts}
  486.     font-style:normal;
  487.     font-family:'tinytots', sans-serif;
  488.     font-size:8px;
  489.     font-weight:normal;
  490.     text-align:center;
  491.     text-transform:uppercase;
  492. {block:IfPostBackgrounds}
  493.     background:rgba(255, 255, 255, 0.3);
  494.     {block:IfBlack}
  495.     background:rgba(0, 0, 0, 0.3);
  496.     {/block:IfBlack}
  497. {/block:IfPostBackgrounds}
  498.     border-radius:0px 0px 3px 3px;
  499.     color:{color:Info};
  500.     -webkit-transition: all 0.3s ease-in-out;
  501.     -moz-transition: all 0.3s ease-in-out;
  502.     transition: all 0.3s ease-in-out;
  503. }
  504.  
  505. article:hover #info {
  506. {block:IfPostBackgrounds}
  507.     background:rgba(255, 255, 255, 0.7);
  508.     {block:IfBlack}
  509.     background:rgba(0, 0, 0, 0.7);
  510.     {/block:IfBlack}
  511. {block:IfPostBackgrounds}
  512.     -webkit-transition:all 0.3s ease-in-out;
  513.     -moz-transition:all 0.3s ease-in-out;
  514.     -o-transition:all 0.3s ease-in-out;
  515.     transition:all 0.3s ease-in-out;
  516. }
  517.  
  518. #info a {
  519.     color:{color:Info};
  520.     font-size:8px;
  521.     font-weight:normal;
  522. }
  523.  
  524. #info a:hover {
  525.     text-shadow:none;
  526.     color:{color:Info Hover};
  527. }
  528.  
  529. /* POSTS */
  530.  
  531. blockquote, .q {
  532.     padding:5px;
  533.     background: rgba(255, 255, 255, 0.5);
  534.     {block:IfBlack}
  535.     background:rgba(0, 0, 0, 0.5);
  536.     {/block:IfBlack}
  537.     border-radius:3px;
  538. }
  539.  
  540. /* PHOTOS */
  541.  
  542. img {
  543.     display:block;
  544.     border-radius:3px;
  545. {block:IfGrayscaleImages}
  546.     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+ */
  547.     filter: gray; /* IE6-9 */
  548.     -webkit-filter: grayscale(1);
  549.     -webkit-transition:all 0.5s ease;
  550.     -moz-transition:all 0.5s ease;
  551.     -o-transition:all 0.5s ease;
  552.     transition:all 0.5s ease-in-out;
  553. {block:IfGrayscaleImages}
  554. }
  555.  
  556. img:hover {
  557. {block:IfGrayscaleImages}
  558.     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+ */
  559.     filter: none; /* IE6-9 */
  560.     -webkit-filter: grayscale(0);
  561.     -webkit-transition:all 0.5s ease;
  562.     -moz-transition:all 0.5s ease;
  563.     -o-transition:all 0.5s ease;
  564.     transition:all 0.5s ease-in-out;
  565. {/block:IfGrayscaleImages}
  566. }
  567.  
  568. .html_photoset {
  569.  {block:IfGrayscaleImages}
  570.     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+ */
  571.     filter: gray; /* IE6-9 */
  572.     -webkit-filter: grayscale(1);
  573.     -webkit-transition:all 0.5s ease;
  574.     -moz-transition:all 0.5s ease;
  575.     -o-transition:all 0.5s ease;
  576.     transition:all 0.5s ease-in-out;
  577. {block:IfGrayscaleImages}
  578. }
  579.  
  580. .html_photoset:hover {
  581. {block:IfGrayscaleImages}
  582.     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+ */
  583.     filter: none; /* IE6-9 */
  584.     -webkit-filter: grayscale(0);
  585.     -webkit-transition:all 0.5s ease;
  586.     -moz-transition:all 0.5s ease;
  587.     -o-transition:all 0.5s ease;
  588.     transition:all 0.5s ease-in-out;
  589. {/block:IfGrayscaleImages}    
  590. }
  591.  
  592. /* TEXT */
  593.  
  594. .title {
  595.     text-align:center;
  596.     margin-top:0px;
  597. }
  598.  
  599. /* QUOTE */
  600.  
  601. .quote {
  602.     text-align:center;
  603. }
  604.  
  605. .source {
  606.     text-align:center;
  607.     font-family:'calibri', sans-serif;
  608. }
  609.  
  610.  
  611. /* CHAT */
  612.  
  613. }
  614. .chat ul {
  615.     list-style: none;
  616.     margin: 0;
  617.     padding: 0;
  618. }
  619. .chat li {
  620.     margin:20px;
  621.     list-style: none;
  622.     padding: 5px;
  623.     border-radius:3px;
  624.  
  625. }
  626. .chat .even {
  627.     background: rgba(255, 255, 255, 0.2);
  628. {block:IfBlack}
  629.     background: rgba(0, 0, 0, 0.2);
  630. {/block:IfBlack}
  631.     list-style: none;
  632. }
  633.  
  634. /* AUDIO */
  635.  
  636. .cover {
  637.     position: relative;
  638.     width:250px;
  639.     z-index: 1
  640. }
  641.  
  642. .playbox {
  643.     width:250px;
  644.     padding-top:5px;
  645. {block:IfNotBlack}
  646.     background:#fff;
  647. {/block:IfNotBlack}
  648. {block:IfBlack}
  649.     background:#000;
  650. {/block:IfBlack}
  651.     border-radius:3px;
  652.     margin-bottom:20px;
  653. }
  654.  
  655. /* ANSWER POSTS */
  656.  
  657. .question {
  658.     font-family:'Playfair Display', Serif;
  659. {block:IfFancyFont}
  660.     font-family: 'Sail', sans-serif;
  661. {/block:IfFancyFont}
  662.     font-weight:lighter;
  663. }
  664.  
  665. #tags {
  666.     margin-top:30px;
  667.     text-align:center;
  668. }
  669.  
  670. #tags li {
  671.     display:inline-block;
  672. }
  673.  
  674. #notes {
  675.     margin-top:100px;
  676. }
  677.  
  678. #notes img {
  679.     width:25px;
  680.     float:left;
  681. }
  682.  
  683. #notes ul {
  684.     list-style:none;
  685. }
  686.  
  687. #notes li {
  688.     list-style:none;
  689.     padding:10px;
  690.     margin-bottom:10px;
  691.     margin-left:-30px;
  692.     background:rgba(255, 255, 255, 0.5);
  693. {block:IfBlack}
  694.     background:rgba(0, 0, 0, 0.5);
  695. {/block:IfBlack}
  696.     border-radius:3px;
  697.     width:100%;
  698. }
  699.  
  700. .reblogged, .dates {
  701.     text-align:center;
  702.     line-height:20px;
  703.    
  704. }
  705.  
  706. .pagination {
  707.     font-size:20px;
  708.     padding:20px 0;
  709.     width:100%;
  710.     text-align:center;
  711. {block:IfInfiniteScrolling}
  712.     display:none;
  713.     opacity:0;
  714. {/block:IfInfiniteScrolling}
  715. }
  716.  
  717. {CustomCSS}
  718.  
  719. </style>
  720.  
  721. </head>
  722.  
  723. <body>
  724.  
  725.     <header id="topbar">
  726.         <h1 class="blogtitle"><a href="/">{text:Blog Title}</a></h1>
  727.         <h2 class="blogsubtitle">{text:Blog Subtitle}</h2>
  728.     </header>
  729.     <aside id="rightbar">
  730.     <div class="hoverovermer">H<br>o<br>v<br>e<br>r</div>
  731.             <nav class="navi">
  732.                 <a href="/">home</a>
  733.                 {block:AskEnabled}
  734.                 <a href="/ask">ask</a>
  735.                 {/block:AskEnabled}
  736.                 <a href="/archive">archive</a>
  737.                 <a href="http://victoriath.co.vu">Theme</a>
  738.                 {block:IfLink1}
  739.                 <a href="{text:Link 1 URL}">{text:Link 1}</a>
  740.                 {/block:IfLink1}
  741.                 {block:IfLink2}
  742.                 <a href="{text:Link 2 URL}">{text:Link 2}</a>
  743.                 {/block:IfLink2}
  744.                 {block:IfLink3}
  745.                 <a href="{text:Link 3 URL}">{text:Link 3}</a>
  746.                 {/block:IfLink3}
  747.                 {block:IfLink4}
  748.                 <a href="{text:Link 4 URL}">{text:Link 4}</a>
  749.                 {/block:IfLink4}
  750.                 {block:IfLink5}
  751.                 <a href="{text:Link 5 URL}">{text:Link 5}</a>
  752.                 {/block:IfLink5}
  753.                 {block:IfLink6}
  754.                 <a href="{text:Link 6 URL}">{text:Link 6}</a>
  755.                 {/block:IfLink6}
  756.                 {block:IfLink7}
  757.                 <a href="{text:Link 7 URL}">{text:Link 7}</a>
  758.                 {/block:IfLink7}
  759.                 {block:IfLink8}
  760.                 <a href="{text:Link 8 URL}">{text:Link 8}</a>
  761.                 {/block:IfLink8}
  762.                 {block:IfLink9}
  763.                 <a href="{text:Link 9 URL}">{text:Link 9}</a>
  764.                 {/block:IfLink9}
  765.                 {block:IfLink10}
  766.                 <a href="{text:Link 10 URL}">{text:Link 10}</a>
  767.                 {/block:IfLink10}
  768.             </nav>
  769.     <div class="rimg"><img src="{image:Right Image}"></div>
  770.     </aside>
  771.    
  772.     <aside id="leftbar">
  773.     <div class="hoverovermel">H<br>o<br>v<br>e<br>r</div>
  774.     {block:Description}
  775.             <div class="desc">
  776.                 {Description}
  777.             </div>
  778.     {/block:Description}
  779.     <div class="limg"><img src="{image:Left Image}"></div>
  780.     </aside>
  781.    
  782.     <div id="content">
  783.    
  784.         {block:Posts}
  785.        
  786.             <article>
  787.                
  788.                 {block:Text}
  789.                     <div class="text">
  790.                         {block:Title}<h1 class="title"><a href ="{Permalink}">{Title}</a></h1>{/block:Title}
  791.                         {Body}
  792.                     </div>
  793.                 {/block:Text}
  794.                
  795.                
  796.                 {block:Photo}
  797.                     <div class="photo" align="center">
  798.                         {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt">{LinkCloseTag}
  799.                         {block:Caption}{Caption}{/block:Caption}
  800.                     </div>
  801.                 {/block:Photo}
  802.                
  803.                 {block:Photoset}
  804.                     <div class="photoset" align="center">
  805.                         {Photoset-500}
  806.                         {block:Caption}{Caption}{/block:Caption}
  807.                     </div>
  808.                 {/block:Photoset}
  809.                
  810.                 {block:Quote}
  811.                         <h1 class="quote">&ldquo; {Quote} &rdquo;</h1>
  812.                         {block:Source}<h3 class="source">{Source}</h3>{/block:Source}
  813.                 {/block:Quote}
  814.                
  815.                 {block:Link}
  816.                     <div class="link">
  817.                         <h1 class="title"><a href="{URL}">{Name}&nbsp;>></a></h1>
  818.                         {block:Description}{Description}{/block:Description}
  819.                     </div>
  820.                 {/block:Link}
  821.                
  822.                 {block:Chat}
  823.                     <div class="chat">
  824.                         <ul>
  825.                             {block:Lines}
  826.                                 <li class="{Alt}">
  827.                                     {block:Label}
  828.                                         <span style="font-style:italic;text-shadow:1px 1px gray;">{Label}</span>
  829.                                     {/block:Label}
  830.                                      {Line}
  831.                                 </li>
  832.                             {block:Lines}
  833.                         </ul>
  834.                     </div>
  835.                 {/block:Chat}
  836.                
  837.                 {block:Audio}
  838.                 <center>
  839.                     <div class="audio">
  840.                         {block:TrackName}
  841.                             <h1 class="title">
  842.                                 <a href="{Permalink}">{TrackName}</a>
  843.                             </h1>
  844.                         {/block:TrackName}
  845.                         <div class="playbox"><div class="playbutton">
  846.                             {block:AudioPlayer}{block:IfNotBlack}{AudioPlayerWhite}{/block:IfNotBlack}{block:IfBlack}{AudioPlayerBlack}{/block:IfBlack}{/block:AudioPlayer}
  847.                         </div></div>
  848.                             {block:AlbumArt}
  849.                                 <img src="{AlbumArtURL}" class="cover">
  850.                             {/block:AlbumArt}
  851.                         <center>
  852.                             {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  853.                         </center>
  854.                         {block:Caption}{Caption}{/block:Caption}
  855.                     </div>
  856.                     </center>
  857.                 {/block:Audio}
  858.                
  859.                 {block:Video}
  860.                     <div class="video" align="center">
  861.                         <div class="videoplayer">{Video-500}</div>
  862.                         {block:Caption}{Caption}{/block:Caption}
  863.                     </div>
  864.                 {/block:Video}
  865.                
  866.                 {block:Answer}
  867.                 <center>
  868.                     <div class="answer">
  869.                         <div class="question">
  870.                             <img src="{AskerPortraitURL-96}">
  871.                             <h1 class="question">{Asker}</h1>
  872.                         </div>
  873.                     <p class="q">{Question}</p>
  874.                     <p>{Answer}</p>
  875.                     </div>
  876.                 </center>
  877.                 {/block:Answer}
  878.                
  879.                 <footer class="info">
  880.                
  881.                 {block:IndexPage}
  882.                     {block:ContentSource}
  883.                     <!-- {SourceURL}
  884.                        {block:SourceLogo}<img src="{BlackLogoURL}"
  885. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  886.                        {/block:SourceLogo}
  887.                        {block:NoSourceLogo}{SourceLink}
  888.                        {/block:NoSourceLogo} -->
  889.                     {/block:ContentSource}
  890.                 {/block:IndexPage}
  891.                
  892.                                 {block:IndexPage}
  893.                     <div id="info">
  894.                         {block:Date}
  895.                             <a href="{Permalink}">
  896.                             {DayOfMonthWithZero}&nbsp;{Month}&nbsp;{ShortYear}&nbsp;</a>//
  897.                         {/block:Date}
  898.                            
  899.                         {block:NoteCount}
  900.                             <a href="{Permalink}">&hearts;&nbsp;{NoteCount}&nbsp;</a>//
  901.                         {/block:NoteCount}
  902.                            
  903.                         <a href="{ReblogURL}">REBLOG</a>
  904.                     </div>
  905.                 {/block:IndexPage}
  906.                    
  907.                     {block:Permalink}
  908.                         {block:HasTags}
  909.                             <ul id="tags">
  910.                                 {block:Tags}
  911.                                     <li>
  912.                                         <a href="/tagged/{Tag}">&nbsp;#{Tag}</a><br>
  913.                                     </li>
  914.                                 {/block:Tags}
  915.                             </ul>
  916.                         {/block:HasTags}
  917.                        
  918.                         <div class="dates">
  919.                             {block:Date}
  920.                                 Posted&nbsp;{lang:TimeAgo}{TimeAgo}<br>
  921.                             {/block:Date}
  922.                             {block:NoteCount}
  923.                                {NoteCountWithLabel}<br>
  924.                             {/block:NoteCount}
  925.                         {block:ContentSource}
  926.                             <div class="reblogged">
  927.                                 {lang:Source}:&nbsp;<a href="{SourceURL}">{block:NoSourceLogo}{SourceTitle}<br>{/block:NoSourceLogo}
  928.                                 {block:SourceLogo}
  929.                                     <img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}">
  930.                                 {/block:SourceLogo}</a>
  931.                             </div>
  932.                         {/block:ContentSource}
  933.                         {block:RebloggedFrom}
  934.                             via:&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>
  935.                             origin:&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>
  936.                         {/block:RebloggedFrom}
  937.                        
  938.                     {block:PostNotes}
  939.                         <div id="notes">{PostNotes-64}</div>
  940.                     {/block:PostNotes}
  941.                     {/block:Permalink}
  942.                 </footer>
  943.             </article>
  944.         {/block:Posts}
  945.     </div>
  946.                        
  947.     {block:Pagination}
  948.         <div class="pagination">
  949.             {block:PreviousPage}<a href="{PreviousPage}"><<&nbsp;Previous page</a>{/block:PreviousPage}
  950.             {block:NextPage}<a href="{NextPage}" id="next">Next page&nbsp;>></a>{/block:NextPage}
  951.         </div>
  952.     {/block:Pagination}
  953.    
  954. </body>
  955.  
  956. </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!