API tools faq
paste
Advertisement
sprockett

Theme #17: Gossamer

sprockett
Aug 26th, 2013
496
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!--Theme intrins-themes.tumblr.com-->
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function(){
  12. $(".slidingDiv").hide();
  13. $("#nav").click( function(){
  14. $(".slidingDiv").toggle('slow');
  15. });
  16. });
  17. </script>
  18.  
  19. <meta name="text:Link A" content="">
  20. <meta name="text:Link A URL" content="">
  21. <meta name="text:Link B" content="">
  22. <meta name="text:Link B URL" content="">
  23. <meta name="text:Link C" content="">
  24. <meta name="text:Link C URL" content="">
  25. <meta name="text:Link D" content="">
  26. <meta name="text:Link D URL" content="">
  27. <meta name="text:Link E" content="">
  28. <meta name="text:Link E URL" content="">
  29. <meta name="text:Link F" content="">
  30. <meta name="text:Link F URL" content="">
  31. <meta name="text:Billy Music Player" content="">
  32.  
  33. <meta name="if:Fullscreen Background" content="0">
  34. <meta name="if:Image Fading" content="1">
  35.  
  36. <meta name="font:Font" content="Arial">
  37.  
  38. <meta name="color:Background" content="#ffffff">
  39. <meta name="color:Font" content="#aaaaaa">
  40. <meta name="color:Link" content="#aaaaaa">
  41. <meta name="color:Link Hover" content="#C9FBFF">
  42. <meta name="color:Main Links Background" content="#eeeeee">
  43. <meta name="color:Post Background" content="#ffffff">
  44. <meta name="color:Post Divider" content="#C9FBFF">
  45. <meta name="color:Description Border" content="#C9FBFF">
  46. <meta name="color:Description Background" content="#ffffff">
  47.  
  48. <meta name="image:Background" content="">
  49. <meta name="image:Main Links Background" content="">
  50.  
  51. <style type="text/css">
  52.  
  53. {block:IfFullscreenBackground}html {
  54. background:{color:Background} url('{image:Background}') no-repeat center center fixed;
  55. -webkit-background-size: cover;
  56. -moz-background-size: cover;
  57. -o-background-size: cover;
  58. background-size: cover;}{/block:IfFullscreenBackground}
  59.  
  60. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  61.  
  62. ::-webkit-scrollbar-thumb:vertical {background-color:#aaa; height:auto;}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:#FAF6F5;height:10px !important;}
  64. ::-webkit-scrollbar {height:0px; width:4px; background-color:#FAF6F5;}
  65.  
  66. iframe#tumblr_controls{position:fixed !important;}
  67.  
  68. body{{block:IfNotFullscreenBackground}background:{color:background} url('{image:background}') fixed;{/block:IfNotFullscreenBackground} margin:0px; font-size:10px; font-family:{font:font}; color:{color:font};}
  69. a{text-decoration:none; outline:none; -moz-outline-style:none; transition:0.4s; -webkit-transition:0.4s; color:{color:Link};}
  70. a:hover{color:{color:Link Hover};}
  71. img{border:none;}
  72. {block:IfImageFading}img{opacity:.6; transition:0.4s; -webkit-transition:0.4s;}
  73. img:hover{opacity:1;}
  74. .html_photoset {opacity:.6; -webkit-transition:0.4s;}
  75. .html_photoset:hover {opacity:1;}{/block:IfImageFading}
  76. blockquote{padding-left:5px; border-left:2px solid {color:link hover};}
  77. blockquote blockquote{padding-left:5px; border-left:2px solid {color:link hover};}
  78. #stockett{padding:10px; background:{color:post background}; width:420px; left:330px; position:absolute;}
  79. #bonnie{width:400px; overflow:hidden; padding:10px; border-bottom:1px dashed {color:post divider};}
  80.  
  81. #side{top:60px; left:100px; width:110px; height:100px; border:1px dashed {color:description border}; overflow:auto; position:fixed; background:{color:description background}; z-index:1; padding:10px; text-align:center;}
  82.  
  83. #nav{top:190px; left:100px; width:122px; padding:4px; font-family:littlefont; font-size:8px; text-transform:uppercase; text-align:center; background:{color:description background}; border:1px dashed {color:description border}; position:fixed; z-index:1; cursor:crosshair;}
  84. .slidingDiv a{transition:0.4s; -webkit-transition:0.4s; margin-left:2px; margin-right:2px; text-transform:none;}
  85. .slidingDiv a:hover{letter-spacing:2px;}
  86.  
  87. #billy{top:27px; left:100px; width:122px; padding:4px; position:fixed; background:{color:description background}; border:1px dashed {color:description border}; z-index:1; overflow:hidden;}
  88.  
  89. #left{left:120px; position:fixed;}
  90. #left img{opacity:1;}
  91. #left a{width:20px; text-align:center; border-radius:0px 0px 40px 40px; -moz-border-radius:0px 0px 40px 40px; position:absolute;}
  92. .a{height:20px; padding-top:400px; transition:0.4s; -webkit-transition:0.4s; background:{color:main links background} url('{image:main links background}') left bottom;}
  93. .a:hover{padding-top:440px;}
  94. .b{height:20px; padding-top:300px; left:36px; transition:0.4s; -webkit-transition:0.4s; background:{color:main links background} url('{image:main links background}') center bottom;}
  95. .b:hover{padding-top:340px;}
  96. .c{height:20px; padding-top:360px; left:72px; transition:0.4s; -webkit-transition:0.4s; background:{color:main links background} url('{image:main links background}') left bottom;}
  97. .c:hover{padding-top:400px;}
  98.  
  99. .sos{bottom:10px; left:4px; font-size:14px; font-family:times new roman; position:fixed;}
  100.  
  101. #pagi{width:80%; margin:20px; text-align:right;}
  102.  
  103. {CustomCSS}</style></head><body>
  104.  
  105. {block:IfBillyMusicPlayer}<div id="billy">{text:Billy Music Player}</div>{/block:IfBillyMusicPlayer}
  106.  
  107. <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
  108.  
  109. {block:IfLinkA}<div id="nav">navigation
  110. <div class="slidingDiv">
  111. <a href="{text:link a url}">{text:link a}</a>
  112. <a href="{text:link b url}">{text:link b}</a>
  113. <a href="{text:link c url}">{text:link c}</a>
  114. <a href="{text:link d url}">{text:link d}</a>
  115. <a href="{text:link e url}">{text:link e}</a>
  116. <a href="{text:link f url}">{text:link f}</a>
  117. </div></div>{/block:IfLinkA}
  118.  
  119. <div id="left"><a href="/" class="a"><img src="http://static.tumblr.com/qvjknra/iHwmf4pw6/1335651555_home2.gif"></a>
  120. <a href="/ask" class="b"><img src="http://static.tumblr.com/qvjknra/UNEmf4q0l/1335651574_mail2.gif"></a>
  121. <a href="/archive" class="c"><img src="http://static.tumblr.com/qvjknra/mh7mf4q8p/1335651577_edit2.gif"></a>
  122. </div>
  123.  
  124. <div id="side">{Description}</div>
  125.  
  126. <div id="stockett">{block:Posts}<div id="bonnie">
  127.  
  128. {block:Text}{block:Title}<center>{Title}</center>{/block:Title}<p>{Body}</p>
  129. {/block:Text}
  130.  
  131. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  132. {/block:Photo}
  133.  
  134. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}
  135. {/block:Photoset}
  136.  
  137. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}
  138. {/block:Video}
  139.  
  140. {block:Quote}<center>“{Quote}”</center>{block:Source}<i> —{Source}</i></p>{/block:Source}
  141. {/block:Quote}
  142.  
  143. {block:Link}<a href="{URL}" target="{Target}"><center>{Name}</center></a>{block:Description}{Description}{/block:Description}
  144. {/block:Link}
  145.  
  146. {block:Chat}{block:Title}<center>{Title}</center>{/block:Title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  147. {/block:Chat}
  148.  
  149. {block:Audio}{AudioPlayerWhite}<br>{block:Caption}{Caption}{/block:Caption}
  150. {/block:Audio}
  151.  
  152. {block:Answer}<i><img src="{AskerPortraitURL-24}" style="float:left; margin:4px;">{Asker} asked:<br> {Question}</i><p><center>{Answer}</center></p>
  153. {/block:Answer}
  154.  
  155. <center><font style="font-family:littlefont; font-size:8px;"><a href="{Permalink}">
  156. {block:Date}{Timeago}{/block:Date}{block:NoteCount} // {NoteCountWithLabel}{/block:NoteCount}</a> // <a href="{ReblogURL}">reblog</a><br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags} </font></center>
  157.  
  158. {block:ContentSource}<!--<a href="{SourceURL}">{SourceTitle}</a>-->{/block:ContentSource}
  159. {block:RebloggedFrom}<!--<a href="{ReblogParentURL}">{ReblogParentName}</a>-->{/block:RebloggedFrom}
  160.  
  161.  
  162. {PostNotes}
  163.  
  164. </div>{/block:Posts}
  165. <div id="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:JumpPagination length="3"}
  166. {block:CurrentPage}
  167. <span class="current_page">{PageNumber}</span>
  168. {/block:CurrentPage}
  169. {block:JumpPage}
  170. <a class="jump_page" href="{URL}">{PageNumber}</a>
  171. {/block:JumpPage}
  172. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  173. </div>
  174.  
  175. </body></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!