Advertisement
t-offee

Ensueno Theme (OLD)

Apr 7th, 2013
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 KB | None | 0 0
  1. <!------------------------------------------------------------------------
  2.  
  3.  
  4. /// ensueno theme edit by ally
  5.  
  6. © 2014 stahrfruits.tumblr.com
  7.  
  8.  
  9. -------------------------------------------------------------------------->
  10. <!--
  11. Original credits to:
  12. Tumblr Theme 038 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  13. CONTACT INFO [email: ettudisdesigns@gmail.com]
  14. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  15. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21. <!--CUSTOM FONT-->
  22. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  23. <script type="text/javascript">
  24. WebFontConfig = {
  25. google: { families: [ 'Petit+Formal+Script::latin' ] }
  26. };
  27. (function() {
  28. var wf = document.createElement('script');
  29. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  30. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  31. wf.type = 'text/javascript';
  32. wf.async = 'true';
  33. var s = document.getElementsByTagName('script')[0];
  34. s.parentNode.insertBefore(wf, s);
  35. })(); </script>
  36. <!--CUSTOM FONT-->
  37.  
  38. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  39. {block:Description}
  40. <meta name="Description" content="{MetaDescription}" />
  41. {/block:Description}
  42. <link href='http://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
  43. <link rel="shortcut icon" href="{favicon}" />
  44. <meta name="color:album art border" content="#e4dfd5" />
  45. <meta name="color:asker icon border" content="#333333" />
  46. <meta name="color:background" content="#FAF6F5" />
  47. <meta name="color:border dashed" content="#DDDDDD" />
  48. <meta name="color:chat" content="#333333" />
  49. <meta name="color:chat bg" content="#e4dfd5" />
  50. <meta name="color:description" content="#999999" />
  51. <meta name="color:description bg" content="#FFFFFF" />
  52. <meta name="color:extra links" content="#999999" />
  53. <meta name="color:extra links border" content="#f2ecea" />
  54. <meta name="color:extra links bg" content="#fffdfd" />
  55. <meta name="color:extra links hover" content="#666666" />
  56. <meta name="color:extra links hover bg" content="#FFFFFF" />
  57. <meta name="color:image border" content="#FFFFFF" />
  58. <meta name="color:info border" content="#f2ecea" />
  59. <meta name="color:info bg" content="#fffdfd" />
  60. <meta name="color:info text" content="#999999" />
  61. <meta name="color:info links" content="#CCCCCC" />
  62. <meta name="color:image border" content="#FFFFFF" />
  63. <meta name="color:links" content="#e4d7d4" />
  64. <meta name="color:links bg" content="#faf6f5" />
  65. <meta name="color:links hover" content="#AAAAAA" />
  66. <meta name="color:links hover bg" content="#f7f7f7" />
  67. <meta name="color:menu links" content="#000000" />
  68. <meta name="color:menu links hover" content="#e1c8c2" />
  69. <meta name="color:notes bg" content="#000000" />
  70. <meta name="color:notes icon border" content="#111111" />
  71. <meta name="color:notes link" content="#555555" />
  72. <meta name="color:notes text" content="#333333" />
  73. <meta name="color:pagination" content="#FFFFFF" />
  74. <meta name="color:pagination bg" content="#000000" />
  75. <meta name="color:permalink" content="#555555" />
  76. <meta name="color:permalink bg" content="#000000" />
  77. <meta name="color:permalink hover" content="#333333" />
  78. <meta name="color:post bg" content="#FFFFFF" />
  79. <meta name="color:post border" content="#DDDDDD" />
  80. <meta name="color:post text" content="#666666" />
  81. <meta name="color:post title" content="#454545" />
  82. <meta name="color:post title border" content="#e4dfd5" />
  83. <meta name="color:scrollbar thumb" content="#000000" />
  84. <meta name="color:scrollbar track" content="#FFFFFF" />
  85. <meta name="image:background" content="" />
  86. <meta name="image:permalink bg" content="" />
  87. <meta name="image:side" content="
  88. http://25.media.tumblr.com/tumblr_lljutnLo6o1qzph89o1_500.jpg" />
  89. <meta name="if:show captions" content="1" />
  90. <meta name="text:Link 1" content="" />
  91. <meta name="text:Link 1 Title" content="" />
  92. <meta name="text:Link 2" content="" />
  93. <meta name="text:Link 2 Title" content="" />
  94. <meta name="text:Link 3" content="" />
  95. <meta name="text:Link 3 Title" content="" />
  96. <meta name="text:Link 4" content="" />
  97. <meta name="text:Link 4 Title" content="" />
  98. <meta name="text:Link 5" content="" />
  99. <meta name="text:Link 5 Title" content="" />
  100. <style type="text/css">
  101.  
  102. body {margin: 0px;padding:0px;background:{color:background} url({image:background}) fixed;}
  103. a {color:{color:links};text-decoration: none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  104. a:hover {color: {color:links hover};-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  105. :hover {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  106. iframe#tumblr_controls {right:3px !important; position: fixed !important;opacity: 0.2;filter:alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  107. iframe#tumblr_controls:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  108.  
  109. #box {position:fixed;left:300px;top:70px;width:200px;z-index:10;}
  110. #xbord {border:1px dashed {color:border dashed};width:200px;}
  111. #img {border:20px solid {color:image border};width:160px;}
  112. #menu {position:fixed;left:130px;top:100px;z-index:9;}
  113. #menu a{color:{color:menu links};display:block;}
  114. #menu a:hover {color:{color:menu links hover};}
  115. a.m1 {font:50px/40px Coustard, georgia, times new roman, serif;letter-spacing:-5px;margin:0px 50px;}
  116. a.m2 {font:italic 70px/60px georgia, times new roman, serif;margin-top:-20px;}
  117. a.m3 {font: 65px/50px trebuchet ms, arial, sans-serif;letter-spacing:-3px;margin-top:-15px;margin-left:-10px;}
  118. a.m4 {font:bold italic 50px/10px times new roman, georgia, serif;margin-left:45px;letter-spacing:-1px;}
  119.  
  120.  
  121.  
  122.  
  123. #descr {position:fixed;left:318px;top:325px;width:160px;text-align:center;line-height:10px!important;}
  124. .desc {background:{color:description bg};color:{color:description};font:10px/14px petit formal script;letter-spacing:1px;padding:0px 1px;}
  125. #desclink {margin-top:10px;}
  126. #desclink a {display:block;margin:2px 0px;font:10px petit formal script;border:1px solid {color:extra links border};background:{color:extra links bg};color:{color:extra links};text-align:center;padding:2px;}
  127. #desclink a:hover {font-style:italic;background:{color:extra links hover bg};color:{color:extra links hover};}
  128. #colm {margin-top:30px;margin-left:580px;font:9px/12px petit formal script;overflow:hidden;padding:0px;overflow:visible;}
  129.  
  130.  
  131.  
  132. #post {color:{color:post text};background:{color:post bg};padding:15px;border:1px dashed {color:post border};{block:indexpage}width:400px;{/block:indexpage}{block:permalinkpage}width:450px;{/block:permalinkpage}position:relative;float:left;margin:-10px;min-height:47px;}
  133.  
  134.  
  135. #text a, div.caption a {font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;background:{color:links bg};color:{color:links};}
  136. #text a:hover, div.caption a:hover {background:{color:links hover bg};color:{color:links hover};}
  137. div.caption img, #text img {{block:indexpage}max-width:400px;{/block:indexpage}{block:permalinkpage}max-width:500px;{/block:permalinkpage};}
  138. blockquote {margin:5px 10px;padding:5px;}
  139. blockquote p{margin:3px 0px;padding:0px;}
  140. #content {background:{color:permalink bg} url({image:permalink bg});-moz-border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;}
  141. #spacer {background:transparent!important;}
  142. #data {font-family: petit formal script;color:{color:permalink};padding:10px;{block:indexpage}margin-left:420px;{/block:indexpage}{block:permalinkpage}margin-left:520px;{/block:permalinkpage}}
  143. #data a {color:{color:permalink};}
  144. #data a:hover {color:{color:permalink hover};}
  145. #info {margin-left:-10px;font:7px petit formal script;border:1px solid {color:info border};background:{color:info bg};color:{color:info text};text-align:left;padding:5px;width:100%;letter-spacing:1px;line-height:10px;}
  146. #info a{text-transform:lowercase;color:{color:info links};font-size:11px;letter-spacing:0px;}
  147. #info a:hover {font-style:italic;}
  148. #note {background:{color:notes bg};padding:10px;color:{color:notes text};margin-left:-10px;margin-top:10px;font:9px petit formal script;moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
  149. #note a {text-transform:lowercase;color:{color:notes link};font-size:11px;}
  150. #note a:hover {color:notes text}}
  151. ol.notes {padding: 0px;margin: 0px; list-style-type: none!important;}
  152. ol.notes li.note img.avatar {border:7px solid {color:notes icon border};margin-bottom:5px;vertical-align: -15px;}
  153. #page {margin-top:10px;text-align:center;color:{color:pagination text}!important;}
  154. #page a, .current_page {color:{color:pagination text}!important;background:{color:pagination bg};font:9px petit formal script;padding:3px 4px;margin:2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
  155. ::-webkit-scrollbar {width:7px; height:7px;}
  156. ::-webkit-scrollbar-track {background-color:{color:scrollbar track};}
  157. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar thumb};-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
  158. ::-webkit-scrollbar:double-button {background-color:{color:scrollbar thumb};}
  159. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar track};}
  160. ::-webkit-scrollbar-thumb:vertical{background-color:{color:scrollbar thumb};}
  161. h1 a{border-bottom:1px solid {color:post title border};font-weight:normal;text-transform:none!important;background:none!important;}
  162. h1, h1 a{font:16px/20px petit formal script!important;color:{color:post title}!important;letter-spacing:-1px!important;margin:2px;padding:0px;}
  163. h3 {font:9px petit formal script;color:{color:chat};background:{color:chat bg};padding:2px;margin:2px;}
  164. #quote, #asker, #asker a {text-transform:none!important;font:16px/20px petit formal script!important;letter-spacing:-1px!important;color:{color:post title}!important;}
  165. #quotesource {margin-top:3px;text-align:right;}
  166. #album{float:left;margin-right:10px;border:10px solid {color:album art border};}
  167. #audio {min-height:150px;}
  168. #player {background:#E5E5E5;padding:5px 30px;margin:7px 0px;}
  169. i, em {font-family:petit formal script;font-style:italic;}
  170.  
  171. @import url(http://fonts.googleapis.com/css?family=Petit+Formal+Script);
  172. </style>
  173. </head>
  174. <body>
  175. <div id="box">
  176. <div id="xbord"><img src="{image:side}" id="img"></div>
  177. </div>
  178. <div id="descr">
  179. {block:description}<font class="desc">{description}</font>{/block:description}
  180. <div id="desclink">
  181. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  182. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  183. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  184. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  185. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  186. </div>
  187. <div id="page">
  188. {block:Pagination}
  189.  
  190. {block:PreviousPage}
  191. <a href="{PreviousPage}">&laquo;</a>
  192. {/block:PreviousPage}
  193.  
  194. {block:JumpPagination length="3"}
  195.  
  196. {block:CurrentPage}
  197. <span class="current_page">{PageNumber}</span>
  198. {/block:CurrentPage}
  199.  
  200. {block:JumpPage}
  201. <a class="jump_page" href="{URL}">{PageNumber}</a>
  202. {/block:JumpPage}
  203. {/block:JumpPagination}
  204.  
  205. {block:NextPage}
  206. <a href="{NextPage}">&raquo;</a>
  207. {/block:NextPage}
  208. {/block:Pagination}
  209. </div>
  210. </div>
  211. <div id="menu">
  212. <a href="/" name="{title}" class="m1">home</a>
  213. <a href="/ask" class="m2">inbox</a>
  214. <a href="/archive" class="m3">archive</a>
  215. <a href="http://he-is-fabulouis.tumblr.com/design" class="m4">design</a>
  216. </div>
  217.  
  218. <table border="0" cellspacing="20" cellpadding="0" id="colm" {block:indexpage}width="550px"{/block:indexpage}{block:permalinkpage}width="620px"{/block:permalinkpage}>{block:Posts}
  219. <tr>
  220. <td id="content">
  221.  
  222. <div id="post">
  223. {block:Text}<div id="text">
  224. {block:Title}<h1>{Title}</h1>{/block:Title}
  225. {Body}</div>
  226. {/block:Text}
  227.  
  228. {block:Photo}
  229. {block:indexpage}<div id="border"><a href="/"><img src="{PhotoURL-400}" border="0"/></a></div>{/block:indexpage}
  230. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  231. {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  232. {/block:Photo}
  233.  
  234. {block:Photoset}
  235. {block:indexpage}<div id="border">{Photoset-400}</div>{/block:indexpage}
  236. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  237. {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  238. {/block:Photoset}
  239.  
  240. {block:Quote}<div id="text">
  241. <div id="quote">{Quote}</div>
  242. {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}</div>
  243. {/block:Quote}
  244.  
  245. {block:Link}<div id="text">
  246. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  247. {block:Description}{Description}{/block:Description}</div>
  248. {/block:Link}
  249.  
  250. {block:Chat}<div id="text">
  251. {block:Title}<h1>{Title}</h1>{/block:Title}
  252. {block:Lines}<h3>{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}</h3>{/block:Lines}</div>
  253. {/block:Chat}
  254.  
  255. {block:Audio}<div id="text">
  256. <div id="audio"> <div id="player">{AudioPlayerGrey} </div>
  257. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  258. {PlayCountWithLabel} {block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  259. </div>
  260. </div>
  261. {/block:Audio}
  262.  
  263. {block:Video}
  264. {block:indexpage}<div id="border">{Video-400}</div>{/block:indexpage}
  265. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  266. {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  267. {/block:Video}
  268.  
  269. {block:Answer}<div id="text" style="min-height:50px;">
  270. <div id="asker" style="margin-bottom:3px;"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:7px solid {color:asker icon border};"> {Asker} asked:</div> <i>{Question}</i></font>
  271. <p style="margin-left:5px;">{Answer}</p></div>
  272. {/block:Answer}
  273. </div><div id="data">{block:Date}<a href="{Permalink}"><font style="font-size:16px;letter-spacing:-1px;line-height:10px;">{ShortMonth}</font><br><font style="font-size:24px;letter-spacing:-1px;line-height:18px;">{DayofMonthwithZero}</font><br><font style="font-size:13px;letter-spacing:-1px;line-height:8px;">{Year}</font></a>{/block:Date}</div>
  274. </td>
  275. </tr>
  276. <tr><td id="spacer">{block:Permalinkpage}
  277.  
  278. {block:Date} <div id="info">{Month} {DayofMonth}, {Year} @ {24HourWithZero}:{Minutes} {block:NoteCount}with {NoteCountwithLabel} <br>{/block:NoteCount}
  279. {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom} - <a href="{ReblogParentURL}">VIA</a> - <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}</a>
  280.  
  281. {block:HasTags}<br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> <font style="font-size:6px;"></font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  282.  
  283. {block:PostNotes}
  284. <div id="note">{PostNotes}</div>
  285. {/block:PostNotes}
  286.  
  287. {/block:Permalinkpage}</td></tr>{/block:Posts}
  288. </table>
  289.  
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement