API tools faq
paste
Advertisement
noziam

THEME 02: CANDYFLOSS

noziam
Aug 27th, 2013
537
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.76 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}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  3.  
  4. <!--
  5.  
  6. THEME 02 CANDYFLOSS  BY JAE @ NOZIAM
  7.  
  8. INSPIRED BY THE THEME BY BALLERDOLLAR
  9.  
  10. IF YOU STEAL OR REMOVE THE CREDIT, I WILL HUNT YOU DOWN AND KILL YOU IN YOUR SLEEP. HAVE A NICE DAY.
  11.  
  12. THANK YOU.
  13. ENJOY!
  14.  
  15.  
  16. -->
  17.  
  18. <meta name="color:bg" content="#ffffff"/>
  19. <meta name="color:scrollbar" content="#ffbfcf"/>
  20. <meta name="color:border" content="#f1f1f1"/>
  21. <meta name="color:text" content="#000000"/>
  22. <meta name="color:title" content="#ffffff"/>
  23. <meta name="color:link" content="#aaa"/>
  24. <meta name="color:link hover" content="#ffbfcf"/>
  25. <meta name="color:perma" content="#000000"/>
  26. <meta name="color:perma bg" content="#eeeeee"/>
  27. <meta name="color:perma bg hover" content="#ffbfcf"/>
  28. <meta name="image:bg" content=""/>
  29. <meta name="image:sidepic" content=""/>
  30. <meta name="image:lace" content="http://31.media.tumblr.com/9a68ea3d7a1daeb7cf74d218ce5af85f/tumblr_ms80u8ztHT1s9q94vo1_100.png"/>
  31. <meta name="if:400px" content="0"/>
  32. <meta name="if:250px" content="1"/>
  33. <meta name="text:link 1 URL" content="">
  34. <meta name="text:link 1" content="Link 1">
  35. <meta name="text:link 2 URL" content="">
  36. <meta name="text:link 2" content="Link 2">
  37. <meta name="text:link 3 URL" content="">
  38. <meta name="text:link 3" content="Link 2">
  39. <meta name="if:endlessscroll" content="1"/>
  40.  
  41. <style type="text/css">
  42.  
  43. body, a, a:hover {cursor: url(http://static.tumblr.com/xjqjg7j/5jPlnr2zk/pinkcursor.png), progress;}
  44.  
  45. ::-webkit-scrollbar-thumb:vertical {-webkit-border-radius: 10px;border-radius: 10px;background-color: {color:scrollbar};border:1px solid {color:border};}
  46.  
  47. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar};height: 4px;border:1px solid {color:border};}
  48.  
  49. ::-webkit-scrollbar {width: 6px;background-color: #ffffff;height:4px;}
  50.  
  51. iframe#tumblr_controls {right:0px !important;position: fixed !important;-webkit-transition:opacity 0.4s linear;opacity: 0.4;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:0000;}
  52.  
  53. body {font-family:georgia;font-weight:normal;font-size:9px;line-height:11px;letter-spacing:1px;word-spacing:-2px;color:{color:text};word-wrap:break-word;text-align:justify;text-overflow:ellipsis;background:{color:bg} url('{image:bg}') fixed repeat right bottom;margin:0;}
  54.  
  55. a {color:{color:link};text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
  56.  
  57. a:hover {text-decoration:line-through;color:{color:link hover};}
  58.  
  59. a:active {text-decoration:none;color:{color:link click};-webkit-transition:all 0.015s ease-in-out;-moz-transition:all 0.015s ease-in-out;-o-transition:all 0.015s ease-in-out;transition:all 0.015s ease-in-out;}
  60.  
  61. b, strong {font-weight:heavy;}
  62. i, em {font-weight:light;}
  63. li {list-style:square;margin-left:-25px;margin-right:0px;}
  64.  
  65. #content {padding:0px 0px 10px 0px;{block:if250px}width:270px;{/block:if250px}{block:if400px}width:420px;{/block:if400px}margin:auto;}
  66.  
  67. #cage {background:{color:bg} url('{image:bg}');position:fixed;margin-top:-70px;height:90px;z-index:100;{block:if250px}width:270px;{/block:if250px}{block:if400px}width:415px;{/block:if400px}}
  68.  
  69. #cage #d {position:fixed;{block:if250px}width:200px;{/block:if250px}{block:if400px}width:330px;{/block:if400px}margin-left:10px;margin-top:18px;}
  70.  
  71. #cage #lx {position:fixed;margin-top:65px;margin-left:-6px;text-align:center;text-transform:lowercase;font-size:9px;letter-spacing:1px;{block:if250px}width:270px;{/block:if250px}{block:if400px}width:420px;{/block:if400px}}
  72.    
  73. #cage #lace {position:fixed;margin-left:-10px;margin-top:20px;height:55px;{block:if250px}width:265px;{/block:if250px}{block:if400px}width:440px;{/block:if400px}background:url('{image:lace}') left bottom repeat-x;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  74.  
  75. #cage:hover #lace {margin-top:80px;}
  76.  
  77. .posts {margin-top:45px;margin-bottom:45px;overflow:hidden;z-index:90;{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}}
  78.  
  79. .posts #perma {position:absolute;z-index:20;opacity:1;padding:1px 0px 1px 0px;{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}background:transparent;margin-top:10px; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:00px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
  80.  
  81. .posts:hover #perma {background:#ffbfcf;}
  82.  
  83. #p1 {float:left;margin-left:7px;}
  84. #p2 {float:right;margin-right:7px;}
  85.  
  86. .posts #perma a {text-transform:lowercase;font-size:9px; text-align:right; line-height:8px;font-family:georgia;letter-spacing:1px;color:{color:perma};-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
  87.  
  88. .posts #perma a:hover {text-decoration:none;}
  89.  
  90. #posts {margin-top:70px;overflow:hidden;height:100%;{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}}
  91.  
  92. .posts
  93.     img {max-width:100%;
  94.     margin-bottom:-2px;
  95.     {block:indexpage}opacity:0.95;{/block:indexpage}-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
  96.  
  97. blockquote {border-left:2px solid {color:border};margin-left:10px;margin-right:10px;padding:0px 10px 0px 10px;}
  98.  
  99. #captions {background:;display:block;padding:0px;margin-top:10px;{block:IndexPage}display:none;{/block:IndexPage}}
  100.  
  101. .px {text-align:left;margin-top:-20px;margin-left:3px;padding:4px 0px 0px 0px;}
  102.  
  103. .px li {list-style:none;margin-left:-15px;}
  104.  
  105. .px img {display:none;}
  106.  
  107. </style>
  108.  
  109. {block:ifendlessscroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifendlessscroll}
  110.  
  111. </head>
  112.  
  113.  
  114. <body>
  115.  
  116. <div id="content">
  117.  
  118. <div id="cage">
  119.    
  120. <div id="sidepic"><img src="{image:sidepic}"></div>    
  121. <div id="d"><div style="font-size:15px;font-family:georgia;letter-spacing:0px;line-height:15px;text-align:left;margin-bottom:1px;"></div>{description}</i></div>
  122. <div id="lx">
  123. <a href="/">home</a> ♥ <a href="/faq">ask</a>{block:iflink1URL} ♥ <a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1URL}{block:iflink2URL} ♥ <a href="{text:link 2 URL}">{text:link 2}</a>{/block:iflink2URL}{block:iflink3URL} ♥ <a href="{text:link 3 URL}">{text:link 3}</a>{/block:iflink3URL} ♥ <a href="http://noziam.tumblr.com">code</a>
  124. </div>
  125. <div id="lace"></div>
  126.    
  127. </div>
  128.  
  129. <div id="posts">
  130.  
  131. {block:Posts}
  132.  
  133. {block:ContentSource}
  134. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  135. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  136. {/block:SourceLogo}
  137. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  138. {/block:ContentSource}
  139.  
  140. <!-- {block:NoRebloggedFrom}
  141. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  142. {/block:NoRebloggedFrom} -->
  143.  
  144. <div class="posts">
  145.  
  146. {block:Text}
  147.        
  148.        
  149.         <div style="margin-top:-10px; margin-bottom:-5px;">{Body}</div>
  150. {/block:Text}
  151.  
  152. {block:Photo}
  153.  
  154.         {block:indexpage}
  155.         <center>
  156.         <img src="{PhotoURL-500}">
  157.         </center>
  158.         {/block:indexpage}
  159.        
  160.         {block:permalinkpage}
  161.         <center>
  162.         <img src="{PhotoURL-500}">
  163.         </center>
  164.         {/block:permalinkpage}
  165.        
  166.         {block:Caption}
  167.         <div id="captions">
  168.         {Caption}</div>
  169.         {/block:Caption}
  170.  
  171. {/block:Photo}
  172.  
  173. {block:Photoset}
  174.  
  175.     <div style="opacity:0.8;">
  176.         {block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}
  177.     </div>
  178.        
  179.         {block:Caption}
  180.         <div id="captions">
  181.         {Caption}</div>
  182.         {/block:Caption}
  183.  
  184. {/block:Photoset}
  185.  
  186. {block:Quote}
  187.         ❝ {Quote}❞
  188. {/block:Quote}
  189.  
  190. {block:Link}
  191.     <a href="{URL}" {Target}>+ {Name}</a>
  192. {/block:Link}
  193.  
  194. {block:Chat}
  195.     {block:Title}
  196.             <div style="color:{color:title}; font-family:georgia; word-wrap:break-word; word-spacing:-3px; text-transform:uppercase; font-size:14px; letter-spacing:1px; padding:1px 0px 7px 0px;">{Title}</div>
  197.         {/block:Title}
  198.        
  199. {block:Lines}<div style="border-bottom:1px dotted {color:border}; padding:0px 0px 2px 0px; margin-bottom:5px;">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>{/block:Lines}
  200. {/block:Chat}
  201.  
  202. {block:Audio}
  203.     <div style="width:{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}; opacity:0.4; overflow:hidden;">{AudioPlayerWhite}</div>
  204.        
  205.         {block:Caption} <div id="captions"> {Caption}</div> {/block:Caption}
  206.  
  207. {/block:Audio}  
  208.  
  209. {block:video}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:Caption} <div id="captions"> {Caption}</div> {/block:Caption}{/block:video}
  210.  
  211. {block:Answer}
  212. <div style="margin-top:0px;">
  213.     <div style="padding:0px 0px 8px 0px; border-bottom:1px dotted {color:border};"><i><b>{Asker} said</b>: {Question}</i></div>
  214.    
  215.         <div style="margin-top:-7px; margin-bottom:-5px;">{Answer}</div>
  216. </div>
  217. {/block:Answer}
  218.  
  219. {block:IndexPage}<div id="perma"><div id="p1"><div id="p2"><a href="{permalink}">{notecountwithlabel}</a></div></div>{/block:IndexPage}
  220.  
  221. </div>
  222.  
  223. {block:PermalinkPage}<div class="px">
  224. {block:Date}Posted {24Hour}:{Minutes} on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  225.  
  226. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> source: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  227.  
  228. {block:HasTags}<br>Tagged with {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  229.  
  230. <div style="margin-left:50px; width:{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px};">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  231.    
  232. </div>
  233. {/block:PermalinkPage}
  234.  
  235. {/block:Posts}
  236.  
  237. </div>
  238. {block:ifnotendlessscroll}
  239. <div style="text-align:center;padding:0px 0px 5px 0px;">{block:Pagination}
  240.     {block:PreviousPage}
  241.      <a href="{PreviousPage}" title="prev. page">prev</a> &hearts;
  242. {/block:PreviousPage}
  243.  
  244. {block:NextPage}
  245.  <a href="{NextPage}" title="next page">next</a>
  246. {/block:NextPage}
  247. {/block:Pagination}</div>
  248. {/block:ifnotendlessscroll}
  249. </body>
  250. </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!