Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-----------------------------------------------------------------------
- // Theme por SOUNDS-OF-WAR.tumblr.com
- -> Não copie.Não retire os créditos <-
- //Avise na ask se usar//
- // A "tit" theme project
- ------------------------------------------------------------------------>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</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}">
- <!---links--->
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="" />
- <meta name="text:Link3" content=""/>
- <meta name="text:Link3 Title" content=""/>
- <meta name="text:Link4" content=""/>
- <meta name="text:Link4 Title" content=""/>
- <meta name="text:Link5" content=""/>
- <meta name="text:Link5 Title" content=""/>
- <meta name="text:Link6" content=""/>
- <meta name="text:Link6 Title" content=""/>
- <!--selections-->
- <meta name="if:Show Tags" content="0"/>
- <meta name="if:Animation" content="1"/>
- <meta name="if:To Top Button" content="0"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="if:Show Tags" content="0"/>
- <!--images-->
- <meta name="image:Background" content=""/>
- <meta name="image:Sidebar" content=""/>
- <!--colors-->
- <meta name="color:Sidebar" content="#ffffff"/>
- <meta name="color:Posts" content="#ffffff"/>
- <meta name="color:Bordaimagem" content="#ffffff"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Barrarolagem" content="#ffffff"/>
- <meta name="color:Menu" content="#ffffff"/>
- <meta name="color:Links" content="#ffffff"/>
- <meta name="color:Linkshover" content="#ffffff"/>
- <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
- <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
- <script type="text/javascript" src="http://static.tumblr.com/tpusuz1/sPomh8xdv/code.txt"></script>
- <style type="text/css">
- body {
- color: #000000;background: {color:Background} url({image:Background});
- font-family: default;
- font-size: 10px;
- line-height: 1.5em;
- }
- p {margin:0 0 .75em 0} p:last-child {margin:0}
- a {
- color: {color:Links};
- text-decoration:none;
- {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
- a:hover {color: {color:linkshover}; }
- blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
- line-height: 100%;border-left: solid 4px #EDEDED;
- }
- h1 {
- font-family: default;
- font-size: 24px;
- line-height: 1.5em;font-weight: normal;
- }
- ul {
- margin: 0px 1.5em .75em;}
- li {
- margin: .75em 0;
- list-style-type: square;
- }
- .box img {
- display: block;}.m-i {
- display: block;
- line-height: 1px!important;
- }
- .post-link{
- font-family: default;
- font-size: 10px;
- line-height: 8px;
- }p.source{text-align: center;}
- .menu-picture {
- line-height: 100%;display: inline-block;
- }p.source{text-align: center;}
- h3 {
- font-size: 18px; font-weight: normal;
- }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
- .text { padding: 5px;}p.question {
- margin-bottom: .375em;
- }
- p.words {
- padding: 6px;
- line-height: 1.5em;
- color: #333333;
- background: #ebebeb;
- }
- .response {
- background: #efefef;
- padding: 5px;
- margin-bottom: .75em;
- }.answer {
- text-align: center;
- }
- .post {
- position: relative;
- width:400px;
- float:left;
- font-family:'Economica';
- font-size:14px;
- background: #ffffff;
- padding:0px;
- margin:10px;
- }.box {position: relative;}
- .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
- .bubble p {margin:1px 0px;}
- .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
- .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
- #sidebar{position:fixed;margin-left:100px;width:200px;height:680px;background:transparent;z-index:9;padding:4.5px;margin-top:0px;border:0px solid #eee}
- #sidelink{position:fixed;margin-left:50px;width:70px;height:200%;background:{color:Sidebar};z-index:0;padding:4.5px;margin-top:-177px;border:0px solid #eee;}
- #sidepag{position:fixed;margin-left:0px;width:60px;height:20px;background:transparent;z-index:30;padding:4.5px;margin-top:140px;border:0px solid #eee;}
- /*menu*/
- .menu {font-size:12px;font-family:'Economica';-webkit-transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;}
- .menu:hover{color:gray;-webkit-transform:rotate(340deg);border-bottom: solid 4px {color:Menu};-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.s ease;}
- /*efeito rotate*/
- #circle {position:fixed !important; width:160px; background:{color:Bordaimagem}; height:160px; padding:5px; text-align:center; line-height:8px; z-index:999; border-radius:9999999px; transition: all 0.7s ease-out; -o-transition-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
- #circle:hover{opacity:1; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
- #circlepic{opacity:.85; border-radius:9999999px; width:160px; transition: all 0.7s ease-out; -o-transition-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
- #circlepic img{width:160px; height:160px;border-radius:9999999px;}
- #circle:hover #circlepic {opacity:0.1;}
- #cinside {opacity:0; z-index:1; position:fixed; width:160px; height:100px;padding-top:60px;line-height:10px;}
- #cinside ctitulo {margin-top:-17px;font: 18px Pacifico; color: gray; text-align:center; display: block; padding: 5px; text-shadow: 0px 1px 1px #eae7e7;background: transparent;font-style:bold;font-family: 'Montez', cursive;}
- #cinside cdesc {font: 10px Tahoma; color: gray; text-align:center; padding: 5px; text-shadow: 0px 1px 1px #f0f0f0;display: block;}
- #circle:hover #cinside {opacity:1;-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
- .cred2 a{background:white;border:1px solid #E8E8E8;width:80px;border-radius:40px;font-size:9px;font-family:tahoma;position:fixed;left:10px;bottom:30px;-webkit-transition-duration:1s;}
- /*Barra de rolagem*/
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem};height:5px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Barrarolagem};height:5px}
- ::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;
- }ul {margin-bottom: .75em;}
- #contain {
- width:720px;
- margin: 0px auto 0;
- }
- #content {
- background:{color:Posts};
- width:420px;
- float: right;
- }
- #infscr-loading{position:relative!important;left:49%}.post .perma{position: absolute;width: 100%;text-align: center;top: 0px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;background: rgba(255, 255, 255, .75);font-size: 8px;height: 16px;line-height: 16px;text-transform: uppercase;{block:ifanimation}-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-o-transition: all 0.3s ease;{/block:ifanimation}}.post:hover .perma{opacity: 1;filter:alpha(opacity=100);}.perma:hover{background: rgba(255, 255, 255, 100);}.perma a{color: #000000;}.perma-a { background: #efefef; padding: 2px 0px;text-align: center; text-transform: uppercase; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
- p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.box iframe {
- max-width: 100%;
- }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
- .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
- #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
- a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
- </style></head>
- <body>
- <div id="contain" class="clearfix">
- <div class="centra">
- <div id="sidebar">
- <br><br><br><br><br><br>
- <div id="circle">
- <center><div id="cinside">
- <ctitulo>{title}</ctitulo>
- <cdesc>{description}</cdesc>
- </div>
- <div id="circlepic"><img src="{image:Sidebar}"></div>
- </div>
- <!--sidebar links e paginação--->
- <div id="sidelink">
- <div id="sidepag">
- <center>{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</center>
- </div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><center>
- <div class="menu"><a href="{text:Link1}">{text:Link1 Title}</a></div><br>
- <div class="menu"><a href="{text:Link2}">{text:Link2 Title}</a></div><br>
- <div class="menu"><a href="{text:Link3}">{text:Link3 Title}</a></div><br>
- <div class="menu"><a href="{text:Link4}">{text:Link4 Title}</a></div><br>
- <div class="menu"><a href="{text:Link5}">{text:Link5 Title}</a></div><br>
- <div class="menu"><a href="{text:Link6}">{text:Link6 Title}</a></div><br>
- </center>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- <div class="text">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {Body}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Quote}
- <div class="text quote">
- <p class="words">“{Quote}”</p>
- {block:Source}<p class="source">{Source}</p>{/block:Source}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="text link">
- <h3><a href="{URL}" {Target}>{Name}</a></h3>
- {block:Description}{Description}{/block:Description}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="text chat">
- <ul class="conversation">
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}<span class="person">{Label}</span>{/block:Label}
- <span class="person-said">{Line}</span>
- </li>
- {/block:Lines}
- </ul>
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="text audio">
- <p>{AudioPlayerBlack}</p>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="text answer">
- <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question} </div>{Answer}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Answer}
- {block:Photoset}
- <div class="photoset">
- <div class="box">
- <!-- permalink --> {block:IndexPage}
- <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></div>
- <!-- /permalink --> {/block:IndexPage}
- <center>{Photoset-400}</center>
- </div>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="video">
- <div class="box">
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
- <center>{Video-400}</center>
- </div>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- </div>
- {/block:Video}
- {block:Photo}
- <div class="photo">
- <div class="box">
- <!-- permalink --> {block:IndexPage}
- <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></div>
- <!-- /permalink --> {/block:IndexPage}
- {block:IndexPage}
- <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
- {/block:PermalinkPage}
- </div>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- </div>
- {/block:Photo}
- {block:IfShowTags}{block:IndexPage}{block:HasTags}
- <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
- {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
- {block:PermalinkPage}
- <div id="post-info" class="text">
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:HasTags}
- <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
- {/block:HasTags}
- <p class="post-info-data">
- {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
- {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
- Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div> <!-- end single post -->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {/block:Posts}
- </div> <!-- end content -->
- <div class="loading"></div>
- </div> <!-- end containing div -->
- {block:IndexPage}{block:IfInfiniteScroll}
- {block:Pagination}<ul id="pagination">
- {block:PreviousPage}
- <li><a href="{PreviousPage}"></a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="nextPage" href="{NextPage}"></a></li>
- {/block:NextPage}
- </ul>{/block:Pagination}
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#content');
- $content.infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : '.post, .loading',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
- },
- bufferPx : 200,
- debug : false,
- });
- });
- </script>
- {/block:IfInfiniteScroll}
- {/block:IndexPage}
- {block:IfToTopButton}
- <script type="text/javascript">
- $(document).ready(function() {
- /*
- var defaults = {
- containerID: 'toTop', // fading element id
- containerHoverID: 'toTopHover', // fading element hover id
- scrollSpeed: 1200,
- easingType: 'linear'
- };
- */
- $().UItoTop({ easingType: 'easeOutQuart' });
- });
- </script>
- <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
- {/block:IfToTopButton}
- <div class="cred2"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Theme by SOUNDS-OF-WAR.Dtl by Mutable-html.Don't remove the credits,don't copy!"><center>© ALL THEME</center></a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment