Advertisement
ettudis

tumblr theme 009

May 22nd, 2011
10,608
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.96 KB | None | 0 0
  1. <!--
  2. Tumblr Theme 009 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: admin@ettudis.three-words.net]
  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">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <meta name="color:background" content="#F9F9F9" />
  16. <meta name="color:sidebar background" content="EFEFEF" />
  17. <meta name="color:sidebar text" content="#666666" />
  18. <meta name="color:side image border" content="#222222" />
  19. <meta name="color:side image border hover" content="#111111" />
  20. <meta name="color:links hover" content="#FFFFFF" />
  21. <meta name="color:post background" content="#F2f2f2" />
  22. <meta name="color:post background 2" content="#f6f6f6" />
  23. <meta name="color:post text" content="#999999" />
  24. <meta name="color:post text link" content="#666666" />
  25. <meta name="if:side image" content="1"/>
  26. <meta name="if:Show pagination" content="0"/>
  27. <meta name="if:large post" content="0"/>
  28. <meta name="image:side" content=""/>
  29. <meta name="image:background" content=""/>
  30. <meta name="image:sidebar background" content=""/>
  31. <meta name="image:sidebar links hover" content=""/>
  32. <meta name="image:side image border" content="http://i53.tinypic.com/2hrpxub.jpg"/>
  33. <meta name="image:post background" content=""/>
  34. <meta name="image:post background 2" content=""/>
  35. <meta name="text:previous button" content="-"/>
  36. <meta name="text:next button" content="+"/>
  37. <meta name="text:Link 1 Title" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 Title" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 Title" content="" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Link 4 Title" content="" />
  44. <meta name="text:Link 4" content="" />
  45. <meta name="text:Link 5 Title" content="" />
  46. <meta name="text:Link 5" content="" />
  47. <style type="text/css">
  48. body {
  49. font: 10px consolas, monospace, sans-serif;
  50. margin: 0px;
  51. padding:0px;
  52. background:{color:background} url('{image:background}') fixed;
  53. }
  54. a {
  55. text-decoration: none;
  56. }
  57. #sidebar {
  58. {block:iflargepost}left: 560px;{/block:iflargepost}
  59. {block:ifnotlargepost}left: 460px;{/block:ifnotlargepost}
  60. top: 35px;
  61. position:fixed;
  62. width: 180px;
  63. padding: 15px;
  64. background:{color:sidebar background} url('{image:sidebar background}');
  65. }
  66. #simage {
  67. max-width: 150px;
  68. height: auto;
  69. }
  70. #sideimage a {
  71. padding: 12px;
  72. max-width: 150;
  73. height: auto;
  74. display: block;
  75. margin-bottom:5px;
  76. background:{color:side image border} url('none');
  77. }
  78. #sideimage a:hover{
  79. background:{color:side image border hover} url('{image:side image border}');
  80. }
  81. #desc {
  82. color: {color:sidebar text};
  83. font: 10px consolas, monospace, sans-serif;
  84. letter-spacing: 1px;
  85. margin-top: 3px;
  86. }
  87. #desc a{
  88. padding: 3px;
  89. color: {color:sidebar text};
  90. margin-bottom: 2px;
  91. background:{color:side image border} url('none');
  92. -moz-border-radius: 3px;
  93. -webkit-border-radius: 3px;
  94. border-radius: 3px;
  95. display: block;
  96. }
  97. #desc a:hover {
  98. background:{color:side image border hover} url('{image:sidebar links hover}');
  99. color:{color:links hover} ;
  100. }
  101. #title a{
  102. font: 36px/20px "Courier New", Courier, monospace;
  103. color: {color:sidebar text};
  104. text-transform: uppercase;
  105. letter-spacing: -2px;
  106. }
  107. #title a:hover{
  108. color: {color:links hover};
  109. }
  110. #asker {
  111. text-transform: uppercase;
  112. }
  113. #asker a{
  114. color: {color:post text link};
  115. }
  116. #quote {
  117. padding: 5px;
  118. font: 20px/18px "Courier New", Courier, monospace;
  119. text-transform:uppercase;
  120. letter-spacing: -1px;
  121. }
  122. h1 {
  123. font-size: 18px;
  124. text-transform: uppercase;
  125. font-weight:normal;
  126. letter-spacing: -1px;
  127. padding: 0px;
  128. margin: 0px;
  129. color: {color:post text link};
  130. }
  131. h1 a{
  132. text-decoration:none;
  133. color: {color:post text link};
  134. }
  135. #entry {
  136. font-size: 10px;
  137. letter-spacing: 1px;
  138. color: {color:post text};
  139. }
  140. #content {
  141. padding: 7px;margin-bottom: 7px;
  142. background: {color:post background} url('{image:post background}');
  143. {block:iflargepost}width: 520px;{/block:iflargepost}
  144. {block:ifnotlargepost}width: 420px;{/block:ifnotlargepost}
  145. }
  146. #content2{
  147. padding: 5px;
  148. font-size: 10px;
  149. letter-spacing: 1px;
  150. color: {color:post text};
  151. background: {color:post background 2} url('{image:post background 2}');
  152. overflow:hidden;
  153. {block:iflargepost}width: 510px;{/block:iflargepost}
  154. {block:ifnotlargepost}width: 410px;{/block:ifnotlargepost}
  155. }
  156. #content2 a{
  157. color: {Color:post text link};
  158. }
  159. #nav {
  160. text-align:center;
  161. font-size:9px;
  162. }
  163. #quotesource {
  164. display: block;
  165. text-align: center;
  166. }
  167. #quotesource a {
  168. font-style: italic;
  169. text-decoration:none;
  170. letter-spacing: 1px;
  171. color: {color:post text link};
  172. }
  173. #quotesource a:hover {
  174. color: {color:linkcolor};
  175. }
  176. #chat {
  177. font-style: normal!important;
  178. }
  179. .label {
  180. text-transform: uppercase;
  181. color: {color:header background};
  182. padding-right: 5px;
  183. }
  184. .person1 .label {
  185. padding-right: 5px;
  186. text-transform: uppercase;
  187. color: {color:post text link};
  188. }
  189. ul {
  190. list-style:none;
  191. letter-spacing: 1px;
  192. padding-left: 5px;
  193. }
  194. #audio {
  195. border: 1px solid #000000;
  196. width: 300px;
  197. margin-left: 15px;
  198. background: #000000;
  199. }
  200. #audiotext {
  201. padding: 0px;
  202. margin-top: 0px;
  203. margin-bottom: 5px;
  204. margin-left: 25px;
  205. text-transform: lowercase;
  206. font-style:italic;
  207. }
  208. #audiotext a {
  209. font-weight: normal;
  210. text-decoration: none;
  211. color: {color:post text link};
  212. }
  213. .caption {
  214. text-transform: lowercase;
  215. text-align: left;
  216. {block:iflargepost}width: 500px;{/block:iflargepost}
  217. {block:ifnotlargepost}width: 400px;{/block:ifnotlargepost}
  218. }
  219. #source {
  220. letter-spacing: 0px;
  221. padding-left: 15px;
  222. }
  223. #source a {
  224. color: {color:post text link};
  225. text-transform: lowercase;
  226. text-decoration: none;
  227. }
  228. #notes a{
  229. margin-top: 3px;
  230. display: inline;
  231. text-decoration: none;
  232. padding: 2px;
  233. text-transform: lowercase;
  234. color: {color:post text link};
  235. background: {color:background};
  236. margin: 2px;
  237. }
  238. #post {
  239. margin-bottom: 50px;
  240. }
  241. #text a{
  242. color: {Color:post text link};
  243. }
  244. #text a:hover{
  245. background-color: {Color:background};
  246. }
  247. #nav a{
  248. font: 10px "Courier New", Courier, monospace;
  249. color: {color:sidebar text};
  250. text-transform: uppercase;
  251. letter-spacing: -1px;
  252. }
  253. #nav a:hover{
  254. color: {color:links hover};
  255. }
  256. #tags a{
  257. color: {Color:post text link};
  258. margin-right: 5px;
  259. }
  260. #tags a:hover{
  261. color: {color:background};
  262. }
  263. #captiona a{
  264. color: {color:post text link};
  265. }
  266. #note {
  267. background: {color:post background 2} url('{image:post background 2}');
  268. }
  269. #note a{
  270. color: {color:post text link};
  271. }
  272. div.perma a {
  273. font: 11px/9px "Courier New", Courier, monospacef;
  274. text-align:center;
  275. position:absolute;
  276. left:0px;
  277. width:100px;
  278. text-transform:uppercase;
  279. color: {color:links hover};
  280. background: {color:side image border};
  281. line-height:30px;
  282. }
  283. div.perma {
  284. opacity: 0;
  285. filter:alpha(opacity=0);
  286. -moz-opacity: 0;
  287. -khtml-opacity: 0;
  288. -webkit-transition: all 0.3s ease;
  289. -moz-transition: all 0.3s ease;
  290. -o-transition: all 0.3s ease;
  291. }
  292. div.date:hover div.perma {
  293. opacity: 1;
  294. filter:alpha(opacity=100);
  295. -moz-opacity: 1;
  296. -khtml-opacity: 1;
  297. }
  298. #text, #captiona{
  299. {block:iflargepost}width: 500px;{/block:iflargepost}
  300. {block:ifnotlargepost}width: 400px;{/block:ifnotlargepost}
  301. overflow: hidden;
  302. }
  303. #all {
  304. position: absolute; left: 10px;top: 5px;
  305. }
  306. </style>
  307. </head>
  308. <body>
  309. <div id="sidebar">
  310. <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
  311. <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  312. <div id="desc">{block:Description}{Description}{/block:Description}
  313. <p> {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  314. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  315. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  316. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  317. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  318. <a href="/archive">archives</a>
  319. <a href="/ask">message</a>
  320. <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  321. <div id="nav">
  322. {block:Pagination}
  323. {block:PreviousPage}
  324. <a href="{PreviousPage}">{text:previous button}</a>
  325. {/block:PreviousPage}/
  326.  
  327. {block:ifshowpagination}{block:JumpPagination length="5"}
  328. {block:CurrentPage}
  329. <span class="current_page">{PageNumber}</span>
  330. {/block:CurrentPage}
  331.  
  332. {block:JumpPage}
  333. <a class="jump_page" href="{URL}">{PageNumber}</a>
  334. {/block:JumpPage}
  335. {/block:JumpPagination}{/block:ifshowpagination}
  336.  
  337. /{block:NextPage}
  338. <a href="{NextPage}">{text:next button}</a>
  339. {/block:NextPage}
  340. {/block:Pagination}
  341. </div>
  342. </div>
  343.  
  344.  
  345. <div id="all">{block:posts}<div id="content">
  346. <div id="content2">
  347. <div class="date">
  348. {block:IndexPage}<div class="perma">{block:Date}<a href="{Permalink}"><font style="font-size:24px!important;">*</font>{ShortMonth}{DayOfMonthWithZero}{Year}</a>{/block:Date}</div>{/block:IndexPage}
  349.  
  350. {block:Text}
  351. <h1>{block:Title}<a href="{Permalink}">&raquo; {Title}</a>{/block:Title}</h1>
  352. <div id="text">{Body}</div>
  353. {/block:Text}
  354.  
  355. {block:iflargepost}<div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  356. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  357. <div align="center">{block:Video}{Video-500}{/block:Video}</div>{/block:iflargepost}
  358.  
  359. {block:ifnotlargepost}<div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  360. <div align="center">{block:Photoset}{Photoset-400}{/block:Photoset}</div>
  361. <div align="center">{block:Video}{Video-400}{/block:Video}</div>{/block:ifnotlargepost}
  362.  
  363.  
  364. {block:Quote}
  365. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  366. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  367. {/block:Quote}
  368.  
  369. {block:Link}
  370. <h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>
  371. {block:Description}{Description}{/block:Description}{/block:Link}
  372.  
  373. {block:Chat}{block:Title}
  374. <h1><a href="{Permalink}">{Title}</a></h1>
  375. {/block:Title}
  376. <div id="chat">
  377. <ul>
  378. {block:Lines}
  379. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  380. {/block:Lines}
  381. </ul>
  382. </div>
  383. {/block:Chat}
  384.  
  385. {block:Audio}
  386. <div id="audiotext">{PlayCountWithLabel}</div>
  387. <div id="audio">{AudioPlayerBlack}</div>
  388. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  389. {/block:Audio}
  390.  
  391. {block:Answer}
  392. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  393. <div id="answer">{Answer}</div>
  394. {/block:Answer}
  395.  
  396. <div id="captiona">{block:Photo} {block:Caption}
  397. <div class="caption" style="overflow:hidden">{Caption}</div>
  398. {/block:Caption}{/block:Photo}
  399. {block:Video}{block:Caption}
  400. <div class="caption" style="overflow:hidden">{Caption}</div>
  401. {/block:Caption}{/block:Video}
  402. {block:Photoset}{block:Caption}
  403. <div class="caption" style="overflow:hidden">{Caption}</div>
  404. {/block:Caption}{/block:Photoset}</div>
  405.  
  406. <div id="source">{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  407.  
  408. <p>
  409. <span id="notes"><a href="{Permalink}" title="permalink to this post">{block:NoteCount}{NoteCount} notes{/block:NoteCount}</a></span>
  410. <span id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </span>
  411. <div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes} </div>
  412.  
  413. </div></div></div>
  414. {/block:Posts}
  415. </div>
  416. </body>
  417. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement