SHARE
TWEET

tumblr theme 014

ettudis Jul 6th, 2011 7,333 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Top