SHARE
TWEET

tumblr theme 009 (v2)

beautifulfreaks13 Oct 17th, 2011 4,008 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 009 VERSION 2 (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="#F9F9F9" />
  16. <meta name="color:sidebar background" content="EFEFEF" />
  17. <meta name="color:sidebar text" content="#666666" />
  18. <meta name="color:side image border" content="#222222" />
  19. <meta name="color:side image border hover" content="#111111" />
  20. <meta name="color:links hover" content="#FFFFFF" />
  21. <meta name="color:post background" content="#F2f2f2" />
  22. <meta name="color:post background 2" content="#f6f6f6" />
  23. <meta name="color:post text" content="#999999" />
  24. <meta name="color:post text link" content="#666666" />
  25. <meta name="if:side image" content="1"/>
  26. <meta name="if:Show pagination" content="0"/>
  27. <meta name="image:side" content=""/>
  28. <meta name="image:background" content=""/>
  29. <meta name="image:sidebar background" content=""/>
  30. <meta name="image:sidebar links hover" content=""/>
  31. <meta name="image:side image border" content="http://i53.tinypic.com/2hrpxub.jpg"/>
  32. <meta name="image:post background" content=""/>
  33. <meta name="image:post background 2" content=""/>
  34. <meta name="text:previous button" content="-"/>
  35. <meta name="text:next button" content="+"/>
  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. <style type="text/css">
  47. body {
  48.     font: 10px consolas, monospace, sans-serif;
  49.     margin: 0px;
  50.     padding:0px;
  51.         background:{color:background} url('{image:background}') fixed;
  52. }
  53. a {
  54.         text-decoration: none;
  55. }
  56. small {
  57. font-size:9px!important;
  58. }
  59.  
  60. #sidebar {
  61.         left: 10px;
  62.         top: 35px;
  63.         position:fixed;
  64.         width: 180px;
  65.         padding: 15px;
  66.         background:{color:sidebar background} url('{image:sidebar background}');
  67. }
  68. #simage {
  69.         max-width: 150px;
  70.         height: auto;
  71. }
  72. #sideimage a {
  73.         padding: 12px;
  74.         max-width: 150;
  75.         height: auto;
  76.         display: block;
  77.         margin-bottom:5px;
  78.     background:{color:side image border hover} url('{image:side image border}');
  79.         -moz-border-radius: 5px;
  80.     -webkit-border-radius: 5px;
  81.     border-radius: 5px;
  82. }
  83. #sideimage a:hover{
  84.  
  85.         background:{color:side image border} url('none');
  86. }
  87. #desc {
  88.         color: {color:sidebar text};
  89.         font: 10px consolas, monospace, sans-serif;
  90.         letter-spacing: 1px;
  91.         margin-top: 3px;
  92. }
  93. #desc a{
  94.         padding: 3px;
  95.         color: {color:sidebar text};
  96.         margin-bottom: 2px;
  97.        
  98.         background:{color:side image border} url('none');
  99.         -moz-border-radius: 3px;
  100.         -webkit-border-radius: 3px;
  101.         border-radius: 3px;
  102.         display: block;
  103. }
  104. #desc a:hover {
  105. background:{color:side image border hover} url('{image:sidebar links hover}');
  106.         color:{color:links hover} ;
  107. }
  108. #title a{
  109.         font: 36px/20px "Courier New", Courier, monospace;
  110.         color: {color:sidebar text};
  111.         text-transform: uppercase;
  112.         letter-spacing: -2px;
  113. }
  114. #title a:hover{
  115.         color: {color:links hover};
  116. }
  117. #asker {
  118. margin: 10px;
  119.         background:{color:sidebar background} ;
  120. }
  121. #asker a{
  122.         color: {color:post text link};
  123. }
  124. #quote {
  125.         padding: 5px;
  126.         font: 20px/18px "Courier New", Courier, monospace;
  127.         text-transform:uppercase;
  128.         letter-spacing: -1px;
  129. }
  130. h1 {
  131.         font-size: 18px;
  132.         text-transform: uppercase;
  133.         font-weight:normal;
  134.         letter-spacing: -1px;
  135.         padding: 0px;
  136.         margin: 0px;
  137.         color: {color:post text link};
  138. }
  139. h1 a{
  140.         text-decoration:none;
  141.         color: {color:post text link};
  142. }
  143. #entry {
  144.         font-size: 10px;
  145.         letter-spacing: 1px;
  146.         color: {color:post text};
  147. }
  148. #content {
  149.         padding: 7px;margin: 7px;
  150.         background: {color:post background} url('{image:post background}');
  151.         width: 420px;
  152. }
  153. #content2{
  154.         padding: 5px;
  155.         font-size: 10px;
  156.         letter-spacing: 1px;
  157.         color: {color:post text};
  158.         background: {color:post background 2} url('{image:post background 2}');
  159.         overflow:hidden;
  160.         width: 410px;
  161. }
  162. .container{float:left;}
  163. #content2 a{
  164.         color: {Color:post text link};
  165. }
  166. #nav {
  167.         text-align:center;
  168.         font-size:9px;
  169. }
  170. #quotesource {
  171.         display: block;
  172.         text-align: center;
  173. }
  174. #quotesource a {
  175.         font-style: italic;
  176.         text-decoration:none;
  177.         letter-spacing: 1px;
  178.         color: {color:post text link};
  179. }
  180. #quotesource a:hover {
  181.         color: {color:linkcolor};
  182. }
  183. #chat {
  184.         font-style: normal!important;
  185. }
  186. .label {
  187.         text-transform: uppercase;
  188.         color: {color:header background};
  189.         padding-right: 5px;
  190. }
  191. .person1 .label {
  192.         padding-right: 5px;
  193.         text-transform: uppercase;
  194.         color: {color:post text link};
  195. }
  196. ul {
  197.         list-style:none;
  198.         letter-spacing: 1px;
  199.         padding-left: 5px;
  200. }
  201. #audio {
  202.         border: 1px solid #000000;
  203.         width: 300px;
  204.         margin-left: 15px;
  205.         background: #000000;
  206. }
  207. #audiotext {
  208.         padding: 0px;
  209.         margin-top: 0px;
  210.         margin-bottom: 5px;
  211.         margin-left: 25px;
  212.         text-transform: lowercase;
  213.         font-style:italic;
  214. }
  215. #audiotext a {
  216.         font-weight: normal;
  217.         text-decoration: none;
  218.         color: {color:post text link};
  219. }
  220. .caption {
  221.         text-transform: lowercase;
  222.         text-align: left;
  223.         width: 400px;
  224. }
  225. #source {
  226.         letter-spacing: 0px;
  227.         padding-left: 15px;
  228. }
  229. #source a {
  230.         color: {color:post text link};
  231.         text-transform: lowercase;
  232.         text-decoration: none;
  233. }
  234. #notes a{
  235.         margin-top: 3px;
  236.         display: inline;
  237.         text-decoration: none;
  238.         padding: 2px;
  239.         text-transform: lowercase;
  240.         color: {color:post text link};
  241.         background: {color:background};
  242.         margin: 2px;
  243. }
  244. #post {
  245.         margin-bottom: 50px;
  246. }
  247. #text a, #content a{
  248.         color: {Color:post text link};
  249. }
  250. #text a:hover, #content a:hover{
  251.         background-color: {Color:background};
  252. }
  253. #nav a{
  254.         font: 10px "Courier New", Courier, monospace;
  255.         color: {color:sidebar text};
  256.         text-transform: uppercase;
  257.         letter-spacing: -1px;
  258. }
  259. #nav a:hover{
  260.         color: {color:links hover};
  261. }
  262. #tags a{
  263.         color: {Color:post text link};
  264.         margin-right: 5px;
  265. }
  266. #tags a:hover{
  267.         color: {color:background};
  268. }
  269. #captiona a{
  270.         color: {color:post text link};
  271. }
  272. #note {
  273.         background: {color:post background 2} url('{image:post background 2}');
  274. }
  275. #note a{
  276.         color: {color:post text link};
  277. }
  278. div.perma a  {
  279.         font: 11px/9px "Courier New", Courier, monospacef;
  280.         text-align:left;
  281.         position:relative;
  282.         left:0px;
  283.         width:440px;display: block;
  284.         text-transform:uppercase;
  285.         color: {color:links hover}!important;
  286.  
  287. background:{color:side image border} url('{image:side image border}');
  288.         line-height:20px;
  289.         }
  290. div.perma {
  291.         opacity: 0;
  292.         filter:alpha(opacity=0);
  293.         -moz-opacity: 0;
  294.         -khtml-opacity: 0;height: 0px;
  295.         -webkit-transition: all 0.3s ease;
  296.         -moz-transition: all 0.3s ease;
  297.         -o-transition: all 0.3s ease;
  298. }
  299. div.date:hover div.perma {
  300.         opacity: 1;
  301.         filter:alpha(opacity=100);
  302.         -moz-opacity: 1;
  303.         -khtml-opacity: 1;
  304. }
  305. #text, #captiona{
  306.         {block:iflargepost}width: 500px;{/block:iflargepost}
  307.         {block:ifnotlargepost}width: 400px;{/block:ifnotlargepost}
  308.         overflow: hidden;
  309. }
  310. #text img, #captiona img{
  311.     max-width:300px;
  312.     }
  313. #wrapper {
  314. position: absolute; left: 230px;top: 5px;width: 900px;float:left;
  315. }
  316.  
  317. b, strong {
  318.     font: bold 10px consolas, tahoma, verdana, helvetica, sans-serif;
  319.     }
  320. em, i{
  321.     font: italic 11px times new roman, serif;
  322.     }
  323.    
  324. blockquote{
  325.     background: {color:sidebar background};border-left: 5px solid {color:side image border}; padding-left: 5px;
  326.     }
  327.  
  328. </style>
  329. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
  330. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  331. <script src="http://ettudis.three-words.net/js/masonry.js"></script>
  332. <script type="text/javascript">
  333. $(window).load(function () {
  334. $('#all').masonry(),
  335. $('.masonryWrap').infinitescroll({
  336. itemSelector : ".container",
  337. },
  338. function() { $('#all').masonry({ appendedContent: $(this) }); }
  339. );
  340. });
  341. </script>
  342.  
  343. </head>
  344. <body>
  345.  
  346. <div id="sidebar">
  347.         <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
  348.         <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  349.         <div id="desc">{block:Description}{Description}{/block:Description}
  350.         <p>               {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  351.           {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  352.           {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  353.           {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  354.     {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  355.  
  356.          <a href="/archive">archives</a>
  357.     <a href="/ask">message</a>
  358.     <a href="http://ettudis.three-words.net">&copy; theme</a> </div>
  359.         <div id="nav">
  360. {block:Pagination}
  361.             {block:PreviousPage}
  362.                 <a href="{PreviousPage}">{text:previous button}</a>
  363.             {/block:PreviousPage}/
  364.  
  365.             {block:ifshowpagination}{block:JumpPagination length="5"}
  366.                 {block:CurrentPage}
  367.                     <span class="current_page">{PageNumber}</span>
  368.                 {/block:CurrentPage}
  369.  
  370.                 {block:JumpPage}
  371.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  372.                 {/block:JumpPage}
  373.             {/block:JumpPagination}{/block:ifshowpagination}
  374.  
  375.            /{block:NextPage}
  376.                 <a href="{NextPage}">{text:next button}</a>
  377.             {/block:NextPage}
  378.         {/block:Pagination}
  379. </div>
  380. </div>
  381.  
  382. <div id="wrapper">
  383. <div id="all">{block:posts}<div class="container"><div id="content">
  384.         <div id="content2">
  385.         <div class="date">
  386. {block:IndexPage}<div class="perma">{block:Date}<a href="{Permalink}"><font style="font-size:24px!important;">*</font>{ShortMonth}{DayOfMonthWithZero}{Year}</a>{/block:Date}</div>{/block:IndexPage}
  387.  
  388.         {block:Text}
  389.                 <h1>{block:Title}<a href="{Permalink}">&raquo; {Title}</a>{/block:Title}</h1>
  390.                 <div id="text">{Body}</div>
  391.             {/block:Text}
  392.  
  393.            
  394. <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="max-width: 400px;" border="0" />{LinkCloseTag}{/block:Photo}</div>
  395.             <div align="center">{block:Photoset}{Photoset-400}{/block:Photoset}</div>
  396.                          <div align="center">{block:Video}{Video-400}{/block:Video}</div>
  397.  
  398.  
  399.                         {block:Quote}
  400.                         <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  401.             <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  402.             {/block:Quote}     
  403.            
  404.             {block:Link}
  405.             <h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>
  406.             {block:Description}{Description}{/block:Description}{/block:Link}
  407.            
  408.             {block:Chat}{block:Title}
  409.               <h1><a href="{Permalink}">{Title}</a></h1>
  410.             {/block:Title}
  411.             <div id="chat">
  412.               <ul>
  413.                 {block:Lines}
  414.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  415.                 {/block:Lines}
  416.               </ul>
  417.             </div>
  418.             {/block:Chat}
  419.            
  420.             {block:Audio}
  421.             <div id="audiotext">{PlayCountWithLabel}</div><table width="300" border="0" height="50" cellspacing="0" cellpadding="0" style="margin-left: 15px">
  422.               <tr>
  423.                 <td width="50">
  424.                 {block:AlbumArt}<img src="{AlbumArtURL}" width="50">{/block:AlbumArt}</td>
  425.                 <td width="250" id="audio">
  426.                 {AudioPlayerBlack}
  427.                 </td>
  428.               </tr>
  429.             </table>
  430.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  431.             {/block:Audio}
  432.            
  433.             {block:Answer}
  434.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  435.             <div id="answer">{Answer}</div>
  436.             {/block:Answer}
  437.            
  438.            <div id="captiona">{block:Photo} {block:Caption}
  439.             <div class="caption" style="overflow:hidden">{Caption}</div>
  440.             {/block:Caption}{/block:Photo}
  441.             {block:Video}{block:Caption}
  442.             <div class="caption" style="overflow:hidden">{Caption}</div>
  443.             {/block:Caption}{/block:Video}
  444.             {block:Photoset}{block:Caption}
  445.             <div class="caption" style="overflow:hidden">{Caption}</div>
  446.             {/block:Caption}{/block:Photoset}</div>
  447.  
  448.             <div id="source">{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  449.            
  450.                         <p>
  451.                         <span id="notes"><a href="{Permalink}" title="permalink to this post">{block:NoteCount}{NoteCount} notes{/block:NoteCount}</a></span>
  452.                         <span id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </span>
  453.                 </div>
  454.         </div>  <div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes} </div>
  455.           </div></div>
  456. {/block:Posts}</div>
  457. </div>
  458. </body>
  459. </html>
RAW Paste Data
Top