SHARE
TWEET

tumblr theme 005

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