API tools faq
paste
Advertisement
ladyvicky

THEME#4 BY LV

ladyvicky
Dec 29th, 2013
445
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--
  6. -----------------------------------------------------------------------
  7.                   theme by @Kamikaze-Love
  8. -----------------------------------------------------------------------
  9. don't think just because I am relatively invisible that I won't find you if you steal these codes ;D
  10. -----------------------------------------------------------------------
  11. ------------------------------CREDITS----------------------------------
  12. -----------------------------------------------------------------------
  13.  
  14. -->
  15.  
  16. <!-- SCRIPTS -->
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link href='http://fonts.googleapis.com/css?family=Croissant+One' rel='stylesheet' type='text/css'>
  24.  
  25. <!-- METATAG THINGS -->
  26.  
  27. <meta name="color:Text" content="#2a2c31">
  28. <meta name="color:Background" content="#3e4147">
  29. <meta name="color:Post BG" content="#fffedf">
  30. <meta name="color:Links" content="#dfba69">
  31. <meta name="color:Links Hover" content="#5a2e2e">
  32. <meta name="color:Blog Title" content="#5a2e2e">
  33. <meta name="color:Blog Title Shadow" content="#dfba69">
  34. <meta name="color:Navibar Text" content="#dfba69">
  35. <meta name="color:Navibar BG" content="#fffedf">
  36. <meta name="color:Navibar Links" content="#dfba69">
  37. <meta name="color:Navibar Links BG" content="#fffedf">
  38. <meta name="color:Navibar Links Hover" content="#fffedf">
  39. <meta name="color:Navibar Links Hover BG" content="#dfba69">
  40. <meta name="color:Info BG" content="#5a2e2e">
  41. <meta name="color:Info Links" content="#dfba69">
  42. <meta name="color:Info Links Hover" content="#fffedf">
  43. <meta name="color:Asker BG" content="#2a2c31">
  44. <meta name="color:Asker Text" contant ="#fffedf">
  45. <meta name="color:Pagination" content="#5a2e2e">
  46. <meta name="color:Pagination Hover" content="#fffedf">
  47. <meta name="color:Pagination Hover Shadow" content="#dfba69">
  48. <meta name="color:Scrollbar BG" content="#5a2e2e">
  49. <meta name="color:Scrollbar" content="#dfba69">
  50.  
  51. <meta name="image:Navibar BG" content="http://static.tumblr.com/8di24cd/YNomykffg/tumblr_inline_ml9b2ys4nj1qz4rgp.png">
  52. <meta name="image:Background" content="">
  53.  
  54. <meta name="text:Link 1" content="Link 1">
  55. <meta name="text:Link 1 URL" content="/">
  56. <meta name="text:Link 2" content="Link 2">
  57. <meta name="text:Link 2 URL" content="/">
  58. <meta name="text:Link 3" content="Link 3">
  59. <meta name="text:Link 3 URL" content="/">
  60. <meta name="text:Link 4" content="Link 4">
  61. <meta name="text:Link 4 URL" content="/">
  62. <meta name="text:Link 5" content="Link 5">
  63. <meta name="text:Link 5 URL" content="/">
  64. <meta name="text:Title" content="">
  65.  
  66. <meta name="font:Text" content="Gibson">
  67.  
  68. <style type="text/CSS">
  69.  
  70. /* FONTS */
  71.  
  72. /*  TUMBLR CONTROLS */
  73.  
  74.     iframe#tumblr_controls {
  75.     -webkit-filter:invert(100%);
  76.     -moz-filter:invert(100%);
  77.     -o-filter:invert(100%);
  78.     -ms-filter:invert(100%);
  79.     filter:invert(100%);
  80. }
  81.    
  82. /*  SCROLLBAR */
  83.    
  84. ::-webkit-scrollbar {
  85.     height: 12px;
  86.     width: 6px;
  87.     background:{color:Scrollbar BG};
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91.     background-color:{color:Scrollbar};
  92. }
  93.  
  94. ::-webkit-scrollbar-corner {
  95.     background: transparent;
  96. }
  97.  
  98. ::selection {
  99.     background-color: rgba(255, 255, 255, 0.5);
  100.     color:black;
  101. }
  102.    
  103. ::-moz-selection {
  104.     background-color: rgba(255, 255, 255, 0.5);
  105.     color:black;   
  106. }
  107.  
  108. /*  GENERAL */
  109.  
  110. body {
  111.     margin:0px;
  112.     padding:0px;
  113.     color:{color:Text};
  114.     background:url('{image:Background}') fixed top right;
  115.     background-color:{color:background};
  116.     font-family:{font:Text};
  117.     font-size:16px;
  118. }
  119.  
  120. a {
  121.     text-decoration:none;
  122.     color:{color:links};
  123.     -webkit-transition:all 0.5s ease;
  124.     -moz-transition:all 0.5s ease;
  125.     -o-transition:all 0.5s ease;
  126.     transition:all 0.5s ease-in-out;
  127. }
  128.  
  129. a:hover {
  130.     color:{color:Links Hover};
  131.     -webkit-transition:all 0.5s ease;
  132.     -moz-transition:all 0.5s ease;
  133.     -o-transition:all 0.5s ease;
  134.     transition:all 0.5s ease-in-out;
  135. }
  136.  
  137. /*  TITLE  */
  138.  
  139.  
  140. .blogtitle {
  141.     color:{color:Blog Title};
  142.     font-family:'Croissant One', sans-serif;
  143.     width:100%;
  144.     margin:5px auto;
  145.     font-size:60px;
  146.     letter-spacing:-5px;
  147.     text-align:center;
  148.     z-index:9999999;
  149.     text-shadow:1px 1px {color:Blog Title Shadow};
  150. }
  151.  
  152. #disc {
  153.     margin:10px auto 25px auto;
  154.     width:500px;
  155.     padding:10px;
  156.     font-family:{font:Text};
  157.     font-size:10px;
  158.     color:{color:Navibar Text};
  159.     background:rgba(225, 225, 225, 0.2);
  160. }
  161.  
  162.  
  163. /*  NAVIBAR */
  164.  
  165. #beepboop {
  166.     position:fixed;
  167.     top:0;
  168.     width:100%;
  169.     font-size:8px;
  170.     padding:10px;
  171.     background:url('{image:Navibar BG}');
  172.     background-color:{color:Navibar BG};
  173.     color:{color:Navibar Text};
  174.     z-index:99999;
  175. }
  176.  
  177. #link2 {
  178.     display:block;
  179.     letter-spacing:0px;
  180.     margin:5px auto;
  181.     -webkit-transition:all 0.2s ease;
  182.     -moz-transition:all 0.2s ease;
  183.     -o-transition:all 0.2s ease;
  184.     transition:all 0.2s ease;
  185. }
  186.  
  187. #link2 a {
  188.     margin:10px;
  189.     display:inline-block;
  190.     font-family:{font:Text};
  191.     font-size:10px;
  192.     font-weight:bold;
  193.     padding:1px 20px 2px 20px;
  194.     border-radius:10px;
  195.     background-color:{color:Navibar Links BG};
  196.     color:{color:Navibar Links};
  197.     -webkit-transition:all 0.2s ease;
  198.     -moz-transition:all 0.2s ease;
  199.     -o-transition:all 0.2s ease;
  200.     transition:all 0.2s ease;
  201. }
  202.  
  203. #link2 a:hover {
  204.     color:{color:Navibar Links Hover};
  205.     background-color:{color:Navibar Links Hover BG};
  206.     text-shadow:none;
  207. }
  208.  
  209.  
  210. /*  BIG CONTENT THINGS */
  211.  
  212. #content {
  213.     position:relative;
  214.     top:350px;
  215.     margin:auto;
  216.     width:500px;
  217. }
  218.  
  219. /*BABY POST THINGS */
  220.  
  221. #potato {
  222.     bottom:100px;
  223.     position:relative;
  224.     width:500px;
  225.     padding:10px;
  226.     z-index:1;
  227.     margin:100px 0px 0px 0px;
  228.     background-color:{color:Post BG};
  229. }
  230.  
  231. img {
  232.     max-width:100%;
  233. }
  234.  
  235. h1 {
  236.     font-family: 'Croissant One', sans-serif;
  237.     font-size:26px;
  238.     text-align:center;
  239.     color:{color:text}
  240.     background-color:transparent;
  241.     padding-bottom:12px;
  242. }
  243.  
  244. h1 a {
  245.     font-size:26px;
  246.     color:{color:Links};
  247.     text-decoration: none;
  248. }
  249.  
  250. a:hover {
  251.     -webkit-transition: all 0.3s linear;
  252.     -moz-transition: all 0.3s linear;
  253.     transition: all 0.3s linear;
  254.     color:{color:Links Hover};
  255. }
  256.  
  257.  
  258. /* INDEX INFO DISPLAY */
  259.  
  260. #infoh{
  261.     position:absolute;
  262.     margin-left:-10px;
  263.     margin-top:10px;
  264.     padding:10px;
  265.     height:auto;
  266.     width:500px;
  267.     font-size:8px;
  268.     font-style:normal;
  269.     font-family:{font:Text};
  270.     text-align:center;
  271.     background-color:{color:Info BG};
  272.     color:{color:Info Links};
  273.     text-transform:uppercase;
  274.     -webkit-transition: all 0.3s linear;
  275.     -moz-transition: all 0.3s linear;
  276.     transition: all 0.3s linear;
  277. }
  278.  
  279. #infoh a {
  280.     color:{color:Info Links};
  281.     font-size:10px;
  282. }
  283.  
  284. #infoh a:hover {
  285.     color:{color:Info Links Hover};
  286. }
  287.  
  288. /* QUOTES */
  289.  
  290. #quo {
  291.     font-family:'Croissant One', sans-serif;;
  292.     padding:10px;
  293.     line-height:20px;
  294.     font-size:20px;
  295. }
  296.  
  297. blockquote {
  298.     padding:5px;
  299.     background: rgba(225, 225, 225, 0.3);
  300. }
  301.  
  302.  
  303. /*  CHAT */
  304.  
  305. #chitchat {
  306.     padding:5px;
  307. }
  308.  
  309. /* ASK POSTS */
  310.  
  311. h3, h3 a {
  312.     margin-top:0px;
  313.     font-family: 'Croissant One', sans-serif;
  314.     text-align:left;
  315.     font-size:16px;
  316. }
  317.  
  318. #asker {
  319.     margin:-10px;
  320.     line-height:15px;
  321.     padding:30px 0px 0px 10px;
  322.     background-color:{color:Asker BG};
  323.     color:{color:Asker Text};
  324.     text-align:left;
  325.     height:auto;
  326. }
  327.  
  328.  
  329. #Q img {
  330.     width:50px;
  331.     margin-right:15px;
  332.     margin-top:-15px;
  333.     float:left;
  334.     border-radius:100px;
  335. }
  336.  
  337. /* AUDIO POSTS */
  338.  
  339. #audi {
  340.     margin-bottom:10px;
  341. }
  342.  
  343. h4 {
  344.     display:inline-block;
  345.     font-family: 'Croissant One', sans serif;
  346.     font-size:18px;
  347.     letter-spacing:-1px;
  348.     line-height:0px;
  349.     margin-right:5px;
  350. }
  351.  
  352. .art {
  353.     border-radius:100px;
  354.     float:left;
  355.     width:100px;
  356.     margin:10px;
  357. }
  358.  
  359.  
  360. #audiinfo {
  361.     text-align:left;
  362. }
  363.  
  364.  
  365. /* PERMALINK INFO DISPLAY */
  366.  
  367. ol.notes {
  368.     padding:0px;
  369.     margin:10px 0px;
  370.     list-style-type:none;
  371.     font-size:11px;
  372.     font-style:normal;
  373.     letter-spacing:1px;
  374.     text-transform:lowercase;
  375. }
  376.  
  377. li.note {
  378.     padding:10px;
  379.     margin:10px;
  380.     display:block;
  381.     background:{color:Asker BG};
  382.     color:{color:Asker Text};
  383.  
  384. }
  385.  
  386. #knots img {
  387.     border-radius:100px;
  388.     float:left;
  389.     margin-right:5px;
  390. }
  391.  
  392. #knots {
  393.     margin-top:50px;
  394.     width:540px;
  395.     margin-left:-10px;
  396. }
  397.  
  398. #perma {
  399.     position:relative;
  400.     background-color:{color:Info BG};
  401.     line-height:15px;
  402.     width:520px;
  403.     margin:50px 0 20px 0;
  404.     padding:10px 0;
  405. }
  406.  
  407. /* PAGINAGI */
  408.  
  409. .pagi {
  410.     margin-top:-240px;
  411.     padding:10px;
  412.     height:240px;
  413.     font-size:100px;
  414.     color:{color:Pagination};
  415. }
  416.  
  417. .pagi a {
  418.     font-size:100px;
  419.     color:{color:Pagination};
  420.     display:inline-block;
  421.     display:-moz-inline-stack;
  422.     line-height:100%;
  423.     letter-spacing:-1px;
  424.     z-index:9999999;
  425. }
  426.  
  427. .pagi a:active {
  428.     text-shadow:none;
  429. }
  430.  
  431. .pagi a:hover {
  432.     color:{color:Pagination Hover};
  433.     text-shadow:1px 1px {color:Pagination Hover Shadow};
  434.     -webkit-transition: all 0.3s linear;
  435.     -moz-transition: all 0.3s linear;
  436.     transition: all 0.3s linear;
  437. }
  438.  
  439. </style>
  440.  
  441.  
  442.  
  443. </head>
  444.  
  445.  
  446. <body>
  447.  
  448.     {block:ContentSource}
  449.         <!-- {SourceURL}
  450.        {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  451.        {/block:SourceLogo}
  452.        {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  453.         {/block:ContentSource}
  454.        
  455.         {block:ReblogParent}
  456.     {/block:ReblogParent}
  457.                    
  458.     <div style="position:fixed;bottom:0;right:0;opacity:0.5;"><a href="http://kamikaze-love.tumblr.com" title="theme credit">©</a></div>
  459.    
  460.     <div id="beepboop">
  461.         <center>
  462.         <h1 class="blogtitle">{Title}</h1>
  463.         <div id ="disc">{description}</div>
  464.         <div id="link2">
  465.         <a href="/">home</a>
  466.         <a href="/ask">message</a>
  467.         <a href="/soon">f.a.q.</a>
  468.         <a href="/archive">archive</a>
  469.         {block:ifLink1}
  470.         <a href="{text:Link 1 URL}">{text:Link 1}</a>
  471.         {/block:ifLink1}
  472.        
  473.         {block:ifLink2}
  474.         <a href="{text:Link 2 URL}">{text:Link 2}</a>
  475.         {/block:ifLink2}
  476.        
  477.         {block:ifLink3}
  478.         <a href="{text:Link 3 URL}">{text:Link 3}</a>
  479.         {/block:ifLink3}
  480.        
  481.         {block:ifLink4}
  482.         <a href="{text:Link 4 URL}">{text:Link 4}</a>
  483.         {/block:ifLink4}
  484.        
  485.         {block:ifLink5}
  486.         <a href="{text:Link 5 URL}">{text:Link 5}</a>
  487.         {/block:ifLink5}
  488.         </div>
  489.         </center>
  490.  
  491.     {block:Pagination}
  492.         <div class="pagi" style="left:0;position:fixed;">
  493.             {block:PreviousPage}
  494.                 <a href="{PreviousPage}">&laquo;</a>
  495.             {/block:PreviousPage}
  496.         </div>
  497.        
  498.         <div class="pagi" style="right:0;position:fixed;">
  499.             {block:NextPage}
  500.                 <a href="{NextPage}">&raquo;</a>
  501.             {/block:NextPage}
  502.         </div>
  503.     {/block:Pagination}
  504.  
  505.     </div>
  506.  
  507.  
  508.  
  509.  
  510. <div id="content">
  511.  
  512. {block:Posts}
  513.  
  514. <div id="potato">
  515.    
  516.     {block:Text}
  517.         {block:Title}<h1>{Title}</h1>{/block:Title}
  518.         {Body}
  519.     {/block:Text}
  520.  
  521.    
  522.     {block:Photo}
  523.    
  524.         <div id="pics" align="center">
  525.             {block:indexpage}
  526.                 <a href="{Permalink}"><img src="{PhotoURL-highres}" /></a>
  527.             {/block:indexpage}
  528.            
  529.             {block:permalinkpage}
  530.                 {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  531.             {/block:permalinkpage}
  532.         {block:indexpage}{block:caption}{caption}{/block:caption}{/block:indexpage}
  533.         </div>
  534.        
  535.     {/block:Photo}
  536.      
  537.              
  538.     {block:Photoset}
  539.             {photoset-500}
  540.         {block:indexpage}{block:caption}{caption}{/block:caption}{/block:indexpage}
  541.     {/block:Photoset}
  542.      
  543.      
  544.     {block:Quote}
  545.         <div id="quo">&ldquo;{Quote}&rdquo;</div>
  546.        
  547.         {block:Source}<div align="right"><i>- {Source}</i></div>{/block:Source}
  548.     {/block:Quote}
  549.      
  550.      
  551.     {block:Link}
  552.         <h1>
  553.             <a href="{URL}" target="{Target}">{Name}</a>
  554.         </h1>
  555.        
  556.     {block:Description}{Description}{/block:Description}
  557.     {/block:Link}
  558.      
  559.      
  560.     {block:Chat}
  561.         {block:Title}<h1>{Title}</h1>{/block:Title}        
  562.         {block:Lines}
  563.             <div id="chitchat">
  564.                 {block:Label}
  565.                     <h4>{Label}</h4>
  566.                 {/block:Label}
  567.                 {Line}<br>
  568.             </div>
  569.         {/block:Lines}
  570.     {/block:Chat}
  571.      
  572.  
  573.     {block:Audio}
  574.         <div id="audi">
  575.             {block:AlbumArt}
  576.                 <img src="{AlbumArtURL}" class="art">
  577.             {/block:AlbumArt}
  578.  
  579.             <div id="audiinfo">
  580.                 {block:TrackName}
  581.                     <h4>Name:</h4> {TrackName}
  582.                 {/block:TrackName}
  583. <br>
  584.                 {block:Artist}
  585.                     <h4>Artist:</h4> {Artist}
  586.                 {/block:Artist}
  587. <br>
  588.                 {block:Album}
  589.                     <h4>Album:</h4> {Album}
  590.                 {/block:Album}
  591.             </div>
  592. <br>
  593.             {block:AudioPlayer}
  594.                 {AudioPlayerWhite}
  595.             {/block:AudioPlayer}
  596.         </div>
  597.     {/block:Audio}
  598.  
  599.  
  600.     {block:Video}
  601.             {Video-500}
  602.     {/block:Video}
  603.  
  604.  
  605.     <div id="Q">
  606.         {block:Answer}
  607.             <div id="asker">
  608.                 <img src="{AskerPortraitURL-64}"/>
  609.                 <h3>{Asker} asked:</h3>
  610.                 <b>{Question}</b><br><br>
  611.             </div>
  612.             <p>{Answer}</p>
  613.         {/block:Answer}
  614.     </div>
  615.          
  616.     {block:IndexPage}
  617.         <div id="infoh">
  618.             {block:Date}
  619.                 <a href="{Permalink}">
  620.                 {DayOfMonthWithZero}&nbsp{Month}&nbsp{ShortYear}&nbsp&nbsp&nbsp&nbsp&nbsp</a>
  621.             {/block:Date}
  622.                
  623.             {block:NoteCount}
  624.                 <a href="{Permalink}">&hearts;&nbsp{NoteCount}&nbsp&nbsp&nbsp&nbsp&nbsp</a>
  625.             {/block:NoteCount}
  626.                
  627.             <a href="{ReblogURL}">REBLOG</a>
  628.         </div>
  629.     {/block:IndexPage}
  630. </div>
  631.  
  632.  
  633.  
  634. {block:PermalinkPage}
  635.     <div id="caps" style="position:relative;margin-top:-50px;">
  636.         {block:Caption}
  637.             {Caption}
  638.         {/block:Caption}
  639.     </div>
  640.    
  641.     <div id="perma">
  642.         <div id="day" style="text-align:center;">
  643.             {block:Date}
  644.                 <b><i>Posted{lang:TimeAgo} on</i></b> {DayOfWeek}, {DayOfMonth} {Month} {Year}
  645.             {/block:Date}
  646.             {block:NoteCount} <b><i>with</i></b> {NoteCountWithLabel}{/block:NoteCount}
  647.         </div>
  648.        
  649.         {block:HasTags}
  650.             <div id="tags" style="text-align:center;">
  651.                 <b><i>tagged as:</i></b>
  652.                 {block:Tags}
  653.                     <a href="{TagURL}">{Tag}   </a>
  654.                 {/block:Tags}
  655.             </div>
  656.         {/block:HasTags}
  657.     <br>
  658.         <div id="sauce" style="text-align:center;">
  659.             {block:RebloggedFrom}
  660.                 <b><i>via:</i></b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br><br>
  661.                 <b><i>origin:</i></b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>
  662.             {/block:RebloggedFrom}
  663.         </div>
  664.     </div>
  665.        
  666.     {block:PostNotes}
  667.         <div id="knots">{PostNotes}</div>
  668.     {/block:PostNotes}
  669.        
  670. {block:PermalinkPage}
  671.  
  672. {/block:Posts}
  673.  
  674. </div>
  675.  
  676. </body>
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!