API tools faq
paste
Advertisement
sprockett

Theme #22: Annula

sprockett
Jul 9th, 2014
539
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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 by intrins-themes.tumblr.com-->
  8.  
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  10. <script type="text/javascript">
  11. $(document).ready(function() {
  12. // Tooltip only Text
  13. $('.masterTooltip').hover(function(){
  14. // Hover over code
  15. var title = $(this).attr('title');
  16. $(this).data('tipText', title).removeAttr('title');
  17. $('<p class="tooltip"></p>')
  18. .text(title)
  19. .appendTo('body')
  20. .fadeIn('slow');
  21. }, function() {
  22. // Hover out code
  23. $(this).attr('title', $(this).data('tipText'));
  24. $('.tooltip').remove();
  25. }).mousemove(function(e) {
  26. var mousex = e.pageX + 20; //Get X coordinates
  27. var mousey = e.pageY + 10; //Get Y coordinates
  28. $('.tooltip')
  29. .css({ top: mousey, left: mousex })
  30. });
  31. });
  32. </script>
  33.  
  34. <meta name="text:Custom Link 1" content="">
  35. <meta name="text:Custom Link 1 URL" content="">
  36. <meta name="text:Custom Link 2" content="">
  37. <meta name="text:Custom Link 2 URL" content="">
  38. <meta name="text:Custom Link 3" content="">
  39. <meta name="text:Custom Link 3 URL" content="">
  40. <meta name="text:Custom Link 4" content="">
  41. <meta name="text:Custom Link 4 URL" content="">
  42.  
  43. <meta name="if:250px Posts" content="0">
  44. <meta name="if:400px Posts" content="1">
  45. <meta name="if:500px Posts" content="0">
  46.  
  47. <meta name="image:Background" content="">
  48. <meta name="image:Side" content="">
  49.  
  50. <meta name="color:Background" content="ffffff">
  51. <meta name="color:Font" content="#000000">
  52. <meta name="color:Link" content="#000000">
  53. <meta name="color:Link Hover" content="#aaaaaa">
  54. <meta name="color:Post Background" content="#ffffff">
  55. <meta name="color:Notes Background" content="#000000">
  56. <meta name="color:Notes Font" content="#ffffff">
  57. <meta name="color:Side Image Border" content="#eeeeee">
  58. <meta name="color:Description Background" content="#000000">
  59. <meta name="color:Description Font" content="#eeeeee">
  60.  
  61. <style type="text/css">
  62.  
  63. iframe#tumblr_controls{position:fixed !important;}
  64.  
  65. body{background:{color:background} url('{image:background}'); margin:0px; font-size:11px; font-family:courier; color:{color:font};}
  66. a{text-decoration:none; -webkit-transition:.4s ease-in-out; -moz-trasition:.4s ease-in-out; transition:.4s ease-in-out; outline:none; -moz-outline-style:none; color:{color:link};}
  67. a:hover{color:{color:link hover};}
  68. img{border:none;}
  69. blockquote{padding:20px; font-style:oblique; background:#eee;}
  70. blockquote blockquote{padding:20px; font-style:oblique; background:#ddd;}
  71. #stockett{left:10px; position:absolute;
  72. {block:IndexPage}{block:If250pxPosts}width:250px;{/block:If250pxPosts}
  73. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  74. {block:If500pxPosts}width:500px;{/block:If500pxPosts}{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  75. .bonnie{{block:IndexPage}
  76. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  77. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  78. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  79. {/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage} overflow:hidden; padding:10px; margin-top:10px; background:{color:post background};}
  80. .steer{padding:10px; font-family:consolas; font-size:10px; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
  81. {block:IndexPage}color:{color:notes font}; background:{color:notes background}; opacity:0; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; transition:.8s ease-in-out;}
  82. .steer a{color:{color:notes font};}
  83. .bonnie:hover .steer{opacity:1;}
  84. #steertri{margin-top:-40px; opacity:0; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; transition:.8s ease-in-out; border-bottom:20px solid {color:notes background};}
  85. .bonnie:hover #steertri{margin-top:0; opacity:1;}{/block:IndexPage}
  86. {block:PermalinkPage}border:1px solid {color:notes background}; background:{color:notes font};}
  87. .steer a{color:{color:notes background};}{/block:PermalinkPage}
  88. .titles{padding:10px 0 0px 0; text-transform:uppercase; text-align:center; width:100%; display:inline-block; color:{color:font};}
  89.  
  90. #pagi{width:100%; padding-top:20px; padding-bottom:20px; font-size:24px; text-align:center; position:absolute;}
  91. #pagi a{color:{color:font};}
  92.  
  93. #side{top:100px;
  94. {block:IndexPage}{block:If250pxPosts}left:340px;{/block:If250pxPosts}
  95. {block:If400pxPosts}left:490px;{/block:If400pxPosts}
  96. {block:If500pxPosts}left:590px;{/block:If500pxPosts}{/block:IndexPage}{block:PermalinkPage}left:590px;{/block:PermalinkPage} z-index:1; position:fixed;}
  97. .sideimg{width:160px; border:4px solid transparent; box-shadow:0 0 0 1px {color:side image border};}
  98. .desc{width:130px; height:60px; position:absolute; overflow:auto; padding:20px; background:{color:description background}; font-family:consolas; font-size:10px; color:{color:description font}; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; transition:.8s ease-in-out; opacity:0;}
  99. .desc a{color:{color:description font};}
  100. #trif{border-bottom:20px solid {color:description background}; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; transition:.8s ease-in-out; opacity:0; margin-top:-60px;}
  101. #side:hover #trif{opacity:1; margin-top:10px;}
  102. #side:hover .desc{opacity:1;}
  103.  
  104. .tri{width:0; height:0; border-left:24px solid transparent; border-right:24px solid transparent; margin-left:20px;}
  105.  
  106. .desc::-webkit-scrollbar-thumb:vertical {background-color:{color:description background}; height:80%;}
  107. .desc::-webkit-scrollbar {height:0px; width:4px; background:transparent;}
  108.  
  109. #sidelinks{top:110px;
  110. {block:IndexPage}{block:If250pxPosts}left:317px;{/block:If250pxPosts}
  111. {block:If400pxPosts}left:467px;{/block:If400pxPosts}
  112. {block:If500pxPosts}left:567px;{/block:If500pxPosts}
  113. {/block:IndexPage}{block:PermalinkPage}left:567px;{/block:PermalinkPage} position:fixed; -webkit-transition:.8s ease-in-out; -moz-transition:.8s ease-in-out; transition:.8s ease-in-out;}
  114. #sidelinks img{margin:0 8px 8px 4px;}
  115. #sidelinks a{color:{color:font};}
  116. #sidelinks a:hover{color:{color:font};}
  117. .h{height:10px; padding:4px; float:right; background:#000; opacity:0; -webkit-transition:.4s ease-in-out; -moz-transition:.4s ease-in-out; transition:.4s ease-in-out; color:#fff; font-family:consolas; font-size:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-left:165px;}
  118. #sidelinks a:hover .h{opacity:1; color:#fff; margin-left:175px;}
  119.  
  120. .tooltip {display:none; position:absolute; border-radius:4px; -moz-border-radius:4px; background:{color:post background}; font-family:consolas; font-size:10px; padding:4px; color:{color:font}; z-index:2;}
  121.  
  122. .sos{bottom:10px; right:10px; background:#fff; padding:4px; font-size:16px; font-family:times new roman; position:fixed; color:#aaa;}
  123.  
  124. {CustomCSS}</style></head><body>
  125.  
  126. <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
  127.  
  128. <div id="side">
  129. <img src="{image:side}" class="sideimg">
  130. <div id="trif" class="tri"></div><div class="desc">{Description}</div>
  131. </div>
  132.  
  133. <div id="sidelinks">
  134. <a href="/"><img src="http://static.tumblr.com/qvjknra/iw3mgxqrp/1335651555_home.gif"><div class="h">refresh</div></a><br>
  135. <a href="/ask"><img src="http://static.tumblr.com/qvjknra/68umgxqs9/1335651574_mail.gif"><div class="h">message</div></a><br>
  136. <a href="/archive"><img src="http://static.tumblr.com/qvjknra/7tomlgt5i/1335651577_edit.gif"><div class="h">archive</div></a><br>
  137. {block:IfCustomLink1}<a href="{text:custom Link 1 url}" title="{text:custom link 1}" class="masterTooltip">01.</a><br>{/block:IfCustomLink1}
  138. {block:IfCustomLink2}<a href="{text:custom Link 2 url}" title="{text:custom link 2}" class="masterTooltip">02.</a><br>{/block:IfCustomLink2}
  139. {block:IfCustomLink3}<a href="{text:custom Link 3 url}" title="{text:custom link 3}" class="masterTooltip">03.</a><br>{/block:IfCustomLink3}
  140. {block:IfCustomLink4}<a href="{text:custom Link 4 url}" title="{text:custom link 4}" class="masterTooltip">04.</a><br>{/block:IfCustomLink4}
  141. </div>
  142.  
  143. <div id="stockett">{block:Posts}<div class="bonnie">
  144.  
  145. {block:Text}{block:Title}<p class="titles">{Title}</p>{/block:Title}<p>{Body}</p>
  146. {/block:Text}
  147.  
  148. {block:Photo}{LinkOpenTag}<center>
  149. {block:IndexPage}{block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:If250pxPosts}
  150. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:If400pxPosts}
  151. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:If500pxPosts}
  152. {/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  153. {/block:Photo}
  154.  
  155. {block:Photoset}<center>{block:IndexPage}
  156. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  157. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  158. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  159. {/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  160. </center>{block:Caption}{Caption}{/block:Caption}
  161. {/block:Photoset}
  162.  
  163. {block:Video}{block:IndexPage}
  164. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}
  165. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  166. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  167. {/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  168. {/block:Video}
  169.  
  170. {block:Quote}<a class="titles">“{Quote}”</a>{block:Source}<p><i> —{Source}</i></p>{/block:Source}
  171. {/block:Quote}
  172.  
  173. {block:Link}<a href="{URL}" target="{Target}" class="titles">{Name}</a>{block:Description}{Description}{/block:Description}
  174. {/block:Link}
  175.  
  176. {block:Chat}{block:Title}<a class="titles">{Title}</a>{/block:Title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} <i>{Line}</i><br>{/block:Lines}
  177. {/block:Chat}
  178.  
  179. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}
  180. {/block:Audio}
  181.  
  182. {block:Answer}<p style="font-style:oblique; display:inline-block; min-height:68px;"><img src="{AskerPortraitURL-48}" style="-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; float:left; padding:10px; margin-right:10px;">{Asker} asked:<br> {Question}</p><p>{Answer}</p>
  183. {/block:Answer}
  184.  
  185. <center><div id="steertri" class="tri"></div></center>{block:IndexPage}<a href="{Permalink}"><div class="steer">{block:NoteCount}♥{NoteCount}</a>{/block:NoteCount} {block:Date}{TimeAgo}{/block:Date}{block:HasTags}<br>{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  186. </div></a>
  187. {block:ContentSource}<!--<a href="{SourceURL}">via</a>-->{/block:ContentSource}{block:RebloggedFrom}<!--<a href="{ReblogParentURL}">reblogged</a>-->{/block:RebloggedFrom}{/block:IndexPage}
  188.  
  189. {block:PermalinkPage}<div class="steer">
  190. {block:NoteCount}♥{NoteCount}</a>{/block:NoteCount} {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}
  191. {block:ContentSource}<a href="{SourceURL}">via</a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}">reblogged from</a>{/block:RebloggedFrom}{block:HasTags}<br>{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  192. </div>
  193. {PostNotes}
  194. {/block:PermalinkPage}
  195.  
  196. </div>{/block:Posts}
  197. <div id="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  198. </div>
  199.  
  200. </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!