SHARE
TWEET

tumblr theme 001 (new)

beautifulfreaks13 Aug 20th, 2011 22,409 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 001 (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></head>
  13. {block:Description}
  14. <head>
  15. <meta name="Description" content="{MetaDescription}" /></head>
  16. {/block:Description}
  17. <head>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta name="color:background" content="#f7f7f7" />
  20. <meta name="color:blockquote border" content="#E2E2E2" />
  21. <meta name="color:blockquote text" content="#888888" />
  22. <meta name="color:link" content="#FFCA21" />
  23. <meta name="color:link 2" content="#E6E6E6" />
  24. <meta name="color:post background" content="#FEFEFE" />
  25. <meta name="color:post header" content="#F5F5F5" />
  26. <meta name="color:post header link" content="#ACACAC" />
  27. <meta name="color:post header hover" content="#CECECE" />
  28. <meta name="color:post header shadow" content="#FFFFFF" />
  29. <meta name="color:post shadow" content="#CCCCCC" />
  30. <meta name="color:post text" content="#838383" />
  31. <meta name="color:post title" content="#94D606" />
  32. <meta name="color:post title hover" content="#E6EE00" />
  33. <meta name="color:sidebar background" content="#FFFFFF" />
  34. <meta name="color:sidebar link" content="#5A5A5A" />
  35. <meta name="color:sidebar link border" content="#EEEEEE" />
  36. <meta name="color:sidebar link border hover" content="#FFAFFF" />
  37. <meta name="color:sidebar link hover" content="#0F0F0F" />
  38. <meta name="color:sidebar text" content="#808080" />
  39. <meta name="color:title" content="#000000" />
  40. <meta name="color:title hover" content="#CD9EFF" />
  41. <meta name="color:title shadow" content="#DDDDDD" />
  42. <meta name="color:userpic border" content="#f9f9f9" />
  43. <meta name="if:infinite scrolling" content="0"/>
  44. <meta name="if:show tags on index" content="1"/>
  45. <meta name="if:show captions on index" content="1"/>
  46. <meta name="if:show icon" content="1"/>
  47. <meta name="if:Show side image" content="1"/>
  48. <meta name="if:Show userpic" content="1"/>
  49. <meta name="if:shadow" content="1"/>
  50. <meta name="image:background" content=""/>
  51. <meta name="image:icon" content="http://static.tumblr.com/38tkyuw/t7Slpxomf/011.gif"/>
  52. <meta name="image:post background" content=""/>
  53. <meta name="image:side" content="http://static.tumblr.com/38tkyuw/gMNlpxlip/4e450a7amqscgzg1.png"/>
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 1 Title" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 2 Title" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 Title" content="" />
  60. <meta name="text:Link 4" content="" />
  61. <meta name="text:Link 4 Title" content="" />
  62. <meta name="text:Link 5" content="" />
  63. <meta name="text:Link 5 Title" content="" />
  64. <meta name="text:next button" content="&raquo;"/>
  65. <meta name="text:previous button" content="&laquo;"/>
  66. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  67.  
  68. <style type="text/css">
  69. body {
  70.     font-family: lucida sans unicode, trebuchet ms, sans-serif;
  71.     margin: 0px;
  72.         padding:0px;
  73.         background:{color:background} url('{image:background}') fixed;
  74. }
  75. a {
  76.         text-decoration: none;
  77.         color: {color:link};
  78. }
  79. iframe#tumblr_controls {right:3px !important;
  80. position: fixed !important;
  81.         opacity: 0.2;
  82.         filter:alpha(opacity=20);
  83.         -moz-opacity: 0.2;
  84.         -khtml-opacity: 0.2;
  85.         -webkit-transition: all 0.9s ease;
  86.         -moz-transition: all 0.9s ease;
  87.         -o-transition: all 0.9s ease;}
  88. iframe#tumblr_controls:hover{
  89.         opacity: 1;
  90.         filter:alpha(opacity=100);
  91.         -moz-opacity: 1;
  92.         -khtml-opacity: 1;
  93.         -webkit-transition: all 0.9s ease;
  94.         -moz-transition: all 0.9s ease;
  95.         -o-transition: all 0.9s ease;}
  96. #sidebar {
  97.         width: 220px;
  98.         font-size: 9px;
  99.         line-height: 10px;
  100.         left: 760px;
  101.         top: 50px;
  102.         position: fixed;
  103.         color: {color:sidebar text};
  104. }
  105. #sidecontent{
  106.         background-color:{color:sidebar background};  
  107.         padding: 5px;
  108.         float: right;
  109.         text-align: justify;
  110. margin-bottom: 5px;
  111. {block:ifshadow}
  112.  -moz-box-shadow: 0px 3px 2px  {color:post shadow};
  113.   -webkit-box-shadow: 0px 3px 2px  {color:post shadow};
  114.   box-shadow: 0px 3px 2px {color:post shadow};{/block:ifshadow}
  115. }
  116. #simage{
  117.         width: 218px;
  118.         height: auto;
  119.         padding-left:1px;
  120.         padding-right:1px;
  121.         margin-bottom:7px;
  122.  
  123. }
  124. #nav {
  125.         font: italic 16px/16px georgia;color: {color:sidebar link};
  126. }
  127. #nav a{
  128.         font-size: 20px;color: {color:sidebar link hover};line-height: 16px;
  129. }
  130. #menu {
  131.         margin-bottom: 2px; text-align:right; line-height: 12px; text-transform: lowercase ;
  132. }
  133. #menu a{
  134.         color: {color:sidebar link};
  135.         display: block;
  136.         text-decoration: none;
  137.         margin-bottom:2px;
  138.         text-transform: lowercase;
  139.         letter-spacing: 2px;
  140.         font-style: italic;
  141.         font: 9px Arial, Helvetica, sans-serif;
  142.         border: 1px solid {color:sidebar link border};
  143. }
  144. #menu a:hover{
  145.         border: 1px solid {color:sidebar link border hover}; color:{color:sidebar link hover};
  146. }
  147. #desc p{
  148.         padding: 5px;
  149.         margin:0px;
  150. }
  151. #desc a, #nav a{
  152.         color: {color:sidebar link};
  153. }
  154. #desc a:hover, #nav a:hover{
  155.         color:{color:sidebar link hover};
  156. }
  157. #title{
  158.         margin-top: 0px;
  159.         background:none;
  160.         text-align: right;
  161.         letter-spacing:-1px;
  162.         text-transform: uppercase;
  163.         font: 14px/12px "Courier New", Courier, monospace;
  164.         margin-bottom: 3px;
  165. }
  166. #title a{
  167.         color: {color:title};
  168.         text-decoration: none;
  169.         font-style: normal;
  170.         text-shadow: 1px 1px 2px {color:title shadow};
  171.         }
  172. #title a:hover{
  173.         color: {color:title hover};
  174.         text-shadow: none;
  175.         }
  176. #title img{
  177.         float: right;
  178.         border: 10px solid {color:userpic border};
  179.         margin-left: 5px;
  180.         margin-right: 5px;
  181. }
  182. #chat ul,#chat ol,#chat li{
  183.         list-style:none;
  184.         padding: 1px;
  185. }
  186. ul, ol {
  187.         padding-left: 5px!important;
  188.         margin-left:15px!important;
  189. }
  190. #asker {
  191.         background: {color:sidebar background};
  192.         color:{color:blockquote text} ;
  193.         margin:7px;font:10px verdana;
  194. }
  195. #asker a{
  196.         color: {color:link};
  197. }
  198. #asker img{
  199.         float:left;
  200.         margin:5px;
  201. }#answer{
  202. padding: 5px;
  203. }
  204. #quote {
  205.         color: {color:title};
  206.         text-decoration: none;
  207.         font-style: normal;
  208.         text-shadow: 1px 1px 2px {color:title shadow};
  209.         text-align:center;
  210.         letter-spacing:-1px;
  211.         text-transform: uppercase;
  212.         font: 14px/12px "Courier New", Courier, monospace;
  213. }
  214. h1 {
  215. font-size: 10px; letter-spacing: 0px; text-transform: uppercase; font-family: verdana, arial, sans-serif; font-weight:normal;margin-left: 7px;margin-bottom:0px;line-height:10px;
  216. }
  217. h1 a{
  218.         color: {color:post title}
  219. }
  220. h1 a:hover{
  221.         color: {color:post title hover}
  222. }
  223. h2{
  224. font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px;  text-transform: uppercase; color: {color:post header link}; line-height: 16px;padding-bottom:4px!important;
  225. background: {color:post header}; padding: 2px; margin-left: 5px; margin-right: 5px; text-align: center;{block:ifshadow} text-shadow:1px 1px 0px  {color:post header shadow};
  226. {/block:ifshadow}
  227. }
  228. h2 a{color: {color:post header link};
  229. }
  230. #tags a{
  231.         padding: 2px; font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px;  text-transform: uppercase; color: {color:post header link}; background: {color:post header};text-align: center;{block:ifshadow} text-shadow:1px 1px 0px  {color:post header shadow};
  232. {/block:ifshadow}
  233. }
  234. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  235.         font: 10px "Courier New", Courier, monospace;
  236.         color: {color:link};
  237.         font-weight: normal;
  238.         text-transform: uppercase;
  239. }
  240. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  241.         color:{color:link 2};
  242. }
  243. #quotesource {
  244.         display: block;
  245.         text-align: center;
  246. }
  247. .label {
  248.         font: 9px lucida console, trebuchet ms, sans-serif;
  249.         text-transform: uppercase;
  250.         color: {color:link 2};
  251.         padding-right: 5px;
  252. }
  253. .person1 .label {
  254.         padding-right: 5px;
  255.         text-transform: uppercase;
  256.         color: {color:link};
  257.         font: 9px lucida console, trebuchet ms, sans-serif;
  258. }
  259. ul, ol {
  260.         padding-left: 5px!important;
  261.         margin-left:15px!important;
  262. }
  263. #audio {
  264.         width: 250px;
  265.         margin-left: 15px;
  266.         background: #000000;
  267. }
  268. #audiotext{
  269.         padding: 5px;
  270. }
  271. #note {
  272.         font-size: 9px;
  273.         background: {color:background};
  274.         padding: 7px;
  275.         float:NONE;
  276.         color: {color:post text};
  277.         width: 495px;
  278.       margin-left: 230px;
  279. }
  280. li.note {
  281.         list-style:none;
  282.         padding: 3px;
  283.         margin: 0px;
  284.         margin-right: 25px;
  285. }
  286. #note a{
  287.         font: 9px Verdana, Arial, Helvetica, sans-serif;
  288.         color: {color:post title};
  289.         text-transform:uppercase;
  290. }
  291. #note a:hover{
  292.         color: {color:post title hover};
  293. }
  294. #entry{
  295.         font-size: 10px;
  296.         color: {color:post text};
  297.         margin: 0px;
  298.         background: {color:post background} url('{image:post background}');
  299.         overflow:hidden;
  300.         width:510px;margin:0px;
  301. margin-bottom: 7px;
  302. {block:ifshadow}
  303.  -moz-box-shadow: 0px 3px 2px  {color:post shadow};
  304.   -webkit-box-shadow: 0px 3px 2px  {color:post shadow};
  305.   box-shadow: 0px 3px 2px {color:post shadow};{/block:ifshadow}
  306.       margin-left: 230px;margin-top:15px;
  307. }
  308. .container{
  309.         overflow:hidden;
  310. }
  311.  
  312. #entry img{
  313.         max-width:500px!important;
  314.         margin:5px;
  315. }
  316. blockquote{
  317.         border-bottom: 1px solid {color:blockquote border};
  318.         border-left: 3px solid {color:sidebar link border hover};
  319.         padding-left: 3px;
  320.         color: {color:blockquote text};
  321.         margin-right: 40px;
  322. }
  323. #perma a:hover{
  324.         color:{color:permalink};
  325. }
  326. table, tr, td{
  327.         font-size: 9px!important;
  328. }
  329. #text img, #captiona img, #answer img{
  330.         max-width:500px!important;
  331.         margin:0px;
  332. }
  333.  
  334. #entry p{
  335.         margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  336. }
  337. #permapage {
  338.         font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px;  text-transform: uppercase;
  339.         color:{color:permalink text};
  340.         margin: 5px;
  341. }
  342. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  343. #infscr-loading {display:none;}
  344. </style>
  345.  
  346. </head>
  347. <body>
  348.  
  349.                
  350.  <div id="sidebar">
  351.          <div id="sidecontent"> {block:ifshowsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifshowsideimage}
  352.          <div id="title"><a href="/" alt="{Title}">{Title}</a>
  353.          {block:IfShowUserpic}<img src="{PortraitURL-64}" />{/block:IfShowUserpic} </div>
  354.          <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  355.                                 {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  356.                                 {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  357.                                 {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  358.                           {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  359.                 <a href="/archive">archives</a>
  360.                 <a href="/ask">message</a>
  361.                 <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  362.                 <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}
  363.        </div>
  364.  
  365.  
  366.                
  367.         </div>{block:ifnotinfinitescrolling}
  368.         <div id="nav" align="center">
  369.         {block:Pagination}
  370.                                 {block:PreviousPage}
  371.                                         <a href="{PreviousPage}">{text:previous button}</a>
  372.                                 {/block:PreviousPage}
  373.          
  374.                                 {CurrentPage}/{TotalPages}
  375.                                
  376.                            {block:NextPage}
  377.                                         <a href="{NextPage}">{text:next button}</a>
  378.                                 {/block:NextPage}
  379.                         {/block:Pagination}
  380.         </div>{/block:ifnotinfinitescrolling}
  381. </div>
  382. <div class="autopagerize_page_element">{block:Posts}
  383.        
  384.         <div id="entry">
  385. <h2><a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth} {Year} {24Hour}:{Minutes}{/block:Date} {block:ifshowicon}<img src="{image:icon}" height="16px" border="0" style="padding:0px;margin:0px;"> {/block:ifshowicon} {NoteCountwithLabel}</a></h2>
  386.         {block:Text}
  387.             <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  388.             <div id="text">{Body}</div>
  389.             {/block:Text}
  390.                        
  391.                 {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500"/>{LinkCloseTag}{/block:Photo}
  392.             <div style="padding-left: 5px;">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  393.                        
  394.                         {block:Quote}
  395.                         <div id="quote">&#8220;{Quote}&#8221; </div>
  396.             <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  397.             {/block:Quote}     
  398.            
  399.             {block:Link}
  400.             <h1><a href="{URL}" {Target}>{Name}</a></h1>
  401.             {block:Description}{Description}{/block:Description}{/block:Link}
  402.            
  403.             {block:Chat}<div id="chat">{block:Title}
  404.               <h1><a href="{Permalink}">{Title}</a></h1>
  405.             {/block:Title}
  406.               <ul>
  407.                 {block:Lines}
  408.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  409.                 {/block:Lines}
  410.               </ul>
  411.             </div>
  412.             {/block:Chat}
  413.            
  414.             {block:Audio}
  415.             <div id="audiotext">{PlayCountWithLabel}</div>
  416.             <div id="audio">{AudioPlayerBlack}</div>
  417.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  418.             {/block:Audio}
  419.  
  420.             {block:Video}{Video-400}{/block:Video}
  421.  
  422.             {block:Answer}
  423.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  424.             <div id="answer">{Answer}</div>
  425.             {/block:Answer}
  426.            
  427.            {block:ifnotshowcaptionsonindex}{block:permalinkpage}
  428. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  429.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  430.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  431.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  432.  
  433.  
  434. {block:ifshowcaptionsonindex}
  435. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  436.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  437.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  438.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  439.  
  440.                        
  441.                                 {block:ifshowtagsonindex}<div id="permapage"><div id="tags">
  442.          {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  443.          {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:ifshowtagsonindex}
  444.  
  445. {block:ifnotshowtagsonindex}{block:permalinkpage}<div id="permapage"><div id="tags">
  446.          {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  447.          {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:permalinkpage}{/block:ifnotshowtagsonindex}
  448.                         </div> 
  449.  
  450.                 {block:permalinkpage}
  451.                          
  452.                         <div id="note">{block:PostNotes}{PostNotes}
  453.       {/block:PostNotes} </div>{/block:permalinkpage}
  454.  
  455.  
  456. {/block:Posts}
  457.  
  458.          
  459. </div>
  460. </body>
  461. </html>
RAW Paste Data
Top