API tools faq
paste
Advertisement
ishigaki

happy theme

ishigaki
Dec 21st, 2014
8,728
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.08 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. happy theme
  4. pls dont touch the credit n dont
  5. take part of my theme for ur own use
  6. thanks a lot n have a good day!!!!
  7.  
  8. -->
  9.  
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  16. <head><title>{Title}</title>
  17. <link rel="shortcut icon" href="{favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22.  
  23. <meta name="color:background" content="#fff">
  24. <meta name="color:text" content="#464650"/>
  25. <meta name="color:links" content="#abd0e8"/>
  26. <meta name="color:hover" content="#fffafa"/>
  27. <meta name="color:sidebar bg" content="#fff">
  28. <meta name="color:border" content="#ddd"/>
  29. <meta name="color:scrollbar bg" content="#fff"/>
  30. <meta name="color:scrollbar" content="#abd0e8"/>
  31. <meta name="color:selection" content="#abd0e8"/>
  32.  
  33.  
  34. <meta name="image:sidebar img" content=""/>
  35. <meta name="image:bg img" content=""/>
  36.  
  37.  
  38.  
  39. <meta name="text:dropdown title" content="menu"/>
  40. <meta name="text:home" content="home"/>
  41. <meta name="text:ask" content="ask"/>
  42. <meta name="text:archive" content="past"/>
  43. <meta name="text:link 1" content=""/>
  44. <meta name="text:link 1 url" content="/">
  45. <meta name="text:link 2" content=""/>
  46. <meta name="text:link 2 url" content="/">
  47. <meta name="text:link 3" content=""/>
  48. <meta name="text:link 3 url" content="/">
  49. <meta name="text:link 4" content=""/>
  50. <meta name="text:link 4 url" content="/"/>
  51. <meta name="text:link 5" content="">
  52. <meta name="text:link 5 url" content="/">
  53. <meta name="text:link 6" content="">
  54. <meta name="text:link 6 url" content="/">
  55.  
  56. <meta name="if:show tags" content="1"/>
  57. <meta name="if:show captions" content="1"/>
  58. <meta name="if:dashed border" content="1"/>
  59. <meta name="if:no border" content=""/>
  60. <meta name="if:no border on sb img" content=""/>
  61. <meta name="if:no sb background" content=""/>
  62. <meta name="if:infinite scroll" content="1"/>
  63. <meta name="if:250px" content="1"/>
  64. <meta name="if:300px" content=""/>
  65. <meta name="if:400px" content=""/>
  66. <meta name="if:link 1" content="1"/>
  67. <meta name="if:link 2" content=""/>
  68. <meta name="if:link 3" content=""/>
  69. <meta name="if:link 4" content=""/>
  70. <meta name="if:link 5" content=""/>
  71. <meta name="if:link 6" content=""/>
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar {width: 9px; height: 5px; background:{color:border}; border:4px solid {color:scrollbar bg}; }
  77. ::-webkit-scrollbar-thumb {background:{color:border}; border:3px solid {color:scrollbar bg};}
  78.  
  79.  
  80. ::selection {
  81. background: {color:selection};}
  82. iframe#tumblr_controls {right:3px !important; z-index:999999;
  83. position: fixed !important;
  84. opacity: 0.1;
  85. -webkit-filter:invert(1);
  86. filter:alpha(opacity=0);
  87. -moz-opacity: 0;
  88. -khtml-opacity: 0;
  89. -webkit-transition: all 0.9s ease;
  90. -moz-transition: all 0.9s ease;
  91. -o-transition: all 0.9s ease;}
  92. iframe#tumblr_controls:hover{
  93. opacity: 1;
  94. filter:alpha(opacity=100);
  95. -moz-opacity: 1;
  96. -khtml-opacity: 1;
  97. -webkit-transition: all 0.9s ease;
  98. -moz-transition: all 0.9s ease;
  99. -o-transition: all 0.9s ease;}
  100. body {overflow-y: scroll;overflow-x: hidden; background:{color:background}; background-attachment:fixed;background-image: url('{image:bg img}'); margin:0px; color:{color:text};font-family:ms pgothic; font-size:11px;line-height:16px;letter-spacing:2px; word-wrap: break-word;}
  101. a { color:{color:links}; text-decoration:none;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
  102. a:hover { color:{color:hover};cursor: help; }
  103. img a { border-bottom:0px}
  104. img {border:none;}
  105. h1 { font-size:12px; text-transform:uppercase;}
  106. blockquote {padding:0px;padding-left:5px;margin:5px;border-left:1px solid {color:border};}
  107. blockquote blockquote { padding-left:5px; border-left:1px solid {color:border}; }
  108. #all{ padding:60px; width:300px; margin-left:500px;margin-top:-90px;background-attachment:fixed;}
  109. #post{ border:1px solid {color:border}; padding:15px; padding-bottom:4px; z-index:-2; background:#fff;margin-top:90px;{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px}; border-radius:0px;{block:ifnosbbackground}background:transparent;{/block:ifnosbbackground} border:1px solid {color:border};{block:ifdashedborder}border:1px dashed {color:border};{/block:ifdashedborder} {block:ifnoborder}border:none;{/block:ifnoborder} }
  110. #post img{z-index: -2; max-width: 100%;background-image: none; border-radius: 0px; opacity: 1;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; }
  111. #post img:hover{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; opacity:0.6; }
  112. .photoset{ border-radius: 0px; -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; -ms-transition: all 0.7s linear; transition: all 0.7s linear;opacity: 1; }
  113. .photoset img { max-width: 100%; }
  114. .photoset:hover{ -webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;-o-transition: all 0.7s linear;-ms-transition: all 0.7s linear;transition: all 0.7s linear;opacity: 0.8;}
  115. .sideb {background:{color:sidebar bg};line-height:15px; top:100px;letter-spacing:2px;text-align:center;position:fixed;padding:10px; padding-bottom:5px;width: 120px;height:auto; margin-left:290px;font-size:11px; border:1px solid {color:border};{block:ifnoborder}border:none;padding:11px;{/block:ifnoborder}padding-bottom:5px;padding-top:120px;{block:ifnosbbackground}background:transparent;{/block:ifnosbbackground}{block:ifdashedborder}border:1px dashed {color:border};{/block:ifdashedborder}}
  116. #desc{ text-align:center; color:{color:text}; letter-spacing:3px;padding:3px;margin-left:4px;}
  117.  
  118.  
  119. #links {text-align:center; word-spacing:3px; font-size:11px;position:absolute;z-index:9; width:85px;margin-left:-11px; margin-top:1px; background:{color:sidebar bg};padding-left:55px; border:1px solid {color:border};{block:ifnoborder}border:none;{/block:ifnoborder}{block:ifnosbbackground}background:transparent;{/block:ifnosbbackground}{block:ifdashedborder}border:1px dashed {color:border};{/block:ifdashedborder}border-top:none;padding-bottom:6px;
  120. }
  121. #links a {border:none; display:block;text-align:left;
  122. }
  123. #links img {opacity:0.4;-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;-o-transition: all 0.7s linear;-ms-transition: all 0.7s linear;transition: all 0.7s linear;
  124. }
  125. #links img:hover {opacity:0.2;-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;-o-transition: all 0.7s linear;-ms-transition: all 0.7s linear;transition: all 0.7s linear;
  126. }
  127. .show {text-align:center;margin-left:0px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;color:{color:links}; margin-top:-1px;
  128. }
  129.  
  130. .show:hover{opacity:0.5;cursor:help;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
  131. transition: all 0.3s ease-in-out;
  132. }
  133.  
  134.  
  135.  
  136.  
  137.  
  138. .perma { letter-spacing:1px;color:#fff;margin-top:-3px; word-spacing:2px;font-size: 11px;padding:10px;}
  139. .perma a{ text-decoration:none; padding: 1px; color:{color:};-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;
  140. }
  141.  
  142. .perma a:hover{ color:{color:hover} ; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  143.  
  144. .tags { letter-spacing:1px;color:{color:links};line-height:12px;margin-top:-15px; word-spacing:2px;font-size: 11px;padding:10px;padding-top:15px;{block:permalinkpage}display: none;{block:permalinkpage}{block:ifnotshowtags}display:none;{/block:ifnotshowtags};
  145. }
  146. .tags a{ border-bottom:0px solid {color:border};text-decoration:none;padding: 1px; color:{color:links};
  147. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; }
  148. .tags a:hover{ color: {color:hover}; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  149. .maths { z-index: -999; opacity: 1; border-radius: 0px;margin-top:0px; {block:ifnoborderonsbimg}left:304px;top:108px;{/block:ifnoborderonsbimg}position:fixed;top:112px;padding: 3px;padding-bottom: 0px;left:306px; }
  150. .maths img{width:100px;height:100px;border:1px solid{color:border};{block:ifdashedborder}border:1px dashed {color:border};{/block:ifdashedborder}padding:2px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;{block:ifnoborderonsbimg}border:none;{/block:ifnoborderonsbimg}}
  151. .maths img:hover{ opacity:0.6; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  152. #fish{{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:250px{/block:if300px} ; {block:if400px} width:400px{/block:if400px} background: #fff; line-height:18px; padding: 2px;padding-top:1px;{block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage} {block:ifnosbbackground}background:transparent;{/block:ifnosbbackground}}
  153. #fish img { border: 0px solid; max-width:250px}
  154. #trot {padding: 5px;}
  155. #det {border-bottom: 1px dotted #000; font-size: 50px;}
  156. #thing {font-size:18px;letter-spacing:0px; line-height: 13px;text-transform:lowercase;}
  157. #thing img{width: 100px;}
  158. #thing a { font-size:18px; letter-spacing:0px;text-transform:lowercase;}
  159. #thing a:hover {letter-spacing:0px;}
  160. #thing:hover {letter-spacing:0px;}
  161. .perv {text-align:center;{block:ifroundborders}border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;{/block:ifroundborders}padding: 15px;font-size: 10px;line-height:12px;position: relative;margin-left: 0px; float: left;height: auto;bottom: 10px;margin:0;background:#fff;border:1px solid {color:border};border-top: 1px solid #fff; {block:ifdoubleborders}border:3px double {color:border};{/block:ifdoubleborders}{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px;{/block:if400px}{block:ifnoborder}border:none;{/block:ifnoborder}{block:ifnosbbackground}background:transparent;{/block:ifnosbbackground}{block:ifdashedborder}border:1px dashed {color:border};{/block:ifdashedborder}border-top:none;}
  162. img.avatar{vertical-align: 1px;margin-right: 1px;width: 10px;height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
  163. img.avatar{vertical-align: 1px;margin-right: 1px;width: 10px;height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
  164. #s-m-t-tooltip{position:fixed;color:#fff;
  165. background:{color:border}; width:auto; border: 0px double #fff; padding:5px;margin-left: 25px; z-index:1000;font:11px consolas;letter-spacing:0px;text-align:center;text-transform:justify; box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  166. #cool{ margin-top:-25px;padding:5px;padding-top:0px;{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} {block:if250px}margin-left:680px;{/block:if250px} ; {block:if300px}margin-left:720px; {/block:if300px} ; {block:if400px}margin-left:780px;{/block:if400px}font-size:15px;
  167. }
  168. }
  169. .jump_page { font-size:12px;border:none; color:{color:links};
  170. }
  171.  
  172. #nen{position:fixed;bottom:5px;right:5px;padding:5px;font-size:10px;}
  173. #nen a{ font-family:arial;
  174. color:{color:link};border-bottom:0px solid {color:border}}
  175. .sfm input {display:none;background-color: #fff; font-size: 8px; border: 1px solid {color:border}; margin-top: 8px; color: {color:text}; letter-spacing: 1px; padding: 4px 8px; width:81px;}
  176. #sb {height: 10px; vertical-align: top;}
  177. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #fff left center no-repeat; background-size: 10px 10px;}
  178.  
  179. {CustomCSS}
  180.  
  181. </style></head>
  182. <script type="text/javascript">
  183. $(document).ready(function(){
  184. $("#links").hide();
  185. $(".show").click(function(){
  186. $(this).next("#links").slideToggle('fast');
  187. }); });
  188. </script>
  189. {block:ifinfinitescroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  190.  
  191.  
  192. <body>
  193. <div class="sideb">
  194. <div class="maths">
  195. <a href="/"><img src="{image:sidebar img}"></a>
  196. </div>
  197. <div id="desc">
  198. {Description}
  199. </div>
  200. <div class="show">{text:dropdown title}</div>
  201. <div id="links">
  202. <a href="/">{text:home}</a>
  203. <a href="/ask">{text:ask}</a>
  204. <a href="/archive">{text:archive}</a>
  205. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  206. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  207. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  208. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  209. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  210. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  211.  
  212. </div>
  213. </div>
  214.  
  215.  
  216. <div id="all">{block:ifinfinitescroll} <div class = "autopagerize_page_element" >{/block:ifinfinitescroll}{block:Posts}<div id="post" >
  217. {block:ContentSource}
  218. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  219. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  220. {/block:SourceLogo}
  221. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  222. {/block:ContentSource}
  223. {block:Text}<div id="thing">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  224.  
  225.  
  226. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}"><div id="fish">{block:caption}{Caption}{/block:caption}</div>
  227. {/block:Photo}
  228.  
  229. {block:Link}<div id="thing"><a href="{URL}"{Target}>{Name}</a></div><div id="fish">{block:Description}{Description}{/block:Description}</div> {/block:Link}
  230.  
  231. {block:Photoset}<div style="position:absolute; margin-left:-9px;"></div><div class="photoset"> <div style="max-width:100%;">{Photoset}</div> </div><div id="fish">{block:caption}{Caption}{/block:caption}</div> {/block:Photoset}
  232.  
  233. {block:Quote}<div style="line-height:100%;">{Quote}</div><P><div style="text-align:right;">-{Source}</div> {/block:Quote}
  234.  
  235. {block:Audio}
  236. {AudioPlayerWhite}
  237. <div id="fish">{block:caption}{Caption}{/block:caption}</div> {/block:Audio}
  238.  
  239. {block:Video}{block:if300px}
  240. <div style="padding:10px;width:250px;margin:13px;"><center>{Video-250}</center></div>{/block:if300px}{block:if250px}{video-250}{/block:if250px}{block:if400px}{video-400}{/block:if400px}{block:PermalinkPage} <div id="fish">{block:Caption}{Caption}{/block:Caption}</div> {/block:PermalinkPage} {/block:Video}
  241.  
  242. {block:Chat}
  243. <div class="post audio">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div> {/block:Chat}
  244.  
  245.  
  246. {block:Answer}
  247. <div style="font-size: 12px; padding:5px; line-height: 15px;border:1px dashed {color:border}; border-radius:0px;">{Asker} asked:
  248. {Question}&nbsp;</div>
  249. {Answer}
  250. {/block:Answer}
  251. {block:IndexPage}<div class="perma"><a href="{Permalink}">{12HourWithZero}:{Minutes} {CapitalAmPm} </a> <span class="form" style="float:right"> <a href="{reblogurl}"> REBLOG</a></span></div> {/block:IndexPage}
  252. {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  253.  
  254. </div>
  255.  
  256. {block:PermalinkPage}
  257. <div class="perv">
  258. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}
  259. {block:RebloggedFrom}<br>
  260. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  261. {block:HasTags}<br>{block:Tags}
  262. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  263. {block:PostNotes}<div style="text-align:left">
  264. {PostNotes}</div>{/block:PostNotes}
  265. {/block:PermalinkPage}
  266. {/block:Posts}
  267. </div>
  268. </div>
  269. <div id="cool">
  270. {block:Pagination}
  271. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
  272. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  273. {/block:Pagination}</div>
  274.  
  275. <div id="nen">
  276. <a href="http:/ofdragons.tumblr.com/">✿</a></div>
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!