Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}{block:PostTitle} | {PostTitle}{/block:PostTitle}</title>
- <!--
- Theme by: tanharu.tumblr.com
- Shapes: http://codepen.io/Darsain/details/IqjFe
- Don't repost. Don't use it as a base.
- Customize as you wish, but don't redistribute.
- -->
- <link rel="shortcut icon" href="{Favicon}"/>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- <meta name="author" content="Andressa Anjos @ tanharu.tumblr.com">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:Icon" content="{PortraitURL-64}" />
- <meta name="color:Text" content="#010101" />
- <meta name="color:Link" content="#310e1b" />
- <meta name="color:Link Hover" content="#c61154" />
- <meta name="color:Title" content="#010101" />
- <meta name="color:Menu" content="#010101" />
- <meta name="color:Lines" content="#ede8ea" />
- <meta name="color:Background" content="#FFFFFF" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="if:Octagon Icon" content="1"/>
- <meta name="if:Pentagon Icon" content="0"/>
- <meta name="if:Hexagon Icon" content="0"/>
- <meta name="if:Heptagon Icon" content="0"/>
- <meta name="if:Nonagon Icon" content="0"/>
- <meta name="if:Circle Icon" content="0"/>
- <meta name="if:Show Date" content="0"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Caption" content="0"/>
- <script src="http://use.edgefonts.net/puritan;ubuntu-mono;neuton:n2,n3,n4,i4,n7,n8:all.js"></script>
- <style type="text/css">
- body {
- font-family: 'ubuntu-mono', "Trebuchet MS", sans-serif;
- font-size: 10pt;
- background-color: {color:Background};
- color:{color:Text};
- }
- a {
- color:{color:Link};
- text-decoration: none;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- a:hover {
- color:{color:Link Hover};
- }
- /******************************* POSTS */
- #conteudo {
- width:500px;
- margin:50px auto;
- padding-top:0px;
- padding-left:180px;
- }
- #conteudo .titulo {
- border-bottom:1px solid {color:Lines};
- width: 500px;
- margin-top: 15px;
- padding-bottom: 0px;
- font-family: 'ubuntu-mono', "Trebuchet MS", sans-serif;
- }
- #conteudo .titulo span {
- display: inline-block;
- width:190px;
- font-weight: bold;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-size: 6pt;
- }
- #conteudo .titulo span.p1 {
- float:left;
- text-align: right;
- }
- #conteudo .titulo span.p2 {
- float:right;
- text-align: left;
- }
- .nonotes a:before { content: 'permalink'; }
- #conteudo .imagem {
- border-radius: 100px;
- width:20px;
- height:20px;
- background-size: cover;
- margin:0 auto;
- margin-top:-25px;
- }
- #conteudo .texto {
- width:400px;
- margin:30px auto;
- font-family: 'ubuntu-mono', sans-serif;
- font-size: 10pt;
- letter-spacing:-1px;
- }
- #conteudo .texto blockquote {
- padding:3px;
- margin:0 10px;
- border-left:1px solid {color:Lines};
- }
- #conteudo .texto p {
- padding:3px;
- margin:0;
- }
- #conteudo .qsource {
- margin:0 auto;
- text-align: right;
- }
- #conteudo .quote {
- font-family: 'neuton', serif;
- font-size: 14pt;
- font-style: italic;
- color:#bec1c1;
- letter-spacing: 1px;
- }
- #conteudo .question {
- text-align: center;
- font-size: 10pt;
- font-style: italic;
- background-color: {color:Lines};
- padding:10px;
- }
- #conteudo .curioso {
- font-size:7pt;
- text-transform: uppercase;
- display:block;
- width:400px;
- margin-top:5px;
- text-align: right;
- }
- #conteudo .mainImage {
- width: 500px;
- margin:0 auto;
- margin-bottom: -15px;
- margin-top:30px;
- }
- #conteudo .mainImagePanorama {
- width:500px;
- margin:0 auto;
- margin-bottom: -15px;
- margin-top:30px;
- background-size: cover;
- background-position: center center;
- }
- #conteudo h2 {
- font-family: 'neuton', serif;
- font-style: italic;
- font-weight: normal;
- font-size: 12pt;
- margin-bottom: -15px;
- margin-top:30px;
- }
- .secao {
- margin: 150px auto;
- }
- #conteudo .postDate {
- width:500px;
- font-family: 'neuton', serif;
- font-style: italic;
- font-weight: normal;
- font-size: 12pt;
- padding-top:10px;
- margin-top:20px;
- text-align:center;
- color:{color:Lines};
- {block:IfNotShowDate}visibility:hidden;{/block:IfNotShowDate}
- }
- #conteudo .postTags {
- font-family: 'ubuntu-mono', "Trebuchet MS", sans-serif;
- text-transform:uppercase;
- font-size:6pt;
- font-weight:bold;
- text-align:center;
- {block:IfNotShowTags}display:none;{/block:IfNotShowTags}
- }
- /******************************* SIDEBAR */
- #sidebarH {
- position:fixed;
- top:0px;
- left:110px;
- right:0px;
- height:100px;
- border-bottom:1px solid {color:Lines};
- background-color: {color:Background};
- padding-left:150px;
- font-size:24pt;
- font-family: 'neuton', serif;
- font-style: italic;
- line-height:170px;
- color:{color:Title};
- }
- #sidebarV {
- position:fixed;
- top:20px;
- left:0px;
- bottom:0px;
- width:180px;
- border-right:1px solid {color:Lines};
- padding-top:150px;
- }
- #sidebarV .sideLinks {
- background-color: {color:Background};
- list-style: none;
- margin: 0;
- padding: 0;
- margin-bottom: 50px;
- width:180px;
- text-align:right;
- }
- #sidebarV .sideLinks li {
- padding:5px;
- margin:0;
- letter-spacing: 1px;
- text-transform: lowercase;
- font-variant: small-caps;
- }
- #sidebarV .sideLinks li>a {
- text-decoration: none;
- color:{color:Menu};
- display: block;
- font-style: italic;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #sidebarV .sideLinks li>a:first-letter {
- font-weight: bold;
- font-style: normal;
- }
- #sidebarV .sideLinks li>a:hover {
- color:{color:Link Hover};
- }
- #sideIcon {
- position:fixed;
- top:100px;
- left:180px;
- width:50px;
- height:50px;
- margin-left:-25px;
- margin-top:-25px;
- background-image:url({image:Icon});
- background-size:cover;
- {block:IfOctagonIcon}
- -webkit-clip-path: polygon( 29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29% );
- -moz-clip-path: polygon( 29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29% );
- -ms-clip-path: polygon( 29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29% );
- clip-path: polygon( 29% 0, 71% 0, 100% 29%, 100% 71%, 71% 100%, 29% 100%, 0 71%, 0 29% );
- {/block:IfOctagonIcon}
- {block:IfPentagonIcon}
- -webkit-clip-path: polygon( 50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38% );
- -moz-clip-path: polygon( 50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38% );
- -ms-clip-path: polygon( 50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38% );
- clip-path: polygon( 50% 0, 100% 38%, 81% 100%, 19% 100%, 0 38% );
- {/block:IfPentagonIcon}
- {block:IfHexagonIcon}
- -webkit-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% );
- -moz-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% );
- -ms-clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% );
- clip-path: polygon( 50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25% );
- {/block:IfHexagonIcon}
- {block:IfHeptagonIcon}
- -webkit-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19% );
- -moz-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19% );
- -ms-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19% );
- clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19% );
- {/block:IfHeptagonIcon}
- {block:IfNonagonIcon}
- -webkit-clip-path: polygon( 50% 0, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12% );
- -moz-clip-path: polygon( 50% 0, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12% );
- -ms-clip-path: polygon( 50% 0, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12% );
- clip-path: polygon( 50% 0, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12% );
- {/block:IfNonagonIcon}
- {block:IfCircleIcon}
- border-radius:50px;
- {/block:IfCircleIcon}
- }
- #tata {
- position:fixed;
- bottom:0px; right:15px;
- padding:10px;
- font-size:10pt;
- font-family: monospace;
- font-weight: bold;
- background-color: {color:Background};
- }
- #description {
- position:fixed;
- bottom:20px;
- left:10px;
- padding-right:10px;
- width:160px;
- text-align:center;
- font-size:9pt;
- font-family: 'neuton', serif;
- font-style: italic;
- letter-spacing:1px;
- }
- /******************************* PAGINAÇÃO */
- #paginacao {
- width:400px;
- margin:25px auto;
- text-align: center;
- font-family: 'ubuntu-mono', "Trebuchet MS", sans-serif;
- font-weight: bold;
- font-size: 6pt;
- }
- #paginacao a {
- text-decoration: none;
- font-style: italic;
- padding:3px 5px;
- display: inline-block;
- margin: 3px;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
- #paginacao a:first-letter {
- font-weight: bold;
- font-style: normal;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="tata"><a href="http://tanharu.tumblr.com/">ṭ</a></div>
- <div id="conteudo">
- {block:Posts}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -—>
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <!-- INICIO POST -->
- <div class="secao">
- <div class="titulo">
- <span class="p1"><a href="{ReblogURL}">reblog</a></span>
- <span class="p2 {block:NoteCount}no{/block:NoteCount}nonotes"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></span>
- <br style="clear:both;"/>
- </div>
- <br style="clear:both;"/>
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}"><div class="imagem" style="background-image:url({ReblogRootPortraitURL-24});" title="source"></div></a>
- {/block:RebloggedFrom}
- {block:NotReblog}
- <div class="imagem" style="background-image:url({PortraitURL-24});"></div>
- {/block:NotReblog}
- <div class="postBody">
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="texto">
- {Body}
- </div>
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" class="mainImage" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />{LinkCloseTag}
- {block:IfShowCaption}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Photo}
- {block:Panorama}
- {LinkOpenTag}<div class="mainImagePanorama" style="background-image:url({PhotoURL-Panorama}); height:{PhotoHeight-Panorama};"></div>{LinkCloseTag}
- {block:IfShowCaption}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Panorama}
- {block:Photoset}
- <br />
- {Photoset}
- {block:IfShowCaption}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:IfNotShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="texto quote">
- {Quote}
- </div>
- {block:Source}
- <div class="texto qsource">
- — {Source}
- </div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h2><a href="{URL}" {Target}>{Name}</a></h2>
- {block:Description}
- <div class="texto">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="texto">
- {block:Lines}{block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />{/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
- {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
- {block:IfShowCaption}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {VideoEmbed-500}
- {block:IfShowCaption}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:IfShowCaption}
- {block:PermalinkPage}
- {block:Caption}
- <div class="texto">
- {Caption}
- </div>
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Video}
- {block:Answer}
- <div class="texto question">
- {Question}
- <span class="curioso">asked {Asker}</span>
- </div>
- <div class="texto answer">
- {Answer}
- </div>
- {/block:Answer}
- </div>
- <div class="postDate">
- 24.04.2014
- </div>
- {block:HasTags}<div class="postTags"><em>tags:</em> {block:Tags}<a href="{TagURL}">{Tag}</a>,  {/block:Tags}</div>{/block:HasTags}
- </div>
- <!-- FIM POST -->
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <!-- {block:ContentSource}{SourceURL}, {SourceTitle}{/block:ContentSource} -->
- {/block:Posts}
- {block:Pagination}
- <div id="paginacao">
- {block:PreviousPage}<a href="{PreviousPage}">previous</a> / {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="sidebarH">
- {Title}
- </div>
- <div id="sidebarV">
- <ul class="sideLinks">
- <li><a href="/">home</a></li>
- {block:AskEnabled}<li><a href="/ask">message</a></li>{/block:AskEnabled}
- {block:SubmissionsEnabled} <li><a href="/submit">submit</a></li>{/block:SubmissionsEnabled}
- {block:IfLink1URL}
- <li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>
- {/block:IfLink1URL}
- {block:IfLink2URL}
- <li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>
- {/block:IfLink2URL}
- {block:IfLink3URL}
- <li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>
- {/block:IfLink3URL}
- {block:IfLink4URL}
- <li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>
- {/block:IfLink4URL}
- {block:IfLink5URL}
- <li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>
- {/block:IfLink5URL}
- {block:IfLink6URL}
- <li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>
- {/block:IfLink6URL}
- </ul>
- </div>
- <div id="sideIcon"></div>
- <div id="description">{block:Description}{Description}{/block:Description}</div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement