Created
October 28, 2011 20:29
-
-
Save ivanasetiawan/1323455 to your computer and use it in GitHub Desktop.
tjaja's code
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC> | |
| <!-- | |
| Tjaja's project for iamthecitywriter.tumblr.com | |
| --> | |
| <head> | |
| <meta name="color:post background" content="#FFFFFF" /> | |
| <meta name="color:text" content="#292929"> | |
| <meta name="color:link" content="#2E2E2E" /> | |
| <meta name="color:link hover" content="#000000" /> | |
| <meta name="if:Fade Images" content="0" /> | |
| <meta name="if:Hide Captions" content="1" /> | |
| <meta name="image:Sidebar" content="" /> | |
| <meta name="text:Custom Link One" content="" /> | |
| <meta name="text:Custom Link One Title" content="" /> | |
| <meta name="text:Custom Link Two" content="" /> | |
| <meta name="text:Custom Link Two Title" content="" /> | |
| <meta name="text:Custom Link Three" content="" /> | |
| <meta name="text:Custom Link Three Title" content="" /> | |
| <meta name="text:Custom Link Four" content="" /> | |
| <meta name="text:Custom Link Four Title" content="" /> | |
| <title>{Title}</title> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <title>Untitled Document</title> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
| <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold' rel='stylesheet' type='text/css'> | |
| {block:Description} | |
| <meta name="description" content="{MetaDescription}" /> | |
| {/block:Description} | |
| <style type="text/css"> | |
| #tumblr_controls{position:fixed !important; } | |
| /* BODY ENTRIES */ | |
| body{ color:{color:text}; background-color:#fff; font-family:garamond; font-size:11px; line-height: 13px; text-align:justify;} | |
| #content{ width:100%; margin: auto auto auto auto; position: relative; } | |
| #content .posts { width:698px; margin-left:190px; position:relative; padding-top:15px; } | |
| #content .posts img {{block:IFRoundedPhotoEdges}border-radius:5px; -moz-border-radius:5px;{/block:IfRoundedPhotoEdges} } | |
| #content .entry {{block:IndexPage}width: 300px; margin:5px; padding:8px; float:left; position: relative;{/block:IndexPage}{block:PermalinkPage}width:500px; {/block:PermalinkPage} background-color:{color:post background}; } /* ST */ #side { width:170px; float:left; font-family:times new roman; font-size:11px; position:fixed; bottom:30px; text-align:center;} | |
| .disphoto {background-image: url({PortraitURL-64}); -moz-border-radius: 64px; -webkit-border-radius: 64px; width: 62px; height: 62px; margin: 7px; } | |
| .dtion {padding:3px; padding-top:2px; } | |
| .dtionborder {border-top:0px solid {color:text}; width:87%; } | |
| .padding {padding-bottom:400px; } | |
| /* ST */ #navigation {width:100px; margin:auto; position:absolute; font-family:times new roman; font-size:11px; bottom:30px; } | |
| /* TEXT PROPS */ | |
| a:link, a:active, a:visited{ color: {color:link}; text-decoration:none;} | |
| a:hover{ color:{color:link hover};} | |
| .title { color:{color:text}; font-family:garamond; font-size:10px; font-weight:bold; text-transform:uppercase; } | |
| .ptitle { color:{color:text}; font-family:times new roman; font-size: 11px; padding:3px; border-bottom:0px solid {color:text};} | |
| .permalink {text-align:left; font-family:times new roman; font-size:9px; font-weight:bold; opacity:.6; } | |
| /* POST SPECIFICS */ | |
| .quote {font-family:times new roman; font-size:11px; } | |
| .source {font-family:times new roman; font-size:11px; font-weight:bold; text-align:right; text-transform:uppercase; } | |
| .audio {width: 293px; background-color:#fff; padding:3px; -webkit-box-shadow: 3px 3px 3px #dcdcdc;} | |
| div.video embed, div.post div.video object { width:300px !important; height:120px !important;} | |
| .question { background-color:{color:post background}; padding:3px; } | |
| .answer { background-color:#EEE; padding:3px; } | |
| {block:ifFadeImages} img {opacity: 1; -webkit-transition-duration: 0.8s; } | |
| img:hover { opacity: .50; -webkit-transition-duration: 0.8s; } {/block:ifFadeImages} | |
| ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:2px; } | |
| ol.notes { padding: 0px; margin: 25px 0px; list-style-type:none; border-bottom: solid 0px #ccc; width:500px;} | |
| ol.notes li.note { border-top: solid 0px #ccc; padding: 2px; width:500px; } | |
| ol.notes li.note img.avatar {margin-right: 10px; width:0px; height: 0px;} | |
| iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;} | |
| </style> | |
| <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> | |
| <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js"> | |
| </script> | |
| <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script> | |
| <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> | |
| <script type="text/javascript"> | |
| $(window).load(function () { | |
| $('.posts').masonry(), | |
| $('.masonryWrap').infinitescroll({ | |
| navSelector : "div#navigation", | |
| // selector for the paged navigation (it will be hidden) | |
| nextSelector : "div#navigation a#nextPage", | |
| // selector for the NEXT link (to page 2) | |
| itemSelector : ".entry", | |
| // selector for all items you'll retrieve | |
| bufferPx : 10000, | |
| extraScrollPx: 11000, | |
| loadingImg : "http://b.imagehost.org/0548/Untitled-2.png", | |
| loadingText : "<em></em>", | |
| }, | |
| // call masonry as a callback. | |
| function() { $('.posts').masonry({ appendedContent: $(this) }); } | |
| ); | |
| }); | |
| </script> | |
| <script type="text/javascript"> | |
| $(window).load(function(){ | |
| $("p").remove(":contains('Source:')"); | |
| }); | |
| </script> | |
| <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> | |
| </head> | |
| <body> | |
| <div id="content"> | |
| <div id="side"> | |
| {block:IfSidebarImage} | |
| <br> <center><a href="/"><img src="{image:Sidebar}" width=200px/></a></center><br> | |
| {/block:IfSidebarImage} | |
| <center><h1><a href="/">{Title}</a></h1></center> | |
| <br> {Description} | |
| <div class="padding"><a href="/archive">history</a> <a href="/ask">ask</a> {block:IfCustomLinkOneTitle} <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle} <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle} {block:ifCustomLinkFourTitle} <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</div> | |
| {block:Description} | |
| <center><div class="dtionborder"></div></center> | |
| <div class="dtion">{Description}</div> | |
| {/block:Description} | |
| <div style="bottom:2px; right:100px; position:fixed; opacity:0.8; text-style:italic; color:{color:Text}; "><a href="http://le-excellence.tumblr.com/">EƎ ©</a></div> | |
| </div> | |
| <div class="posts"> | |
| {block:Posts} | |
| <div class="entry"> | |
| {block:Text} | |
| {block:Title} <div class="ptitle">{Title}</div> {/block:Title} | |
| {Body} | |
| <div class="permalink"><a href="{Permalink}"> Posted {12Hour}:{Minutes}:{Seconds} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div> | |
| {/block:Text} | |
| {block:Photo} | |
| {block:IndexPage}<a href="{Permalink}">{/block:IndexPage} | |
| {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} | |
| <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="300"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>{block:IfNotHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHideCaptions} | |
| {block:IndexPage}</a>{/block:IndexPage} | |
| {block:PermalinkPage}{LinkCloseTag}{block:IfHideCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfHideCaptions} | |
| {/block:PermalinkPage} | |
| {block:PermalinkPage}<BR><div style="background-color:#ccc; width:500px; padding-top:3px; padding-bottom:3px;"><center>Posted {TimeAgo} {block:NoteCount} with {NoteCountwithLabel}{/block:NoteCount}</center> </div>{/block:PermalinkPage} | |
| {/block:Photo} | |
| {block:Photoset} | |
| {Photoset-500} | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Photoset} | |
| {block:Quote} | |
| {Quote} <BR> | |
| {block:Source} <div class="source">{Source}</div> {/block:Source} | |
| <div class="permalink"><a href="{Permalink}"> Posted {12Hour}:{Minutes}:{Seconds} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div> | |
| {/block:Quote} | |
| {block:Link} | |
| <div class="ptitle"><a href="{URL}"{Target}>→ {Name}</a></div> | |
| {block:Description} {Description} {/block:Description} | |
| {/block:Link} | |
| <div class="video"> | |
| {block:Video} | |
| {Video-500} | |
| {block:Caption} | |
| {Caption} | |
| {/block:Caption} | |
| {/block:Video} | |
| </div> | |
| {block:Chat} | |
| {block:Title} | |
| <div class="ptitle">{Title}</div> | |
| {/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}<br>{/block:Lines} | |
| <div class="permalink"><a href="{Permalink}"> Posted {12Hour}:{Minutes}:{Seconds} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div> | |
| {/block:Chat} | |
| {block:Audio} | |
| <div class="audio"> {AudioPlayerWhite} </div> | |
| {block:Caption} {Caption} {/block:Caption} | |
| <div class="permalink"><a href="{Permalink}">{PlayCountWithLabel} {block:ExternalAudio} <a href="{ExternalAudioURL}">Download</a> {/block:ExternalAudio} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div> | |
| {/block:Audio} | |
| {block:Answer} | |
| <div class="question">{Asker} murmured: {Question}</div> | |
| <div class="answer">{Answer}</div> | |
| {block:IndexPage}<div class="permalink"><a href="{Permalink}"> Posted {12Hour}:{Minutes}:{Seconds} {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </a></div>{/block:IndexPage} | |
| {/block:Answer} | |
| </div> | |
| {block:PostNotes}{PostNotes}{/block:PostNotes} | |
| {/block:Posts} | |
| </div> | |
| </div> | |
| {block:IndexPage} | |
| <div class="column navigation" id="navigation"> | |
| {block:Pagination} | |
| {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage} | |
| {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination} | |
| </div> | |
| {/block:IndexPage} | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment