Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!------------------------------------------------------------------------
- © sibunas, 2010.
- Last updated on 2014.
- More themes by sibunas @ http://boavistas.tumblr.com
- Do not redistribute or claim as your own ANY fraction of this coding.
- ------------------------------------------------------------------------->
- <html>
- <head>
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</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}
- <!-------------------------- DEFAULT VARIABLES -------------------------->
- <meta name="color:background" content="#ecd5bd" />
- <meta name="color:body" content="#f4e5d2" />
- <meta name="color:text" content="#cba587" />
- <meta name="color:link" content="#E2AF4A" />
- <meta name="color:hover" content="#D8B05F" />
- <meta name="color:highlights" content="#484233" />
- <meta name="color:highlights2" content="#FFFFFF" />
- <meta name="color:circlebg" content="#FDF8E1" />
- <meta name="if:Show captions" content="yes" />
- <meta name="if:Show tags" content="yes" />
- <meta name="if:Show title" content="yes" />
- <meta name="if:Show sidebar 2" content="yes" />
- <meta name="font:title" content="Clear Face" />
- <meta name="font:body" content="Gibson" />
- <meta name="image:circle" content=""/>
- <meta name="image:circlebg" content=""/>
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link" />
- <style type="text/css">
- /* -------------------------- general html -------------------------- */
- body {
- color:{color:text};
- background-color:{color:background};
- background-attachment:fixed;
- font-family:{font:body};
- font-size:10px;
- line-height:11px;
- text-align:justify;
- }
- a:link, a:active, a:visited {
- color:{color:link};
- text-decoration:none;
- -webkit-transition: opacity 0.8s linear;
- opacity: 1;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- a:hover {
- color:{color:hover};
- opacity: 0.7;
- margin-bottom: 0px;
- background-color:transparent;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- }
- h1{font-size: 14px; font-family: {font:title};}
- h2{font-size: 15px; font-style:italic; font-family: {font:title}; line-height: 18px;}
- h3 {font-size: 16px; font-style: bold italic; font-family: {font:title};}
- blockquote {width: 485px; margin-left: 5px; padding-left: 5px; border-left: 1px solid {color:highlights};}
- #content {
- float: left;
- position: absolute;
- width: 800px;
- margin: 30px 10px 0 380px;
- }
- #entries {
- float: left;
- width: 500px;
- padding: 10px 10px 0px 10px;
- background: {color:body};
- border-radius: 5px;
- margin-bottom: 30px;
- }
- /* -------------------------- sidebars -------------------------- */
- #sidebar {
- float: left;
- position: fixed;
- margin-left: 50px;
- text-align: justify;
- top: 80px;
- width: 245px;
- padding: 10px;
- background-color: {color:body};
- z-index: 50;
- border-radius: 5px;
- -webkit-border-radius: 5px;
- }
- .blogtitle {
- background-color: {color:highlights};
- font-family: {font:title};
- font-size: 14px;
- line-height: 14px;
- width: 235px;
- padding: 5px;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: 2px;
- font-weight: bold;
- color: {color:highlights2};
- }
- .sidepic {
- width: 245px;
- height: 245px;
- background-color: {color:circlebg};
- background-image: url('{image:circlebg}');
- text-align: center;
- z-index: 100;
- }
- .sidepic img {
- width: 200px;
- height: 200px;
- margin: 19px;
- -moz-border-radius: 500px;
- -webkit-border-radius: 500px;
- z-index: 100;
- border: 3px solid {color:highlights2};
- }
- #navi {padding-bottom: 5px; width: 245px; height: 10px;}
- #navi a {
- font-size: 9px;
- text-transform: uppercase;
- color: {color:highlights2};
- letter-spacing: 1px;
- width: 51px;
- height: auto;
- text-align: center;
- background: {color:highlights};
- padding: 5px;
- position: fixed;
- display:block;
- }
- #navi a:hover {background:{color:background}; opacity: 1; letter-spacing: 3px; font-style: italic; color: {color:highlights};}
- #n1 a {z-index: 50; width: 52px;}
- #n1 a:hover {width: 235px;}
- #n2 a {margin-left: 62px; z-index: 40;}
- #n2 a:hover {width: 174px;}
- #n3 a {margin-left: 123px; z-index: 30;}
- #n3 a:hover {width: 113px;}
- #n4 a {margin-left: 184px; z-index: 20;}
- #description {padding-top: 10px;}
- #pagination {
- font-family: trebuchet ms;
- letter-spacing: 10px;
- padding: 10px 10px 0 10px;
- text-align: center;
- }
- #portrait {
- height: 64px;
- width: 64px;
- background: {color:highlights2};
- margin: 200px 0 0 1055px;
- text-align: center;
- padding: 9px;
- padding-bottom: 10px;
- position: fixed;
- float: left;
- }
- #sidebar2 {
- width: 200px;
- margin: 200px 0px 0px 950px;
- height: 83px;
- float: left;
- position: fixed;
- z-index: 1000;
- background: transparent;
- border-right: {color:highlights} solid 2px;
- }
- #sidebar2 a {
- width: 80px;
- height: 10px;
- font-size: 9px;
- position: fixed;
- text-align: center;
- background: {color:highlights};
- color: {color:highlights2};
- padding: 5px;
- }
- #sidebar2 a:hover {background: {color:highlights2}; color: {color:background}; width: 98px; font-style: italic; letter-spacing: 3px; opacity:1;}
- #link1 a {width:80px;}
- #link2 a {margin-top: 10px;}
- #link3 a {margin-top: 20px;}
- #link4 a {margin-top: 30px;}
- /* -------------------------- permalinks -------------------------- */
- #permalink {
- height: auto;
- width: 500px;
- padding: 5px 10px 5px 10px;
- background-color: {color:text};
- margin-top: 10px;
- margin-left: -10px;
- font-size: 8px;
- letter-spacing: 2px;
- text-align: right;
- font-family: Calibri;
- text-transform: uppercase;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #permalink:hover {
- background-color: {color:highlights2};
- -webkit-transition: opacity 0.6s linear;
- opacity: 1;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #permalink a {color:{color:highlights2};}
- #permalink a:hover {letter-spacing: 3px; color: {color:hover};}
- #permalink:hover a{color: {color:link};}
- .pg {text-align: center; margin: 5px 0 5px 0; color: {color:highlights2}; padding: 10px;}
- #tg {
- font-style: italic;
- font-size: 8px;
- padding-top: 3px;
- width: 480px;
- text-align: center;
- color: {color:highlights2};
- text-transform: lowercase;
- }
- #notes {font-weight:normal; width: 500px; font-size: 9px;}
- #notes li {padding-bottom:0.5em; list-style:none;}
- #notes li img.avatar {margin-right:5px; width:15px; height:15px; border-radius:15px;}
- /* -------------------------- other details -------------------------- */
- #chat {line-height: 16px;}
- #chat b{color:{color:link}; font-style: italic; text-transform: uppercase;}
- ::-webkit-scrollbar {width: 8px; height: 8px; background:{color:body};}
- ::-webkit-scrollbar-thumb {background:{color:highlights}; border-radius: 10px;}
- ::-webkit-selection {background:{color:highlights}; color:{color:highlights2};}
- ::selection {background:{color:highlights}; color:{color:highlights2};}
- #qsource {font-size: 11px; letter-spacing: 1px; text-align: right; padding-right: 10px;}
- #musica {
- width:26px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-top:60px;
- margin-left:60px;
- opacity: 0.7;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #musica:hover {
- opacity:1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #tod {
- height: 150px;
- width: 500px;
- position:relative;
- margin-top: -10px;
- }
- #tod p{margin-left: 160px; padding: 9px; font-family:calibri; background: {color:highlights}; color: {color:highlights2};}
- #tod b{text-transform:uppercase; font-size:8px; text-decoration:underline;}
- </style>
- <style type="text/css">{CustomCSS}</style>
- </head>
- <body>
- <div id="sidebar">
- {block:ifShowTitle}
- <div class="blogtitle">{Title}</div>
- {/block:ifShowTitle}
- <div class="sidepic"><a href="/"><img src="{image:circle}"></a></div>
- <div id="navi">
- <div id="n1"><a href="/">refresh</a></div>
- <div id="n2"><a href="/ask">message</a></div>
- <div id="n3"><a href="/archive" target="_blank">archive</a></div>
- <div id="n4"><a href="http://boavistas.tumblr.com" target="_blank">theme</a></div></div>
- {block:Description}
- <div id="description">{Description}</div>
- {/block:Description}
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}
- <a 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 href="{NextPage}">»</a>
- {/block:NextPage}
- </div>{/block:Pagination}
- </div>
- {block:ifShowSidebar2}
- <div id="sidebar2">
- <div id="link1"><a href="{text:Link1}">{text:Link1 Title}</a></div><br>
- <div id="link2"><a href="{text:Link2}">{text:Link2 Title}</a></div><br>
- <div id="link3"><a href="{text:Link3}">{text:Link3 Title}</a></div><br>
- <div id="link4"><a href="{text:Link4}">{text:Link4 Title}</a></div>
- </div>
- <div id="portrait"><img src="{PortraitURL-64}"></div>
- {/block:ifShowSidebar2}
- <div id="content">
- {block:Posts}
- <div id="entries">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Photoset}
- {block:Quote}<h2>"{Quote}"</h2>{block:Source}<div id="qsource">— {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><h3>→ {Name}</h3></a>
- {block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
- <div id="chat">{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}</br>{/block:Lines}</div>{/block:Chat}
- {block:Video}{Video-500}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{block:ifnotshowcaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifnotshowcaptions}{/block:Video}
- {block:Audio}
- <div id="tod"><div id= "musica">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="150" align="left">
- {/block:AlbumArt}
- {block:TrackName}<p><b>Audio</b>: {TrackName}</p>{/block:TrackName}
- {block:Artist}<p><b>Artist</b>: {Artist}</p>{/block:Artist}
- {block:Album}<p><b>Album</b>: {Album}</p>{/block:Album}
- <p><i>played {PlayCount} times</i></p>
- </div>
- {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
- {/block:Audio}
- {block:Answer}<img src="{AskerPortraitURL-30}" width="20" align="left" style="margin-right:5px; border-radius: 20px;" /><div style="text-transform:uppercase; border-bottom: 1px solid {color:text}; font-size:9px; font-family: calibri; letter-spacing:2px; padding-bottom: 5px;"><b>{Asker} asked:</b><br>{Question}</div>{answer}{/block:answer}
- <div id="permalink">
- {block:IndexPage}
- {block:ifShowtags}{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank">{Tag} •</a>{/block:Tags}{/block:HasTags}{/block:ifShowtags}
- <a href="{Permalink}" target="_blank">{block:NoteCount} {NoteCount} • {/block:NoteCount}{MonthNumber}/{DayOfMonth}</a>{/block:IndexPage}
- {block:PermalinkPage}
- <div class="pg"><a href="{Permalink}" target="_blank">{block:Date}Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Month} {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}</a>{block:RebloggedFrom} <br><a href="{ReblogParentURL}"> reblogged from {ReblogParentName}</a> | <a href="{ReblogRootURL}">originally by {ReblogRootName}</a>{/block:RebloggedFrom}{block:HasTags}<br><div id="tg">{block:Tags}<a href="{TagURL}" target="_blank">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div>
- {/block:PermalinkPage}
- </div>
- </div>
- {/block:Posts}
- {block:PostNotes}<center>{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom},{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</center>
- <br /><div id="notes">{PostNotes}</div><br>{/block:PostNotes}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement