SHARE
TWEET

tumblr theme 012

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