Advertisement
ishigaki

theme 01

Oct 26th, 2014
3,887
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.52 KB | None | 0 0
  1. <!--
  2.  
  3. theme 01
  4. pls dont remove the credit n dont
  5. take part of my theme for ur own use
  6. thanks a lot n have a good day!!!!
  7. ag
  8. -->
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  13. <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>
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20.  
  21. <meta name="color:background" content="#FFf9f9">
  22. <meta name="color:text" content="#464650"/>
  23. <meta name="color:links" content="#abd0e8"/>
  24. <meta name="color:hover" content="#fffafa"/>
  25. <meta name="color:border" content="#abd0e8"/>
  26. <meta name="color:scrollbar bg" content="#fff"/>
  27. <meta name="color:scrollbar" content="#abd0e8"/>
  28. <meta name="color:selection" content="#abd0e8"/>
  29.  
  30.  
  31. <meta name="image:sidebar img" content=""/>
  32. <meta name="image:background img" content=""/>
  33.  
  34.  
  35. <meta name="text:dropdown title" content="links"/>
  36. <meta name="text:home text" content="home"/>
  37. <meta name="text:ask text" content="ask"/>
  38. <meta name="text:archive text" content="archive"/>
  39. <meta name="text:link 1" content=""/>
  40. <meta name="text:link 1 url" content="/">
  41. <meta name="text:link 2" content=""/>
  42. <meta name="text:link 2 url" content="/">
  43. <meta name="text:link 3" content=""/>
  44. <meta name="text:link 3 url" content="/">
  45. <meta name="text:link 4" content=""/>
  46. <meta name="text:link 5 url" content="/">
  47. <meta name="text:link 6" content="">
  48. <meta name="text:link 6 url" content="/">
  49.  
  50. <meta name="if:show tags" content=""/>
  51. <meta name="if:show captions" content="1"/>
  52. <meta name="if:infinite scroll" content="1"/>
  53. <meta name="if:250px" content="1"/>
  54. <meta name="if:300px" content=""/>
  55. <meta name="if:400px" content=""/>
  56. <meta name="if:overflow desc" content="1"/>
  57. <meta name="if:desc" content="1"/>
  58. <meta name="if:round borders" content=""/>
  59. <meta name="if:double borders" content=""/>
  60. <meta name="if:link 1" content=""/>
  61. <meta name="if:link 2" content=""/>
  62. <meta name="if:link 3" content=""/>
  63. <meta name="if:link 4" content=""/>
  64. <meta name="if:link 5" content=""/>
  65. <meta name="if:link 6" content=""/>
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar {width: 9px; height: 5px; background:{color:border}; border:4px solid {color:scrollbar bg}; }
  71. ::-webkit-scrollbar-thumb {background:{color:border}; border:3px solid {color:scrollbar bg};}
  72.  
  73.  
  74. ::selection {
  75. background: {color:selection};}
  76. iframe#tumblr_controls {right:3px !important; z-index:999999;
  77. position: fixed !important;
  78. opacity: 0.1;
  79. -webkit-filter:invert(1);
  80. filter:alpha(opacity=0);
  81. -moz-opacity: 0;
  82. -khtml-opacity: 0;
  83. -webkit-transition: all 0.9s ease;
  84. -moz-transition: all 0.9s ease;
  85. -o-transition: all 0.9s ease;}
  86. iframe#tumblr_controls:hover{
  87. opacity: 1;
  88. filter:alpha(opacity=100);
  89. -moz-opacity: 1;
  90. -khtml-opacity: 1;
  91. -webkit-transition: all 0.9s ease;
  92. -moz-transition: all 0.9s ease;
  93. -o-transition: all 0.9s ease;}
  94. body {overflow-y: scroll;overflow-x: hidden; background:{color:background}; background-image: url('{image:background img}');background-attachment:fixed; margin:0px; color:{color:text}; font-family:consolas; font-size:8px;line-height:100%;word-wrap: break-word; }
  95. 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;
  96. transition: all 0.3s ease-in-out;}
  97. a:hover { color:{color:hover};cursor: help; }
  98. img {border:none;}
  99. h1 { font-size:12px; text-transform:uppercase;}
  100. blockquote {padding:0px;padding-left:5px;margin:5px;border-left:1px solid {color:border};}
  101. blockquote blockquote { padding-left:5px; border-left:1px solid {color:border}; }
  102. #all{ background:transparent;padding:10px;width:253px;font-size:10px; margin-left:450px;margin-top:-10px;}
  103. #post{{block:ifroundborders}border-radius:5px;{/block:ifroundborders} border:1px solid {color:border};{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px} ; width border-radius: 0px; padding:13px; z-index:-2; background:#fff;margin-top:50px;{block:ifdoubleborders}border:3px double {color:border};{/block:ifdoubleborders}}
  104. #post img{max-width:100%;}
  105. #post img:hover{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; opacity:0.7; }
  106. .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; }
  107. .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;}
  108. #desc{ line-height:15px;margin-left:181px; font-size:9px;margin-top:114px;letter-spacing:2px;text-align:center;position:fixed;color:{color:text};padding:10px; opacity:0.9;background:#fff;width: 90px; height:90px;
  109. {block:ifoverflowdesc} overflow-y:scroll; {/block:ifoverflowdesc} {block:ifnotdesc} opacity:0; {/block:ifnotdesc}{block:ifdoubleborders}margin-top:116px; margin-left:183px;{/block:ifdoubleborders} {block:ifroundborders}border-radius:5px; margin-top:116px; height:87px;{/block:ifroundborders} }
  110. #super
  111. #super a{display:block}#super .rene { filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  112. #super:hover .rene {-webkit-transition: all 0.5 ease-out;-moz-transition:all 0.5s ease-out;transition: all 0.5s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  113. #links { position:fixed;margin-top:233px;margin-left:180px;}
  114. .perma { letter-spacing:1px;color:{color:text};{block:if250px}width:150px{/block:if250px} ; {block:if300px} width:200px{/block:if300px} ; {block:if400px} width:300px;{/block:if400px}border-top: 1px solid {color:border};border-bottom: 1px solid {color:border};background:#fff;padding-bottom:9px;word-spacing:-3px;font-size: 8px;text-align:center;padding-top:10px;opacity:1;margin-top: 15px;margin-left:45px;{block:ifdoubleborders}border-top: 3px double {color:border};border-bottom: 3px double {color:border};{/block:ifdoubleborders}}
  115. .perma a{ text-decoration:none;padding: 1px;
  116. color:{color:links}; background:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  117. .perma a:hover{color: {color:hover};background:#fff; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  118. .tags{ letter-spacing:1px;color:{color:links};line-height:12px;margin-top:10px; word-spacing:2px;font-size: 8px;padding:3px 15px 3px 15px;{block:permalinkpage}display:none;{block:permalinkpage};
  119. {block:ifnotshowtags}display:none;{/block:ifnotshowtags}
  120. }
  121. .tags a{ text-decoration:none;padding: 1px;background:#fff; color:{color:links};
  122. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; }
  123. .tags a:hover{ color: {color:hover}; background:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  124.  
  125. .maths { margin-left:177px;border: 0px solid #f5f5f5;z-index: -999; opacity: 1; border-radius: 0px;position:fixed;top:100px;padding: 3px;padding-bottom: 0px;}
  126. .maths img{background:#fff;border:1px solid {color:border};padding:5px;width:100px;height:100px;{block:ifroundborders}border-radius:5px;{/block:ifroundborders}{block:ifdoubleborders}border:3px double {color:border};{/block:ifdoubleborders}}
  127. #fish{ background: #fff;line-height:18px; padding: 2px;padding-top:1px;{block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage} }
  128. #fish img { border: 0px solid; max-width:250px}
  129. #trot {padding: 5px;}
  130. #det {border-bottom: 1px dotted #000; font-size: 50px;}
  131. #thing {font-size:18px;letter-spacing:0px; line-height: 13px;text-transform:lowercase;}
  132. #thing img{width: 100px;}
  133. #thing a { font-size:18px; letter-spacing:0px;text-transform:lowercase;}
  134. #thing a:hover {letter-spacing:0px;}
  135. #thing:hover {letter-spacing:0px;}
  136. .perv {{block:ifroundborders}border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;{/block:ifroundborders}padding: 5px;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};border-top: 1px solid #fff;{/block:ifdoubleborders}{block:if250px}width:266px{/block:if250px} ; {block:if300px} width:316px{/block:if300px} ; {block:if400px} width:416px{/block:if400px}}
  137. img.avatar{vertical-align: 1px;margin-right: 1px;width: 10px;height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
  138. #s-m-t-tooltip{position:fixed;color:#fff;
  139. 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);}
  140. #credit{position:fixed;bottom:5px;right:5px;padding:5px;font-size:10px;}
  141. #credit a{
  142. color:{color:link};}
  143. .cool{ padding:10px;{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} {block:if250px}margin-left:540px;{/block:if250px} ; {block:if300px}margin-left:565px; {/block:if300px} ; {block:if400px}margin-left:625px;{/block:if400px}
  144. }
  145. .jump_page {border:1px solid {color:border}; padding:5px; z-index:-2; background:#fff;margin-top:50px; {block:ifroundborders}border-radius:5px;{/block:ifroundborders}; color:{color:border};
  146. }
  147. .current_page, .jump_page:hover {color: #fff; border:1px solid {color:border}; background:{color:border}; padding:5px; z-index:-2;margin-top:50px; {block:ifroundborders}border-radius:5px;{/block:ifroundborders}
  148. }
  149.  
  150.  
  151. {CustomCSS}
  152.  
  153. </style>{block:ifinfinitescroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}</head>
  154.  
  155.  
  156. <body>
  157. <div id="super">
  158. <div class="maths">
  159. <img src="{image:sidebar img}">
  160. </div>
  161. <div class='rene'>
  162. <div id="desc">
  163. {Description}
  164. </div> </div> </div>
  165. <div id="links">
  166. <select style='background: #fff; {block:ifroundborders}border-radius:5px;{/block:ifroundborders}border:1px solid {color:border};height: 26px;letter-spacing: 1px;font-family:consolas; color:{color:text};margin-top: 7px;width: 112px;{block:ifdoubleborders}border:3px double {color:border};width:116px;{/block:ifdoubleborders}-webkit-appearance: none;'onChange="location.href=this.options[this.selectedIndex].value;">
  167. <option value=''>{text:dropdown title}</option>
  168. <option value="/">{text:home text}</option>
  169. <option value="/ask">{text:ask text}</option>
  170. <option value="/archive">{text:archive text}</option>
  171. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  172. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  173. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  174. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  175. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  176. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}
  177. </select>
  178. </div>
  179.  
  180.  
  181. <div id="all"> <div class = "autopagerize_page_element" >{block:Posts}<div id="post" >
  182. {block:ContentSource}
  183. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  184. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  185. {/block:SourceLogo}
  186. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  187. {/block:ContentSource}
  188. {block:Text}<div id="thing">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  189.  
  190.  
  191. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}"><div id="fish">{block:caption}{Caption}{/block:caption}</div>
  192. {/block:Photo}
  193.  
  194. {block:Link}<div id="thing"><a href="{URL}"{Target}>{Name}</a></div><div id="fish">{block:Description}{Description}{/block:Description}</div> {/block:Link}
  195.  
  196. {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}
  197.  
  198. {block:Quote}<div style="line-height:100%;">{Quote}</div><P><div style="text-align:right;">-{Source}</div> {/block:Quote}
  199.  
  200. {block:Audio}
  201. {AudioPlayerWhite}
  202. <div id="fish">{block:caption}{Caption}{/block:caption}</div> {/block:Audio}
  203.  
  204. {block:Video}{block:if300px}
  205. <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}
  206.  
  207. {block:Chat}
  208. <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}
  209.  
  210.  
  211. {block:Answer}
  212. <div style="font-size: 15px; line-height: 15px;">{Asker} asked:
  213. {Question}&nbsp;</div>
  214. {Answer}
  215. {/block:Answer}
  216. {block:IndexPage}<div class="perma"> <a href="{Permalink}">{NoteCountwithlabel}</a> / <a href="{reblogurl}">reblog</a></div>{/block:IndexPage} {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  217.  
  218. </div>
  219.  
  220. {block:PermalinkPage}
  221.  
  222. <div class="perv"><div style="text-align:center;">
  223. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}
  224. {block:RebloggedFrom}<br>
  225. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</div>
  226. {block:HasTags}<br>{block:Tags}
  227. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  228. {block:PostNotes}
  229. {PostNotes}{/block:PostNotes}
  230. {/block:PermalinkPage}
  231. {/block:Posts}
  232. </div>
  233. </div>
  234. <div class="cool">
  235. {block:Pagination}
  236. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  237. {block:JumpPagination length="3"}
  238. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  239. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  240. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  241. {/block:Pagination}</div>
  242. <div id="credit">
  243. <a href="http://ofdragons.tumblr.com/">✿</a></div>
  244.  
  245.  
  246. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement