Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--Theme 08 By Nayel // http://hawthorneys.tumblr.com
- --- LITTLE TALKS THEME | @ HAWTHORNEYS ---
- > please do not steal
- > please do not redistribute
- > please do not claim as your own
- > please do not use this as a base code and take parts of it
- > you can edit as long as credit is on there somewhere
- -!-->
- <html>
- <!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>
- <!--Default Variables-->
- <!--Colors-->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:scrollbar" content="#dfdfdf" />
- <meta name="color:desc" content="#fafafa"/>
- <meta name="color:text" content="#828282"/>
- <meta name="color:link" content="#8ea089"/>
- <meta name="color:link hover" content="#e8e8e8"/>
- <meta name="color:border" content="#e8e8e8"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="color:box" content="#fafafa"/>
- <meta name="color:info bg" content="#fafafa"/>
- <meta name="color:chat" content="#fafafa"/>
- <!--Links-->
- <meta name="text:link 1" content="link" />
- <meta name="text:link 1 url" content="/" />
- <meta name="text:link 2" content="link" />
- <meta name="text:link 2 url" content="/" />
- <meta name="text:link 3" content="link" />
- <meta name="text:link 3 url" content="/" />
- <meta name="text:link 4" content="link" />
- <meta name="text:link 4 url" content="/" />
- <meta name="if:Show Link1" content="1"/>
- <meta name="if:Show Link2" content="1"/>
- <meta name="if:Show Link3" content="1"/>
- <meta name="if:Show Link4" content="1"/>
- <!--Images and Options-->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="if:Title" content="1"/>
- <meta name="if:CirclePic" content=""/>
- <meta name="if:SidebarBorder" content="1"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />{/block:Description}
- <title>
- {block:PostSummary}
- {PostSummary} - {/block:PostSummary}{Title}</title>
- </style>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Yesteryear|Marck+Script|Contrail+One|Reenie+Beanie|Open+Sans+Condensed:700,300|Nothing+You+Could+Do|Kaushan+Script&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=open sans condensed&effect=anaglyph' type='text/css'>
- <style type="text/css">
- @font-face {
- font-family: 'Inconsolata';
- font-style: normal;
- font-weight: normal;
- src: local('Inconsolata'), url('http://themes.googleusercontent.com/static/fonts/inconsolata/v5/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff') format('woff');}
- ::-webkit-scrollbar {width: 8px; height:auto; background:{color:background}}
- ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
- ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-button:horizontal {width: 7px; height: 5px; display: block; background:{color:scrollbar}}
- ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
- ::-webkit-scrollbar-thumb:horizontal {background:{color:background};}
- ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
- body{
- background-color: {color:Background};
- background-image: url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat;
- background-position: center;
- font-family:calibri;
- font-size:8px;
- text-transform:uppercase;
- line-height:12px;
- color:{color:Text};
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration:none;
- }
- a {
- color:{color:link};
- text-decoration:none;
- outline:none;
- opacity:1 ;
- -webkit-transition: all 0.5s;
- -moz-transition: all 0.5s;
- transition: all 0.5s;
- }
- a:hover{
- color: {color:link hover};
- }
- h1 {
- font-family:open sans condensed;
- font-weight:bold;
- font-size:13px;}
- .quote{
- text-indent:14px;
- font-size:13px;
- font-style:italic;
- padding:3px;
- line-height:105%;
- letter-spacing:0px;
- font-family:trebuchet ms;
- text-transform:none;
- text-shadow:2px 2px 0px #f8f8f8;
- text-align:center;}
- .source{
- margin-top:5px;
- text-align:right;
- font-family:open sans condensed;
- font-weight:bold;
- text-align:center}
- #container {
- margin-top:0px;
- width:700px;
- }
- #entry {
- position:relative;
- width:500px;
- margin-left:450px;
- margin-top:0px;
- margin-bottom:50px;
- padding:15px;
- background-color:{color:posts};
- }
- #permalink{
- width:510px;
- font-family:inconsolata;
- text-align:center;
- margin-left:-5px;
- margin-top:15px;
- padding-bottom:10px;
- padding:2px;
- padding-top:5px;
- text-transform:uppercase;
- font-style:none;
- font-size:8px;
- line-height:50%;
- background-color:{color:info bg};
- border-top:1px solid {color:border};
- }
- #side{
- position:fixed;
- width:300px;
- background-color:transparent;
- margin-left:100px;
- margin-top:200px;
- height:20%;
- }
- #side:hover .links {
- opacity:1;
- margin-left:-95px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .blogtitle{
- font-size:13px;
- line-height:10px;
- font-family:open sans condensed;
- text-transform:uppercase;
- font-weight:bold;
- line-height:105%;
- width:145px;
- text-align:center;
- margin-top:-85px;
- margin-left:125px;
- text-shadow:1px 1px 0px #e8e8e8;
- }
- .sidebar img{
- margin-top:10px;
- height:auto;
- margin-left:5px;
- max-width:100;
- {block:ifSidebarBorder}border:3px double{color:border};{/block:ifSidebarBorder}
- padding:3px;
- {block:ifCirclePic}border-radius:100px;{/block:ifCirclePic}
- }
- .links{
- opacity:0;
- font-size:7px;
- width:100px;
- text-align:right;
- text-transform:uppercase;
- font-family:trebuchet ms;
- margin-left:0px;
- margin-top:-100px;
- margin-bottom:4px;
- color:#fff;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .links a:hover{
- background-color:#fff;
- color:{color:link hover};
- text-decoration:line-through;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .desc{
- font-family:consolas;
- font-style:none;
- font-size:8px;
- margin-top:10px;
- margin-left:125px;
- margin-bottom:-10px;
- width:140px;
- letter-spacing:0px;
- text-align:justify;
- background-color:{color:desc};
- text-transform:uppercase;
- padding:3px;
- }
- .posttitle{
- font-size: 18px;
- line-height: 20px;
- }
- .symbols {
- font-family:WebSymbolsRegular;
- font-size: 6px;
- }
- blockquote{
- margin-left:10px;
- padding-left:4px;
- border-left: 3px solid {color:Text};
- }
- #pagination {
- position:fixed;
- font-family:consolas;
- margin-top:330px;
- margin-left:115px;
- }
- #question {
- background-color:{color:box};
- color: {color:text};
- border-top: solid 1px {color:border};
- border-left: solid 1px {color:border};
- border-right: solid 1px {color:border};
- border-bottom: dashed 1px {color:border};
- margin-left:-5px;
- padding:15px;
- margin-top: 5px;
- margin-bottom:5px;
- text-transform:none;
- font-family:inconsolata;
- font-size:10px;
- font-style:none;
- text-align:left;
- }
- .audio {
- height:60px;
- padding:5px;
- margin-bottom:5px; }
- .audio-album {
- position:absolute;
- margin-top:-10px;
- margin-left:-5px;
- width:60px;
- padding:5px;
- background-color: #fcfcfc;
- border: 1px solid #f8f8f8;
- border-radius:5px;}
- .audio-player {
- opacity:0.6;
- filter:alpha(opacity=60);
- border:2px solid {color:border};
- border-radius:8px;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- z-index:2;
- margin-left:15px;
- margin-top:15px;}
- .audio-info {
- font-family:calibri;
- text-transform:uppercase;
- font-size:8px;
- margin-top:-10px;
- position:relative;
- margin-left:70px;
- padding:5px; }
- .space { height:{text:entry space};}
- .chat {line-height:12px; list-style:none }
- .chat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
- .person1 {background-color:{color:chat}; padding-left:6px; padding-right:6px;}
- .person1 .label {font-weight:bold;}
- .person2 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
- .person2 .label {font-weight:bold;}
- .person3 {background-color:{color:chat}; padding-left:6px; padding-right:6px;}
- .person3 .label {font-weight:bold;}
- .person4 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
- .person4 .label {font-weight:bold;}
- .person5 {background-color:{color:chat}; padding-left:6px; padding-right:6px;}
- .person5 .label {font-weight:bold;}
- .person6 {background-color:{color:entries}; padding-left:6px; padding-right:6px;}
- .person6 .label {font-weight:bold;}
- ol {
- list-style-type: none;
- font-size:8px;
- font-family: inconsolata;
- text-transform: uppercase;
- margin: 0; }
- ol.notes li {
- width: 485px;
- padding: 2px;
- margin: 0 0 5px -35px; }
- ol.notes li:hover {
- }
- ol.notes li img {
- width:15px;
- border-radius:20px;
- padding-right: 10px;
- margin-bottom: 0px;
- opacity: 0.85;
- filter:alpha(opacity=85); }
- ol.notes li img:hover {
- opacity: 1;
- filter:alpha(opacity=100); }
- #credit {
- position:fixed;
- font-family:calibri;
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:8px;
- padding:7px;
- border:1px solid {color:border};
- background-color:{color:background};
- text-color:{color:background};
- font-weight:bold;
- right:10px;
- bottom:7px;
- text-align:center;
- color:{color:text};
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #credit:hover{
- background-color:#000000;
- color:#fff;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out; }
- {CustomCSS}
- </style>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
- </head>
- <body>
- <div id="container">
- <div id="side">
- <div class="sidebar img"><a href="/"><img src="{image:Sidebar}" style="width:100px;height:100px;" ></a></div>
- <div class="links">
- <a href="/">home</a> <br>
- <a href="/ask">mssg</a> <br>
- {Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/Block:ifShowLink1} <br>
- {Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/Block:ifShowLink2} <br>
- {Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/Block:ifShowLink3} <br>
- {Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/Block:ifShowLink4}
- </div>
- <div class="blogtitle">
- {block:ifTitle}<a href="/">{Title}</a>{/block:ifTitle}</div>
- <div class="desc">{Description}</div>
- <br>
- </div>
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {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}">→</a>{/block:NextPage}
- </div>{/block:Pagination}
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}
- <div class="posttitle"><h1>{Title}<h1></div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <div class="posttitle">
- <h1><a href="{URL}">{Name}</a></h1>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <center>
- {LinkOpenTag}
- <a href="{permalink}">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"></a>
- {LinkCloseTag}
- </center>
- {block:Caption}{Caption}{/block:Caption}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:ReblogParentURL}
- <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ReblogParentURL}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote"><big>❝</big> {Quote}</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
- <div class="chat"><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 class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
- </div></div>
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div id="question" style="width:480px;font-style:none;" <b><b>{Asker}</b></b> said: {Question}</div>
- <div style="width:490px;;margin-top:-5px;padding:10px; border-left:1px solid #f4f3f5;border-right:1px solid #f4f3f5;border-bottom:1px solid #f4f3f5;margin-left:-5px;">{Answer}</div>
- {/block:Answer}
- {block:IndexPage}
- <div id="permalink"><div id="info">
- {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
- {NoteCountWithLabel}</a>
- {block:RebloggedFrom}<big>©</big> <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a><small></small>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank">reblog</a><p>
- {block:Tags}<a href="{TagURL}"># {Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}<div id="permalink">{block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date} <a href="{Permalink}">with {NoteCountWithLabel}</a>
- {block:RebloggedFrom} & <a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}"> source</a>
- {/block:ContentSource}<p>{block:Tags}<a href="{TagURL}"># {Tag}</a>
- {/block:Tags}
- {/block:PermalinkPage}<p></div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- <div id='credit'><a href="http://hawthorneys.tumblr.com">© theme</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement