Advertisement
buckygyllenhaal

Theme Serene (10)

Jan 25th, 2015
1,437
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.97 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.  
  5. <!-----
  6.  
  7. theme by buckygyllenhaal ©
  8. ● respect my work, do not remove the credits.
  9. ● do not use as a basis.
  10.  
  11. ------>
  12.  
  13.  
  14.  
  15. <!------------------------------- Essencial --------------------------------->
  16. <head>
  17. <title>{title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21.  
  22. <!------------------------------- Aparência --------------------------------->
  23. <meta name="image:image" content="http://38.media.tumblr.com/dae9edfcfecd2b3bf99dbd1ae7eca8f5/tumblr_n0qmurOJ0e1rmb1bpo4_250.gif" />
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:writing" content="#858585"/>
  26. <meta name="color:bold" content="#858585"/>
  27. <meta name="color:italic" content="#858585"/>
  28. <meta name="color:link" content="#858585"/>
  29. <meta name="color:link hover" content="#5a5959"/>
  30. <meta name="color:ask" content="#f7f7f7"/>
  31. <meta name="color:tag" content="#888"/>
  32. <meta name="color:tags" content="#f7f7f7"/>
  33. <meta name="color:border" content="#eee"/>
  34.  
  35. <meta name="text:Link 1 URL" content="/"/>
  36. <meta name="text:Link 1" content="link"/>
  37. <meta name="text:Link 2 URL" content="/"/>
  38. <meta name="text:Link 2" content="link"/>
  39. <meta name="text:Link 3 URL" content="/"/>
  40. <meta name="text:Link 3" content="link"/>
  41. <meta name="text:Link 4 URL" content="/"/>
  42. <meta name="text:Link 4" content="link"/>
  43. <meta name="text:Link 5 URL" content="/"/>
  44. <meta name="text:Link 5" content="link"/>
  45.  
  46. <style type="text/css">
  47.  
  48.  
  49. ::-webkit-scrollbar-thumb {height:auto;background-color: #eee;border: 2px solid #fff;}
  50. ::-webkit-scrollbar {height:9px;width:9px;background-color: #eee;border: 4px solid #fff;}
  51.  
  52. /* --- body --- */
  53. 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}');}
  54.  
  55. small {font-size:9px;}
  56.  
  57. /* --- basic style --- */
  58. strong, b, bold {color:{color:bold};text-decoration:none;font-weight:bold;}
  59. i, em, italic {color:{color:italic};}
  60. a {text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  61. a:hover{text-decoration:none; color:{color:link hover};}
  62. blockquote {border-left: 1px dotted {color:writing}; text-align: justify; padding: 8px; margin: 3px; line-height: 14px;}
  63. img a{border:none; width:100%}
  64. 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}
  65.  
  66. /* --- seletion --- */
  67. ::selection{background: #eee; color: #858585;}
  68. ::-moz-selection{background: #eee; color: #858585;}
  69.  
  70. /* --- post --- */
  71. #entries {padding:20px;width:500px;margin-top: -50px;margin-left:450px;margin-bottom: 80px;color: {color:writing};}
  72. #post {width:500px;font-family: 'Trebuchet MS';color: {color:writing};opacity:1;margin-top: 60px;margin-left: 0px;padding-bottom: -60px;line-height: 110%;}
  73. #post:hover #source {opacity: 1;-moz-transition-duration:0.6s;-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;}
  74.  
  75. /* --- quote --- */
  76. #source {padding-bottom: 5px;padding-right: 5px;font-family: 'arial';
  77. text-transform: lowercase;font-size: 10px;font-style: auto;text-align: right;color: #333;opacity:1;}
  78.  
  79. /* --- ask --- */
  80. #questions {width: 500px;}
  81. .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;}
  82. .answer {text-align: justify;font-family: 'Trebuchet MS';font-size: 11px;color:{color:writing};}
  83.  
  84. /* --- audio --- */
  85. .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;}
  86. .audioinfo {background-color: {color:Background};font-family: 'Trebuchet MS';padding-left: 70px;font-size: 9px;margin-bottom: 30px;margin-top: -40px;}
  87. .audioimg {opacity: 0.1;border: 0px solid {color:Background};width: 60px;height: 60px;}
  88.  
  89. /* --- sidebar --- */
  90. #sidebar {width:270px;height:325px;position:fixed;margin-top:300px;margin-left:150px;}
  91. #sidebarimage {width:200px;}
  92.  
  93. .link {width:237px;padding: 4px;margin-left:0px;text-align:center;text-align:center;position:fixed;margin-top:7px;border-bottom: 1px solid {color:border};}
  94. .link a {width:74px;padding:2px;color:{color:Link};margin-left:3px;}
  95.  
  96. #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;}
  97.  
  98. #pagination {padding:6px;font-family:times;letter-spacing:0px;font-size:7px;text-align:center;margin-top:7px;margin-left:-4px;letter-spacing:2px;}
  99.  
  100. /* --- tag --- */
  101. .tags {color:{color:tag};padding:5px 5px 5px 5px;text-transform:lowercase;font-size:10px;background-color:{color:tags};}
  102.  
  103. /* --- credits --- */
  104. .credits{width:8px;height:8px;float:right;font-size:9px;color:#ccc;line-height:8px;text-align:center;font-family: tahoma;padding: 4px;z-index: 11;right:8px;color:#696969;background:#fff;border-radius:100px;
  105. position:fixed; text-transform: uppercase;bottom:8px;overflow: hidden;}
  106. .credits a {color:#696969;}
  107.  
  108. #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;}
  109.  
  110.  
  111. {CustomCSS}</style></head>
  112. <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>
  113.  
  114. <div class="credits">
  115. <a href="http://buckygyllenhaal.tumblr.com/" class="poplight" onMouseover="ddrivetip('theme by buckygyllenhaal')" onMouseout="hideddrivetip()">©</a></div>
  116.  
  117.  
  118. <div id="sidebar">
  119. <img src="{image:image}">
  120. <div class="link">
  121. <a href="{text:Link 1 URL}">{text:Link 1}</a>&nbsp;&nbsp;
  122. <a href="{text:Link 2 URL}">{text:Link 2}</a>&nbsp;&nbsp;
  123. <a href="{text:Link 3 URL}">{text:Link 3}</a>&nbsp;&nbsp;
  124. <a href="{text:Link 4 URL}">{text:Link 4}</a>&nbsp;&nbsp;
  125. <a href="{text:Link 5 URL}">{text:Link 5}</a>&nbsp;&nbsp;
  126. </div>
  127.  
  128. <div id="description">{Description}<center><br>
  129. {block:Pagination}<div class="pagi">
  130. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  131. ― {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  132. </div>{/block:Pagination}
  133. </div></div>
  134. </div></center>
  135.  
  136. <div id="entries">{block:Posts}<div id="post">
  137. {block:ContentSource}
  138. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  139. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  140. {/block:SourceLogo}
  141. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  142. {/block:ContentSource}
  143.  
  144.  
  145. {block:Text}<titles>{block:Title}{Title}{/block:Title}</titles>{Body}{/block:Text}
  146.  
  147. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  148.  
  149. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  150.  
  151. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}<br>
  152.  
  153. {block:Link}<titles><a href="{URL}" {Target}>{Name}</a></titles>{block:Description}{Description}{/block:Description}{/block:Link}
  154.  
  155. {block:Chat}{block:Title}<titles>{Title}</titles>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  156.  
  157.  
  158.  
  159.  
  160. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div>
  161. <div class="audioimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="60">{/block:AlbumArt}</div>
  162. <div class="audioinfo">
  163. {block:TrackName}{TrackName}{/block:Trackname}<br>
  164. {block:Artist}{Artist}{/block:Artist}</div>
  165. {/block:Audio}
  166.  
  167.  
  168. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  169.  
  170.  
  171. {block:Answer}<div id="questions">
  172. <div class="asker">{Asker}: &nbsp; {Question}</div>
  173. <div class="answer">{Answer}</div>
  174. </div>{/block:Answer}
  175.  
  176. {block:HasTags} <div class="tags" style="margin-top:10px;">{block:Tags} #<a href="{TagURL}">{Tag}</a> &nbsp;&nbsp;{/block:Tags} </div>{/block:HasTags}
  177. <table style="font-size:10px;color:{color:hover};border-top:1px solid #f0f0f0;margin-top:5px;" width="100%"><tr><td>
  178. {block:RebloggedFrom} <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> / {/block:RebloggedFrom}
  179. {block:ContentSource} <b>source:</b> <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  180. </td>
  181.  
  182. <td style="text-align:right;">
  183. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  184. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} , <a href="{ReblogURL}" target="_blank">reblog</a>
  185. </td></tr></table>
  186. </div>
  187.  
  188.  
  189. {block:PostNotes}
  190. <div class="post">
  191. {PostNotes}
  192. </div>
  193. {/block:PostNotes}
  194.  
  195. {/block:Posts}
  196. <script type="text/javascript">
  197. window.onload = function() {
  198. $('iframe.photoset').contents().find('.photoset_row').attr("style", "width:500px; margin-bottom: -4px;");
  199. $('iframe.photoset').contents().find('.photoset_row').find('img').attr("style", "width:500px;");
  200. $('iframe.photoset').contents().find('.photoset_row_2').find('img').attr("style", "width:245px; margin-right: 0px;");
  201. $('iframe.photoset').contents().find('.photoset_row_3').find('img').attr("style", "width:160px; margin-right: 0px;");
  202. }
  203. </script>
  204. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement