SHARE
TWEET

tumblr theme 013

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