API tools faq
paste
Advertisement
ettudisthemes

Tumblr Theme 038

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