Theme code: Lobster
Copy Code
How do I install it?
<!DOCTYPE html> <!-- ------------------------------------------------------------- Theme Lobster By Max Davis. Get this free theme: themes.themaxdavis.com/theme/lobster More Themes: themes.themaxdavis.com PROMOTE YOUR TUMBLR: themes.themaxdavis.com/spotlight ------------------------------------------------------------- --> <html lang="en"> <meta name="color:Background" content="#fff"/> <meta name="color:Center" content="#fff"/> <meta name="color:Sidebar" content="#fff"/> <meta name="color:Text" content="#8F8F8F"/> <meta name="color:Link" content="#000"/> <meta name="color:Hover" content="#5c5c5c"/> <meta name="color:Title" content="#000"/> <meta name="color:border" content="#aaaaaa"/> <meta name="color:Permalink" content="#aaaaaa"/> <meta name="image:Background" content="" /> <meta name="image:Sidebar" content=""/> <meta name="if:infinite scrolling" content="0"/> <meta name="if:switch sidebar" content="0"/> <meta name="if:sidebar fixed" content="1"/> <meta name="if:posted images fade" content="0"/> <meta name="if:show caption" content="0"/> <meta name="text:Ask Title" content="Ask me anything" /> <meta name="text:Previous page title" content=" « "/> <meta name="text:next page title" content=" » "/> <meta name="text:Link One" content="" /> <meta name="text:Link One Title" content="" /> <meta name="text:Link Two" content="" /> <meta name="text:Link Two Title" content="" /> <meta name="text:Link Three" content="" /> <meta name="text:Link Three Title" content="" /> <meta name="text:Link Four" content="" /> <meta name="text:Link Four Title" content="" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}</script><link href='http://fonts.googleapis.com/css?family=Lobster+Two&v1' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script> <style type="text/css"> body {font-size: 12px;line-height: 12px;background-color: {color:background}; background-image:url({image:Background});background-attachment: fixed;background-position:top left;background-repeat: repeat;color: {color:Text};font-family: georgia;font-style: oblique;margin: 0px;padding: 0px;} div#content {margin:40px auto;width: 780px;} div#center {background-color: {color:center};padding:10px;width: 500px;margin-top:-12px; {block:ifswitchsidebar}margin-left:260px;{/block:ifswitchsidebar} {block:ifNotswitchsidebar}margin-left:0px;{/block:ifNotswitchsidebar}} {block:ifNotswitchsidebar} div#sidebar{ width:auto;padding:10px;margin-top:0px; background-color: {color:center};margin-left: 540px; {block:ifNotsidebarfixed}position:absolute;{/block:ifNotsidebarfixed} {block:ifsidebarfixed}position:fixed;{/block:ifsidebarfixed}} {/block:ifNotswitchsidebar} {block:ifswitchsidebar} div#sidebar{ width:auto;padding:10px;margin-top:0px; background-color: {color:center};margin-left: 0px; {block:ifNotsidebarfixed}position:absolute;{/block:ifNotsidebarfixed} {block:ifsidebarfixed}position:fixed;{/block:ifsidebarfixed}} {/block:ifswitchsidebar} div#sidebar #inner{padding: 10px;width:200px;background-color: {color:Sidebar};border:1px dashed {color:border};} #sidebar a{color: {color:Link};} #sidebar a:hover{color: {color:hover}; } {block:ifpostedimagesfade} {block:IndexPage} div.post img{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} div.post img:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} {/block:IndexPage} {/block:ifpostedimagesfade} .title{ font-family: 'Lobster Two', arial, serif; font-size: 22px;font-style:normal; line-height: 26px; letter-spacing: 1px; color: {color:title}; padding:1px 1px 0px 1px;} .title_sidebar{font-family: 'Lobster Two', arial, serif; font-size: 25px;font-style:normal; line-height: 35px;color: {color:title};} .md{font-family: 'Lobster Two', arial, serif;font-size: 14px;letter-spacing: 1px;color: {color:title}; padding:1px 1px 0px 1px;} a {text-decoration: none;margin: -1px -2px;padding: 1px 2px;color: {color:Link};-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} a:hover{text-decoration: none;color: {color:hover};} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} strong{font-weight: bold; color:#000;} b{font-weight: bold;} img{border:none;} .post a:hover, {color: {color:Nav Background};} ul {list-style-type: none; padding: 0px; margin: 0px;} .post ul {padding-left: 20px; list-style-type: disc;} .answer p {margin: 0.6em 0px;} blockquote {margin: 0.6em 0px 0px; padding-left: 15px; } .caption{background-color:{color:Sidebar};margin-top: 4px;padding-right: 5px;padding-left: 5px;border:1px dashed {color:border};} .sidebartitle {color: #000;width:auto;cursor:pointer;position:relative;padding: 3px;display:block;font-weight:bold;margin-top: 5px;text-align:center;letter-spacing: 1px;background-color: {color:center};-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .sidebartitle:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} h2 {font-style: italic; text-transform: lowercase; font-weight: 100; font-family: {font:Titles}; color: {color:Link};} h2 a:hover {color: {color:Link};} a.time {margin: 0px; text-transform: uppercase; font-size: 0.8em; display: none;} li:hover a.time {display: block;} ul {list-style-type:bullet;} ul:hover {color: #999;} ol {list-style-type: upper-roman;} ul:hover {color: #999;} .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight: bold;} ol.notes {padding: 0px;line-height: 13px;font-weight:normal;margin: 0px 0px;list-style-type: none !important;border-bottom: 0px;margin: 5px;margin-left: 35px;text-align: left;} {block:PermalinkPage}blockquote{margin: 7px;padding: 5px;padding-left: 10px;}{/block:PermalinkPage} div.padd {width: 100%;line-height: 11px;padding-top: 0px;padding-left: 5px; margin: 0px;} #answer{margin-top: 10px;margin-left: -34px;} {CustomCSS} </style> </head> <body> <div id="content"> <div id="sidebar"> <div id="inner"> <center> {block:IfSidebarImage} <a href="/"><img src="{image:Sidebar}" width=200px/></a> {/block:IfSidebarImage} {block:IfNotSidebarImage} <img src="{PortraitURL-128}" class="image"> {/block:IfNotSidebarImage}<br> <a href="/"><span class="title_sidebar">{title}</span></a></center> <div style="margin-top:10px;margin-bottom:10px;">{Description}</div> {block:AskEnabled}<a href="/ask" class="sidebartitle"> {block:ifAskTitle}{text:Ask Title}{/block:ifAskTitle} {block:ifnotAskTitle}{AskLabel}{/block:ifnotAskTitle}</a> {/block:AskEnabled} {block:ifLinkOneTitle} <a href="{text:Link One}" class="sidebartitle">{text:Link One Title}</a> {/block:ifLinkOneTitle} {block:ifLinkTwoTitle} <a href="{text:Link Two}" class="sidebartitle">{text:Link Two Title}</a> {/block:ifLinkTwoTitle} {block:ifLinkThreeTitle} <a href="{text:Link Three}" class="sidebartitle">{text:Link Three Title}</a> {/block:ifLinkThreeTitle} {block:ifLinkFourTitle} <a href="{text:Link Four}" class="sidebartitle">{text:Link Four Title}</a> {/block:ifLinkFourTitle} <a href="http://maxdavis-themes.tumblr.com/" class="sidebartitle">theme</a><br> <center> {block:ifinfinitescrolling}<br> Theme made by <a href="http://themaxdavis.com/" target="_blank" class="md">Max davis</a>. {/block:ifinfinitescrolling} {block:ifNotinfinitescrolling} {block:Pagination} {block:PreviousPage} <a href="{PreviousPage}">{text:Previous page title} </a> {/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage} <a href="{NextPage}"> {text:next page title}</a> {/block:NextPage} {/block:Pagination} {/block:ifNotinfinitescrolling} </center></div></div> <div id="center"> {block:Posts} <div class="post {block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Text}text{/block:Text}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}answer{/block:Answer}"> {block:Quote} <div style="background-color:{color:Sidebar} ;border:1px dashed {color:border}; padding: 7px;"> <center><span class="title">{Quote}</span><br></center> <center>{block:Source}{Source}{/block:Source}</center> </div> {/block:Quote} {block:Photo} {LinkOpenTag} <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px" border="0px" /> {LinkCloseTag}<br> {block:ifshowcaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaption} {/block:Photo} {block:Photoset} {Photoset-500} {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage} {/block:Photoset} {block:Video} <center> {Video-500} </center> {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage} {/block:Video} {block:Link} <a href="{URL}" {Target}><span class="title">{Name}</span></a></span> {block:Description}<caption>{Description}</caption>{/block:Description} {/block:Link} {block:Chat} {block:Title}<span class="title">{Title}</span>{/block:Title} <ul class="chat"> {block:Lines} <li class="user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> {/block:Chat} {block:Audio} <center><div style="width:400px; height:20px;"> <div style="float:left">{AudioPlayerWhite}</div> <div style="margin-top:8px; float:right;"><small> {FormattedPlayCount} plays {block:ExternalAudio}, <a href="{ExternalAudioURL}">Download?</a> {/block:ExternalAudio}</small> </div></div></center><BR> {block:Caption}{Caption}{/block:Caption} {/block:Audio} {block:Text} {block:Title}<span class="title">{Title}</span>{/block:Title} {Body}<br> {/block:Text} {block:Answer} <table width="100%" border="0px" cellpadding="0" cellspacing="0"> <tbody style="border-spacing: 0px;"> <td width="30px" style="vertical-align: top; width: 30px; padding: 0px;"> <img height="30px" width="30px" style="padding: 0px; margin: 0px;" src="{AskerPortraitURL-30}"/></td><td> <div class="padd" width="100%" style="margin-left:;"> <div style="padding: 3px; border:1px dashed {color:border}; margin-right: 5px;"> {Asker} asked:<br> {Question}<br></div> <div id="answer"><em>{Answer}</em></div> <br> </div></td></tr></tbody></table> {/block:Answer} {block:indexpage}{block:Date} <div style="font-size:10px;text-align:left;display:inline;"> <a href="{ReblogURL}">Reblog this</a></div> <div style="font-size:10px;text-align:right;float:right;width:200px;"> {block:NoteCount} <a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCountWithLabel}</a> - {/block:NoteCount} <a href="{Permalink}">Posted {TimeAgo}</a> </div> {/block:Date}{/block:indexpage} </div> {block:PostNotes} <center><br> {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount} {block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} {block:RebloggedFrom} reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br> originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} </center></span> <br> <div class="postnotes">{PostNotes}</div><br> {/block:PostNotes} <br> {/block:Posts} {block:ifNotinfinitescrolling} <center>Theme made by <a href="http://themaxdavis.com/" target="_blank" class="md">Max davis</a>.</center>{/block:ifNotinfinitescrolling} </div></div> </body> </html>
