Created
December 29, 2014 05:23
-
-
Save caspar/e8d7a59a3279408c9365 to your computer and use it in GitHub Desktop.
Blog Template
This file contains 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> | |
| <!-- | |
| Theme: THE THEME v0.2 | |
| Design: Themes that you like - Premium | |
| Autor: Lutz Preuss 2014 | |
| Version: 0.2 - 10.03.2014 | |
| --> | |
| <html> | |
| <head> | |
| <title>{Title}</title> | |
| <link rel="shortcut icon" href="{Favicon}"> | |
| <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
| {block:Description} | |
| <meta name="description" content="{MetaDescription}" /> | |
| {/block:Description} | |
| <meta name="color:Background" content="#ffffff"/> | |
| <meta name="color:Title" content="#000000"/> | |
| <meta name="color:Sidebar Text Color" content="#000000"/> | |
| <meta name="color:Post Text Color" content="#000000"/> | |
| <meta name="color:Post Link" content="#213341"/> | |
| <meta name="font:Head" content="Futura"/> | |
| <meta name="font:Sidebar" content="Futura"/> | |
| <meta name="font:Text" content="Georgia"/> | |
| <meta name="if:Show Header Topline" content="1"/> | |
| <meta name="if:Center Header" content="0"/> | |
| <meta name="if:Hide Sidebar" content="0"/> | |
| <meta name="if:Show Avatar" content="1"/> | |
| <meta name="if:Show Search" content="1"/> | |
| <meta name="if:Show About" content="1"/> | |
| <meta name="if:Show Following" content="1"/> | |
| <meta name="if:Show Likes" content="0"/> | |
| <meta name="if:Show Last Tweets" content="0"/> | |
| <meta name="select:Border Title" content="solid" title="Solid"> | |
| <meta name="select:Border Title" content="dotted" title="Dotted"> | |
| <meta name="select:Border Title" content="dashed" title="Dashed"> | |
| <meta name="select:Border Title" content="none" title="None"> | |
| <meta name="image:Background" content=""/> | |
| <meta name="text:Instagram Username" content="" /> | |
| <meta name="text:Twitter Username" content="" /> | |
| <meta name="text:Facebook URL" content="" /> | |
| <meta name="text:Google plus URL" content="" /> | |
| <style type="text/css"> | |
| * { | |
| -webkit-font-smoothing:subpixel-antialiased; | |
| } | |
| body { | |
| background-color: {color:Background}; | |
| padding: 0px; | |
| margin: 0px; | |
| font-family: {font:Text}; | |
| background-image: url('{image:Background}'); | |
| background-position: center; | |
| background-repeat: repeat; | |
| background-attachment: fixed; | |
| } | |
| .layer { | |
| width: 1100px; | |
| position: relative; | |
| top: 0px; | |
| left: 50%; | |
| padding-bottom: 225px; | |
| margin-left: -550px; | |
| padding-top: 50px; | |
| background-color: #FFF; | |
| } | |
| {block:ifShowHeaderTopline} | |
| #tumblr_controls { | |
| position: fixed; | |
| top: 8px !important; | |
| right: 3px; | |
| } | |
| {/block:ifShowHeaderTopline} | |
| .line { | |
| position: absolute; | |
| top: 0px; | |
| width: 100%; | |
| height: 6px; | |
| z-index: 43; | |
| display: none; | |
| background-color: {color:Title}; | |
| {block:ifShowHeaderTopline} | |
| display: block; | |
| {/block:ifShowHeaderTopline} | |
| } | |
| .head { | |
| position: relative; | |
| left: 50%; | |
| margin-left: -400px; | |
| width: 800px; | |
| overflow: hidden; | |
| color: {color:Title}; | |
| font-family: {font:Head}; | |
| margin-top: 0px; | |
| padding-bottom: 10px; | |
| z-index: 23; | |
| padding-top: 3px; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| {block:ifCenterHeader} | |
| text-align: center; | |
| padding-bottom: 50px; | |
| {block:ifCenterHeader} | |
| } | |
| .head #title { | |
| border: 3px {select:Border Title} {color:Title}; | |
| text-decoration: none; | |
| color: {color:Title}; | |
| padding-left: 10px; | |
| padding-right: 10px; | |
| padding: 8px; | |
| text-transform: uppercase; | |
| font-style: italic; | |
| font-size: 24px; | |
| position: relative; | |
| } | |
| .head .links { | |
| position: absolute; | |
| margin: 0 auto; | |
| text-align: right; | |
| width: 800px; | |
| top: 50px; | |
| {block:ifCenterHeader} | |
| text-align: center; | |
| top: 104px; | |
| padding-top: 6px; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| {block:ifCenterHeader} | |
| } | |
| .head .links #link { | |
| color: {color:Title}; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| text-decoration: none; | |
| } | |
| .head .links #link:hover { | |
| } | |
| .sidebar { | |
| position: absolute; | |
| {block:ifFixedSidebar} | |
| position: fixed; | |
| {block:ifFixedSidebar} | |
| width: 250px; | |
| padding-left: 25px; | |
| left: 50%; | |
| margin-top: 65px; | |
| font-family: {font:Sidebar}; | |
| margin-left: 125px; | |
| padding-right: 25px; | |
| border-left: 1px solid rgba(0, 0, 0, 0.1); | |
| color: {color:Sidebar Text Color}; | |
| padding-bottom: 40px; | |
| {block:ifHideSidebar} | |
| display: none; | |
| {/block:ifHideSidebar} | |
| } | |
| .sidebar h2 { | |
| font-family: {font:Sidebar}; | |
| font-size: 20px; | |
| width: 100%; | |
| margin-top: 50px; | |
| text-transform: uppercase; | |
| } | |
| .sidebar h2:first-child { | |
| margin-top: 10px; | |
| } | |
| .sidebar #avatar { | |
| width: 60px; | |
| height: 60px; | |
| float: left; | |
| top: -8px; | |
| padding: 15px; | |
| padding-left: 0px; | |
| position: relative; | |
| margin-bottom: -20px; | |
| border-radius: 50%; | |
| display: none; | |
| {block:ifShowAvatar} | |
| display: block; | |
| {/block:ifShowAvatar} | |
| } | |
| .sidebar #description { | |
| min-width: 190px; | |
| min-height: 40px; | |
| word-wrap: break-word; | |
| } | |
| .sidebar #search { | |
| position: relative; | |
| height: 26px; | |
| } | |
| .sidebar #search:hover { | |
| opacity: 1; | |
| } | |
| .sidebar #search #textfild{ | |
| width: 150px; | |
| height: 22px; | |
| color: {color:Sidebar Text Color}; | |
| font-family: {font:Sidebar}; | |
| border: 1px solid {color:Sidebar Text Color}; | |
| opacity: 0.4; | |
| } | |
| .sidebar #search #textfild:focus{ | |
| border: 1px solid rgba(0, 0, 0, 1); | |
| opacity: 1; | |
| } | |
| .sidebar #search #ok{ | |
| width: 60px; | |
| height: 26px; | |
| border: none; | |
| position: absolute; | |
| top: 0px; | |
| color: white; | |
| font-family: {font:Sidebar}; | |
| margin-left: -5px; | |
| background-color: {color:Sidebar Text Color}; | |
| opacity: 1; | |
| } | |
| .sidebar #search #ok:hover{ | |
| opacity: 0.8; | |
| } | |
| .sidebar #social { | |
| position: relative; | |
| top: -2px; | |
| height: 30px; | |
| width: 250px; | |
| } | |
| .sidebar #social_headline{ | |
| display: none; | |
| {block:IfTwitterUsername} | |
| display: block; | |
| {/block:IfTwitterUsername} | |
| {block:IfFacebookURL} | |
| display: block; | |
| {/block:IfFacebookURL} | |
| {block:IfInstagramUsername} | |
| display: block; | |
| {/block:IfInstagramUsername} | |
| {block:IfGoogleplusURL} | |
| display: block; | |
| {/block:IfGoogleplusURL} | |
| } | |
| .sidebar #social #one{ | |
| float: left; | |
| position: relative; | |
| width: 30px; | |
| margin-right: 5px; | |
| width: 30px; | |
| height: 30px; | |
| background-color: {color:Sidebar Text Color}; | |
| border-radius: 0%; | |
| } | |
| .sidebar #following { | |
| width: 250px; | |
| } | |
| .sidebar #following #one { | |
| position: relative; | |
| float: left; | |
| top: -4px; | |
| } | |
| .sidebar #following #one:last-child { | |
| float: none; | |
| } | |
| .sidebar #likes_container { | |
| word-wrap: break-word; | |
| font-size: 12px; | |
| text-align: center; | |
| } | |
| .sidebar #likes_container ul{ | |
| list-style-type: none; | |
| margin-left: -36px; | |
| text-align: center; | |
| } | |
| .sidebar #likes_container img { | |
| max-width: 100%; | |
| } | |
| .sidebar #likes_container li { | |
| border-top: 3px solid rgba(0, 0, 0, 0.1); | |
| padding-top: 18px; | |
| padding-bottom: 18px; | |
| } | |
| .sidebar #likes_container a { | |
| color: {color:Sidebar Text Color}; | |
| font-family: {font:Sidebar}; | |
| text-decoration: underline; | |
| word-wrap: break-word; | |
| } | |
| .sidebar #tweets { | |
| } | |
| .sidebar #tweets a{ | |
| color: {color:Sidebar Text Color}; | |
| font-family: {font:Sidebar}; | |
| text-decoration: none; | |
| word-wrap: break-word; | |
| } | |
| .sidebar #tweets #content { | |
| border-top: 3px solid rgba(0, 0, 0, 0.1); | |
| font-size: 12px; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| .container { | |
| font-family: {font:Text}; | |
| margin-top: 30px; | |
| width: 500px; | |
| position: relative; | |
| left: 50%; | |
| margin-left: -400px; | |
| } | |
| .container img{ | |
| width: auto; | |
| height: auto; | |
| } | |
| .container #post { | |
| width: 460px; | |
| padding: 20px; | |
| position: relative; | |
| overflow: hidden; | |
| padding-bottom: 25px; | |
| padding-top: 25px; | |
| margin-top: 60px; | |
| color: {color:Post Text Color}; | |
| {block:ifShowPostBorder} | |
| border: 1px solid {color:Post Border}; | |
| {/block:ifShowPostBorder} | |
| } | |
| .container #post blockquote { | |
| display: block; | |
| -webkit-margin-before: 5px !important; | |
| -webkit-margin-after: 5px !important; | |
| -webkit-margin-start: 8px !important; | |
| -webkit-margin-end: 8px !important; | |
| border-left: 3px solid rgb(230, 230, 230); | |
| padding-left: 10px; | |
| } | |
| .container #post_width { | |
| width: 500px; | |
| padding: 0px; | |
| overflow: hidden; | |
| position: relative; | |
| margin-top: 60px; | |
| color: {color:Post Text Color}; | |
| {block:ifShowPostBorder} | |
| border: 1px solid {color:Post Border}; | |
| {/block:ifShowPostBorder} | |
| } | |
| .container a { | |
| color: {color:Post Link}; | |
| } | |
| /* INFO */ | |
| .container #post #info { | |
| position: absolute; | |
| font-family: {font:Text}; | |
| color: {color:Post Text Color}; | |
| top: 10px; | |
| width: 300px; | |
| padding: 30px; | |
| padding-bottom: 100px; | |
| padding-top: 10px; | |
| width: 1px; | |
| left: -160px; | |
| display: none; | |
| } | |
| .container #post:hover #info { | |
| left: -160px; | |
| z-index: 1; | |
| width: 300px; | |
| display: block; | |
| line-height: 26px; | |
| color: {color:Post Text Color}; | |
| } | |
| .container #post_width #info { | |
| position: absolute; | |
| font-family: {font:Text}; | |
| color: {color:Post Text Color}; | |
| top: 10px; | |
| width: 300px; | |
| padding: 30px; | |
| padding-bottom: 100px; | |
| padding-top: 10px; | |
| width: 1px; | |
| left: -160px; | |
| display: none; | |
| } | |
| .container #post_width:hover #info { | |
| left: -160px; | |
| z-index: 1; | |
| width: 300px; | |
| display: block; | |
| line-height: 26px; | |
| color: {color:Post Text Color}; | |
| } | |
| .container #info #link{ | |
| text-decoration: none; | |
| color: {color:Post Text Color} !important; | |
| } | |
| .container #info #link:hover{ | |
| text-decoration: underline; | |
| } | |
| .container #info .controls { | |
| width: 100px; | |
| position: relative; | |
| margin-top: 8px; | |
| padding-top: 12px; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .container #info .controls #reblog{ | |
| position: relative; | |
| float: left; | |
| } | |
| .container #info .controls #like{ | |
| float: left; | |
| margin-left: 10px; | |
| position: relative; | |
| } | |
| /* TEXT */ | |
| .container #post #headline { | |
| width: 460px; | |
| text-align: center; | |
| color: {color:Post Text Color}; | |
| text-decoration: none; | |
| font-size: 30px; | |
| font-weight: 400; | |
| margin-top: 5px; | |
| } | |
| .container #post #paragraph { | |
| text-align: justify; | |
| } | |
| .container #paragraph img { | |
| max-width: 460px !important; | |
| } | |
| /* PHOTO */ | |
| .container #post_width { | |
| width: 500px; | |
| background-color: #FFF; | |
| padding: 0px; | |
| position: relative; | |
| margin-top: 60px; | |
| } | |
| .container #post_width #image { | |
| width: 500px; | |
| position: relative; | |
| top: 0px; | |
| left: 0px; | |
| z-index: 2; | |
| } | |
| /* PANORAMA */ | |
| /* PHOTOSET */ | |
| .container #post #photoset { | |
| width: 500px; | |
| position: relative; | |
| } | |
| /* QUOTE */ | |
| .container #post #quote { | |
| font-size: 30px; | |
| margin-top: 8px; | |
| position: relative; | |
| } | |
| .container #post #source { | |
| font-size: 14px; | |
| position: relative; | |
| width: 300px; | |
| left: 140px; | |
| text-align: right; | |
| margin-top: 8px; | |
| } | |
| /* LINK */ | |
| .container #post #link { | |
| min-height: 60px; | |
| } | |
| .container #post #link .link{ | |
| text-decoration: none; | |
| color: {color:Post Text Color}; | |
| position: relative; | |
| top: 5px; | |
| font-size: 30px; | |
| border-bottom: 1px solid rgba(100, 100, 100, 0.4); | |
| } | |
| .container #post #link #description{ | |
| width: 460px; | |
| color: {color:Post Text Color}; | |
| margin-top: 30px; | |
| font-size: 14px; | |
| } | |
| /* CHAT */ | |
| .container #post #headline_chat { | |
| width: 420px; | |
| margin-left: 0px; | |
| text-align: left; | |
| color: rgb(100, 100, 100); | |
| text-decoration: none; | |
| font-size: 30px; | |
| font-weight: 400; | |
| margin-top: 5px; | |
| border-bottom: 1px solid rgba(100, 100, 100, 0.3); | |
| padding-bottom: 12px; | |
| } | |
| .container #post #chat { | |
| width: 420px; | |
| line-height: 34px; | |
| font-size: 22px; | |
| } | |
| /* VIDEO */ | |
| .container #post #video { | |
| width: 500px; | |
| position: relative; | |
| left: -20px; | |
| top: -20px; | |
| } | |
| /* AUDIO */ | |
| /* ASK */ | |
| .container #post #avatar { | |
| position: relative; | |
| } | |
| .container #post #ask { | |
| width: 500px; | |
| float: right; | |
| margin-right: 35px; | |
| margin-top: -4px; | |
| position: relative; | |
| } | |
| .container #post #answer { | |
| margin-top: 15px; | |
| border-top: 1px solid rgba(100, 100, 100, 0.1); | |
| } | |
| /* NOTES PERMLINK PAGE */ | |
| .container #note_post { | |
| width: 460px; | |
| padding: 20px; | |
| color: #000; | |
| background-color: {color:Post Background}; | |
| } | |
| .container #note_post #note_date { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .container #note_post #line { | |
| width: 100%; | |
| height: 1px; | |
| border: none; | |
| background-color: #000; | |
| } | |
| .container #note_post #tag { | |
| color: #000; | |
| margin-left: 4px; | |
| font-size: 12px; | |
| text-decoration: none; | |
| } | |
| .container #note_post ol { | |
| margin-bottom: 80px; | |
| } | |
| .container #note_post li { | |
| margin-top: 8px; | |
| margin-left: -20px; | |
| list-style-type: none; | |
| } | |
| .container #note_post li a{ | |
| color: #000; | |
| text-decoration: none; | |
| margin-left: 4px; | |
| border-bottom: 1px solid rgba(100, 100, 100, 0.2); | |
| } | |
| .container #note_post li .avatar_frame{ | |
| border: none; | |
| } | |
| .container #note_post li:last-child{ | |
| position: relative; | |
| top: 60px; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .navigation { | |
| font-size: 16px; | |
| width: 500px; | |
| position: relative; | |
| left: 50%; | |
| margin-top: 70px; | |
| margin-left: -400px; | |
| text-align: center; | |
| font-family: {font:Text}; | |
| } | |
| .navigation #pre { | |
| color: rgba(100, 100, 100, 0.8); | |
| font-size: 16px; | |
| margin-right: 10px; | |
| text-decoration: none; | |
| } | |
| .navigation #next { | |
| color: rgba(100, 100, 100, 0.8); | |
| font-size: 16px; | |
| margin-left: 10px; | |
| text-decoration: none; | |
| } | |
| .navigation .current_page { | |
| color: rgba(100, 100, 100, 0.8); | |
| font-size: 17px; | |
| font-weight: 600; | |
| text-decoration: none; | |
| margin-left: 3px; | |
| margin-right: 3px; | |
| } | |
| .navigation .jump_page { | |
| color: rgba(100, 100, 100, 0.8); | |
| font-size: 16px; | |
| margin-left: 3px; | |
| margin-right: 3px; | |
| border-bottom: 1px solid rgba(100, 100, 100, 0.3); | |
| text-decoration: none; | |
| } | |
| .footer { | |
| width: 500px; | |
| position: absolute; | |
| height: 180px; | |
| left: 50%; | |
| margin-left: -400px; | |
| padding-top: 25px; | |
| margin-top: 20px; | |
| font-family: {font:Text}; | |
| } | |
| .footer #hamburg{ | |
| text-align: center; | |
| font-family: {font:Text}; | |
| font-size: 15px; | |
| color: {color:Post Text Color}; | |
| } | |
| .footer #lutz{ | |
| text-align: center; | |
| font-family: {font:Text}; | |
| font-size: 15px; | |
| color: {color:Post Text Color}; | |
| } | |
| .footer #links { | |
| text-align: center; | |
| font-size: 16px; | |
| width: 500px; | |
| left: 50%; | |
| border-top: 1px solid {color:Post Text Color}; | |
| font-family: {font:Text}; | |
| margin-left: -250px; | |
| position: relative; | |
| margin-top: 20px; | |
| padding-top: 10px; | |
| color: {color:Post Text Color}; | |
| } | |
| .footer #links #link { | |
| color: {color:Post Text Color}; | |
| text-decoration: none; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| } | |
| .footer #copy { | |
| text-align: center; | |
| position: relative; | |
| font-size: 12px; | |
| margin-top: 20px; | |
| opacity: 0.4; | |
| font-family: {font:Text}; | |
| color: {color:Post Text Color}; | |
| } | |
| .footer #power { | |
| text-align: center; | |
| font-size: 12px; | |
| position: relative; | |
| opacity: 0.4; | |
| margin-top: 2px; | |
| font-family: {font:Text}; | |
| color: {color:Post Text Color}; | |
| } | |
| .footer #power #tumblr{ | |
| text-decoration: none; | |
| color: {color:Post Text Color}; | |
| } | |
| {CustomCSS} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="line"></div> | |
| <div class="layer"> | |
| <div class="head"> | |
| <h1><a href="/" id="title">{Title}</a></h1> | |
| <div class="links"> | |
| {block:HasPages} | |
| {block:Pages}<a id="link" href="{URL}">{Label}</a>{block:Pages} | |
| {/block:HasPages} | |
| {block:AskEnabled}<a id="link" href="/ask">Ask Away | |
| </a>{/block:AskEnabled} | |
| </div> | |
| </div> | |
| <div class="sidebar"> | |
| {block:ifShowSearch} | |
| <h2>Search</h2> | |
| <form id="search" action="/search" method="get"> | |
| <input id="textfild" type="text" name="q" value="{SearchQuery}"/> | |
| <input id="ok" type="submit" value="Search"/> | |
| </form> | |
| {/block:ifShowSearch} | |
| <br> | |
| <!-- Begin MailChimp Signup Form --> | |
| <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> | |
| <style type="text/css"> | |
| #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:300px;} | |
| /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. | |
| We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ | |
| </style> | |
| <div id="mc_embed_signup"> | |
| <form action="//casparlant.us7.list-manage.com/subscribe/post?u=54390e27efa47413220dcc855&id=c985776d75" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> | |
| <div id="mc_embed_signup_scroll"> | |
| <label for="mce-EMAIL">Stay in the loop</label> | |
| <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> | |
| <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> | |
| <div style="position: absolute; left: -5000px;"><input type="text" name="b_54390e27efa47413220dcc855_c985776d75" tabindex="-1" value=""></div> | |
| <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> | |
| </div> | |
| </form> | |
| </div> | |
| <!--End mc_embed_signup--> | |
| {block:ifShowAbout} | |
| <h2>About</h2> | |
| {block:ifShowAvatar} | |
| <img id="avatar" src="{PortraitURL-128}"/> | |
| {/block:ifShowAvatar} | |
| {block:Description} | |
| <p id="description">{Description}</p> | |
| {/block:Description} | |
| {block:ifShowAbout} | |
| <h2 id="social_headline">Social</h2> | |
| <div id="social"> | |
| {block:IfTwitterUsername}<a id="link" href="http://twitter.com/{text:Twitter Username}"><img id="one" src="http://static.tumblr.com/hcjwxor/iLtn0ddsv/twitter.png"/></a>{/block:IfTwitterUsername} | |
| {block:IfFacebookURL}<a id="link" href="{text:Facebook URL}"><img id="one" src="http://static.tumblr.com/hcjwxor/ppan0ddu0/facebook.png"/></a>{/block:IfFacebookURL} | |
| {block:IfInstagramUsername}<a id="link" href="http://instagram.com/{text:Instagram Username}"><img id="one" src="http://static.tumblr.com/hcjwxor/iRVn0ddtn/instagarm.png"/></a>{/block:IfInstagramUsername} | |
| {block:IfGoogleplusURL}<a id="link" href="{text:Google plus URL}"><img id="one" src="http://static.tumblr.com/hcjwxor/6WLn0ddtu/google__.png"/></a>{/block:IfGoogleplusURL} | |
| </div> | |
| {block:ifShowFollowing} | |
| {block:Following} | |
| <h2>Following</h2> | |
| <div id="following">{block:Followed} | |
| <a href="{FollowedURL}"><img id="one" src="{FollowedPortraitURL-48}"/></a> | |
| {/block:Followed} | |
| </div> | |
| {/block:Following} | |
| {/block:ifShowFollowing} | |
| {block:ifShowLikes} | |
| {block:Likes} | |
| <h2>Stuff I like</h2> | |
| <div id="likes_container"> | |
| {Likes limit="5" summarize="100" width="250"} | |
| <a href="http://www.tumblr.com/liked/by/{Name}"> | |
| See more stuff I like | |
| </a> | |
| </div> | |
| {/block:Likes} | |
| {/block:ifShowLikes} | |
| {block:ifShowLastTweets} | |
| {block:Twitter} | |
| <h2>Twitter</h2> | |
| <div id="twitter" style="display:none;"> | |
| <div id="tweets"></div> | |
| </div> | |
| <script type="text/javascript"> | |
| function recent_tweets(data) { | |
| for (i=0; i<5; i++) { | |
| document.getElementById("tweets").innerHTML = | |
| document.getElementById("tweets").innerHTML + | |
| '<a href="http://twitter.com/{TwitterUsername}/status/' + | |
| (data[i].id_str ? data[i].id_str : data[i].id) + | |
| '"><div id="content">' + data[i].text + | |
| '</div></a>'; | |
| } | |
| document.getElementById("twitter").style.display = 'block'; | |
| } | |
| </script> | |
| {/block:Twitter} | |
| {/block:ifShowLastTweets} | |
| </div> | |
| <div class="container"> | |
| {block:Posts} | |
| {block:Text} | |
| <div id="post"> | |
| {block:Title} | |
| <h3 id="headline"><a id="headline" href="{Permalink}">{Title}</a></h3> | |
| {/block:Title} | |
| <div id="paragraph"> | |
| {Body} | |
| </div> | |
| {/block:Text}{block:Photo} | |
| <div {block:Caption} id="post" {/block:Caption} id="post_width"> | |
| <a href="{Permalink}" style="height: 0px;"><img id="image" {block:Caption} style="width: 500px; position: relative; left: -20px; top: -25px;" {/block:Caption} src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a> | |
| {block:Caption} | |
| <div id="caption">{Caption}</div> | |
| {/block:Caption} | |
| {/block:Photo}{block:Panorama} | |
| <div {block:Caption} id="post" {/block:Caption} id="post_width" > | |
| {LinkOpenTag} | |
| <img id="image" {block:Caption} style="width: 500px; margin-top: 5px;" {/block:Caption} src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/> | |
| {LinkCloseTag} | |
| {block:Caption} | |
| <div id="caption">{Caption}</div> | |
| {/block:Caption} | |
| {/block:Panorama}{block:Photoset} | |
| <div {block:Caption} id="post" {/block:Caption} id="post_width"> | |
| <div {block:Caption} style="left: -50px; top: -25px;" {/block:Caption} id="photoset">{Photoset-500}</div> | |
| {block:Caption} | |
| <div id="caption">{Caption}</div> | |
| {/block:Caption} | |
| {/block:Photoset}{block:Quote} | |
| <div id="post"> | |
| <div id="quote"> "{Quote}" </div> | |
| {block:Source} | |
| <div id="source">- {Source}</div> | |
| {/block:Source} | |
| {/block:Quote}{block:Link} | |
| <div id="post"> | |
| <div id="link"> | |
| <a href="{URL}" class="link" {Target}>{Name}</a> | |
| {block:Description} | |
| <div id="description">{Description}</div> | |
| {/block:Description} | |
| </div> | |
| {/block:Link}{block:Chat} | |
| <div id="post"> | |
| {block:Title} | |
| <h3 id="headline_chat"><a id="headline" href="{Permalink}">{Title}</a></h3> | |
| {/block:Title} | |
| <ul id="chat"> | |
| {block:Lines} | |
| <li class="{Alt} user_{UserNumber}"> | |
| {block:Label} | |
| <span class="label">{Label}</span> | |
| {/block:Label}{Line} | |
| </li> | |
| {/block:Lines} | |
| </ul> | |
| {/block:Chat}{block:Video} | |
| <div {block:Caption} id="post" {/block:Caption} id="post_width"> | |
| <div id="video"> | |
| {Video-500} | |
| </div> | |
| {block:Caption} | |
| <div id="caption">{Caption}</div> | |
| {/block:Caption} | |
| {/block:Video}{block:Answer} | |
| <div id="post"> | |
| <img id="avatar" src="{AskerPortraitURL-48}" /> | |
| <div id="ask">{Asker} asked: {Question}</div> | |
| <div id="answer">{Answer}</div> | |
| {/block:Answer}{block:Audio} | |
| <div id="post"> | |
| {AudioPlayerBlack} | |
| {block:Caption} | |
| <div id="caption">{Caption}</div> | |
| {/block:Caption} | |
| {/block:Audio} | |
| <div id="info"> | |
| {block:Date} | |
| <a id="link" href="{Permalink}">{ShortMonth} {DayOfMonth}st, {Year}<br /></a> | |
| {/block:Date} | |
| <a id="link" href="{Permalink}#notes">{NoteCount} Notes</a> | |
| <div class="controls"> | |
| <div id="reblog">{ReblogButton color="grey"}</div> | |
| <div id="like">{LikeButton color="grey"}</div> | |
| </div> | |
| </div> | |
| </div> | |
| {block:PermalinkPage} | |
| <div id="note_post"> | |
| <a name="notes"></a> | |
| <div id="note_date"> {DayOfWeek}, {DayOfMonth} - {MonthNumberWithZero} - {Year}</div> | |
| <hr id="line"/> | |
| {block:HasTags}{block:Tags} | |
| <a id="tag" href="{TagURL}">#{Tag}</a> | |
| {/block:Tags} | |
| <hr id="line"/> | |
| {/block:HasTags} | |
| <center>{block:NoteCount}{notecountwithlabel}{/block:NoteCount}</center> | |
| {block:Posts} | |
| {PostNotes} | |
| {/block:Posts} | |
| </div> | |
| {/block:PermalinkPage} | |
| {/block:Posts} | |
| </div> | |
| <div class="navigation"> | |
| {block:Pagination}{block:PreviousPage} | |
| <a id="pre" href="{PreviousPage}">◀︎</a> | |
| {/block:PreviousPage}{block:JumpPagination length="5"}{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 id="next" href="{NextPage}">▶︎</a> | |
| {/block:NextPage}{/block:Pagination} | |
| </div> | |
| <div class="footer"> | |
| <div id="links"> | |
| <a id="link" href="/archive">Archive</a> | |
| <a id="link" href="{RSS}">RSS</a> | |
| </div> | |
| <div id="copy">© {Title} {CopyrightYears}</div> | |
| <div id="power">Powerd by tumblr</div> | |
| </div> | |
| {block:Twitter} | |
| <script type="text/javascript" src="/tweets.js"></script> | |
| {/block:Twitter} | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment