API tools faq
paste
Advertisement
exodorado

14.theme: Speak

exodorado
Mar 28th, 2014
577
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 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: speak ｡◕‿◕｡
  12. theme by : exodorado.tumblr.com
  13. It is forbidden any copy or use of codes as the criminal law, article 184 © - 28/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. <meta name="image:image" content="http://static.tumblr.com/cir8k0k/DsRn35o3z/03.fw__1_.png" />
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:writing" content="#858585"/>
  23. <meta name="color:bold" content="#858585"/>
  24. <meta name="color:italic" content="#858585"/>
  25. <meta name="color:link" content="#858585"/>
  26. <meta name="color:link hover" content="#000"/>
  27. <meta name="color:ask" content="#f7f7f7"/>
  28. <meta name="color:tag" content="#888"/>
  29. <meta name="color:tags" content="#f7f7f7"/>
  30. <meta name="color:border" content="#eee"/>
  31. <meta name="text:frase" content="FRASE AQUI..." />
  32.  
  33. <meta name="text:Link 1 URL" content="/"/>
  34. <meta name="text:Link 1" content="link"/>
  35. <meta name="text:Link 2 URL" content="/"/>
  36. <meta name="text:Link 2" content="link"/>
  37. <meta name="text:Link 3 URL" content="/"/>
  38. <meta name="text:Link 3" content="link"/>
  39. <meta name="text:Link 4 URL" content="/"/>
  40. <meta name="text:Link 4" content="link"/>
  41. <meta name="text:Link 5 URL" content="/"/>
  42. <meta name="text:Link 5" content="link"/>
  43. <meta name="text:Link 6 URL" content="/"/>
  44. <meta name="text:Link 6" content="link"/>
  45. <meta name="text:Link 7 URL" content="/"/>
  46. <meta name="text:Link 7" content="link"/>
  47. <meta name="text:Link 8 URL" content="/"/>
  48. <meta name="text:Link 8" content="link"/>
  49. <meta name="text:Link 9 URL" content="/"/>
  50. <meta name="text:Link 9" content="link"/>
  51. <meta name="text:Link 10 URL" content="/"/>
  52. <meta name="text:Link 10" content="link"/>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid {color:background};}
  58. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid {color:background};}
  59.  
  60. /* --- body --- */
  61. body {background:{color:background};margin:0px;color:{color:writing};font-size:9px;font-family:arial;line-height:150%;letter-spacing:0px;text-align:justify;}
  62.  
  63. small {font-size:9px;}
  64.  
  65. /* --- basic style --- */
  66. strong, b, bold {color:{color:bold};text-decoration:none;font-weight:bold;}
  67. i, em, italic {color:{color:italic};}
  68. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  69. a:hover{text-decoration:none; color:{color:link hover};}
  70. blockquote {border-left: 1px dotted {color:writing}; text-align: justify; padding:8px;margin:3px; line-height:14px;}
  71. img a{border:none; width:100%}
  72. 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}
  73.  
  74. /* --- seletion --- */
  75. ::selection{background: #; color: {color:writing};}
  76. ::-moz-selection{background: #; color: {color:writing};}
  77.  
  78. /* --- post --- */
  79. #entries {padding:20px;width:500px;margin-top: -50px;margin-left:450px;margin-bottom: 80px;color: {color:writing};}
  80. #post {width:500px;font-family: 'Trebuchet MS';color: {color:writing};opacity:1;margin-top: 60px;margin-left: 0px;padding-bottom: -60px;line-height: 110%;}
  81. #post:hover #source {opacity: 1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
  82.  
  83. /* --- quote --- */
  84. #source {padding-bottom: 5px;padding-right: 5px;font-family: 'arial';
  85. text-transform: lowercase;font-size: 10px;font-style: auto;text-align: right;color: #333;opacity:1;}
  86.  
  87. /* --- ask --- */
  88. .ask a{font-family:Arial;text-transform:uppercase;font-size:10px;}
  89. .ask img{border-radius:100px;border-radius:100px;}
  90. table{margin-left:0px;
  91. width:500px;}
  92. table b{text-transform:uppercase;}
  93. th{border:0px solid #999;padding:2px;width:50px;font-size:10px;}
  94. td{text-align:right;border:0px solid;}
  95.  
  96. /* --- audio --- */
  97. .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;}
  98. .audioinfo {background-color: {color:Background};font-family: 'Trebuchet MS';padding-left: 70px;font-size: 9px;margin-bottom: 30px;margin-top: -40px;}
  99. .audioimg {opacity: 0.1;border: 0px solid {color:Background};width: 60px;height: 60px;}
  100.  
  101. /*--- sidebar ---*/
  102. #sidebar {position:fixed;margin-left:150px;margin-top:200px;font-size:7px;}
  103. #sidebar img {border:4px double {color:border};margin-left:65px;height:145px;width:160px;margin-top:-60px;}
  104.  
  105. .links {width:100px;padding: 4px;text-align:center;text-transform:uppercase;position:fixed;margin-top:0px;margin-left:-23px;}
  106. .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;}
  107. .links a:hover {background:#fff;-moz-transition-duration:1.9s;-webkit-transition-duration:1.9s;-o-transition-duration:1.9s;color:#b9b9b9;}
  108. #titles {color:{color:writing};text-align:center;width:230px;opacity:0.6;margin-top:10px;margin-left:0px;font-style:italic;font-size:14px;padding-bottom:3px;border-bottom:1px solid {color:border};}
  109. #subt{color:{color:writing};text-align:center;width:232px;opacity:0.6;margin-top:2px;margin-left:0px;font-size:8px;padding-bottom:3px;border-bottom:1px solid {color:border};text-transform:none;}
  110. #description {text-align:justify;width:232px;margin-top:42px;margin-left:0px;font-size:10px;position:fixed;text-transform:none;color:{color:DescriptionText};}
  111. .searchi {margin-top:-1px; margin-left:1px;position: fixed;margin-bottom:5px;}
  112. #search { border: 1px solid {color:border}; width:212px; height: 12px; font-size: 9px; font: helvetica; position: fixed;padding-left: 3px; color:{color:writing};}
  113. #button {position:fixed; margin-top:0px; margin-left:216px; background: {color:border};}
  114. .link {width:223px;font-family:'arial';padding: 4px;font-size:7px;margin-left:0px;text-align:center;text-align:center;text-transform:uppercase;position:fixed;margin-top:14px;border-top: 1px solid {color:border};border-bottom: 1px solid {color:border};}
  115.  
  116. .link a {width:74px;padding:2px;font-size: 7px;letter-spacing:0px;color:{color:Link};letter-spacing:1px;margin-left:3px;}
  117.  
  118. /*--- pagination ---*/
  119. #pagination {width:200px;font-size:8px;word-spacing:7px;text-align:center;margin-top:0px;margin-left:0px;}
  120. .jump_page {padding:3px;background-color:{color:Background};}
  121. .current_page {padding:3px;background-color:{color:Background};color:#000000;}
  122. #pagination2 a {display:block;width:10px;text-align:center;background-color:{color:background};font:10px georgia;color:{color:writing};
  123. padding:5px;letter-spacing:2px;-webkit-transition: color 0.6s linear;
  124. -webkit-transition: background-color 0.6s linear;}
  125. #pagination2 a:hover {background-color:#f8f8f8;color:#000000;}
  126.  
  127. /*--- permalink ---*/
  128. .dats2 {text-align:center;display:inline-block;background:#fff;background-repeat: repeat;padding-left:5px;}
  129. .line {text-align:center;z-index:99999;margin-bottom:-10px;border-top:1px solid {color:border};width:500px;}
  130. .dats {width:500px; padding-top:1px;padding:5px;text-align:center;text-transform:uppercase;font-size:8px;font-family:cambria;color:{color:writing};}
  131.  
  132. /*--- like ---*/
  133. #like {color:#FF0000;opacity:0.6;}
  134. #like:hover {color:#FF0000;opacity:1;}
  135.  
  136. /* --- credits --- */
  137. .credits{float:right;font-size:10px;color:#ccc;line-height:10px;text-align:center;font-family: tahoma;padding: 4px;background:#ccc;z-index:11;right:8px;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;border-radius:100px;width:12px;height:12px;}
  138. .credits a {color:#fff;}
  139. #inovandohtmltooltip {background:#fff; position: absolute; padding: 4px 4px 4px 4px; left: -100px; color: {color:writing}; 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;}
  140.  
  141. {CustomCSS}</style></head><body>
  142. <div class="credits">
  143. <a href="http://exodorado.tumblr.com/" class="poplight" onMouseover="ddrivetip('theme by exodorado')" onMouseout="hideddrivetip()">ED</a></div>
  144. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script><div id="inovandohtmltooltip"></div>
  145. <script>
  146. window.onload = function () {
  147. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  148. document.addEventListener( 'click', function ( event ) {
  149. var myLike = event.target;
  150. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  151. var frame = document.getElementById( 'my-like-frame' ),
  152. liked = ( myLike.className == 'my-liked' ),
  153. command = liked ? 'unlike' : 'like',
  154. reblog = myLike.getAttribute( 'data-reblog' ),
  155. id = myLike.getAttribute( 'data-id' ),
  156. oauth = reblog.slice( -8 );
  157. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  158. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  159. };
  160. }, false );
  161. };
  162. </script>
  163. <div id="sidebar">
  164. <div id="titles">{title}</div>
  165. <div id="subt">{text:frase}</div>
  166. <div class="links">
  167. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  168. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  169. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  170. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  171. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  172. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  173. </div><br><br><br><br><br>
  174. <img src="{image:image}">
  175. <div class="searchi">
  176. <div class="search"><center><form onsubmit="return tagSearch(this)">
  177. <input type="text" id="search" name="tag" value="" onfocus="if (this.value == '{text}') {this.value=''}" onblur="if (this.value == '') {this.value='{text}'}" /><input type="image" id="button" src="http://static.tumblr.com/cir8k0k/nIFn2qvsl/searchiexodorado.png" value="Search" /></form></form></center></div></div>
  178.  
  179. <div class="link">
  180. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  181. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  182. <a href="{text:Link 9 URL}">{text:Link 9}</a>
  183. <a href="{text:Link 10 URL}">{text:Link 10}</a>
  184. </div>
  185. <div id="description">{Description}
  186.  
  187. <div id=pagination>{block:Pagination}
  188. {block:PreviousPage}
  189. <a class="jump_page" href="{PreviousPage}">&larr;</a>
  190. {/block:PreviousPage}
  191.  
  192. {block:JumpPagination length="5"}
  193. {block:CurrentPage}
  194. <span class="current_page">{PageNumber}</span>
  195. {/block:CurrentPage}
  196.  
  197. {block:JumpPage}
  198. <a class="jump_page" href="{URL}">{PageNumber}</a>
  199. {/block:JumpPage}
  200. {/block:JumpPagination}
  201.  
  202. {block:NextPage}
  203. <a class="jump_page" href="{NextPage}">&rarr;</a>
  204. {/block:NextPage}
  205. {/block:Pagination}</div>
  206. </div>
  207. </div>
  208.  
  209. <div id="entries">{block:Posts}<div id="post">
  210. {block:ContentSource}
  211. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  212. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  213. {/block:SourceLogo}
  214. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  215. {/block:ContentSource}
  216.  
  217.  
  218. {block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}
  219.  
  220. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  221.  
  222. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  223.  
  224. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  225.  
  226. {block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}
  227.  
  228. {block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  229.  
  230. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>
  231. <div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  232. <div class="audioinfo">
  233. {block:TrackName}{TrackName}{/block:Trackname}<br>
  234. {block:Artist}{Artist}{/block:Artist}</div>
  235. {/block:Audio}
  236.  
  237. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  238.  
  239. {block:Answer}
  240. <table>
  241. <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;border-radius:100px;"> </td>
  242. <td style="padding:4px; text-align:left; color:#858585;font-size:9px; letter-spacing:1px;"> {Question}</td></tr>
  243. <tr><td colspan="2" style="text-align:right; border-top: 1px solid #eee;font-size: 9px; letter-spacing:1px;"><b>{Asker} What do you want?</b></td></tr>
  244. <td colspan="3" style="text-align:left;">{Answer}</td>
  245. </table>{/block:Answer}
  246.  
  247. <br><br>
  248. <div class="line"></div><div class="dats"><div class="dats2">
  249. <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}" title="day posts">{Month} {DayOfMonthWithZero}{DayOfMonthSuffix}</a> ∙
  250. <a href="{Permalink}">{NoteCountWithLabel}</a>
  251. {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 id="like">{LikeButton size="14"}</div></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font>
  252. </div></div>
  253.  
  254.  
  255.  
  256. {block:PostNotes}
  257. <div class="post">
  258. {PostNotes}
  259. </div>
  260. {/block:PostNotes}
  261.  
  262. {/block:Posts}
  263.  
  264.  
  265.  
  266. </div>
  267.  
  268.  
  269.  
  270. </body>
  271.  
  272. </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!