Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Tumblr Theme 020 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
- CONTACT INFO [email: admin@ettudis.three-words.net]
- FOLLOW THEME BLOG [http://ettudis.tumblr.com]
- TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
- {block:Description}
- <head>
- <meta name="Description" content="{MetaDescription}" /></head>
- {/block:Description}
- <head>
- <link rel="shortcut icon" href="{Favicon}" />
- <meta name="color:background" content="#f7f7f7" />
- <meta name="color:blockquote border" content="#E2E2E2" />
- <meta name="color:blockquote text" content="#999999" />
- <meta name="color:link" content="#FF2020" />
- <meta name="color:link 2" content="#E6E6E6" />
- <meta name="color:permalink" content="#24EEF5" />
- <meta name="color:permalink background" content="#F9f9f9" />
- <meta name="color:permalink border" content="#EBEBEB" />
- <meta name="color:permalink text" content="#AAAAAA" />
- <meta name="color:post background" content="#FEFEFE" />
- <meta name="color:post border" content="#EBEBEB" />
- <meta name="color:post header" content="#fafafa" />
- <meta name="color:post header link" content="#585858" />
- <meta name="color:post header hover" content="#efefef" />
- <meta name="color:post text" content="#838383" />
- <meta name="color:sidebar background" content="#F3F3F3" />
- <meta name="color:sidebar border" content="#E2E2E2" />
- <meta name="color:sidebar link" content="#BBBBBB" />
- <meta name="color:sidebar link border" content="#EEEEEE" />
- <meta name="color:sidebar link hover" content="#00EBFF" />
- <meta name="color:sidebar text" content="#999999" />
- <meta name="image:background" content=""/>
- <meta name="image:post background" content=""/>
- <meta name="image:side" content=""/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Title" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Title" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Title" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 Title" content="" />
- <meta name="text:next button" content="▶"/>
- <meta name="text:previous button" content="◀"/>
- <style type="text/css">
- @media screen
- {
- div#sidebar {
- position: fixed;
- }
- * html
- {
- overflow-y: hidden;
- }
- * html body
- {
- overflow-y: auto;
- height: 100%;
- padding: 0 1em 0 14em;
- font-size: 100%;
- }
- * html div#sidebar {
- position: absolute;
- }
- }
- body {
- font-family: trebuchet ms, sans-serif;
- margin: 0px;
- padding:0px;
- background:{color:background} url('{image:background}') fixed;
- }
- a {
- text-decoration: none;
- color: {color:link};
- }
- iframe#tumblr_controls {right:3px !important;
- position: fixed !important;
- opacity: 0.2;
- filter:alpha(opacity=20);
- -moz-opacity: 0.2;
- -khtml-opacity: 0.2;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- iframe#tumblr_controls:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- #sidebar {
- top:75px;
- left: 0px;
- position: fixed;
- width: 230px;
- z-index: 100;
- font: 9px/10px lucida sans, arial, sans-serif;
- color: {color:sidebar text};
- text-align: justify;
- }
- #sidecontent{
- border-top: 1px solid {color:sidebar border};
- border-right: 1px solid {color:sidebar border};
- border-bottom: 1px solid {color:sidebar border};
- background: {color:sidebar background};
- padding: 0px;
- }
- #simage{
- width: 200px;
- height: auto;
- padding-left:15px;
- padding-right:15px;
- border-top: 7px solid {color:sidebar border};
- background:{color:sidebar background};
- }
- #nav {
- color: {color:sidebar link};
- padding-top: 3px;
- }
- #menu {
- margin-bottom: 7px;
- margin-right:10px;
- margin-left: 10px;
- }
- #menu a{
- display:block;
- color: {color:sidebar link};
- margin: 2px;
- text-align: right;
- font: 9px arial, helvetica, sans-serif!important;
- text-transform: uppercase;
- border-bottom: 1px solid{color:sidebar link border};
- }
- #menu a:hover{
- color: {color:sidebar link hover}
- }
- #desc p{
- padding: 5px;
- margin:0px;
- }
- #desc a, #nav a{
- color: {color:sidebar link};
- }
- #desc a:hover, #nav a:hover{
- color:{color:sidebar link hover};
- }
- #title{
- margin-bottom: 5px;
- text-align: right;
- display: block;
- }
- #title a{
- font: 36px/20px Arial, Helvetica, sans-serif;
- text-transform: lowercase;
- letter-spacing: -1px;
- color: {color:link};
- }
- #chat ul,#chat ol,#chat li{
- list-style:none;
- padding: 1px;
- }
- ul, ol {
- padding-left: 5px!important;
- margin-left:15px!important;
- }
- #title a:hover{
- color:{color:link 2};
- }
- #asker {
- background: {color:sidebar background};
- color:{color:sidebar text} ;
- border: 5px solid {color:post background}
- }
- #asker a{
- color: {color:link};
- }
- #asker img{
- float:left;
- margin:5px;
- }
- #quote {
- padding: 5px;
- font: 16px/14px Arial, Helvetica, sans-serif;
- letter-spacing: 0px;
- text-align:center;
- }
- h1 {
- font:9px/14px "Courier New", Courier, monospace;
- text-transform: uppercase;
- text-align:center;
- font-weight:normal;
- letter-spacing:2px;
- color: {color:link};
- background: {color:post header};
- margin:5px;
- padding: 2px;
- }
- h1 a{
- color: {color:post header link};
- }
- h1 a:hover{
- color: {color:post header hover};
- }
- #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
- font: 10px "Courier New", Courier, monospace;
- color: {color:link};
- font-weight: normal;
- text-transform: uppercase;
- }
- #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
- color:{color:link 2};
- }
- #quotesource {
- display: block;
- text-align: center;
- }
- .label {
- font: 9px lucida console, trebuchet ms, sans-serif;
- text-transform: uppercase;
- color: {color:link 2};
- padding-right: 5px;
- }
- .person1 .label {
- padding-right: 5px;
- text-transform: uppercase;
- color: {color:link};
- font: 9px lucida console, trebuchet ms, sans-serif;
- }
- ul, ol {
- padding-left: 5px!important;
- margin-left:15px!important;
- }
- #audio {
- width: 250px;
- margin-left: 15px;
- background: #000000;
- }
- #audiotext{
- padding: 5px;
- }
- #note {
- font-size: 9px;
- background: {color:background};
- padding: 7px;
- float:NONE;
- color: {color:post text};
- width: 500px;
- }
- li.note {
- list-style:none;
- padding: 3px;
- border-bottom: 1px solid {color:post border};
- margin: 0px;
- margin-right: 25px;
- }
- #note a{
- color: {color:sidebar link hover};
- }
- #note a:hover{
- color: {color:link};
- }
- #entry{
- font-size: 11px;
- color: {color:post text};
- margin: 0px;
- background: {color:post background} url('{image:post background}');
- overflow:hidden;
- {block:indexpage}width:400px;{/block:indexpage}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- border: 1px solid {color:post border};
- }
- .container{
- z-index:6;
- overflow:hidden;
- float:left!important;
- {block:indexpage}width:402px;{/block:indexpage}
- {block:permalinkpage}width:502px;{/block:permalinkpage}
- margin:5px;
- }
- #entry img{
- {block:indexpage}max-width:390px!important;{/block:indexpage}
- {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
- margin:5px;
- opacity: 0.7;
- filter:alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- }
- #entry img:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- blockquote{
- border-bottom: 1px solid {color:blockquote border};
- border-left: 3px solid {color:link};
- padding-left: 3px;
- color: {color:blockquote text};
- margin-right: 40px;
- }
- #perma{
- font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
- font-size: 9px !important;
- color:{color:permalink text};
- {block:indexpage}width:400px;{/block:indexpage}
- {block:permalinkpage}width:500px;{/block:permalinkpage}
- margin-top: 3px;
- text-transform: uppercase;
- }
- #perma a{
- color:{color:permalink text};
- letter-spacing: 2px;
- display: block;
- text-align: center;
- }
- #perma a:hover{
- color:{color:permalink};
- }
- table, tr, td{
- font-size: 9px!important;
- }
- #text img, #captiona img, #answer img{
- {block:indexpage}max-width:390px!important;{/block:indexpage}
- {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
- margin:0px;
- }
- #all{
- width: 900px;
- left: 250px;
- position: absolute;
- }
- #entry p{
- padding: 5px;
- }
- #permapage {
- padding:3px;
- font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
- font-size: 9px !important;
- color:{color:permalink text};
- border-top:1px solid {color:permalink border};
- margin: 5px;
- text-transform: uppercase;
- }
- </style>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
- <script src="http://ettudis.three-words.net/js/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector : ".container",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- </head>
- <body>
- <div id="sidebar">
- <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
- <div id="sidecontent"> <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
- <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
- <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
- <a href="/archive">archives</a>
- <a href="/ask">message</a>
- <a href="http://ettudis.three-words.net">© theme</a></div>
- </div>
- <div id="nav" align="center">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">{text:previous button}</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">{text:next button}</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div id="all">
- <div id="content">{block:Posts}
- <div class="container">
- <div id="entry">
- {block:Text}
- <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
- <div id="text">{Body}</div>
- {/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}
- {block:Photoset}{Photoset-500}{/block:Photoset}
- {block:Quote}
- <div id="quote">“{Quote}” </div>
- <div id="quotesource">{block:Source}— {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<div id="chat">{block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <ul>
- {block:Lines}
- <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="audiotext">{PlayCountWithLabel}</div>
- <div id="audio">{AudioPlayerBlack}</div>
- <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
- {/block:Audio}
- {block:Video}{Video-400}{/block:Video}
- {block:Answer}
- <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
- {block:permalinkpage}{block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:permalinkpage}
- {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
- {block:permalinkpage} <div id="permapage">({NoteCount}) {block:Date}» <a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year}</a>{/block:Date}
- {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
- {block:HasTags}<br>tagged {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div> {block:permalinkpage}
- </div>
- {block:indexpage}<div id="perma"><table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
- <tr>
- <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a> </td>
- <td width="2"> </td>
- <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{NoteCount}</a></td>
- </tr>
- </table>
- </div>{/block:indexpage}
- {block:permalinkpage}
- <div id="note">{block:PostNotes}{PostNotes}
- {/block:PostNotes} </div>{/block:permalinkpage}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement