API tools faq
paste
Advertisement
exodorado

11.theme: Hyunaya

exodorado
Mar 16th, 2014
745
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <!---------------------------------------------------------------------
  10.  
  11. theme: hyunaya ｡◕‿◕｡
  12. theme by : exodorado.tumblr.com
  13. It is forbidden any copy or use of codes as the criminal law, article 184 © - 16/março/2014.
  14. ● respect my work, do not remove the credits.
  15. ● do not use as a basis.
  16. ● if not inspires
  17.  
  18. ---------------------------------------------------------------------->
  19.  
  20. <script type="text/javascript" src="http://static.tumblr.com/8yo5xxv/YnTm5op3n/like.js"></script>
  21. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  22.  
  23.  
  24. <meta name="image:image" content="http://static.tumblr.com/cir8k0k/zjVn2e5bj/0.png" />
  25. <meta name="color:background" content="#ffffff"/>
  26. <meta name="color:writing" content="#858585"/>
  27. <meta name="color:bold" content="#858585"/>
  28. <meta name="color:italic" content="#858585"/>
  29. <meta name="color:link" content="#858585"/>
  30. <meta name="color:link hover" content="#000"/>
  31. <meta name="color:ask" content="#f7f7f7"/>
  32. <meta name="color:tag" content="#888"/>
  33. <meta name="color:tags" content="#f7f7f7"/>
  34. <meta name="color:border" content="#eee"/>
  35.  
  36. <meta name="text:Link 1 URL" content="/"/>
  37. <meta name="text:Link 1" content="link"/>
  38. <meta name="text:Link 2 URL" content="/"/>
  39. <meta name="text:Link 2" content="link"/>
  40. <meta name="text:Link 3 URL" content="/"/>
  41. <meta name="text:Link 3" content="link"/>
  42. <meta name="text:Link 4 URL" content="/"/>
  43. <meta name="text:Link 4" content="link"/>
  44. <meta name="text:Link 5 URL" content="/"/>
  45. <meta name="text:Link 5" content="link"/>
  46. <meta name="text:Link 6 URL" content="/"/>
  47. <meta name="text:Link 6" content="link"/>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  53. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  54.  
  55. /* --- body --- */
  56. body {background:{color:background};margin:0px;color:{color:writing};font-size:9px;font-style:italic;font-family:arial;line-height:150%;letter-spacing:0px;text-align:justify;}
  57.  
  58. small {font-size:9px;}
  59.  
  60. /* --- basic style --- */
  61. strong, b, bold {color:{color:bold};text-decoration:none;font-weight:bold;}
  62. i, em, italic {color:{color:italic};}
  63. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  64. a:hover{text-decoration:none; color:{color:link hover};}
  65. blockquote {border-left: 1px dotted {color:writing}; text-align: justify; padding:8px;margin:3px; line-height:14px;}
  66. img a{border:none; width:100%}
  67. h1{color:{color:writing}; font-family:times, serif; font-size:20px; line-height:15px; font-style:italic; font-weight:bold; letter-spacing:-2px; text-transform:lowercase; margin:0px; padding:0px; text-align:left}
  68.  
  69. /* --- seletion --- */
  70. ::selection{background: #eee; color: #858585;}
  71. ::-moz-selection{background: #eee; color: #858585;}
  72.  
  73. /* --- post --- */
  74. #entries {padding:20px;width:500px;margin-top: -50px;margin-left:450px;margin-bottom: 80px;color: {color:writing};}
  75. #post {width:500px;font-family: 'Trebuchet MS';color: {color:writing};opacity:1;margin-top: 60px;margin-left: 0px;padding-bottom: -60px;line-height: 110%;}
  76. #post:hover #source {opacity: 1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
  77.  
  78. /* --- quote --- */
  79. #source {padding-bottom: 5px;padding-right: 5px;font-family: 'arial';
  80. text-transform: lowercase;font-size: 10px;font-style: auto;text-align: right;color: #333;opacity:1;}
  81.  
  82. /* --- ask --- */
  83. .ask a{font-family: "economica-regular";text-transform:uppercase;}
  84. .ask img{border-radius:100px;}
  85. table{margin-left:0px;
  86. width:500px;}
  87. table b{text-transform:uppercase;}
  88. th{border:0px solid #999;padding:2px;width:50px;}
  89. td{text-align:right;border:0px solid;font-size:11px; font-family:courier;letter-spacing:-1px;}
  90.  
  91. /* --- audio --- */
  92. .audioplayer {background-color: {color:Background};width: 27px;height: 270x;overflow:hidden;position: absolute;margin-top: 17px;margin-left: 17px;z-index: 99;opacity: 1;-moz-border-radius: 27px;-webkit-border-radius: 27px;border-radius: 27px;}
  93. .audioinfo {background-color: {color:Background};font-family: 'Trebuchet MS';padding-left: 70px;font-size: 9px;margin-bottom: 30px;margin-top: -40px;}
  94. .audioimg {opacity: 0.1;border: 0px solid {color:Background};width: 60px;height: 60px;}
  95.  
  96. /*--- sidebar ---*/
  97. #sidebar {position:fixed;margin-left:200px;margin-top:150px;font-size:7px;}
  98. #sidebar img {border:4px double #eee;margin-left:-3px;width:200px;height:214px;}
  99. .links {width:200px;padding: 4px;text-align:center;text-transform:uppercase;position:fixed;margin-top:7px;margin-left:-5px;}
  100. .links a {opacity:1;display:inline-block;padding:5px;margin-bottom:3px;width:50px;text-align:center;text-transform:none;background:#f7f7f7;font-size:9px;letter-spacing:0px;color:#b9b9b9;-moz-transition-duration:1.6s;-webkit-transition-duration:1.6s;-o-transition-duration:1.6s;}
  101. .links a:hover {background:#fff;-moz-transition-duration:1.9s;-webkit-transition-duration:1.9s;-o-transition-duration:1.9s;color:#b9b9b9;}
  102. #titles {color:#858585;text-transform:lowercase;text-align:right;width:200px;opacity:0.6;margin-top:10px;margin-left:0px;font-style:italic;font-size:14px;border-bottom:1px solid #ccc;padding-bottom:3px;}
  103. #description {text-align:justify;width:200px;margin-top:5px;margin-left:0px;font-size:10px;position:fixed;text-transform:none;color:{color:DescriptionText};}
  104.  
  105. /*--- pagination ---*/
  106. #pagination {width:200px;font-size:8px;word-spacing:7px;text-align:center;margin-top:0px;margin-left:0px;}
  107. .jump_page {padding:3px;background-color:#ffffff;}
  108. .current_page {padding:3px;background-color:#ffffff;color:#000000;}
  109. #pagination2 a {display:block;width:10px;text-align:center;background-color:#fff;font:10px georgia;color:{color:navigation};
  110. padding:5px;letter-spacing:2px;-webkit-transition: color 0.6s linear;
  111. -webkit-transition: background-color 0.6s linear;}
  112. #pagination2 a:hover {background-color:#f8f8f8;color:#000000;}
  113.  
  114. /*--- permalink ---*/
  115. .dats2 {text-align:center;display:inline-block;background:#fff;background-repeat: repeat;padding-left:5px;}
  116. .line {text-align:center;z-index:99999;margin-bottom:-10px;border-top:1px solid #eee;width:500px;}
  117. .dats {width:500px; padding-top:1px;padding:5px;text-align:center;text-transform:uppercase;font-size:8px;font-family:cambria;color:{color:writing};}
  118.  
  119. /*--- like ---*/
  120. .my-like {!important;height:10px;width:10px;cursor:pointer;display:inline-block;}
  121. .my-liked, .my-like:hover {color:#FF0000; !important;height:10px;width:10px;cursor:pointer;display:inline-block;}
  122.  
  123. /* --- credits --- */
  124. .credits{width:15px;height:8px;float:right;font-size:15px;color:#ccc;line-height:8px;text-align:center;font-family: tahoma;padding: 4px;background:#fff;z-index:11;right:8px;opacity:0.6;
  125. position:fixed; text-transform: uppercase;bottom:8px;overflow: hidden;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
  126. .credits a {color:#858585;}
  127. #inovandohtmltooltip {background:#fff; position: absolute; padding: 4px 4px 4px 4px; left: -100px; color: #858585; text-align: center; font-size: 9px; font-family: arial; width: auto; margin: 10px; visibility: hidden; z-index: 300; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);text-transform:uppercase;font-size:8px;}
  128.  
  129.  
  130. {CustomCSS}</style></head><body>
  131.  
  132. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script><div id="inovandohtmltooltip"></div><script language="JavaScript" src="http://static.tumblr.com/rzkfpnf/NQOlw2lcn/tooltip_body.txt">
  133. <script>
  134. window.onload = function () {
  135. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  136. document.addEventListener( 'click', function ( event ) {
  137. var myLike = event.target;
  138. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  139. var frame = document.getElementById( 'my-like-frame' ),
  140. liked = ( myLike.className == 'my-liked' ),
  141. command = liked ? 'unlike' : 'like',
  142. reblog = myLike.getAttribute( 'data-reblog' ),
  143. id = myLike.getAttribute( 'data-id' ),
  144. oauth = reblog.slice( -8 );
  145. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  146. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  147. };
  148. }, false );
  149. };
  150. </script>
  151.  
  152. <div class="credits">
  153. <a href="http://exodorado.tumblr.com/" class="poplight" onMouseover="ddrivetip('theme by exodorado')" onMouseout="hideddrivetip()">●</a></div>
  154.  
  155. <div id="sidebar">
  156. <div id=pagination>{block:Pagination}
  157. {block:PreviousPage}
  158. <a class="jump_page" href="{PreviousPage}">&larr;</a>
  159. {/block:PreviousPage}
  160.  
  161. {block:JumpPagination length="5"}
  162. {block:CurrentPage}
  163. <span class="current_page">{PageNumber}</span>
  164. {/block:CurrentPage}
  165.  
  166. {block:JumpPage}
  167. <a class="jump_page" href="{URL}">{PageNumber}</a>
  168. {/block:JumpPage}
  169. {/block:JumpPagination}
  170.  
  171. {block:NextPage}
  172. <a class="jump_page" href="{NextPage}">&rarr;</a>
  173. {/block:NextPage}
  174. {/block:Pagination}
  175. </div>
  176. <img src="{image:image}">
  177. <div id="titles">{title}</div>
  178. <div id="description">{Description}
  179. <div class="links">
  180. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  181. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  182. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  183. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  184. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  185. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  186.  
  187. </div></div></div>
  188.  
  189. <div id="entries">{block:Posts}<div id="post">
  190. {block:ContentSource}
  191. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  192. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  193. {/block:SourceLogo}
  194. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  195. {/block:ContentSource}
  196.  
  197.  
  198. {block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}
  199.  
  200. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  201.  
  202. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  203.  
  204. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  205.  
  206. {block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}
  207.  
  208. {block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  209.  
  210. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>
  211. <div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  212. <div class="audioinfo">
  213. {block:TrackName}{TrackName}{/block:Trackname}<br>
  214. {block:Artist}{Artist}{/block:Artist}</div>
  215. {/block:Audio}
  216.  
  217. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  218.  
  219. {block:Answer}
  220. <table>
  221. <tr><td style="padding:8px; width:10px;"><img src="{AskerPortraitURL-24}" style="padding:4px; margin-left:-5px;margin-top:5px; border:1px solid #eee; z-index:99;"> </td>
  222. <td style="padding:4px; text-align:left; color:#858585;font-size:11px; font-family:courier;letter-spacing:-1px;"> {Question}</td></tr>
  223. <tr><td colspan="2" style="text-align:right;font-family:courier; border-top: 1px solid #eee;font-size: 9px; letter-spacing:1px;"><b>{Asker} What do you want?</b></td></tr>
  224. <td colspan="3" style="text-align:left;">{Answer}</td>
  225. </table>{/block:Answer}
  226.  
  227. <br><br>
  228. <div class="line"></div><div class="dats"><div class="dats2">
  229. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="day posts">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> ∙
  230. <a href="{Permalink}">{NoteCountWithLabel}</a>
  231. {block:RebloggedFrom} · <a href="{ReblogParentURL}" target="_blank">Via</a>{/block:RebloggedFrom}{block:ContentSource} · <a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}Source{/block:NoSourceLogo}</a>{/block:ContentSource} ∙ <a href="{ReblogURL}">Reblog</a> · <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font>
  232. </div></div>
  233.  
  234.  
  235. {block:PostNotes}
  236. <div class="post">
  237. {PostNotes}
  238. </div>
  239. {/block:PostNotes}
  240.  
  241. {/block:Posts}
  242.  
  243.  
  244.  
  245. </div>
  246.  
  247.  
  248.  
  249. </body>
  250.  
  251. </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!