Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!------------------------------------------------------------------------
- © sibunas, 2012.
- 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.
- ------------------------------------------------------------------------->
- <meta name="color:background" content="#fff" />
- <meta name="color:posts" content="#fefac8" />
- <meta name="color:sidebar" content="#fefac8" />
- <meta name="color:text" content="#CABDBD" />
- <meta name="color:link" content="#7D6C86" />
- <meta name="color:hover" content="#d3abb8" />
- <meta name="color:permalink" content="#FCFCFC" />
- <meta name="color:highlights" content="#e6dece" />
- <meta name="font:body" content="arial" />
- <meta name="font:links" content="georgia" />
- <meta name="text:font size" content="9px" />
- <meta name="text:line height" content="11px" />
- <meta name="text:top margin of sidebar navigation" content="80" />
- <meta name="if:show captions" content="yes"/>
- <meta name="if:show subtitle" content="yes"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:title" content="{Title}" />
- <meta name="text:subtitle" content="when you leave me the bed is empty" />
- <meta name="text:link one" content="/" />
- <meta name="text:link one title" content="link one" />
- <meta name="text:link two" content="/" />
- <meta name="text:link two title" content="link two" />
- <meta name="text:link three" content="/" />
- <meta name="text:link three title" content="link tres" />
- <meta name="text:link four" content="/" />
- <meta name="text:link four title" content="link four" />
- <meta name="text:link five" content="/" />
- <meta name="text:link five title" content="link five" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /* --------------------------- general css --------------------------- */
- body {
- color: {color:text};
- background-color: {color:background};
- font-family:{font:body};
- font-size: {text:font size};
- line-height: {text:line height};
- text-align: justify;
- }
- a:link, a:active, a:visited {
- color: {color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover {
- color: {color:hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- small {font-size: 90%;}
- blockquote {margin-left: 10px; border-left: 1px solid {color:highlights}; padding-left: 5px; width: 90%;}
- ul {list-style-type: square;}
- h1{font-size: 16px; font-family: 'Lobster'; line-height: 20px;}
- h2{font-size: 18px; font-family: 'Lobster'; line-height: 22px;}
- h3{font-size:20px;font-style:bold;font-family:'Lobster';line-height:25px;}
- h4{font-size: 20px; font-style: italic; letter-spacing: 1px; font-family: trebuchet ms; margin-bottom: 0px;}
- /* ------------------------------- posts ------------------------------ */
- #content {
- float: left;
- position: absolute;
- width: 700px;
- margin: 20px 20px 0 360px;
- }
- #entries {
- width: 500px;
- padding: 20px 20px 0 20px;
- background-color: {color:posts};
- margin-bottom: 30px;
- }
- /* ------------------------------ sidebar ----------------------------- */
- #sidebar {
- position: fixed;
- width: 290px;
- height: 110%;
- padding: 20px;
- background-color: {color:sidebar};
- z-index: 20;
- margin: -10px;
- }
- #sidebar img{
- margin-top: 20px;
- border: 10px solid {color:highlights};
- width: 270px;
- }
- #imagenes:hover #navigation {
- opacity: 1;
- width: 250px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #navigation {
- opacity: 0;
- position: fixed;
- width: 0px;
- font-family: trebuchet ms;
- text-transform: uppercase;
- font-family: 12px;
- margin: 0 auto;
- margin-top: {text:top margin of sidebar navigation}px;
- letter-spacing: 2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- -transition: all 0.5s ease-in-out;
- }
- #navigation ul{list-style: none;}
- #navigation li{
- text-align: center;
- background-color: white;
- opacity: 0.9;
- margin-bottom: 1px;
- padding: 20px 0px 20px 0px;
- }
- #sobre {
- width: 260px;
- padding: 5px;
- letter-spacing: 1px;
- opacity: 0.4;
- font-size: 8px;
- text-align: right;
- text-transform: uppercase;
- margin-top: -35px;
- font-family: trebuchet ms;
- color: {color:highlights};
- }
- .description {text-align: justify; margin-top: 20px;}
- .pagination {
- text-align: center;
- font-family: arial;
- font-size: 18px;
- font-weight: bold;
- font-style: italic;
- padding-top: 20px;
- }
- /* ---------------------------- sidebar 2 ----------------------------- */
- #bubble {
- margin-top: 280px;
- background-color: transparent;
- color:{color:highlights};
- position: fixed;
- float: left;
- margin-left: 1130px;
- font-size:30px;
- z-index: 200;
- -webkit-transform: rotate(-110deg);
- -moz-transform: rotate(-110deg);
- -o-transform: rotate(-110deg);
- }
- #lulus {
- margin-top: 150px;
- position: fixed;
- float: left;
- left: 980px;
- width: 200px;
- height: 143px;
- z-index: 150;
- }
- #lulus a {font-family: trebuchet ms; letter-spacing: 3px; font-weight: bold; color: {color:link};}
- #lulus a:hover {letter-spacing:1px;text-shadow: 1px 1px 0px {color:posts}}
- #lulus ul {list-style: none; margin-left: -36px; margin-top: 3px; width: 138px;}
- #lulus li {background-color: {color:highlights}; padding: 7px 5px 6px 20px; margin-bottom: 2px;}
- #home {
- margin-top: 153px;
- position: fixed;
- background-color: {color:highlights};
- float: left;
- left: 1124px;
- width: 15px;
- height: 53px;
- z-index: 150;
- padding: 20px;
- padding-top: 60px;
- border-top-right-radius: 15px;
- border-bottom-right-radius: 15px;
- }
- #blogtitle{
- left: 995px;
- float: left;
- position: fixed;
- width: 120px;
- margin-top: 300px;
- background-color: transparent;
- text-transform: lowercase;
- font-size: 15px;
- line-height: 20px;
- font-family: 'Lobster';
- z-index: 300;
- }
- #subtitle{
- left: 995px;
- float: left;
- position: fixed;
- width: 200px;
- top: 323px;
- background-color: transparent;
- text-transform: lowercase;
- font-size: 10px;
- line-height: 12px;
- font-family: Georgia;
- z-index: 300;
- }
- /* ---------------------------- permalink ----------------------------- */
- #permalink {
- min-height: 13px;
- width: 510px;
- padding: 3px 15px 3px 15px;
- background-color: {color:permalink};
- margin-top: 20px;
- margin-left: -20px;
- font-size: 8px;
- letter-spacing: 1px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- color:{color:text};
- font-family: calibri;
- text-transform: uppercase;
- }
- .timeago {text-align: left;}
- .source {text-align: right; margin-top: -10px; margin-bottom: 10px;}
- .tags {
- margin-top: -20px;
- display: block;
- opacity: 0;
- -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:highlights};
- color: {color:posts};
- }
- #permalink:hover .tags {
- opacity: 1;
- margin-top: -10px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #permalink:hover a {color:{color:posts};}
- #permalink a:hover {color: {color:posts}; opacity: 0.8; text-shadow: 1px 1px 0px {color:link}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
- #permas {
- text-align: center;
- font-family: calibri;
- margin-top: 20px;
- letter-spacing: 2px;
- color: {color:posts};
- background-color: {color:link};
- padding: 10px;
- height: auto;
- margin-left: -20px;
- width: 520px;
- font-size: 8px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- text-transform: uppercase;
- }
- #permas:hover {
- background-color: {color:border};
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #permas a {color:{color:posts}; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- #permas a:hover {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-shadow: 1px 1px 0px {color:highlights};}
- #notes {width: 500px;}
- #notes {list-style: none;}
- #notes li {padding-bottom:0.5em}
- #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:10px;}
- /* --------------------------- extra divs ---------------------------- */
- #qsource {font-size: 11px; letter-spacing: 1px; text-align: right; padding-right: 10px;}
- #chat {background-color: #fff; border-left: 5px solid #dedddd; margin: 10px 10px 0 10px; ont-size: 14px;}
- .lines {margin-left: 1px;}
- .line {background-color: {color:permalink}; color: {color:text}; margin-bottom: 1px; padding: 3px 5px;}
- .even {background-color: #dedddd;}
- .musica {
- position: relative;
- width: 20px;
- height: 30px;
- overflow: hidden;
- z-index: 500;
- margin: 10px 19px 8px 11px;
- }
- #tod {height: 150px; width: 500px; position: relative;}
- .inf {
- margin-left: 150px;
- padding-top: 20px;
- font-family:calibri;
- font-size: 12px;
- line-height: 14px;
- background: {color:highlights};
- color: {color:posts};
- height: 130px;
- text-align: center;
- }
- .box {
- background: white;
- position: absolute;
- z-index: 500;
- margin-top: 50px;
- margin-left: 50px;
- 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;
- }
- .box:hover {opacity: 0.9;}
- .askr {
- font-size: 80px;
- font-family: trebuchet ms;
- font-weight: bold;
- color: {color:highlights};
- }
- .qs {
- background: {color:highlights};
- padding: 10px;
- color: {color:posts};
- text-align: center;
- }
- .qs a {text-transform: uppercase; text-decoration: underline; color: {color:posts}; font-style: italic;}
- /* ---------- scrollbar and selection --------- */
- ::-webkit-scrollbar {width:8px; height:8px; background:{color:background}}
- ::-webkit-scrollbar-thumb {background:{color:highlights};}
- ::-webkit-selection {background:{color:highlights}; color:{color:posts};}
- ::selection {background:{color:highlights}; color:{color:posts};}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div id="imagenes">
- <div id="navigation">
- <ul>
- <li><a href="/">index</a></li>
- <li><a href="/ask">message</a></li>
- <li><a href="/archive" target="_blank">archive</a></li>
- <li><a href="http://boavistas.tumblr.com" target="_blank">theme</a></li>
- </ul></div><!--navigation-->
- <img src="{image:sidebar}">
- <div id="sobre">hover</div><!--sobre-->
- </div><!--imagenes-->
- <div class="description">{Description}</div><!--description-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {CurrentPage}—{TotalPages}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div><!--pagination-->
- {/block:Pagination}
- </div><!--sidebar-->
- <!----------------------------------------------------------------------->
- <div id="blogtitle"><a href="/">{text:title}</a></div><!--blogtitle-->
- {blockif:show subtitle}<div id="subtitle">{text:subtitle}</div>
- <!--subtitle-->{/blockif:show subtitle}
- <div id="bubble">▼</div><!--bubble-->
- <div id="lulus">
- <ul>
- <li style="border-top-left-radius: 15px;"><a href="{text:link one}">{text:link one title}</a></li>
- <li><a href="{text:link two}">{text:link two title}</a></li>
- <li><a href="{text:link three}">{text:link three title}</a></li>
- <li><a href="{text:link four}">{text:link four title}</a></li>
- <li style="border-bottom-left-radius: 15px;"><a href="{text:link five}">{text:link five title}</a></li>
- </ul></div><!--lulus-->
- <div id="home"><a href="/"><img src="http://i.imgur.com/IP917.png"></a></div><!--home-->
- <!----------------------------------------------------------------------->
- <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}<div class="ctitle">{Title}</div>{/block:Title}<div class="id"> <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div><div class="clear"></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 class="box">
- <div class="musica">
- {block:AudioPlayer}
- {AudioPlayerWhite}
- {/block:AudioPlayer}
- </div></div><!--musica-->
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="150" style="position: relative" align="left">
- {/block:AlbumArt}
- <div class="inf">
- {block:TrackName}<h4>{TrackName}</h4><br>{/block:TrackName}
- {block:Artist}<b>Artist</b>: {Artist}<br>{/block:Artist}
- {block:Album}<b>Album</b>: {Album}<br>{/block:Album}
- <i>played {PlayCount} times</i>
- </div><!--inf-->
- </div><!--tod-->
- {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
- {/block:Audio}
- <!----------------------------------------------------------------------->
- {block:Answer}
- <div class="askr"><img src="{AskerPortraitURL-48}" style="margin-left:200px; border: 4px solid {color:highlights};" /></a>?</div>
- <div class="qs">{Asker}: {Question}</div>
- {answer}
- {/block:Answer}
- <!----------------------------------------------------------------------->
- {block:IndexPage}
- <div id="permalink">
- <div class="timeago">posted <a href="{Permalink}" target="_blank">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}{/block:NoteCount}</a></div><!--timeago-->
- <div class="source">{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div><!--source-->
- <div class="tags">{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div><!--tags-->
- </div><!--permalink-->
- {/block:IndexPage}
- {block:Date}{block:PermalinkPage}
- <div id="permas">
- Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Month} {Year}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}{block:RebloggedFrom} <br>reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> | originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<i>filed under: {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}</i>{/block:HasTags}
- </div><!--permas-->
- {/block:PermalinkPage}{/block:Date}
- </div><!--entries-->
- {/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><!--content-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement