API tools faq
paste
FSXXVII

Theme 002 - Version 2

FSXXVII
Jan 17th, 2013
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.87 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. <!-- Theme 002 by Kooloo.tumblr.com
  7.  
  8. Please leave the credits intact. They're as non-intrusive as any credits have ever been. You can move them, but do not make them any smaller or change the word "theme."
  9.  
  10. Tweaking is allowed and encouraged! No matter how much you tweak, do not remove my credits! I would like people to find and enjoy the theme as much as you enjoy it.
  11.  
  12. Feel free to copy and paste parts of my theme into tweaks on other themes. I don't exactly like it, but I feel it might make HTML easier for some people.
  13.  
  14. You can remove the flower from the credit (NOT THE WHOLE CREDIT,) if you want.
  15. I like the flower. I would like it if you left the flower. For me.
  16.  
  17. -->
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23.         <meta name="text:Link 1" content="http://"/>
  24.         <meta name="text:Link 1 Title" content=""/>
  25.         <meta name="text:Link 2" content="http://">
  26.         <meta name="text:Link 2 Title" content=""/>
  27.         <meta name="text:Link 3" content="http://"/>
  28.         <meta name="text:Link 3 Title" content=""/>
  29.         <meta name="text:Link 4" content="http://"/>
  30.         <meta name="text:Link 4 Title" content=""/>
  31.         <meta name="text:Link 5" content="http://"/>
  32.         <meta name="text:Link 5 Title" content=""/>
  33.         <meta name="text:Link 6" content="http://"/>
  34.         <meta name="text:Link 6 Title" content=""/>
  35.         <meta name="text:Link 7" content="http://"/>
  36.         <meta name="text:Link 7 Title" content=""/>
  37.         <meta name="text:Link 8" content="http://"/>
  38.         <meta name="text:Link 8 Title" content=""/>
  39.         <meta name="text:Link 9" content="http://"/>
  40.         <meta name="text:Link 9 Title" content=""/>
  41.         <meta name="image:sidebar" content="" />
  42.         <meta name="if:Fade Images" content="0" />
  43.         <meta name="if:Lighter Lace BG" content="0" />
  44.        
  45.                 <meta name="text:Music Code" content="" />
  46.         <meta name="text:Online Users Code" "" />
  47.        
  48. <style type="text/css">
  49.  
  50. body { font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif; font-size: 10px;
  51.  
  52. color: #999999;
  53. margin: 0;
  54. {block:iflighterlacebg}background: #f1f1f1;{/block:iflighterlacebg}
  55. {block:ifnotlighterlacebg}background: #b8b8b8; {/block:ifnotlighterlacebg}
  56.  
  57. }
  58. a { color: #696969; text-decoration: none;}
  59. a:hover {color: #000;}
  60.  
  61. #rose { padding: 1px 20px 20px 20px; width: 600px; margin: auto; background: url('http://e-ssence.main.jp/border10/lace-whw-ss600.jpg') center fixed repeat-y; {block:ifnotlighterlacebg}background: url('http://fc02.deviantart.net/fs70/f/2013/017/e/c/lace_whw_ss600__1__by_vieril-d5rrhbd.jpg') center fixed repeat-y;{/block:ifnotlighterlacebg}}
  62.  
  63. .tulip {    margin:auto; padding: 5px; border: 1px solid #F0F0F0; margin-top: 20px; background: #FFF; width: 400px;}
  64.  
  65. .tulip img { max-width: 400px;  max-height: 100%; {block:iffadeimages}opacity: 0.7;{/block:iffadeimages}{block:ifnotfadeimages}opacity:1;{/block:ifnotfadeimages}
  66. -moz-transition: all 0.8s ease-out;
  67. -webkit-transition: opacity 0.7s linear;
  68. -webkit-transition: all 0.8s ease-out;
  69. transition: all 0.8s ease-out;}
  70.  
  71. .tulip img:hover {
  72.     opacity: 1.0;
  73.     -moz-transition: all 0.8s ease-out;
  74. -webkit-transition: opacity 0.7s linear;
  75. -webkit-transition: all 0.8s ease-out;
  76. transition: all 0.8s ease-out;
  77. }
  78.  
  79. blockquote { border-left: 2px solid #F0F0F0; padding: 1px 1px 1px 10px; margin: 5px; }
  80.  
  81. .footer { max-width: 500px; }
  82.  
  83. #pansy { display: block; padding: 1px 10px 1px 10px; margin-top: 10px; }
  84.  
  85.  .pagination {
  86.     margin-top:20px;
  87.     margin-bottom:8px;
  88.     padding: 2px;
  89.     line-height:20px;
  90.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  91.     font-size:15px;
  92.     font-weight:bold;
  93.     }
  94.    
  95. .pagination a {
  96.     text-decoration:none;
  97.     padding-top:2px;
  98.     padding-bottom:2px;
  99.     padding-left:4px;
  100.     padding-right:4px;
  101.     color:{color:Link};
  102.    
  103.     }
  104.    
  105. .pagination a:hover {
  106.     background: #000000;
  107.     color:#FFFFFF;
  108.     }
  109.    
  110.  
  111. .petal {    background: #F0F0F0;  padding: 2px; padding-right: 10px; max-width:500px;  margin-top: 10px; text-align: right;
  112.  
  113. opacity: 0.7; -moz-transition: all 0.8s ease-out;
  114. -webkit-transition: opacity 0.7s linear;
  115. -webkit-transition: all 0.8s ease-out;
  116. transition: all 0.8s ease-out;
  117.  
  118. }
  119.  
  120. .petal:hover { opacity: 1.0; -moz-transition: all 0.8s ease-out;
  121. -webkit-transition: opacity 0.7s linear;
  122. -webkit-transition: all 0.8s ease-out;
  123. transition: all 0.8s ease-out;}
  124.  
  125. #sidebar { position: fixed;  bottom:0px;  left: 0px;  width: 150px; text-align: center; letter-spacing: 1px; line-height: 9px; padding: 10px;}
  126.  
  127. #sidebar a { display:block; text-align: center;  background:#d9d9d9; padding: 1px;    text-decoration:none; color: #888888; margin:2px;
  128. -moz-transition: all 0.8s ease-out;
  129. -webkit-transition: opacity 0.7s linear;
  130. -webkit-transition: all 0.8s ease-out;
  131. transition: all 0.8s ease-out;
  132. opacity: 1;
  133.         }
  134.        
  135.         .seeds {
  136.             width: 400px;
  137.         }
  138.        
  139.         #sidebar a:hover {
  140.             color:#d9d9d9;
  141.             -moz-transition: all 0.8s ease-out; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; opacity: 0;
  142. }
  143.  
  144. #sidebar img { max-width: 150px; max-height: 100%;}
  145.  
  146.  
  147.  
  148. #title { margin-bottom: 5px; text-align: center; color: #000; background: #F0F0F0; padding: 5px; letter-spacing: 1px; }
  149.  
  150.  
  151. iframe#tumblr_controls { position: fixed !important; z-index: 9999; opacity: 0.3;}
  152.  
  153. iframe#tumblr_controls:hover {opacity: 1;}
  154.  
  155. #theme { font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode',
  156. font-size: 9px;
  157. opacity: 0.5;
  158. position:fixed;
  159. bottom:5px;
  160. right:5px;
  161. -webkit-border-radius: 4px;
  162. -moz-border-radius:4px;
  163. -o-border-radius:4px;
  164. border-radius:4px;
  165. width: auto;
  166. height: auto;
  167. z-index:999;
  168.     -webkit-transition:all 0.5s ease-in-out;
  169.     -moz-transition:all 0.5s ease-in-out;
  170.     -o-transition:all 0.5s ease-in-out;
  171.     -ms-transition:all 0.5s ease-in-out;
  172.     transition:all 0.5s ease-in-out; }
  173.    
  174.     #theme img {
  175.        
  176.         margin-left: 5px;
  177.         }
  178.  
  179. #theme:hover { opacity:1.0;
  180.     -webkit-transition:all 0.5s ease-in-out;
  181.     -moz-transition:all 0.5s ease-in-out;
  182.     -o-transition:all 0.5s ease-in-out;
  183.     -ms-transition:all 0.5s ease-in-out;
  184.     transition:all 0.5s ease-in-out;}
  185.  
  186. #theme a { text-decoration:none; }
  187.  
  188. #theme2 { font-family: Cuprum, 'Bench Nine';
  189. opacity: 0.7;
  190. position:fixed;
  191. top:5px;
  192. left:5px;
  193. -webkit-border-radius: 4px;
  194. -moz-border-radius:4px;
  195. -o-border-radius:4px;
  196. border-radius:4px;
  197. width: auto;
  198. height: auto;
  199. z-index:999;
  200.     -webkit-transition:all 0.5s ease-in-out;
  201.     -moz-transition:all 0.5s ease-in-out;
  202.     -o-transition:all 0.5s ease-in-out;
  203.     -ms-transition:all 0.5s ease-in-out;
  204.     transition:all 0.5s ease-in-out; }
  205.  
  206. #theme2:hover { opacity:1.0;
  207. color: {color:link};
  208.     -webkit-transition:all 0.5s ease-in-out;
  209.     -moz-transition:all 0.5s ease-in-out;
  210.     -o-transition:all 0.5s ease-in-out;
  211.     -ms-transition:all 0.5s ease-in-out;
  212.     transition:all 0.5s ease-in-out; }
  213.  
  214. #theme2 a { color: {color:link};
  215. text-decoration:none; }
  216.  
  217.  
  218.  
  219.  
  220. </style>
  221.  
  222. {block:IfEndlessScroll}
  223. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  224. {/block:IfEndlessScroll}
  225.  
  226. </head>
  227.  
  228.  
  229. <body>
  230.  
  231.  
  232. <div id="rose">
  233.  
  234. {block:Posts}
  235.  
  236.  
  237. <div class="tulip">
  238.  
  239.  
  240. {block:Text}
  241.  
  242.         {block:Title}
  243.             {Title}
  244.         {/block:Title}
  245.        
  246.         {Body}
  247.  
  248. {/block:Text}
  249.  
  250.  
  251.  
  252. {block:Photo}
  253.  
  254.         <center>
  255.         <img src="{PhotoURL-1280}">
  256.         </center>
  257.        
  258.         {block:Caption}
  259.         <div id="pansy">
  260.         {Caption}</div>
  261.         {/block:Caption}
  262.  
  263. {/block:Photo}
  264.  
  265.  
  266.  
  267. {block:Photoset}
  268.  
  269.     <div class="photoset">
  270.         {Photoset-400}
  271.     </div>
  272.        
  273.         {block:Caption}
  274.         <div id="pansy">
  275.         {Caption}</div>
  276.         {/block:Caption}
  277.  
  278. {/block:Photoset}
  279.  
  280.  
  281.  
  282. {block:Quote}
  283.  
  284.         ❝{Quote}❞
  285.        
  286.         {block:Source}
  287.             <br><br>—{Source}
  288.         {/block:Source}
  289.  
  290. {/block:Quote}
  291.  
  292.  
  293.  
  294. {block:Link}
  295.  
  296.     <a href="{URL}" {Target}>+ {Name}</a>
  297.        
  298.         {block:Description}
  299.         {Description}
  300.         {/block:Description}
  301.  
  302. {/block:Link}
  303.  
  304.  
  305.  
  306. {block:Chat}
  307.  
  308.     {block:Title}
  309.     {Title}
  310.     {/block:Title}
  311.        
  312.             <ul>
  313.             {block:Lines}
  314.             <li>{block:Label}{Label}{/block:Label} {Line}</li>
  315.             {/block:Lines}
  316.             </ul>
  317.  
  318. {/block:Chat}
  319.  
  320.  
  321.  
  322. {block:Audio}
  323.  
  324.  
  325.     {AudioPlayerWhite} - {PlayCount} ♪<br>
  326.         {block:Caption}
  327.         {Caption}
  328.         {/block:Caption}
  329.  
  330. {/block:Audio}
  331.  
  332.  
  333.  
  334. {block:Video}
  335.  
  336.     <div class="video">
  337.         {block:IndexPage}{Video-250}{/block:IndexPage}
  338.         {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  339.     </div>
  340.        
  341.         {block:Caption}
  342.         <div id="pansy">
  343.         {Caption}</div>
  344.         {/block:Caption}
  345.  
  346. {/block:Video}
  347.  
  348.  
  349.  
  350. {block:Answer}
  351.  
  352.     {Asker} asked: {Question}
  353.    
  354.         {Answer}
  355.  
  356. {/block:Answer}
  357.  
  358.  
  359.  
  360.  
  361. {block:Date}
  362. <div class="petal">
  363.  
  364. <a href="{Permalink}">{NoteCountWithLabel}</a> ☆
  365. {/block:Date}
  366. {block:permalinkpage}
  367. {block:RebloggedFrom}
  368. <br>via <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  369. {/block:RebloggedFrom} {block:ContentSource} (<a href="{SourceURL}">{lang:Source}</a>){/block:ContentSource} <!-- <br><a href="{ReblogRootURL}">{ReblogRootName}</a> -->
  370. {block:HasTags}
  371. <br>{Lang:Tagged}{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}
  372. {/block:HasTags}
  373.  
  374. {/block:permalinkpage}
  375. </div>
  376.  
  377. </div>
  378.  
  379. <div class="seeds">
  380. {block:PermalinkPage}
  381. {block:PostNotes}
  382. {PostNotes}
  383. {/block:PostNotes}
  384. {/block:PermalinkPage}
  385. </div>
  386.  
  387.  
  388. {/block:Posts}
  389.  
  390.     <div class="pagination">{block:Pagination}
  391. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  392. {block:JumpPagination length="4"}{block:CurrentPage}
  393. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  394. {/block:CurrentPage}
  395. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  396. {/block:JumpPagination}
  397. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  398. {/block:Pagination}</div>
  399.  
  400. </div>
  401.  
  402. </div>
  403.  
  404.  
  405. <div id="sidebar">
  406.  
  407.     <div id="title">{Title}</div>
  408.     {block:ifmusiccode}{text:Music Code}<br>{/block:ifmusiccode}
  409.             <a href="/">Index</a>
  410.         <a href="/ask">Ask</a>
  411.         <a href="/archive">Archive</a>
  412.     {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  413. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>
  414. {/block:ifLink2Title}
  415. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  416. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>
  417. {/block:ifLink4Title}
  418. {block:ifLink5Title}<a href="{text:link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  419. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  420. {block:ifLink7Title}<a href="{text:link 7}">{text:Link 7 Title}</a>{/block:ifLink7Title}
  421. {block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8Title}
  422. {block:ifLink9Title}<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:ifLink9Title}<p>
  423.     <img src="{image:sidebar}"><br><br>
  424.    
  425.     {Description}
  426.  
  427. </div>
  428.  
  429. <div id="theme"><a href="http://kooloo.tumblr.com/"><img src="http://e-ssence.main.jp/emoji/copyright.gif" alt="Theme"></a></div>
  430. <div id="theme2">
  431.    
  432.     {text:online users code}
  433.    
  434. </div>
  435. </body>
  436. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!