SHARE
TWEET

tumblr theme 016

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