Advertisement
exodorado

01.theme: Serene

Feb 5th, 2014
703
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.99 KB | None | 0 0
  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: serene 。◕‿◕。
  12. theme by : exodorado.tumblr.com
  13. It is forbidden any copy or use of codes as the criminal law, article 184 © - 08/janeiro/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="https://24.media.tumblr.com/b2543ccfe05ba5f2694746b073e2c57d/tumblr_n0h4yya3i71rmb1bpo3_r1_250.gif" />
  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.  
  32. <meta name="text:Link 1 URL" content="/"/>
  33. <meta name="text:Link 1" content="link"/>
  34. <meta name="text:Link 2 URL" content="/"/>
  35. <meta name="text:Link 2" content="link"/>
  36. <meta name="text:Link 3 URL" content="/"/>
  37. <meta name="text:Link 3" content="link"/>
  38. <meta name="text:Link 4 URL" content="/"/>
  39. <meta name="text:Link 4" content="link"/>
  40. <meta name="text:Link 5 URL" content="/"/>
  41. <meta name="text:Link 5" content="link"/>
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  47. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  48.  
  49. /* --- body --- */
  50. body {background:{color:background};margin:0px;color:{color:writing};font-family:calibri;font-size:10px;line-height:100%;letter-spacing:0px;text-align:justify;background-image:url('{image:background}');}
  51.  
  52. small {font-size:9px;}
  53.  
  54. /* --- basic style --- */
  55. strong, b, bold {color:{color:bold};text-decoration:none;font-weight:bold;}
  56. i, em, italic {color:{color:italic};}
  57. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  58. a:hover{text-decoration:none; color:{color:link hover};}
  59. blockquote {border-left: 1px dotted {color:writing}; text-align: justify; padding: 8px; margin: 3px; line-height: 14px;}
  60. img a{border:none; width:100%}
  61. 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}
  62.  
  63. /* --- seletion --- */
  64. ::selection{background: #eee; color: #858585;}
  65. ::-moz-selection{background: #eee; color: #858585;}
  66.  
  67. /* --- post --- */
  68. #entries {padding:20px;width:500px;margin-top: -50px;margin-left:500px;margin-bottom: 80px;color: {color:writing};}
  69. #post {width:500px;font-family: 'Trebuchet MS';color: {color:writing};opacity:1;margin-top: 60px;margin-left: 0px;padding-bottom: -60px;line-height: 110%;}
  70. #post:hover #source {opacity: 1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
  71.  
  72. /* --- quote --- */
  73. #source {padding-bottom: 5px;padding-right: 5px;font-family: 'arial';
  74. text-transform: lowercase;font-size: 10px;font-style: auto;text-align: right;color: #333;opacity:1;}
  75.  
  76. /* --- ask --- */
  77. #questions {width: 500px;}
  78. .asker {font-family: 'Trebuchet MS';font-size: 10px;text-align: justify;font-style: italic;background-color: {color:ask};padding: 8px;height:20px;line-height:20px;}
  79. .answer {text-align: justify;font-family: 'Trebuchet MS';font-size: 11px;color:{color:writing};}
  80.  
  81. /* --- audio --- */
  82. .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;}
  83. .audioinfo {background-color: {color:Background};font-family: 'Trebuchet MS';padding-left: 70px;font-size: 9px;margin-bottom: 30px;margin-top: -40px;}
  84. .audioimg {opacity: 0.1;border: 0px solid {color:Background};width: 60px;height: 60px;}
  85.  
  86. /* --- sidebar --- */
  87. #sidebar {width:270px;height:325px;position:fixed;margin-top:400px;margin-left:210px;}
  88. #sidebarimage {width:200px;}
  89.  
  90. .link {width:237px;font-family:'arial';padding: 4px;font-size:7px;margin-left:0px;text-align:center;text-align:center;text-transform:uppercase;position:fixed;margin-top:7px;border-top: 1px solid {color:border};border-bottom: 1px solid {color:border};}
  91. .link a {width:74px;padding:2px;font-size: 7px;letter-spacing:0px;color:{color:Link};letter-spacing:1px;margin-left:3px;}
  92.  
  93. #description {font-style:bold;text-align:justify;font-family:'arial';width:240px;margin-top:23px;font-size: 9px;position:fixed;letter-spacing:0px;padding:7px;color:{color:writing};line-height:160%;margin-left:-5px;}
  94.  
  95. #pagination {padding:6px;font-family:times;letter-spacing:0px;font-size:7px;text-align:center;margin-top:7px;margin-left:-4px;letter-spacing:2px;}
  96.  
  97. /* --- tag --- */
  98. .tags {color:{color:tag};padding:5px 5px 5px 5px;text-transform:lowercase;font-size:10px;background-color:{color:tags};}
  99.  
  100. /* --- credits --- */
  101. .credits{width:15px;height:8px;float:right;font-size:9px;color:#ccc;line-height:8px;text-align:center;font-family: tahoma;padding: 4px;background:#fff;z-index: 11;right:8px;opacity:0.6;border:1px solid #ccc;
  102. 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;}
  103. .credits a {color:#858585;}
  104.  
  105. #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;}
  106.  
  107.  
  108. {CustomCSS}</style></head>
  109. <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"></script><body>
  110.  
  111. <div class="credits">
  112. <a href="http://exodorado.tumblr.com/" class="poplight" onMouseover="ddrivetip('theme by exodorado')" onMouseout="hideddrivetip()">ED</a></div>
  113.  
  114.  
  115. <div id="sidebar">
  116. <img src="{image:image}">
  117. <div class="link">
  118. <a href="{text:Link 1 URL}">{text:Link 1}</a>&nbsp;&nbsp;
  119. <a href="{text:Link 2 URL}">{text:Link 2}</a>&nbsp;&nbsp;
  120. <a href="{text:Link 3 URL}">{text:Link 3}</a>&nbsp;&nbsp;
  121. <a href="{text:Link 4 URL}">{text:Link 4}</a>&nbsp;&nbsp;
  122. <a href="{text:Link 5 URL}">{text:Link 5}</a>&nbsp;&nbsp;
  123. </div>
  124.  
  125. <div id="description">{Description}<center><br><br>
  126. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{block:JumpPagination length="6"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  127. <a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  128. </div></div>
  129. </div></center>
  130.  
  131. <div id="entries">{block:Posts}<div id="post">
  132. {block:ContentSource}
  133. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  134. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  135. {/block:SourceLogo}
  136. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  137. {/block:ContentSource}
  138.  
  139.  
  140. {block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}
  141.  
  142. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  143.  
  144. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  145.  
  146. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  147.  
  148. {block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}
  149.  
  150. {block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  151.  
  152.  
  153.  
  154.  
  155. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>
  156. <div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  157. <div class="audioinfo">
  158. {block:TrackName}{TrackName}{/block:Trackname}<br>
  159. {block:Artist}{Artist}{/block:Artist}</div>
  160. {/block:Audio}
  161.  
  162.  
  163. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  164.  
  165.  
  166. {block:Answer}<div id="questions">
  167. <div class="asker">{Asker} &rarr; &nbsp; {Question}</div>
  168. <div class="answer">{Answer}</div>
  169. </div>{/block:Answer}
  170.  
  171. {block:HasTags} <div class="tags" style="margin-top:0px;">{block:Tags} #<a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;{/block:Tags} </div>{/block:HasTags}
  172. <table style="font-size:10px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:5px;" width="100%"><tr><td>
  173. {block:RebloggedFrom} <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
  174. {block:ContentSource} <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  175. </td>
  176.  
  177. <td style="text-align:right;">
  178. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  179. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  180. </td></tr></table>
  181. </div>
  182.  
  183.  
  184. {block:PostNotes}
  185. <div class="post">
  186. {PostNotes}
  187. </div>
  188. {/block:PostNotes}
  189.  
  190. {/block:Posts}
  191.  
  192.  
  193.  
  194. </div>
  195.  
  196.  
  197.  
  198. </body>
  199.  
  200. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement