Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
- +++++++++++++++++++++ STAR THEME BY TATA ++++++++++++++++++++
- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
- ++++++ please don't remove credits ++++++++++++++++++++++++++
- ++++++ don't use it as a base code ++++++++++++++++++++++++++
- ++++++ don't redistribute +++++++++++++++++++++++++++++++++++
- ++++++ you can customize it however you want ++++++++++++++++
- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
- ++++++++++++++++ tanharu.tumblr.com ++++++++++++++++++++++-->
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}{block:PostTitle}โยทโ{PostTitle}{/block:PostTitle}</title>
- <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}
- <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#fefefe" />
- <meta name="color:Text" content="#c6c3c4" />
- <meta name="color:Link" content="#f07fbc" />
- <meta name="color:Link Hover" content="#f743a4" />
- <meta name="color:Text 2" content="#e3dada" />
- <meta name="color:Sidebar BG" content="#010101" />
- <meta name="color:Menu Border" content="#0a0a0a" />
- <meta name="color:Menu Hover" content="#ffc8e6" />
- <meta name="color:Second Quote D" content="#f4dde9" />
- <meta name="color:Post Title" content="#f5cee2" />
- <meta name="color:Ask Text" content="#f07fbc" />
- <meta name="color:Ask Balloon" content="#fef6fa" />
- <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="text:Second Quote" content="Why won't you pick up the phone?" />
- <meta name="text:First Quote" content="empty heart, lonely nights." />
- <meta name="if:Sidebar Closed" content="1" />
- <meta name="if:Show Caption" content="1" />
- <meta name="image:Icon" content="{PortraitURL-64}"/>
- <meta name="image:Sidebar Img" content="http://static.tumblr.com/jbarb2y/bmln48z84/th.jpg" />
- <style type="text/css">
- #tumblr_controls {
- position:fixed;
- top:0px;
- right:20px;
- opacity:.3;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #tumblr_controls:hover {
- opacity:1;
- }
- body {
- font-family: 'Roboto', sans-serif;
- font-size: 8pt;
- color:{color:Text};
- background-color:{color:Background};
- }
- a {
- text-decoration: none;
- -webkit-transition: all 1s;
- transition: all 1s;
- color:{color:Link};
- }
- a:hover {
- color:{color:Link Hover};
- }
- #tata {
- position:fixed;
- bottom:0px; right:15px;
- padding:10px;
- font-size:10pt;
- font-family: monospace;
- font-weight: bold;
- background-color: {color:Background};
- }
- #sideB {
- width:250px;
- position:fixed;
- top:0; bottom:0;
- {block:IfSidebarClosed}
- left:-240px;
- {/block:IfSidebarClosed}
- {block:IfNotSidebarClosed}
- left:0;
- {/block:IfNotSidebarClosed}
- background-color:{color:Sidebar BG};
- font-family: 'Roboto Slab', serif;
- -webkit-transition: all 1s;
- transition: all 1s;
- background-image:url({image:Sidebar Img});
- background-position:bottom center;
- background-repeat:no-repeat;
- }
- #sideB #iconInfo {
- float:right;
- width:100px;
- margin-right:-130px;
- padding:15px;
- text-align: left;
- font-size: 8pt;
- line-height: 18pt;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #sideB #iconInfo>img {
- width:50px;
- height: 50px;
- border-radius: 50px;
- display: block;
- margin:15px 0;
- }
- #sideB #iconInfo>p:first-letter {
- background-color: {color:Sidebar BG};
- padding: 0 3px;
- margin: 2px;
- color: {color:Background};
- font-weight: bold;
- text-transform: uppercase;
- }
- #sideB #iconInfo>p {
- {block:IfSidebarClosed}
- opacity: 0;
- {/block:IfSidebarClosed}
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- {block:IfSidebarClosed}
- #sideB:hover #iconInfo>p {
- opacity: 1;
- }
- {/block:IfSidebarClosed}
- #navi {
- position: fixed;
- bottom: 15px;
- {block:IfSidebarClosed}
- left:25px;
- {/block:IfSidebarClosed}
- {block:IfNotSidebarClosed}
- left:260px;
- {/block:IfNotSidebarClosed}
- line-height: 18pt;
- width:50px;
- }
- #navi>a {
- font-style: italic;
- }
- {block:IfSidebarClosed}
- #sideB:hover {
- left:0;
- }
- {/block:IfSidebarClosed}
- #sideB #blogInfo {
- float: left;
- width: 220px;
- color:{color:Background};
- margin-left: 15px;
- margin-top: 25px;
- font-size: 8pt;
- }
- #blogInfo>p {
- margin-bottom: 50px;
- text-align:justify;
- }
- #blogInfo p:first-letter {
- background-color: {color:Background};
- padding: 0 3px;
- margin: 2px;
- color: {color:Sidebar BG};
- font-weight: bold;
- text-transform: uppercase;
- }
- #blogInfo ul {
- width:100px;
- margin: 0; padding: 0;
- list-style: none;
- }
- #blogInfo ul li {
- padding: 0; margin: 3px 0;
- border-bottom: 1px solid {color:Menu Border};
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #blogInfo ul li a {
- text-transform: lowercase;
- font-variant: small-caps;
- font-size: 8pt;
- letter-spacing: 2px;
- color: {color:Background};
- font-family: 'Roboto', sans-serif;
- display: block;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #blogInfo ul li:hover a {
- color:{color:Menu Hover};
- }
- #blogInfo ul li:hover {
- border-bottom:1px solid {color:Menu Hover};
- }
- #blogInfo ul.rM {
- float: right;
- text-align: right;
- }
- #blogInfo ul.lM {
- float: left;
- text-align: left;
- }
- #secondQuote {
- position: fixed;
- top:280px;
- left:40px;
- width:100px;
- font-family: 'Roboto Slab', serif;
- font-weight: 700;
- color:{color:Text 2};
- font-size: 16pt;
- line-height: 10pt;
- text-align: center;
- cursor:default;
- opacity: .3;
- -webkit-transition: all 1s;
- transition: all 1s;
- }
- #secondQuote:first-letter {
- color:{color:Second Quote D};
- }
- #secondQuote:hover {
- opacity: 1;
- }
- #postArea {
- position: absolute;
- top:0; left: 0px; right: 0; bottom: 0;
- padding-left:250px;
- margin:0;
- overflow: auto;
- }
- #postArea .post {
- width: 500px;
- margin:100px auto;
- padding:20px 10px;
- }
- #postArea .post:first-child {
- margin-top: 25px;
- }
- .post>.postInfo {
- font-family: 'Roboto Slab', serif;
- color:{color:Text 2};
- margin: 20px auto;
- font-size: 8pt;
- }
- .post>.postInfo a {
- color:{color:Second Quote D};
- }
- .post>.postDate {
- display: block;
- font-size: 11pt;
- letter-spacing: -1px;
- text-align: center;
- font-family: 'Roboto Slab', serif;
- font-weight: 700;
- margin-top: 35px;
- margin-bottom: 10px;
- }
- .post>.postDate>a {
- color:{color:Text 2};
- }
- .post>.postDate>a:hover {
- color:{color:Link};
- }
- .post>.postTags {
- text-align: center;
- }
- .post>.postTags>a {
- color:{color:Text 2};
- }
- .post>.postTags>a:hover {
- color:{color:Link};
- }
- .post h2 {
- font-family: 'Roboto Slab', serif;
- font-weight: 700;
- color:{color:Post Title};
- }
- .post blockquote {
- padding-left: 5px;
- border-left: 1px solid {color:Text 2};
- margin-left: 15px;
- }
- .post img.mainPhoto {
- width: 500px;
- }
- .post img:not(.mainPhoto) {
- max-width: 200px;
- }
- .post .postBody {
- margin-top:20px;
- }
- .linkTable {
- background-color:{color:Second Quote D};
- }
- .linkTable .thumb {
- width:80px;
- height:80px;
- background-size:cover;
- background-image:url(https://cdn0.iconfinder.com/data/icons/typicons-2/24/link-outline-128.png);
- background-color:{color:Background};
- background-position:center;
- }
- .postBody ul {
- padding:0; margin:0;
- list-style:none;
- }
- .postBody li {
- padding:5px;
- }
- .audioTable {
- width:100%;
- }
- .audioTable .art {
- width:80px;
- height:80px;
- background-size:cover;
- background-image:url(https://cdn0.iconfinder.com/data/icons/typicons-2/24/link-outline-128.png);
- background-color:{color:Background};
- background-position:center;
- border-right:5px solid {color:Second Quote D};
- }
- .tumblr_audio_player {
- width:15px;
- height:15px;
- }
- .playerCont {
- width:15px;
- height:15px;
- margin:0 auto;
- overflow:hidden;
- opacity:.6;
- border:5px solid #FFFFFF;
- text-align:center;
- }
- .askBalloon {
- width:100%;
- padding:10px 0 10px 10px;
- background-color:{color:Ask Balloon};
- margin:0;
- border-radius:20px;
- color:{color:Ask Text};
- }
- .arrBalloon {
- color:{color:Ask Balloon};
- float:right;
- margin-top:-13px;
- font-size:18pt;
- margin-right:5px;
- }
- .askerBalloon {
- float:right;
- color:{color:Link};
- font-variant:small-caps;
- margin-right:5px;
- margin-top:-4px;
- }
- ol.notes {
- list-style:none;
- }
- .note {
- padding:10px 0 !important;
- }
- ol.notes li img {
- display:none;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="postArea">
- {block:Posts}
- <div class="post">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" class="mainPhoto" width="{PhotoWidth-500}" height="{PhotoHeight-500}" />{LinkCloseTag}
- {block:IfShowCaption}
- <div class="postBody">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:IfShowCaption}
- <div class="postBody">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaption}
- {/block:Photoset}
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="postBody">
- {Body}
- </div>
- {/block:Text}
- {block:Quote}
- <h2>“ {Quote}</h2>
- <div class="postBody">
- {block:Source}{Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <table width="100%" cellpadding="0" cellspacing="0" class="linkTable">
- <tr>
- <td style="vertical-align:middle; height:80px; overflow:auto; padding:0 10px;">
- <h2><a href="{URL}" {Target}>{Name} →</a></h2>
- {block:Host}{Host}{/block:Host}
- </td>
- <td class="thumb" style="{block:Thumbnail}background-image:url('{Thumbnail}');{/block:Thumbnail}"></td>
- </tr>
- </table>
- {block:IfShowCaption}
- <div class="postBody">
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:IfShowCaption}
- {/block:Link}
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="postBody">
- <ul>
- {block:Lines}
- <li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Audio}
- <table class="audioTable">
- <tr>
- <td rowspan="4" style="background-image:url({block:AlbumArt}{AlbumArtURL}{/block:AlbumArt});" class="art">
- <div class="playerCont">
- {AudioPlayer}
- </div>
- </td>
- <td><strong>Title:</strong> {block:TrackName}{TrackName}{/block:TrackName}</td>
- </tr>
- <tr><td><strong>Album:</strong> {block:Album}{Album}{/block:Album}</td></tr>
- <tr><td><strong>Artist:</strong> {block:Artist}{Artist}{/block:Artist}</td></tr>
- <tr><td><strong>Plays:</strong> {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount} <span style="float:right;">{block:ExternalAudio}<a href="{ExternalAudioURL}">↓</a>{/block:ExternalAudio}</span></td></tr>
- </table>
- {block:IfShowCaption}
- <div class="postBody">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:IfShowCaption}
- <div class="postBody">
- {block:Caption}{Caption}{/block:Caption}
- </div>
- {/block:IfShowCaption}
- {/block:Video}
- {block:Answer}
- <div class="askBalloon">{Question}</div>
- <span class="arrBalloon">▾</span><br style="clear:both;" />
- <span class="askerBalloon">{Asker}</span><br style="clear:both;" />
- <div class="postBody">
- {Answer}
- </div>
- {/block:Answer}
- <div class="postDate"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}</a></div>
- {block:HasTags}<div class="postTags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PermalinkPage}
- <div class="postInfo">
- {block:Date}<strong>Posted on</strong> {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes}{AmPm}.{/block:Date}<br />
- {block:RebloggedFrom}
- <strong>Via:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />
- <strong>Source:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:NotReblog}<strong>Originally posted by me.</strong>{/block:NotReblog}
- </div>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </div>
- {/block:Posts}
- </div>
- {block:Pagination}
- <div id="navi">
- {block:NextPage}<a href="{NextPage}" style="float:right;">forth</a><br>{/block:NextPage}
- {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">back</a>{/block:PreviousPage}
- </div>
- {/block:Pagination}
- <a href="/">
- <div id="secondQuote">
- {text:Second Quote}
- </div></a>
- <div id="sideB">
- <div id="blogInfo">
- <p>{Description}</p>
- <ul class="lM">
- <li><a href="/">home</a></li>
- {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
- {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}
- </ul>
- <ul class="rM">
- {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="iconInfo">
- <img src="{image:Icon}" />
- <p>{text:First Quote}</p>
- </div>
- </div>
- <div id="tata"><a href="http://tanharu.tumblr.com/">ṭ</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement