Advertisement
ettudis

tumblr theme 014

Jul 6th, 2011
7,436
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.07 KB | None | 0 0
  1. <!--
  2. Tumblr Theme 014 VERSION 1 (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="#525252" />
  16. <meta name="color:blockquote" content="#1D1D1D" />
  17. <meta name="color:permalink" content="#E2C4C4" />
  18. <meta name="color:permalink background" content="#4E4343" />
  19. <meta name="color:permalink text" content="#9E8C8C" />
  20. <meta name="color:post background" content="#272727" />
  21. <meta name="color:post text" content="#747474" />
  22. <meta name="color:post text link" content="#967188" />
  23. <meta name="color:post text link 2" content="#525252" />
  24. <meta name="color:topbar background" content="#000000" />
  25. <meta name="color:topbar text" content="#999999" />
  26. <meta name="color:topbar link" content="#A8A8A8" />
  27. <meta name="color:topbar linkhover" content="#E9DCDC" />
  28. <meta name="color:topbar link border" content="#4E3A3A" />
  29. <meta name="color:topbar link background" content="#111111" />
  30. <meta name="color:title" content="#DFDFDF" />
  31. <meta name="font:content" content="georgia" />
  32. <meta name="font:header" content="georgia" />
  33. <meta name="font:quotes" content="courier new" />
  34. <meta name="font:topbar" content="trebuchet ms" />
  35. <meta name="font:title" content="georgia" />
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 1" content="" />
  38. <meta name="text:Link 2 Title" content="" />
  39. <meta name="text:Link 2" content="" />
  40. <meta name="text:Link 3 Title" content="" />
  41. <meta name="text:Link 3" content="" />
  42. <meta name="text:Link 4 Title" content="" />
  43. <meta name="text:Link 4" content="" />
  44. <meta name="text:Link 5 Title" content="" />
  45. <meta name="text:Link 5" content="" />
  46. <meta name="text:next button" content="forward"/>
  47. <meta name="text:previous button" content="backward"/>
  48. <meta name="image:background" content="http://i1231.photobucket.com/albums/ee502/ettudis/tumblr/wood2.jpg"/>
  49. <meta name="image:post background" content=""/>
  50. <meta name="image:top" content="http://i1231.photobucket.com/albums/ee502/ettudis/tumblr/miya38-2.png"/>
  51. <meta name="image:topbar background" content=""/>
  52. <meta name="if:Show pagination" content="1"/>
  53. <meta name="if:topbar fade effect" content="1"/>
  54. <meta name="if:top image" content="1"/>
  55. <style type="text/css">
  56. body {
  57. margin: 0px!important;
  58. padding: 0px;
  59. background: {color:background} url('{image:background}');
  60. background-attachment: fixed;
  61. }
  62. a {
  63. text-decoration: none;
  64. color: {color:post text link};
  65. }
  66. #title {
  67. text-align: center;
  68. padding: 10px 5px;
  69. }
  70. #title a{
  71. font: 26px {font:title};
  72. letter-spacing: 1px;
  73. color: {color:title};
  74. }
  75. #title a:hover {
  76. color: {color:topbar linkhover};
  77. }
  78. #topbarb {
  79. padding: 5px
  80. z-index: 5;
  81. background: {color:topbar background} url('{image:topbar background}');
  82. height: 200px;
  83. }
  84. {block:iftopbarfadeeffect}
  85. #topbarb {
  86. opacity: 0.2;
  87. filter:alpha(opacity=20);
  88. -moz-opacity: 0.2;
  89. -khtml-opacity: 0.2;
  90. -webkit-transition: all 0.9s ease;
  91. -moz-transition: all 0.9s ease;
  92. -o-transition: all 0.9s ease;
  93. }
  94. #topbarb:hover {
  95. opacity: 1;
  96. filter:alpha(opacity=100);
  97. -moz-opacity: 1;
  98. -khtml-opacity: 1;
  99. }
  100. {/block:iftopbarfadeeffect}
  101. #nav{
  102. font: 9px {font:title};
  103. color: {color:topbar text};
  104. }
  105. #nav a{ font: 9px {font:title};
  106. color: {color:title};
  107. text-align: center;
  108. }
  109. #nav a:hover {
  110. color: {color:topbar linkhover};
  111. }
  112. #desc {
  113. font: 10px {font:topbar};
  114. padding-bottom: 15px;
  115. color: {color:topbar text};
  116. }
  117. #desc a{
  118. text-align: left;
  119. font: 10px consolas,{font:topbar};
  120. text-transform:uppercase;
  121. display: block;
  122. padding: 3px 3px 3px 7px;
  123. margin: 0px 10px 3px;
  124. color: {color:topbar link};
  125. background: {color:topbar link background};
  126. border-left: 7px solid {color:topbar link border};
  127. letter-spacing: 2px;
  128. }
  129. #desc a:hover{
  130. color: {color:topbar linkhover};
  131. }
  132. .side {
  133. max-width: 200px;
  134. }
  135. iframe#tumblr_controls {right:3px !important;
  136. position: fixed !important;
  137. opacity: 0.2;
  138. filter:alpha(opacity=20);
  139. -moz-opacity: 0.2;
  140. -khtml-opacity: 0.2;
  141. -webkit-transition: all 0.9s ease;
  142. -moz-transition: all 0.9s ease;
  143. -o-transition: all 0.9s ease;}
  144.  
  145. iframe#tumblr_controls:hover{
  146. opacity: 1;
  147. filter:alpha(opacity=100);
  148. -moz-opacity: 1;
  149. -khtml-opacity: 1;}
  150.  
  151. #asker {
  152. font-style: italic;
  153. background: {color:blockquote};
  154. }
  155. #asker a{
  156. color: {color:post text link};
  157. }
  158. #quote {
  159. padding: 5px;
  160. font: 12px/12px {font:quotes};
  161. text-transform: lowercase;
  162. letter-spacing: 1px;
  163. }
  164. h1 {
  165. font: italic 12px {font:header};
  166. text-transform:lowercase;
  167. letter-spacing: 1px;
  168. padding: 2px 5px;
  169. margin: 0px;
  170. color: {color:post text link 2};
  171. text-align: center;
  172. }
  173. h1 a{
  174. text-decoration:none;
  175. color: {color:post text link 2};
  176. }
  177. h1 a:hover {
  178. color: {color:post text link};
  179. }
  180. #entry {
  181. font-size: 10px;
  182. letter-spacing: 1px;
  183. color: {color:post text};
  184. }
  185. #content2{
  186. overflow:hidden;
  187. padding: 5px;
  188. font-family:{font:content};
  189. font-size: 10px;
  190. color: {color:post text};
  191. background: {color:post background} url('{image:post background}');
  192. margin: 7px;
  193. }
  194. #quotesource {
  195. display: block;
  196. text-align: center;
  197. }
  198. #quotesource a {
  199. font-style: italic;
  200. text-decoration:none;
  201. letter-spacing: 1px;
  202. color: {color:post text link};
  203. }
  204. #quotesource a:hover {
  205. color: {color:post text link};
  206. }
  207. #chat {
  208. font-style: normal!important;
  209. }
  210. .label {
  211. color: {color:post text link 2};
  212. padding-right: 5px;
  213. }
  214. .person1 .label {
  215. padding-right: 5px;
  216. color: {color:post text link};
  217. }
  218. li.person1, li.person2{
  219. list-style:none;
  220. }
  221. ul {
  222. list-style:circle;
  223. padding-left: 5px;margin-left: 15px;
  224. }
  225. #audio {
  226. margin-left: 15px;
  227. }
  228. #audiotext {
  229. padding: 0px;
  230. margin-top: 0px;
  231. margin-bottom: 5px;
  232. margin-left: 25px;
  233. text-transform: lowercase;
  234. font-style:italic;
  235. }
  236. #audiotext a {
  237. font-weight: normal;
  238. text-decoration: none;
  239. color: {color:post text link 2};
  240. }
  241. #audiotext a:hover{
  242. text-decoration:line-through;
  243. }
  244. .caption {
  245. text-transform: lowercase;
  246. text-align: left;
  247. }
  248. #source {
  249. letter-spacing: 0px;
  250. padding-left: 15px;
  251. }
  252. #source a {
  253. color: {color:post text link};
  254. text-transform: lowercase;
  255. }
  256. #source a:hover{
  257. text-decoration: line-through;
  258. }
  259. #notes a{
  260. margin-top: 3px;
  261. display: inline;
  262. text-decoration: none;
  263. padding: 2px;
  264. text-transform: lowercase;
  265. color: {color:post text link};
  266. background: {color:background};
  267. margin: 2px;
  268. }
  269. #text a{
  270. color: {Color:post text link};
  271. }
  272. #text a:hover{
  273. color: {color:post text link 2};
  274. background-color: {color:blockquote};
  275. }
  276. #tags a{
  277. color: {Color:post text link};
  278. margin-right: 5px;
  279. }
  280. #tags a:hover{
  281. color: {color:background};
  282. }
  283. #captiona a{
  284. color: {color:post text link};
  285. }
  286. #captiona a:hover{
  287. color: {color:post text link 2};
  288. }
  289. ol.notes {
  290. font-size:9px;
  291. font-weight: normal;
  292. }
  293. ol.notes li.note {
  294. border-top: 0px;
  295. }
  296.  
  297. ol.notes li.note img.avatar {
  298. border:0px;
  299. width: 16px;
  300. height: 16px;
  301. }
  302.  
  303. ol.notes li.note span.action {
  304. font-weight: normal;
  305. }
  306.  
  307. ol.notes li.note .answer_content {
  308. font-weight: normal;
  309. }
  310.  
  311. ol.notes li.note blockquote a {
  312. text-decoration: none;
  313. }
  314. #note a {
  315. color:{color:post text link 2}!important;
  316. }
  317. blockquote {
  318. background: {color:blockquote};
  319. margin: 20px;
  320. padding: 5px;
  321. }
  322. #perma {
  323. width: 100%;
  324. padding: 2px 1px;
  325. margin: 0px 0px 7px;
  326. letter-spacing: 1px;
  327. text-align: center;
  328. background: {color:permalink background};
  329. font: normal 10px consolas,{font:topbar};
  330. color: {color:permalink text};
  331. }
  332. #perma a{
  333. color: {color:permalink};
  334. }
  335. #perma a:hover {
  336. color: {color:permalink text};
  337. }
  338. #permanotes {
  339. overflow:hidden;
  340. padding: 5px;
  341. font-family:{font:content};
  342. font-size: 10px;
  343. color: {color:post text};
  344. background: none;
  345. margin: 7px;
  346. max-height: 100%;
  347. }
  348. #permapage {
  349. overflow:hidden;
  350. padding: 5px;
  351. background: {color:permalink background};
  352. font: normal 10px consolas,{font:topbar};
  353. color: {color:permalink text};
  354. max-height: 100%;
  355. }
  356. #permas {
  357. margin: 7px;
  358. padding:5px;
  359. background: {color:post background} url('{image:post background}');
  360. font-family:{font:content};
  361. font-size: 10px;
  362. color: {color:post text};
  363. }
  364. #permapage a{
  365. color: {color:post text link};
  366. }
  367. #permanotes a{
  368. color: {color:post text link 2};
  369. }
  370. #tag {
  371. background:{color:blockquote}; margin:0px; margin-top: 5px; padding-left: 5px;
  372. border-left: 4px solid {color:permalink background};
  373. }
  374. #tag a{
  375. color: {color:permalink};
  376. font: 10px consolas, trebuchet ms, sans-serif;
  377. letter-spacing: 1px;
  378. }
  379. #tag a:hover {
  380. color: {color:permalink text};
  381. }
  382. </style>
  383. </head>
  384. <body>
  385. <table border="0" cellspacing="0" cellpadding="0" width="100%">
  386. <tr>
  387. <td align="center" valign="top" id="topbarb">
  388. {block:iftopimage} <table border="0">
  389. <tr>
  390. <td colspan="3" align="center" valign="top"><div id="title"><a href="/" alt="{Title}">{Title}</a></div></td>
  391. </tr>
  392. <tr>
  393. <td width="200" align="right" valign="top"><div id="desc" style="padding-right: 7px;">
  394. <p>{block:Description}{Description}{/block:Description}</p>
  395. </div></td>
  396. <td width="200" height="150" align="center" valign="top"><div id="desc" style="height:150px; overflow:hidden">
  397. <div align="center"><img class="side" src="{image:top}" /></div>
  398. </div></td>
  399. <td width="200" align="left" valign="top"><div id="desc">
  400. <p>{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  401. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  402. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  403. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  404. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5} <a href="/archive">archives</a> <a href="/ask">message</a> <a href="http://ettudis.three-words.net">&copy; theme</a></p>
  405. </div></td>
  406. </tr>
  407. <tr>
  408. <td colspan="3" align="center" valign="top"><div id="nav" align="center"> {block:Pagination}
  409. {block:PreviousPage} <a href="{PreviousPage}">{text:previous button}</a> {/block:PreviousPage}/
  410.  
  411. {block:ifshowpagination}{block:JumpPagination length="5"}
  412. {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  413.  
  414. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  415. {/block:JumpPagination}{/block:ifshowpagination}
  416.  
  417. /{block:NextPage} <a href="{NextPage}">{text:next button}</a> {/block:NextPage}
  418. {/block:Pagination} </div></td>
  419. </tr>
  420. </table> {/block:iftopimage}
  421.  
  422. {block:ifnottopimage} <table border="0">
  423. <tr>
  424. <td colspan="3" align="center" valign="top"><div id="title"><a href="/" alt="{Title}">{Title}</a></div></td>
  425. </tr>
  426. <tr>
  427. <td width="410" align="right" valign="top"><div id="desc">
  428. <p>{block:Description}{Description}{/block:Description}</p>
  429. </div></td>
  430. <td width="150" align="left" valign="top"><div id="desc">
  431. <p>{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  432. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  433. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  434. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  435. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5} <a href="/archive">archives</a> <a href="/ask">message</a> <a href="http://ettudis.three-words.net">&copy; theme</a></p></div></td>
  436. </tr>
  437. <tr>
  438. <td colspan="3" align="center" valign="top"><div id="nav" align="center"> {block:Pagination}
  439. {block:PreviousPage} <a href="{PreviousPage}">{text:previous button}</a> {/block:PreviousPage}/
  440.  
  441. {block:ifshowpagination}{block:JumpPagination length="5"}
  442. {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}
  443.  
  444. {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}
  445. {/block:JumpPagination}{/block:ifshowpagination}
  446.  
  447. /{block:NextPage} <a href="{NextPage}">{text:next button}</a> {/block:NextPage}
  448. {/block:Pagination} </div></td>
  449. </tr>
  450. </table> {/block:ifnottopimage}
  451.  
  452. </td>
  453. </tr>
  454. <tr>
  455. <td align="center" valign="top"><table border="0">
  456. <tr>{block:Posts}
  457. {block:indexpage}<td align="left" valign="top" style="max-width: 430px"><div id="content2">
  458. <div id="perma">|<a href="{Permalink}">0{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>| {block:Date}{DayOfWeek}, {ShortMonth} {DayOfMonth} at {12Hour}:{Minutes} {AmPm}{/block:Date}<br />
  459. {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  460. <div style="width: 300px;">{block:Text}
  461. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  462. <div id="text" style="max-width:400px!important; overflow:hidden;">{Body}</div>
  463. {/block:Text}</div>
  464. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  465. <div align="center">{block:Photoset}{Photoset-400}{/block:Photoset}</div>{/block:indexpage}
  466.  
  467. {block:permalinkpage}<td align="left" valign="top" style="max-width: 530px"><div id="content2">
  468. <div id="perma">|<a href="{Permalink}">0{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>| {block:Date}{DayOfWeek}, {ShortMonth} {MonthNumber} at {12Hour}:{Minutes} {AmPm}{/block:Date}<br />
  469. {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  470. <div style="width: 500px;">{block:Text}
  471. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  472. <div id="text" style="max-width:500px!important; overflow:hidden;">{Body}</div>
  473. {/block:Text}</div>
  474. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  475. <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>{/block:permalinkpage}
  476. {block:Quote}
  477. <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  478. <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  479. {/block:Quote}
  480.  
  481. {block:Link}
  482. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  483. {block:Description}{Description}{/block:Description}{/block:Link}
  484.  
  485. {block:Chat}{block:Title}
  486. <h1><a href="{Permalink}">{Title}</a></h1>
  487. {/block:Title}
  488. <div id="chat">
  489. <ul>
  490. {block:Lines}
  491. <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  492. {/block:Lines}
  493. </ul>
  494. </div>
  495. {/block:Chat}
  496.  
  497. {block:Audio}
  498. <div id="audiotext">{PlayCountWithLabel}</div>
  499. <div id="audio">{AudioPlayerBlack}</div>
  500. <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  501. {/block:Audio}
  502. <div align="center">{block:Video}{Video-400}{/block:Video}</div>
  503. {block:Answer}
  504. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />
  505. {Question}</div>
  506. <div id="answer">{Answer}</div>
  507. {/block:Answer}
  508.  
  509. {block:permalinkpage}<div id="captiona" style="overflow:hidden">{block:Photo}
  510. {block:Caption}
  511. <div class="caption" style="overflow:hidden">{Caption}</div>
  512. {/block:Caption}{/block:Photo}
  513. {block:Video}{block:Caption}
  514. <div class="caption" style="overflow:hidden">{Caption}</div>
  515. {/block:Caption}{/block:Video}
  516. {block:Photoset}{block:Caption}
  517. <div class="caption" style="overflow:hidden">{Caption}</div>
  518. {/block:Caption}
  519. {/block:Photoset} </div>{/block:permalinkpage}
  520.  
  521. <div id="tag">{block:HasTags} tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  522.  
  523. </div></td>
  524. <td valign="top">{block:PermalinkPage}{block:PostNotes}
  525. <table width="300" border="0" align="left" cellpadding="0" cellspacing="0">
  526. <tr>
  527. <td width="300" style="padding: 0px; top: 5px;text-align: left;">
  528. <div id="permanotes">
  529. <div id="note">{PostNotes}</div>
  530. </div>
  531. </td>
  532. </tr>
  533. </table>{/block:PostNotes}
  534. {/block:PermalinkPage}</td>
  535. {/block:Posts}
  536. </tr>
  537. </table></td>
  538. </tr>
  539. </table>
  540. </body>
  541. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement