API tools faq
paste
Advertisement
ishigaki

emerald theme

ishigaki
Mar 7th, 2015
4,366
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.77 KB | None | 0 0
raw download clone embed print report
  1. z<!--
  2.  
  3.  
  4. emerald theme
  5. pls dont touch the credit n dont
  6. take part of my theme for ur own use
  7. thanks a lot n have a good day!!!
  8.  
  9.  
  10. -->
  11.  
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  18. <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>
  19. <head><title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  26.  
  27. <meta name="color:background" content="#FFf9f9">
  28. <meta name="color:text" content="#464650"/>
  29. <meta name="color:links" content="#abd0e8"/>
  30. <meta name="color:sidebar links" content="#abd0e8"/>
  31. <meta name="color:hover" content="#fffafa"/>
  32. <meta name="color:desc bg" content="#fff">
  33. <meta name="color:border" content="#abd0e8"/>
  34. <meta name="color:post bg" content="#fff">
  35. <meta name="color:perma background" content="#fff">
  36. <meta name="color:selection" content="#abd0e8"/>
  37.  
  38.  
  39.  
  40. <meta name="image:background img" content=""/>
  41.  
  42.  
  43.  
  44. <meta name="text:home text" content="home"/>
  45. <meta name="text:ask text" content="ask"/>
  46. <meta name="text:archive text" content="archive"/>
  47. <meta name="text:link 1" content=""/>
  48. <meta name="text:link 1 url" content="/">
  49. <meta name="text:link 2" content=""/>
  50. <meta name="text:link 2 url" content="/">
  51. <meta name="text:link 3" content=""/>
  52. <meta name="text:link 3 url" content="/">
  53. <meta name="text:link 4" content=""/>
  54. <meta name="text:link 4 url" content="/"/>
  55. <meta name="text:link 5" content="">
  56. <meta name="text:link 5 url" content="/">
  57. <meta name="text:link 6" content="">
  58. <meta name="text:link 6 url" content="/">
  59.  
  60. <meta name="if:more links" content="1"/>
  61. <meta name="if:show title" content=""/>
  62. <meta name="if:show tags" content="1"/>
  63. <meta name="if:show captions" content="1"/>
  64. <meta name="if:dotted border" content=""/>
  65. <meta name="if:no border" content=""/>
  66. <meta name="if:no bg on posts" content="1"/>
  67. <meta name="if:no border" content=""/>
  68. <meta name="if:infinite scroll" content="1"/>
  69. <meta name="if:250px" content="1"/>
  70. <meta name="if:300px" content=""/>
  71. <meta name="if:400px" content=""/>
  72. <meta name="if:link 1" content="1"/>
  73. <meta name="if:link 2" content=""/>
  74. <meta name="if:link 3" content=""/>
  75. <meta name="if:link 4" content=""/>
  76. <meta name="if:link 5" content=""/>
  77. <meta name="if:link 6" content=""/>
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82. ::-webkit-scrollbar {width: 9px; height: 5px; background:{color:border}; border:4px solid {color:background}; }
  83. ::-webkit-scrollbar-thumb {background:{color:border}; border:3px solid {color:background} }
  84.  
  85. ::selection {
  86. background: {color:selection};}
  87. iframe#tumblr_controls {right:3px !important; z-index:999999;
  88. position: fixed !important;
  89. opacity: 0.1;
  90. -webkit-filter:invert(1);
  91. filter:alpha(opacity=0);
  92. -moz-opacity: 0;
  93. -khtml-opacity: 0;
  94. -webkit-transition: all 0.9s ease;
  95. -moz-transition: all 0.9s ease;
  96. -o-transition: all 0.9s ease;}
  97. iframe#tumblr_controls:hover{
  98. opacity: 1;
  99. filter:alpha(opacity=100);
  100. -moz-opacity: 1;
  101. -khtml-opacity: 1;
  102. -webkit-transition: all 0.9s ease;
  103. -moz-transition: all 0.9s ease;
  104. -o-transition: all 0.9s ease;}
  105. 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:sans-serif; font-size:10px;line-height:16px;letter-spacing:2px;word-wrap: break-word; }
  106. 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; }
  107. a:hover { color:{color:hover}; }
  108. img a { border-bottom:0px}
  109. img {border:none;}
  110. h1 { font-size:12px; text-transform:uppercase;}
  111. blockquote {padding:0px;padding-left:10px;margin:5px;border-left:1px solid {color:border}; {block:ifdottedborder}border-left:1px dotted {color:border};{/block:ifdottedborder}}
  112. blockquote blockquote { padding-left:10px; border-left:1px solid {color:border}; {block:ifdottedborder}border-left:1px dotted {color:border};{/block:ifdottedborder} }
  113. #all{ background:transparent;padding:10px; width:253px; margin-left:200px;margin-top:-10px;padding-bottom:100px;}
  114. #post{ background:{color:post bg};position: relative; padding:15px; padding-bottom:4px; margin-top:90px;{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px};{block:ifnobgonposts}background:transparent;{/block:ifnobgonposts} border:1px solid {color:border};{block:ifdottedborder}border:1px dotted {color:border};{/block:ifdottedborder} {block:ifnoborder}border:none;{/block:ifnoborder} }
  115. #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; }
  116. #post img:hover{-webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; opacity:0.7; }
  117. .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; }
  118. .photoset img { max-width: 100%; }
  119. .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;}
  120.  
  121. .sideb { z-index:2;
  122. line-height:15px; margin-top:300px;letter-spacing:2px;text-align:left;position:fixed;padding:10px;width: 120px; {block:if250px}margin-left:550px;{/block:if250px} ; {block:if300px} margin-left:600px;{/block:if300px} {block:if400px} margin-left:700px{/block:if400px}
  123. }
  124.  
  125. .titi {width:120px;font-weight:bold;z-index:-1;font-size:14px;z-index: 2; opacity: 1; border-radius: 0px;position:fixed;padding: 5px;margin-top:-70px;margin-top:5px;{block:ifnotshowtitle} display:none;{/block:ifnotshowtitle}}
  126. .titi a{ color:{color:text};border-bottom:0px; }
  127. .titi a:hover{ opacity:0.5 }
  128.  
  129. #desc{ margin-left:2px;text-align:left; color:{color:text}; letter-spacing: 2px; padding:3px;}
  130.  
  131.  
  132. #links {text-align:left; word-spacing:4px; position:absolute;z-index:9; margin-top:1px;width:200px;margin-left:4px;
  133. }
  134. #links a{display:block;color:{color:sidebar links};
  135. }
  136. #links a:hover{color:{color:hover};
  137. }
  138. #brown {text-align:center; word-spacing:3px; position:absolute;z-index:9; width:85px;margin-left:-35px; margin-top:1px; background:{color:sidebar bg};padding-left:55px;padding-bottom:6px;
  139. }
  140. #brown a {border:none; display:block;text-align:left;
  141. }
  142.  
  143. .show {text-align:center;margin-left:-149px;-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:sidebar links}; margin-top:0px;
  144. }
  145.  
  146. .show:hover{color:{color:hover};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;
  147. transition: all 0.3s ease-in-out;
  148. }
  149. #post:hover .perma_hold {opacity:1;}
  150. .perma_hold {{block:if250px}width:250px{/block:if250px} ; {block:if300px} width:300px{/block:if300px} ; {block:if400px} width:400px{/block:if400px};height:100%; top:0px; left:0px;padding-left:15px;padding-right:15px;position:absolute; opacity:0; z-index:9999; background:{color:perma background}; transition:0.6s ease;-o-transition:0.6s ease;-moz-transition:0.6s ease;-webkit-transition:0.6s ease;
  151. }
  152.  
  153. .perma { top:45%;position:relative;font-size:12px;text-align:center;color:{color:links};
  154. }
  155. .perma a{border-bottom:none;
  156. }
  157.  
  158. .tags a{margin:0px 3px;}
  159. .tags {font-weight:normal;margin-top:10px;text-transform:none;{block:ifnotshowtags}display:none;{/block:ifnotshowtags}
  160. }
  161. #fish{ width:100%;line-height:18px; padding: 2px;padding-top:1px;{block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage} }
  162. #fish img { border: 0px solid; max-width:250px}
  163. #trot {padding: 5px;}
  164. #det {border-bottom: 1px dotted #000; font-size: 50px;}
  165. #thing {font-size:18px;letter-spacing:0px; line-height: 20px;text-transform:lowercase;}
  166. #thing img{width: 100px;}
  167. #thing a { font-size:18px; letter-spacing:0px;text-transform:lowercase;}
  168. #thing a:hover {letter-spacing:0px;}
  169. #thing:hover {letter-spacing:0px;}
  170. .perv { border:1px solid {color:border};background:{color:post bg};text-align:center;padding: 15px;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};{block:ifnobgonposts}background:transparent{/block:ifnobgonposts} ; {block:ifdottedborder}border:1px dotted {color:border};{/block:ifdottedborder} {block:ifnoborder}border:none;{/block:ifnoborder}; border-top:none;}
  171. img.avatar{vertical-align: 1px;margin-right: 1px;width: 10px;height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
  172. #s-m-t-tooltip{position:fixed;color:#fff;
  173. 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);}
  174. .cool{ margin-top:-70px;padding:10px;{block:ifinfinitescroll}display:none;{/block:ifinfinitescroll} {block:if250px}margin-left:290px;{/block:if250px} ; {block:if300px}margin-left:330px; {/block:if300px} ; {block:if400px}margin-left:380px;{/block:if400px}
  175. }
  176.  
  177. .jump_page { border:none; color:{color:links};
  178. }
  179. .current_page, .jump_page:hover { color:{color:links}; z-index:-2;
  180. }
  181. #nen{position:fixed;bottom:5px;right:5px;padding:5px;font-size:10px;}
  182. #nen a{ font-family:arial;
  183. color:{color:link};border-bottom:0px solid {color:border}}
  184. .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;}
  185. #sb {height: 10px; vertical-align: top;}
  186. #sf {background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #fff left center no-repeat; background-size: 10px 10px;}
  187. .b4 { z-index: -999;position:fixed;left: 320px;top:155px;padding: 3px;padding-bottom: 0px;padding-left:{text:wing right}px;
  188.  
  189. }
  190. .b5 {
  191. z-index: -999; position:fixed;left: 188px; top:155px; padding: 3px; padding-bottom: 0px; padding-left:{text:wing left}px;
  192.  
  193. }
  194. #b6 {
  195. 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}
  196.  
  197. }
  198. {CustomCSS}
  199.  
  200. </style></head>
  201. <script type="text/javascript">
  202. $(document).ready(function(){
  203. $("#brown").hide();
  204. $(".show").click(function(){
  205. $(this).next("#brown").slideToggle('fast');
  206. }); });
  207. </script>
  208. {block:ifinfinitescroll} <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  209.  
  210.  
  211.  
  212.  
  213. <body>
  214. <div class="killua"></div>
  215.  
  216. <div class="sideb">
  217.  
  218.  
  219.  
  220. <div id="desc">
  221. <div style="font-size:14px;font-weight:bold;{block:ifnotshowtitle} display:none;{/block:ifnotshowtitle}">{title} </div>
  222. {Description}
  223.  
  224. </div>
  225. <form action="/search" method="get" class="sfm" name="theform">
  226.  
  227. <form action="/search" method="get" class="sfm" name="theform">
  228. <input type="text" name="q" value="" id="sf"/>
  229. </form>
  230. </form>
  231. <div id="links">
  232. <a href="/"><i class="fa fa-home"></i> {text:home text}</a>
  233. <a href="/ask"><i class="fa fa-envelope"></i> {text:ask text} </a>
  234. <a href="/archive"><i class="fa fa-folder"></i> {text:archive text} </a>
  235. {block:ifmorelinks} <div class="show"><i class="fa fa-star"></i> more</div>
  236. <div id="brown">
  237. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  238. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  239. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  240. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  241. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  242. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  243.  
  244. </div>{/block:ifmorelinks}
  245. </div>
  246.  
  247.  
  248. </div>
  249.  
  250. </div>
  251.  
  252.  
  253. <div id="all">{block:ifinfinitescroll} <div class = "autopagerize_page_element" >{/block:ifinfinitescroll}{block:Posts}<div id="post" >
  254. {block:IndexPage}
  255. <div class="perma_hold">
  256. <div class="perma">
  257. <i class="fa fa-heart"></i> <a href="{Permalink}">{NoteCountWithLabel}</a>
  258.  
  259. {block:HasTags}<div class="tags">{block:Tags}
  260. <i class="fa fa-tag"></i> <a href="{TagURL}"> {Tag}</a>
  261. {/block:Tags}</div>{/block:HasTags}
  262. </div>
  263. </div>
  264. {/block:IndexPage}
  265. {block:ContentSource}
  266. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  267. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  268. {/block:SourceLogo}
  269. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  270. {/block:ContentSource}
  271.  
  272. {block:Text}<div id="thing">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  273.  
  274.  
  275. {block:Photo}<img style="width:100%;" src="{PhotoURL-HighRes}"><div id="fish">{block:caption}{Caption}{/block:caption}</div>
  276. {/block:Photo}
  277.  
  278. {block:Link}<div id="thing"><a href="{URL}"{Target}>{Name}</a></div><div id="fish">{block:Description}{Description}{/block:Description}</div> {/block:Link}
  279.  
  280. {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}
  281.  
  282. {block:Quote}<div style="line-height:100%;">{Quote}</div><P><div style="text-align:right;">-{Source}</div> {/block:Quote}
  283.  
  284. {block:Audio}
  285. {AudioPlayerWhite}
  286. <div id="fish">{block:caption}{Caption}{/block:caption}</div> {/block:Audio}
  287.  
  288. {block:Video}{block:if300px}
  289. <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}
  290.  
  291. {block:Chat}
  292. <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}
  293.  
  294.  
  295. {block:Answer}
  296. <div style="font-size: 12px; border:1px dotted #ddd;padding:5px; line-height: 15px; background:#fff; border-radius:0px;">{Asker} asked:
  297. {Question}&nbsp;</div>
  298. {Answer}
  299. {/block:Answer}
  300.  
  301.  
  302. </div>
  303.  
  304. {block:PermalinkPage}
  305. <div class="perv">
  306. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}
  307. {block:RebloggedFrom}<br>
  308. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  309. {block:HasTags}<br>{block:Tags}
  310. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  311. {block:PostNotes}<div style="text-align:left">
  312. {PostNotes}</div>{/block:PostNotes}
  313. {/block:PermalinkPage}
  314. {/block:Posts}
  315. </div>
  316.  
  317. </div>
  318.  
  319. <div class="cool">
  320. {block:Pagination}
  321. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
  322. {block:JumpPagination length="3"}
  323. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  324. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  325. {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
  326. {/block:Pagination}</div>
  327. <div id="nen">
  328. <a href="http://ofdragons.tumblr.com/">✿</a></div>
  329.  
  330.  
  331. </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!