Scribd
Upload
437 views7 pages

Atticus Theme

The document is the HTML and CSS code for a Tumblr blog theme. It contains metadata and styling information to control the layout, colors, fonts and other design elements of the blog. Key elements include the header, posts container, individual post styles, and navigation menus.

Uploaded by

P.Fabie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
437 views7 pages

Atticus Theme

The document is the HTML and CSS code for a Tumblr blog theme. It contains metadata and styling information to control the layout, colors, fonts and other design elements of the blog. Key elements include the header, posts container, individual post styles, and navigation menus.

Uploaded by

P.Fabie
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-Atticus Finch Theme by Lucas Regazzi @ lucasmakesthemes.

tumblr & 1000scientists.com All Right Reserved --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>{Title}</title> <meta name="color:Background" content="#a0c5cc"/> <meta name="image:Background" content=""/> <meta name="color:Link" content="#f30b00"/> <meta name="color:Font" content="#FFFFFF"/> <meta name="color:Entry Font" content="#000000"/> <meta name="color:Entry" content="#FFFFFF"/> <meta name="color:Border" content="#acabab"> <meta name="color:Border Hover" content="#6d6b6b"> <meta name="font:Text" content="Courier New"/> <meta name="image:Title" content=""/> <meta name="if:Title Image" content=""/> <meta name="if:Two Columns" content=""/> <meta name="if:Three Columns" content="1"/> <meta name="if:Show Caption" content="1"/> <meta name="if:Shadow" content="1"/> <meta name="if:Infinite Scrolling" content="1"/> <meta name="if:Inconsolata Font" content="1"/> <meta name="if:Bellaza Font" content="0"/> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/bloc k:Description} <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' typ e='text/css'> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" ty pe="text/javascript"><!--mce:0--></script> {block:IfInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh 2t/infinitescroll.js"></script>{/block:IfInfiniteScrolling} <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script> <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script> <script type="text/javascript"> $(window).load(function () { $('#posts').masonry(), $('.masonryWrap').infinitescroll({ navSelector : "#leftnav", nextSelector : "#leftnav a#next", itemSelector : ".entry", bufferPx : 10000, extraScrollPx: 11000,

loadingImg : "", loadingText : "Loading more beauty", }, function() { $('#posts').masonry({ appendedContent: $(this) }); } ); }); </script> <style type="text/css"> body {font-family: {font:Text}; {block:ifInconsolataFont}font-family: 'Inconsola ta', sans-serif;{/block:ifInconsolataFont} {block:ifBellazaFont}font-family: 'Be lleza', sans-serif;{/block:ifBellazaFont} font-size: 11px; color: {color:Font}; background-color: {color:Background}; background-image:url('{image:Background}') ; background-attachment: fixed; background-repeat: no-repeat; {block:IfRepeatBac kgroundImage}background-repeat: repeat;{/block:IfRepeatBackgroundImage} backgrou nd-position:bottom right; } {block:IndexPage}.entry {width: 272px; margin: 25px; float: left;} #center {{block:IfThreeColumns}width: 966px;{/block:IfThreeColumns} {block:IfTwo Columns}width: 644px;{/block:IfTwoColumns} margin: auto; margin-bottom: 100px; m argin-top: 100px;} .inside img {width: 250px !important;} .entry img {width: 272px;}{/block:IndexPage} {block:PermalinkPage}.entry {width: 522px; margin: 25px;} #center {width: 572px; margin: auto; margin-bottom: 100px; margin-top: 100px;} .inside img {width: 500px !important;} .entry img {width: 522px;}{/block:PermalinkPage} a {color: {color:Font}; border-bottom: 1px solid {color:Link}; text-decoration: none; -webkit-transition-duration: .3s;} a:hover {border-bottom: 1px solid {color:Entry};} .title {font-weight: bold;} #header {margin-top: 50px; margin-bottom: 25px; {block:PermalinkPage}margin-bott om: 50px;{/block:PermalinkPage} text-align: center;} .inside {padding: 10px; border: 1px solid {color:Border}; background-color: {col or:Entry}; -webkit-transition-duration: .3s; color: {color:Entry Font};} .inside a {color: {color:Entry Font};} .inside:hover {border: 1px solid {color:Border Hover};} .head {font-family: Montserrat; {block:ifInconsolataFont}font-family: 'Inconsola ta', sans-serif;{/block:ifInconsolataFont} {block:ifBellazaFont}font-family: 'Be lleza', sans-serif;{/block:ifBellazaFont} font-size: 38px; text-transform: upper case; margin-left: 25px; margin-right: 25px;} .head a {border: none;} .head img {max-width: 522px; {block:IndexPage}{block:IfThreeColumns}max-width: 9 16px;{/block:IfThreeColumns}{block:IfTwoColumns}max-width: 594px;{/block:IfTwoCo lumns}{/block:IndexPage} height: auto;} .audio {opacity: .5; padding: 10px; border-radius: 100px; background-color: #fff ; position: absolute; margin-top: 226.5px; margin-left: 226.5px; {block:IndexPag

e}margin-top: 101.5px; margin-left: 101.5px;{/block:IndexPage}} .player {width: 27px; overflow: hidden;} .label {font-weight: bold; margin-right: 10px;} #links {{block:IndexPage}{block:IfThreeColumns}width: 916px;{/block:IfThreeColum ns}{block:IfTwoColumns}width: 594px;{/block:IfTwoColumns}{/block:IndexPage} {blo ck:PermalinkPage}width: 522px;{/block:PermalinkPage} bottom: 0px; margin-left: 2 5px; opacity: .5; font-family: Montserrat; text-transform: uppercase; position: fixed; -webkit-transition-duration: .3s; z-index: 1; text-align: center;} #links:hover {opacity: 1;} .links_bottom {padding: 10px 0px 10px 0px; background-color: {color:Background}; background-image:url('{image:Background}'); background-attachment: fixed;} #links a {border: none; margin-right: 5px; margin-left: 5px;} .bullet {margin-right: 5px; margin-left: 5px;} .desc {margin-top: 15px; margin-left: 25px; margin-right: 25px;} #photo_permalink {position: absolute; top: 20px; right: 20px; opacity: 0; -webki t-transition-duration: .3s; text-align: right; {block:PermalinkPage}display: non e{/block:PermalinkPage}} #photo_permalink a {border-bottom: none; -webkit-transition-duration: .3s; color : {color:Border Hover}; font-family: Montserrat; font-size: 14px;} #photo_permalink a:hover {border-bottom: none; opacity: .5;} .entry:hover #photo_permalink {opacity: 1;} #text_permalink {opacity: 0; text-align: right; margin-top: 15px; -webkit-transi tion-duration: .3s; position: absolute; bottom: 1px; {block:IfShadow}bottom: 9px ;{/block:IfShadow} right: 1px; padding: 10px; background-color: {color:Entry}; { block:PermalinkPage}display: none{/block:PermalinkPage}} .entry:hover #text_permalink {opacity: 1;} .caption_triangle {width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid {color:Entry}; pos ition: absolute; margin-top: -5px; margin-left: 20px;} .caption p {margin: 0px; padding: 0px; padding-top: 10px;} blockquote {margin: 0px; padding: 0px; opacity: .5;} .posted {font-family: Montserrat; text-transform: uppercase; margin-right: 2px;} ol.notes {list-style-type: none; max-height: 200px; overflow: auto;} img.avatar {display: none;} li.note {margin-left: -40px; padding: 5px;} {block:IndexPage}#centernav {width: 50%; display: inline-block; {block:IfInfinit eScrolling}width: 100%;{/block:IfInfiniteScrolling}}{/block:IndexPage} #leftnav {width: 25%; display: inline-block; text-align: left; {block:IfInfinite Scrolling}display: none;{/block:IfInfiniteScrolling}} #rightnav {width: 25%; display: inline-block; text-align: right; {block:IfInfini teScrolling}display: none;{/block:IfInfiniteScrolling}} ::-webkit-scrollbar-thumb:vertical { background-color: {color:Border}; height:5px; } ::-webkit-scrollbar-thumb:horizontal { background-color: {color:Border}; height:5px !important; } ::-webkit-scrollbar { height:5px; width:5px; background-color: {color:Background};} {block:IndexPage}.aud_back {width: 250px; height: 250px; background-color: {colo r:Link};}{/block:IndexPage} {block:PermalinkPage}.aud_back {width: 500px; height: 500px; background-color: {

color:Link};}{/block:PermalinkPage} </style> </head> <body> <div id="center"> <div id="header"><div class="head"><a href="/">{block:IfNotTitleImage}{Title}{/b lock:IfNotTitleImage}{block:IfTitleImage}<img src="{image:Title}">{/block:IfTitl eImage}</a></div> {block:Description}<div class="desc">{Description}</div>{/bloc k:Description}</div> <div id="posts"> {block:Posts} {block:Text} <div class="entry"> <div class="inside"> {block:Title} <div class="title">{Title}</div> {/block:Title} {Body} <div id="text_permalink"><a href="{Permalink}">{NoteCount}</a></div> </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Text} {block:Photo} <div class="entry"> <div class="inside"> <div id="photo_permalink"><a href="{Permalink}">{12Hour}:{Minutes}</a></div> {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" title="{PhotoAlt}" width ="500px"/>{LinkCloseTag} {block:IfShowCaption}{block:Caption}<div class="caption_triangle"></div><div cla ss="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption} {block:PermalinkPage}{block:IfNotShowCaption}{block:Caption}<div class="caption_ triangle"></div><div class="caption">{Caption}</div>{/block:Caption}{/block:IfNo tShowCaption}{/block:PermalinkPage} </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Photo} {block:Photoset} <div class="entry"> <div class="inside"> <div id="photo_permalink"><a href="{Permalink}">{NoteCount}</a></div> {block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {block:IfShowCaption}{block:Caption}<div class="caption_triangle"></div><div cla ss="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption} {block:PermalinkPage}{block:IfNotShowCaption}{block:Caption}<div class="caption_ triangle"></div><div class="caption">{Caption}</div>{/block:Caption}{/block:IfNo

tShowCaption}{/block:PermalinkPage} </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Photoset} {block:Answer} <div class="entry"> <div class="inside"> <div style="font-weight: bold; margin-right: 10px; display: inline-block;">{Aske r}</div> {Question} <div>{Answer}</div> <div id="text_permalink"><a href="{Permalink}">{NoteCount}</a></div> </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Answer} {block:Quote} <div class="entry"> <div class="inside"> {Quote} {block:Source}<div class="title"> {Source}</div> {/block:Source} <div id="text_permalink"><a href="{Permalink}">{NoteCount}</a></div> </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Quote} {block:Link} <div class="entry"> <div class="inside"> <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a></div> {block:Description} {Description} {/block:Description} <div id="text_permalink"><a href="{Permalink}">{NoteCount}</a></div> </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Link} {block:Chat} <div class="entry"> <div class="inside"> {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:T itle} {block:Lines}<span style="align:left"><div class="{Alt} user_{UserNumber}">{bloc k:Label} <span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</span > <div id="text_permalink"><a href="{Permalink}">{NoteCount}</a></div> </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png"

height="8px">{/block:IfShadow} </div> {/block:Chat} {block:Video} <div class="entry"> <div class="inside"> <div id="photo_permalink"><a href="{Permalink}">{NoteCount}</a></div> {block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:IfShowCaption}{block:Caption}<div class="caption_triangle"></div><div cla ss="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption} {block:PermalinkPage}{block:IfNotShowCaption}{block:Caption}<div class="caption_ triangle"></div><div class="caption">{Caption}</div>{/block:Caption}{/block:IfNo tShowCaption}{/block:PermalinkPage} </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Video} {block:Audio} <div class="entry"> <div class="inside"> <div id="photo_permalink"><a href="{Permalink}">{NoteCount}</a></div> <div class="audio"><div class="player">{AudioPlayerWhite}</div></div> <div class="aud_back">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt} </div> {block:IfShowCaption}{block:Caption}<div class="caption_triangle"></div><div cla ss="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaption} {block:PermalinkPage}{block:IfNotShowCaption}{block:Caption}<div class="caption_ triangle"></div><div class="caption">{Caption}</div>{/block:Caption}{/block:IfNo tShowCaption}{/block:PermalinkPage} </div> {block:IfShadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:IfShadow} </div> {/block:Audio} {block:Date}{block:PermalinkPage} <div class="entry"><div class="inside"><div class="post_notes_etc"><div class="b lock"><span class="posted">Posted</span> {TimeAgo}</div>{block:HasTags}<div clas s="block"><span class="posted">Filed under</span> {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>, {block:Tags}</div>{/block:HasTags}</div></div>{block:IfS hadow}<img src="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8 px">{/block:IfShadow}</div> {/block:PermalinkPage}{/block:Date} {block:IfShowNotes} {block:PostNotes} <div class="entry"><div class="inside">{PostNotes}</div>{block:IfShadow}<img src ="http://static.tumblr.com/twte3d7/5MBlm3f4r/shadow.png" height="8px">{/block:If Shadow}</div> {/block:PostNotes} {/block:IfShowNotes} {/block:Posts} </div> <div id="links"><div class="links_bottom"><div id="leftnav">{block:Pagination}{b lock:NextPage}<a href="{NextPage}" id="next"> Next Page</a>{/block:NextPage}{/blo

ck:Pagination}</div><div id="centernav">{block:AskEnabled}<a href="/ask">Message </a> <span class="bullet"></span>{/block:AskEnabled} {block:SubmissionsEnabled}<a href="/submit">Submit</a> <span class="bullet"></span>{/block:SubmissionsEnabled } <a href="/archive">Archive</a> <span class="bullet"></span> <a href="{RSS}">Sub scribe</a> <span class="bullet"></span> {block:HasPages}{block:Pages}<a href="{UR L}">{Label}</a> <span class="bullet"></span>{/block:Pages}{/block:HasPages} <a hr ef="http://lucasmakesthemes.tumblr.com"></a></div><div id="rightnav">{block:Pagin ation}{block:PreviousPage}<a href="{PreviousPage}">Previous Page </a>{/block:Prev iousPage}{/block:Pagination}</div></div></div> </div> </body> </html>

You might also like