0% found this document useful (0 votes)
410 views10 pages

Death Note Tumblr Layout Codes

This document contains the HTML and CSS code for a Tumblr blog template. The template includes styling for blog posts of different types (text, photo, quote, link), as well as sections for things like navigation, followers, and an "About" profile. Styling is done through CSS and includes things like colors, fonts, layout etc. The template provides a complete visual design for a Tumblr blog.

Uploaded by

allen103
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
0% found this document useful (0 votes)
410 views10 pages

Death Note Tumblr Layout Codes

This document contains the HTML and CSS code for a Tumblr blog template. The template includes styling for blog posts of different types (text, photo, quote, link), as well as sections for things like navigation, followers, and an "About" profile. Styling is done through CSS and includes things like colors, fonts, layout etc. The template provides a complete visual design for a Tumblr blog.

Uploaded by

allen103
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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml"> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="{MetaDescription}" /> <title> {title}</title> <link rel="shortcut icon" href="{favicon}"> <pnk rel="alternate" type="application/rss+xml" href="{RSS}"> <!-- Default Colors --> <META name="color:Background Color" content="#ffffff"> <META name="color:Post Background" content="#transparent"> <META name="color:header background" content="#transparent"> <META name="color:header font" content="#ffffff"> <META name="color:image border" content="#ffffff"> <META name="color:font color" content="#ffffff"> <META name="color:link color" content="#ffffff"> <META name="color:link hover" content="#ffffff"> <META name="color:Notes Border" content="#ffffff"> <META name="color:post title font" content="#ffffff"> <META name="color:Bold font" content="#ffffff"> <META name="color:nav bg" content="#transparent"> <META name="color:nav hover" content="#ffffff"> <!-- End Default Colors --> <meta name="if:ShowPostDetails" content="1"/> <meta name="if:ShowReblogLink" content="1"/> <meta name="if:ShowTagLink" content="1"/> <style type="text/css"> @charset "utf-8"; body { background-color: {color:Background Color}; background-image:url(http://ct3.pimp-my-profile.com/i81/7/4/6/f_ebc1d493a3.jpg); background-repeat: repeat; background-attachment: fixed; background-position: Center Center; cursor: url(""), default; } /* Links */ a:link, a:visited, a:active { color: {color:link color}; text-decoration:none; } a:hover { color: {color:link hover}; text-decoration:none; } /* Text Effect */ b { color: {color:Bold font};}

strong { color: {color:Bold font};} i { color: {color:Italic font};} u { font-color: {color:Bold font}; } /* Navigation */ a.links{ font-weight:none; text-decoration:none; display:block; font-family: arial; font-size:11px; background-color:{color:nav bg}; border: 0px solid {color:header background}; text-align:left; padding:2 0 2 0; width:185px; } a.links:hover{ font-weight:none; text-decoration:none; display:block; font-family: arial; font-size:11px; background-color:{color:nav bg}; border: 0px solid ffffff; text-align:left; padding:2 0 2 0; width:185px; } /* Table */ #table { background:transparent; font-family: arial; font-size: 11px; color: {color:font color}; text-align:justify; width:700px; padding:10px; margin:0 auto; } /* Post */ #each { background-color:{color:Post Background}; background-image:url(none); padding:5px; margin:5px 0px 5px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Bullets */

table ul li { margin-right:2px; margin-left:5px; list-style-image: url(http://static.tumblr.com/f3gdoib/A4xleo2lx/arrow_bullets.g if); } /* Columns */ #post { width: 450px; float:right; } #right { width: 200px; float:left; } /* Headers */ h1 { margin:0; color:#ffffff; font-family: 'Arial', arial, serif; font-weight:normal; font-style: italic; font-size:20px; line-height:17px; letter-spacing:0px; } .header2 { background-color:{color:header background}; font-size: 16px; font-family: 'Arial', arial, serif; font-weight:normal; text-transform: normal; letter-spacing: 0px; line-height: 12px; text-align: left; margin-bottom: 5px; margin-top: 5px; } .header { background-color:{color:header background}; font-size: 16px; font-family: 'Arial', arial, serif; font-weight:normal; text-transform: normal; letter-spacing: 0px; line-height: 12px; text-align: left; margin-bottom: 5px; margin-top: 5px; } .tumblrdate { padding: 5px 0 0 0; font-family: Trebuchet Ms; text-transform: normal; font-size:11px; } /* Post Blockquote */ blockquote{ border-left-width: 5px; border-left-style: solid; border-left-color:{color:Notes Border}; padding:1px; padding-left: 5px; margin: 0px; }

/* Notes */ ol.notes { padding: 0px; margin: 15px 0px; list-style-type: none; border-bottom: solid 0px {color:Notes Border}; } ol.notes li.note { border-top: solid 0px {color:Notes Border}; padding: 5px; } ol.notes li.note img.avatar { vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; } ol.notes li.note span.action { font-weight: bold; } ol.notes li.note .answer_content { font-weight: normal; } ol.notes li.note blockquote { border-color: {color:Notes Border}; padding: 4px 10px; margin: 10px 0px 0px 25px; } ol.notes li.note blockquote a { text-decoration: none; } {CustomCSS} </style> <div id="DoNotEditImportant"><div style="position:absolute;top:0px;left:0px;bord er:0px;"><a style="position:fixed;" href="http://www.pimp-my-profile.com/tumblrthemes/" title="Tumblr Themes" target=_blank><img src="http://ct3.pimp-my-profil e.com/tumblr-support.png" alt="Tumblr Themes" border=0></a></div></div> </head> <body> <table id="table"> <tr><td id="none" colspan="3"> </td></tr> </td><td id="right"> <div style="width: 200px;"> <br> <div id="each"> <!-- About Me --> <div class="header2"><b>About</b></div><br> <center><a href="/"><img style="border:0px solid ffffff" src="{PortraitURL-128}" width="128"></a> <br><div style="width: 180px;"> {description}</div></div> <div id="each"> <!-- Navigation -->

<div class="header2"><b>Navigation</b></div> <center> <a href="/" class="links"><span color="ffffff">Home</span></a> <a href="/ask" class="links">Ask Me</a> <a href="/archive" class="links"><span color="ffffff">Archive</span></a> <a href="/random" class="links">Random</a> <a href="http://www.pimp-my-profile.com" class="links" title="Tumblr Themes" tar get=_blank>Tumblr Themes</a> Visitors<br> <a href="http://m.maploco.com/detad/484256638"><img style="border:0px;" src="htt p://www.maploco.com/vmad/484256638" alt="Locations of Site Visitors" title="Loca tions of Site Visitors"/></a> </div> <div id="each"> <!-- Following --> <div class="header2"><b>Following</b></div><div style="height:153px; overflow-y: hidden;overflow-x: hidden;"> <br>{block:Following} <center>{block:Followed}<a href="{FollowedURL}"><img style="border:0px solid {co lor:image border}" src="{FollowedPortraitURL-24}"></a> {/block:Followed} </center><BR>{/block:Following} </div></div> </div> </div></td> <td id="post"> <!-- Blog Post --> <div style="width: 450px;"> <a href="http://www.pimp-my-profile.com/"><img border=0 src="http://ct3.pimp-myprofile.com/i74/7/4/6/bn_2ad67d557c.png" width="437" height="75"></a> {block:Posts} {block:Text}<br><div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Text Post <a href="{Permal ink}"> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> {block:Title} <h1>{Title}</h1> {/block:Title} <p>{Body}</p> </li><br> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails}

<br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> {/block:Text} <br> {block:Photo}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Photo Post <a href="{Perma link}"> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div><br> {LinkOpenTag}<center><img id="pic" style="border:0px sol id {color:image border}" src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCl oseTag} {block:Caption} <p>{Caption}</p> {/block:Caption} {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> </div>{/block:Photo} {block:Quote}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Quote Post <a href="{Per malink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> <p class="qcontainer"> <h1>?{Quote}?</h1> {block:Source} <span class="source"><br><i>{Source}</i></span> {/block:Source} </p><br> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> </div> {/block:Quote}

{block:Link}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Link Post <a href="{Permal ink}"> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> <p><a href="{URL}" id="postlink" {Target}><h1>{Name}</h1 ></a></p> {block:Description} <p>{Description}</p> {/block:Description} </li> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> </div> {/block:Link} {block:Chat}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Chat Post<a href="{Permali nk}"> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> {block:Title} <p id="posttitle"><a href="{Permalink}">{Title}</a>< /p> {/block:Title} <ul class="chat"> {block:Lines} <li class="{Alt}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} {/block:Lines} </ul> </li></li> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >

{block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> </div> {/block:Chat} {block:Video}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Video Post <a href="{Perm alink}"> {ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> {Video-400} {block:Caption} <p>{Caption}</p> {/block:Caption} </li> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div> </div> {/block:Video} {block:Audio}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Audio Post<a href="{Permal ink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> <div style="width:450; height:80; background: {color:Mus ic Bg}; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-ra dius:8 8 8 8;padding: 0px 5px 2px 5px;"><br>{block:AlbumArt}<img src="{AlbumArtU RL}" align="left" width="50px" height="50px" />{/block:AlbumArt} <div style=" he ight:60px; background: black; -webkit-border-bottom-right-radius:8;bottom-left-r adius:8;-moz-border-radius:8 8 8 8;">{AudioPlayerblack}<div class="tumblrdate">{ block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackNam e} {block:Artist}<span><strong>Artist:</strong> {Artist}</span >{/block:Artist} <span>{PlayCountWithLabel}</span><br></div> </div></div>

{block:Caption} <p>{Caption}</p> {/block:Caption} </li> {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" > {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/b lock:Tags} {/block:HasTags}{/block:IfShowTagLink}</div> <div class="tumblrdate" style="float:right;" > {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permal ink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}< /div>{/block:IfShowPostDetails} <br> <br>{block:PostNotes}<br><B>Comments</B><BR>{PostNotes}{/block:PostNotes}</div> </div> {/block:Audio} {block:Answer}<div id="each"> <div id="box"> <div class="header"><div id="blogt"><b>Ask me anything <a href=" {Permalink}">{ShortDayOfWeek}, {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCoun tWithLabel}</a>{/block:NoteCount}</b></div></div></div> <div id="askr"> <img style="border:3px solid #1A1A1A" src="{AskerPortraitURL-40}"align="left" / ></div> <div id="question"><div id="asked">{Asker} Asked:<BR> {Question}</div></div><br> {answer}<BR clear="all"> <br> <BR>{block:PostNotes} <br><B>Comments</B><BR> {PostNotes} {/block:PostNotes}</div>{/block:answer}

{/block:Posts} {/block:Posts} </ol> <!-- END BLOG POST --> <!-- Pagination --> <center>{block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&#171; ne wer</b></a></font> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPag e} <a href="{NextPage}"><font size="3"><b>older &#187;</b></a></font>{/block:Nex tPage}{/block:Pagination}</center> <br> </div>

</body> </html>

You might also like