API tools faq
paste
Advertisement
sprockett

Theme #18: Raspberry

sprockett
Feb 9th, 2014
863
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  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 src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23. <!--basic tooltip from tutorial-baby! Enjoy-->
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Pompiere" rel="stylesheet">
  26.  
  27. <meta name="color:Background" content="#ffffff">
  28. <meta name="color:Body Font" content="#858585">
  29. <meta name="color:Link Font" content="#dea6cc">
  30. <meta name="color:Link Hover" content="#ffffff">
  31. <meta name="color:Permalink Background" content="#1C1A1A">
  32. <meta name="color:Permalink Font" content="#ffffff">
  33. <meta name="color:Description Font" content="#858585">
  34.  
  35. <meta name="image:Background" content="">
  36. <meta name="image:Description Background" content="">
  37. <meta name="image:Transparent Side Image" content="">
  38.  
  39. <meta name="text:Link A" content="">
  40. <meta name="text:Link A URL" content="">
  41. <meta name="text:Link B" content="">
  42. <meta name="text:Link B URL" content="">
  43. <meta name="text:Link C" content="">
  44. <meta name="text:Link C URL" content="">
  45.  
  46. <meta name="select:Right Image Position" content="top:20px" title="Top">
  47. <meta name="select:Right Image Position" content="top:100px" title="Middle">
  48. <meta name="select:Right Image Position" content="bottom:20px" title="Bottom">
  49. <meta name="select:Right Image Position" content="bottom:-20px" title="Lower">
  50.  
  51. <style type="text/css">
  52.  
  53. .tooltip{display:inline; position:relative;}
  54. #s-m-t-tooltip {
  55. max-width:150px; /*how big the tooltip can be at most*/
  56. padding:3px 4px 5px 4px;
  57. margin:2px 7px 0 20px; /*distance from word*/
  58. background-color:#ffffff;
  59. font-family:calibri;
  60. font-size:9px;
  61. letter-spacing:1px;
  62. text-transform:uppercase;
  63. color:{color:font};
  64. z-index:9;}
  65.  
  66. iframe#tumblr_controls{position:fixed !important;}
  67.  
  68. body{background:{color:background} url('{image:background}') fixed; margin:0px; font-size:11px; color:{color:body font}; font-family:helvetica;}
  69. a{text-decoration:none; outline:none; -moz-outline-style:none; color:{color:link font}; transition:0.4s; -moz-transition:0.4s;}
  70. a:hover{text-shadow: 1px 1px 5px rgba(150, 150, 150, 1); color:{color:link hover};}
  71. img{border:none;}
  72. blockquote{padding-left:5px; border-left:1px dashed {color:link font};}
  73. blockquote blockquote{padding-left:5px; border-left:1px dashed {color:link font};}
  74. #stockett{padding:10px; left:320px; width:400px; position:absolute; margin:0 auto;}
  75. #bonnie{width:400px; overflow:hidden; padding:10px; margin-bottom:20px;}
  76. #bonnie .steer{font-family:'Pompiere', cursive; font-size:32px; {block:IndexPage}line-height:18px; width:60px; height:60px; text-align:center; padding:4px; padding-top:5px; margin-left:334px; margin-top:-2px; position:absolute; background:{color:permalink background}; color:{color:permalink font}; opacity:0; transition:.5s;}
  77. #bonnie:hover .steer{opacity:1;}
  78. .steer a{color:{color:permalink font};}{/block:IndexPage}
  79. {block:PermalinkPage}}
  80. .steer a{color:#1c1a1a;}{/block:PermalinkPage}
  81. .ask{width:100%;}
  82.  
  83. #etc{font-size:9px; font-family:Helvetica; text-align:center;}
  84.  
  85. #pagi{top:50%; left:710px; padding-top:30px; line-spacing:10px; width:210px; text-align:center; font-size:68px; text-align:center; position:fixed;}
  86.  
  87. #mugi{{select:right image position}; left:840px; position:fixed;}
  88. #mugi img{max-height:600px;}
  89.  
  90. #descimg{top:100px; left:70px; width:200px; overflow:hidden; position:fixed; border-radius:200px; -moz-border-radius:200px; background:url('{image:description background}') center center; background-size:cover; -webkit-background-size:cover;}
  91. #descimg img{opacity:0; height:200px; border-radius:200px; -moz-border-radius:200px;}
  92. .desc{width:170px; height:160px; top:70px; left:75px; text-align:center; z-index:2; padding:10px; overflow:hidden; border-radius:200px; -moz-border-radius:200px; font-size:30px; font-family:'Pompiere', cursive, helvetica; text-transform:uppercase; color:{color:description font}; position:fixed;}
  93. .layer{width:160px; height:160px; top:110px; left:80px; z-index:1; padding:10px; overflow:hidden; background:#fff; opacity:.8; border-radius:200px; -moz-border-radius:200px; position:fixed;}
  94. #descimg:hover .desc{top:-50px; overflow:visible; transition:1s;}
  95.  
  96. #links{top:135px; left:230px; font-family:georgia; position:fixed;}
  97. #links a{background:{color:link font}; color:#fff; border-left:40px solid {color:link font}; padding:3px; margin-bottom:2px; display:inline-block;}
  98. #links a:hover{text-shadow:none; border-left:45px solid {color:link font}; background:#fff; color:{color:link font};}
  99.  
  100. .sos{bottom:10px; left:20px; background:#fff; padding:4px; font-size:16px; font-family:times new roman; position:fixed; color:#aaa;}
  101.  
  102. {CustomCSS}</style></head><body>
  103.  
  104. <div id="links"><a href="/" title="home">01.</a><br>
  105. <a href="/ask" title="ask">02.</a><br>
  106. <a href="/archive" title="archive">03.</a><br>
  107. {block:IfLinkA}<a href="{text:link a url}" title="{text:link a}">04.</a><br>{/block:IfLinkA}
  108. {block:IfLinkB}<a href="{text:link b url}" title="{text:link b}">05.</a><br>{/block:IfLinkB}
  109. {block:IfLinkC}<a href="{text:link c url}" title="{text:link c}">06.</a>{/block:IfLinkC}</div>
  110.  
  111. <div id="descimg"><img src="{image:description background}">
  112. <div class="layer"></div>
  113. <div class="desc"><br><br><br>{Title}<br><br><p style="font-family:Helvetica; font-size:9px; width:160px; margin-left:5px;">{Description}</p></div></div>
  114.  
  115. <div id="mugi"><img src="{image:transparent side image}"></div>
  116.  
  117. <div id="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}<br></div>
  118.  
  119. <div id="stockett">{block:Posts}<div id="bonnie">
  120.  
  121. <div class="steer">{block:Date}<br><a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>{/block:Date}{block:IndexPage}<br><font style="font-family:Helvetica; font-size:9px;"><a href="{ReblogURL}">reblog</a></font>{/block:IndexPage}
  122. </div>
  123.  
  124. {block:Text}{block:Title}<font style="font-family:'Pompiere', cursive; font-size:34px; text-transform:uppercase;">{Title}</font>{/block:Title}<p>{Body}</p>
  125. {/block:Text}
  126.  
  127. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  128. {/block:Photo}
  129.  
  130. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}
  131. {/block:Photoset}
  132.  
  133. {block:Quote}<center><font style="font-family:'Pompiere', cursive; font-size:34px; text-transform:uppercase;">“{Quote}”</font></center>{block:Source}<i> - {Source}</i></p>{/block:Source}
  134. {/block:Quote}
  135.  
  136. {block:Link}<a href="{URL}" target="{Target}"><font style="font-family:'Pompiere', cursive; font-size:34px; text-transform:uppercase;">{Name}</font></a>{block:Description}{Description}{/block:Description}
  137. {/block:Link}
  138.  
  139. {block:Chat}{block:Title}<font style="font-family:'Pompiere', cursive; font-size:34px; text-transform:uppercase;">{Title}</font>{/block:Title}<br>{block:Lines}{block:Label}<b style="text-transform:uppercase; font-size:10px;">{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  140. {/block:Chat}
  141.  
  142. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" style="width:120px; height:120px; padding-right:10px; float:left;">{/block:AlbumArt}{AudioPlayerBlack}<br>{block:Caption}{Caption}{/block:Caption}
  143. {/block:Audio}
  144.  
  145. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}
  146. {/block:Video}
  147.  
  148. {block:Answer}<img src="{AskerPortraitURL-40}" style="float:left; border:4px solid #ddd; margin:10px; border-radius:40px; -moz-border-radius:40px;"><div class="ask">{Asker} asked:<br> <i>{Question}</i></div><p><center>{Answer}</center></p>
  149. {/block:Answer}
  150.  
  151. <div id="etc"><a href="{Permalink}">{block:NoteCount}♥{NoteCount} • {/block:NoteCount}</a>{block:ContentSource}<a href="{SourceURL}">via • </a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">reblogged</a>{/block:RebloggedFrom}<br>{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  152.  
  153. {block:PermalinkPage}{PostNotes}{/block:PermalinkPage}
  154.  
  155. </div>{/block:Posts}</div>
  156.  
  157. <a href="http://intrins-themes.tumblr.com" class="sos" title="intrins themes">○</a>
  158.  
  159. </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!