Advertisement
ishigaki

wing theme

Nov 30th, 2014
8,616
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. wing 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="#FFf9f9">
  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:desc bg" content="#fff">
  28. <meta name="color:links border" content="#abd0e8"/>
  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:background img" content=""/>
  36. <meta name="image:wing left" content="http://media.tumblr.com/tumblr_mc5uzctCsY1roozkr.gif"/>
  37. <meta name="image:wing right" content="http://media.tumblr.com/tumblr_mc5uziLd7c1roozkr.gif"/>
  38. <meta name="image:wings under post" content="http://media.tumblr.com/tumblr_mc5uytukgb1roozkr.gif"/>
  39.  
  40. <meta name="text:wing left" content="20"/>
  41. <meta name="text:wing right" content="20"/>
  42. <meta name="text:home text" content="home"/>
  43. <meta name="text:ask text" content="ask"/>
  44. <meta name="text:archive text" content="past"/>
  45. <meta name="text:link 1" content=""/>
  46. <meta name="text:link 1 url" content="/">
  47. <meta name="text:link 2" content=""/>
  48. <meta name="text:link 2 url" content="/">
  49. <meta name="text:link 3" content=""/>
  50. <meta name="text:link 3 url" content="/">
  51. <meta name="text:link 4" content=""/>
  52. <meta name="text:link 4 url" content="/"/>
  53. <meta name="text:link 5" content="">
  54. <meta name="text:link 5 url" content="/">
  55. <meta name="text:link 6" content="">
  56. <meta name="text:link 6 url" content="/">
  57.  
  58. <meta name="if:show tags" content="1"/>
  59. <meta name="if:show captions" content="1"/>
  60. <meta name="if:infinite scroll" content="1"/>
  61. <meta name="if:250px" content="1"/>
  62. <meta name="if:300px" content=""/>
  63. <meta name="if:400px" content=""/>
  64. <meta name="if:link 1" content="1"/>
  65. <meta name="if:link 2" content=""/>
  66. <meta name="if:link 3" content=""/>
  67. <meta name="if:link 4" content=""/>
  68. <meta name="if:link 5" content=""/>
  69. <meta name="if:link 6" content=""/>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. ::-webkit-scrollbar {width: 9px; height: 5px; background:{color:links border}; border:4px solid {color:scrollbar bg}; }
  75. ::-webkit-scrollbar-thumb {background:{color:links border}; border:3px solid {color:scrollbar bg};}
  76.  
  77.  
  78. ::selection {
  79. background: {color:selection};}
  80. iframe#tumblr_controls {right:3px !important; z-index:999999;
  81. position: fixed !important;
  82. opacity: 0.1;
  83. -webkit-filter:invert(1);
  84. filter:alpha(opacity=0);
  85. -moz-opacity: 0;
  86. -khtml-opacity: 0;
  87. -webkit-transition: all 0.9s ease;
  88. -moz-transition: all 0.9s ease;
  89. -o-transition: all 0.9s ease;}
  90. iframe#tumblr_controls:hover{
  91. opacity: 1;
  92. filter:alpha(opacity=100);
  93. -moz-opacity: 1;
  94. -khtml-opacity: 1;
  95. -webkit-transition: all 0.9s ease;
  96. -moz-transition: all 0.9s ease;
  97. -o-transition: all 0.9s ease;}
  98. 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:ms pgothic; font-size:11px;line-height:16px;letter-spacing:2px;word-wrap: break-word; }
  99. 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;border-bottom:1px solid {color:links border}; background:#fff;}
  100. a:hover { color:{color:hover};cursor: help; border-bottom:1px solid #fff}
  101. img a { border-bottom:0px}
  102. img {border:none;}
  103. h1 { font-size:12px; text-transform:uppercase;}
  104. blockquote {padding:0px;padding-left:5px;margin:5px;border-left:1px solid {color:links border};}
  105. blockquote blockquote { padding-left:5px; border-left:1px solid {color:links border}; }
  106. #all{ background:transparent;padding:10px; width:253px; margin-left:500px;margin-top:-10px;}
  107. #post{ padding:5px; padding-bottom:4px; z-index:-2; background:#fff;margin-top:50px;{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px}; border-radius:0px; }
  108. #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; }
  109. #post img:hover{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; opacity:0.7; }
  110. .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; }
  111. .photoset img { max-width: 100%; }
  112. .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;}
  113. .sideb {
  114. line-height:15px; top:243px;letter-spacing:2px;text-align:center;position:fixed;padding:10px;width: 100px; margin-left:223px;font-size:11px;
  115. }
  116. #desc{ text-align:center; color:{color:text}; letter-spacing: 2px;background:#fff; padding:3px;}
  117.  
  118.  
  119. #links {text-align:center; word-spacing:3px; font-size:11px;position:absolute;z-index:9; margin-top:2px;width:100px;
  120. }
  121.  
  122. .perma { letter-spacing:1px;color:#fff;margin-top:-3px; word-spacing:2px;font-size: 11px;padding:10px;}
  123. .perma a{ text-decoration:none; padding: 1px;background:#fff; color:{color:links};-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.  
  126. .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;}
  127.  
  128. .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};
  129. }
  130. .tags a{ border-bottom:0px solid {color:links border};text-decoration:none;padding: 1px;background:#fff; color:{color:links};
  131. -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; }
  132. .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;}
  133. .maths { z-index: -999; opacity: 1; border-radius: 0px;position:fixed;top:145px;padding: 3px;padding-bottom: 0px;left:230px; }
  134. .maths img{width:100px; height:100px; }
  135. .maths a{ border-bottom:0px; }
  136. .maths a:hover{ opacity:0.8 }
  137. #fish{{/block:ifroundborders}{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/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} }
  138. #fish img { border: 0px solid; max-width:250px}
  139. #trot {padding: 5px;}
  140. #det {border-bottom: 1px dotted #000; font-size: 50px;}
  141. #thing {font-size:18px;letter-spacing:0px; line-height: 13px;text-transform:lowercase;}
  142. #thing img{width: 100px;}
  143. #thing a { font-size:18px; letter-spacing:0px;text-transform:lowercase;}
  144. #thing a:hover {letter-spacing:0px;}
  145. #thing:hover {letter-spacing:0px;}
  146. .perv { text-align:center;padding: 5px;font-size: 10px;line-height:12px;position: relative;margin-left: 0px; float: left;height: auto;bottom: 10px;margin:0;{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px}; background:#fff; border-top: 1px solid #fff;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;{block:ifroundborders}border-radius:5px;{/block:ifroundborders}}
  147. img.avatar{vertical-align: 1px;margin-right: 1px;width: 10px;height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
  148. #s-m-t-tooltip{position:fixed;color:#fff;
  149. background:{color:links 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);}
  150. #cool{ {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}; margin-top:5px;margin-left:3px;
  151. }
  152. .jump_page { font-size:12px;border:none; color:{color:links border};
  153. }
  154.  
  155. #nen{position:fixed;bottom:5px;right:5px;padding:5px;font-size:10px;}
  156. #nen a{ font-family:arial;
  157. color:{color:link};border-bottom:0px solid {color:links border}}
  158. .sfm input {display:none;background-color: #fff; font-size: 8px; border: 1px solid {color:links border}; margin-top: 8px; color: {color:text}; letter-spacing: 1px; padding: 4px 8px; width:81px;}
  159. #sb {height: 10px; vertical-align: top;}
  160. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #fff left center no-repeat; background-size: 10px 10px;}
  161. .b4 { z-index: -999;position:fixed;left: 320px;top:155px;padding: 3px;padding-bottom: 0px;padding-left:{text:wing right}px;
  162.  
  163. }
  164. .b5 {
  165. z-index: -999; position:fixed;left: 188px; top:155px; padding: 3px; padding-bottom: 0px; padding-left:{text:wing left}px;
  166.  
  167. }
  168. #b6 {
  169. z-index: -999; position:absolute; margin-top:15px; padding: 3px; padding-bottom: 0px;{block:if250px}margin-left: 105px;{/block:if250px} ; {block:if300px}margin-left: 130px; {/block:if300px} ; {block:if400px} margin-left:180px;{/block:if400px}
  170.  
  171. }
  172. {CustomCSS}
  173.  
  174. </style></head>
  175. {block:ifinfinitescroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  176.  
  177. </script>
  178. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script></head>
  179. {block:ifinfinitescroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  180.  
  181. </script></div>
  182.  
  183. <body>
  184.  
  185. <div class="maths">
  186. <a href="/"><img src="{image:sidebar img}"></a>
  187. </div>
  188. <div class="sideb">
  189. <div id="desc">
  190. {Description}
  191. </div>
  192. <form action="/search" method="get" class="sfm" name="theform">
  193.  
  194. <form action="/search" method="get" class="sfm" name="theform">
  195. <input type="text" name="q" value="" id="sf"/>
  196. </form>
  197. </form>
  198. <div id="links">
  199. <a href="/">{text:home text}</a> <a href="/ask">{text:ask text}</a> <a href="/archive">{text:archive text}</a>
  200. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  201. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  202. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  203. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  204. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  205. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  206.  
  207. <div id="cool">
  208. {block:Pagination}
  209. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
  210. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  211. {/block:Pagination}</div></div>
  212. </div>
  213.  
  214.  
  215. <div id="all">{block:ifinfinitescroll} <div class = "autopagerize_page_element" >{/block:ifinfinitescroll}{block:Posts}<div id="post" >
  216. {block:ContentSource}
  217. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  218. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  219. {/block:SourceLogo}
  220. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  221. {/block:ContentSource}
  222. {block:Text}<div id="thing">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  223.  
  224.  
  225. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}"><div id="fish">{block:caption}{Caption}{/block:caption}</div>
  226. {/block:Photo}
  227.  
  228. {block:Link}<div id="thing"><a href="{URL}"{Target}>{Name}</a></div><div id="fish">{block:Description}{Description}{/block:Description}</div> {/block:Link}
  229.  
  230. {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}
  231.  
  232. {block:Quote}<div style="line-height:100%;">{Quote}</div><P><div style="text-align:right;">-{Source}</div> {/block:Quote}
  233.  
  234. {block:Audio}
  235. {AudioPlayerWhite}
  236. <div id="fish">{block:caption}{Caption}{/block:caption}</div> {/block:Audio}
  237.  
  238. {block:Video}{block:if300px}
  239. <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}<div id="fish">{block:Caption}{Caption}{/block:Caption}</div> {/block:Video}
  240.  
  241. {block:Chat}
  242. <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}
  243.  
  244.  
  245. {block:Answer}
  246. <div style="font-size: 12px; padding:5px; line-height: 15px;border-bottom:1px solid {color:links border}; border-radius:0px;">{Asker} asked:
  247. {Question}&nbsp;</div>
  248. {Answer}
  249. {/block:Answer}
  250. {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}
  251. {block:HasTags}<div class="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  252. <div id="b6"><img src='{image:wings under post}'></div>
  253. </div>
  254.  
  255. {block:PermalinkPage}
  256. <div class="perv">
  257. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}
  258. {block:RebloggedFrom}<br>
  259. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  260. {block:HasTags}<br>{block:Tags}
  261. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  262. {block:PostNotes}<div style="text-align:left">
  263. {PostNotes}</div>{/block:PostNotes}
  264. {/block:PermalinkPage}
  265. {/block:Posts}
  266. </div>
  267. </div>
  268. <div id="nen">
  269. <a href="http:/ofdragons.tumblr.com/">✿</a></div>
  270. <div class="b5"><img src='{image:wing left}'></div>
  271. <div class="b4"><img src='{image:wing right}'></div>
  272.  
  273.  
  274. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement